/*=================================================

    +++ LE GRID +++
    A Responsive Grid -- Gumby defaults to a standard 960 grid, 
    but you can change it to whatever you'd like.
 
 ==================================================*/
    
    img, object, embed { max-width: 100%; height: auto; }
    img { -ms-interpolation-mode: bicubic; }

h1, h2 {
    font: bold 100% verdana, arial, helvetica, sans-serif;
    text-decoration: none;
    color: #169;
    text-align: center;
    margin-top: 20px; }

h3 {
    font: bold 120% verdana, arial, helvetica, sans-serif;
    text-decoration: none;
    /*color: #169;*/
    /*COLOR: #334466;*/
    COLOR: #83B0E2;
    text-align: center;
    margin-top: 10px; 
    margin-bottom: 2px;    
}

h3.underline {
    BORDER-BOTTOM: #ccc 3px solid    
}
    

h4 {
    font: bold 140% verdana, arial, helvetica, sans-serif;
    text-decoration: none;
    COLOR: #169;
    text-align: center;
    margin-top: 10px; 
    margin-bottom: 2px;    
}


h5 {
    font: bold 140% verdana, arial, helvetica, sans-serif;
    background-color: #000000;
    text-decoration: none;
    COLOR: #FF0000;
    text-align: center;
    margin-top: 10px; 
    margin-bottom: 2px;
    BORDER-BOTTOM: #aac3d2 4px solid; 
    BORDER-LEFT: #aac3d2 4px solid; 
    BORDER-TOP: #aac3d2 4px solid; 
    BORDER-RIGHT: #aac3d2 4px solid; 
}


                          
h1.underline {
    BORDER-BOTTOM: #ccc 3px solid    
}
                          
hr { color: #bdf; }
 

 label + .text, label + textarea, label + select, label + div.dropdown, select + div.dropdown {
    margin-top: -9px;
}


/*Mensages de error ponemos en verde o rojo*/
.sm {
    FONT-SIZE: 85%;
}
.smmedio {
    FONT-SIZE: 95%;
}

.ok {
    COLOR: green;
}
.nok {
    COLOR: red;
}

.nokblanco {
    COLOR: white;
}


.derecha {
    margin: 5px 5%;
    padding: 5px;
    border: solid 1px #eee; }
 
/*    Aqui se establecen las propiedades de los componentes de la cabecera de la p?gina    */
#imagencabecera img { border: 0; }


#central {
    width: 80%;
    margin-top: 10px;
    float: right;
    padding: 0;
    background: white;
    }


.frmregistro {
    width: 40%;
    padding: 5px;
    margin: 0 1.5% 0 0;
    float: left;
    background: white;
    font-size: 110%; }
 
    .frmregistro ul {
        font-size: 75%;
        margin: 8px 0;
        background: white;
        padding: 0 8px; }
 
    .frmregistro li {
        margin: 5px;
        background: white;
        padding: 0 0 0 8px; }
        
    .frmregistro a {
        color: #169;
        text-decoration: none;
        }
        .frmregistro a:hover {
            color: #f60;
            text-decoration: underline; }

.frmlistadosessiones {
    padding: 5px;
    margin: 0 1.5% 0 0;
    float:inherit;
    background: white;
    font-size: 110%; }
 
    .frmlistadosessiones ul {
        font-size: 75%;
        margin: 8px 0;
        background: white;
        padding: 0 8px; }
 
    .frmlistadosessiones li {
        margin: 5px;
        background: white;
        padding: 0 0 0 8px; }
        
    .frmlistadosessiones a {
        color: #169;
        text-decoration: none;
        }
        .frmlistadosessiones a:hover {
            color: #f60;
            text-decoration: underline; }
            
            
            
            

.frmdatospersonales {
    width: 70%;
    padding: 5px;
    margin: 0 1.5% 0 0;
    float: left;
    background: white;
    font-size: 110%; }
 
    .frmdatospersonales ul {
        font-size: 75%;
        margin: 8px 0;
        background: white;
        padding: 0 8px; }
 
    .frmdatospersonales li {
        margin: 5px;
        background: white;
        padding: 0 0 0 8px; }
        
    .frmdatospersonales a {
        color: #169;
        text-decoration: none;
        }
        .frmdatospersonales a:hover {
            color: #f60;
            text-decoration: underline; }

            
.tercioleerweb {
    width: 30%;
    padding: 5px;
    margin: 0 1.5% 0 0;
    float: left;
    background: white;
    font-size: 110%; 
}
 


 
.tercio {
    width: 30%;
    padding: 5px;
    margin: 0 1.5% 0 0;
    float: left;
    background: white;
    font-size: 110%; }
 
    .tercio ul {
        font-size: 75%;
        margin: 8px 0;
        background: white;
        padding: 0 8px; }
 
    .tercio li {
        margin: 5px;
        background: white;
        padding: 0 0 0 8px; }
        
    .tercio a {
        color: #169;
        text-decoration: none;
        }
        .tercio a:hover {
            color: #f60;
            text-decoration: underline; }
            
            
            
.segundo {
    width: 45%;
    padding: 5px;
    margin: 0 1.5% 0 0;
    float: left;
    background: white;
    font-size: 110%; }
 
    .segundo ul {
        font-size: 75%;
        margin: 8px 0;
        background: white;
        padding: 0 8px; }
 
    .segundo li {
        font-size: 110%;
        margin: 5px;
        background: white;
        padding: 0 0 0 8px; }
        
    .segundo a {
        color: #169;
        text-decoration: none;
        }
        .segundo a:hover {
            color: #f60;
            text-decoration: underline; }            
            
            
.noticias_lineal {
    width: 79%;
    padding: 0px;
    margin: 2 2 2 2;
  background: white;
    font-size: 110%;
    float: left; 
    }
 
    .noticias_lineal ul {
        font-size: 65%;
        margin: 8px 0;
    background: white;
        padding: 0 8px; }
 
    .noticias_lineal li {
        margin: 5px;
    background: white;
        padding: 0 0 0 8px; }
        
    .noticias_lineal a {
        color: #169;
        text-decoration: none;
        }
        .noticias_lineal a:hover {
            color: #f60;
            text-decoration: underline; 
            }            
            .noticias_lineal td{
                            vertical-align:top;
                            padding: 0 0 0 8px;
            }
            .noticias_lineal img{
                BORDER-BOTTOM: #aac3d2 4px solid; 
                            BORDER-LEFT: #aac3d2 4px solid; 
                        BORDER-TOP: #aac3d2 4px solid; 
                        BORDER-RIGHT: #aac3d2 4px solid; 
                        }

     
 
/* Componentes y sus propiedades de la columna izquierda    */
#columna {
    width: 18%;
    height: auto;
    margin-top: 10px;
    padding: 1px 1%;
    float: left;
    background: white;
    display: block; }
 
    #columna h3 {
        font: bold 90% verdana, tahoma, sans-serif;
        color: #169;
        text-align: center;
        margin: 0; 
        padding: 0 10px 5px 15px; }
 
    #columna ul {
        list-style: circle;
        padding: 0 0 0 25px;
        margin: 0; }
 
    #columna li a {
        color: #169;
        text-decoration: none;
        font-size: 80%; }
 
        #columna li a:hover {
            color: #f60;
            text-decoration: underline; }
 


 /* CABECERA */
 
 
.link 
{
    text-decoration: none;
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    text-align: center;
    margin-left: 1px;
    /*background: url(img/boton-menu.jpg) repeat-x;*/
    font-weight: bold;
    font-size: 75%;
    line-height: 32px;
    border-radius: 4px;
    border: 1px solid #999;
    margin: 5 10 20px 0;
    color: white;
    box-shadow: inset 0 1px 1px #fff
    }
    .link:hover {
        color: red;
    }


 /*    PIE DE PAGINA    */
 
 #noticias {
    font: normal 80% arial, helvetica, sans-serif;
    text-align: left;
    float: left;
    color: white;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
 }
    #noticias td{ 
        color: white; 
    }
    #noticias td:hover { color: red;}

 
 #siguiente {
    text-align: center;
    float: left;
    margin-left: 30px;
    BACKGROUND-COLOR: #eee;
    width: 98%;
    height: auto;
    margin-top: 1px;
    margin-left: auto;
    margin-right: auto;
    padding: 2px 1%;
    BORDER-LEFT: #FFFFFF 4px solid; 
    BORDER-TOP: #FFFFFF 1px solid; 
    BORDER-RIGHT: #FFFFFF 4px solid; 
    PADDING-TOP: 1px;
}
    #siguiente b {
        font: normal 120% arial, helvetica, sans-serif;
        padding: 0;
        margin: 5px 0 0 0;
        color: #000000; }
 
    #siguiente a {
        font: normal 100% arial, helvetica, sans-serif;
        color: #0000FF;
        text-decoration: none;
        padding: 0;
        margin: 5px 0 0 0;
        font-size: 100%; }
 
        #siguiente a:hover { color: red; }

 
#contacto {
    text-align: center;
    float: left;
    margin-left: 30px;
    color: #FF6600;
}
    #contacto p {
        font: normal 80% arial, helvetica, sans-serif;
        padding: 0;
        margin: 5px 0 0 0;
        color: #fff; }
 
    #contacto a {
        color: #FF6600;
        text-decoration: none;
        padding: 0;
        margin: 5px 0 0 0;
        font-size: 100%; }
 
        #contacto a:hover { color: red; }


#contador {
    font: normal 80% arial, helvetica, sans-serif;
    color: white;
    margin-top: 2px;
    margin-bottom: 2px;
    text-align: center;
    float: right;
}


 
#migas {
    width: 100%;
    height: 48px;
    margin-top: -6px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 1px 1%;
    float: left;
    text-align: center; }
 
    #migas p {
        font: normal 100% arial, helvetica, sans-serif;
        padding: 0;
        margin: 5px 0 0 0;
        color: white; }
 
    #migas a {
        color: white;
        text-decoration: none;
        padding: 0;
        margin: 5px 0 0 0;
        font-size: 110%; }
 
        #migas a:hover { color: red; }


        
        
 
.icono {
    border: 0;
    width: 60px;
    height: 20px; }
 


 
  /*=======================================================================

    CAJAS DE TEXTO
    
 ========================================================================*/

    form { 
        margin: 2 2 18px;
    }
    
    form label {
        display: block;
        font-size: 16px;
        line-height: 18px;
        cursor: pointer;
        margin-bottom: 9px;
    }
    
    form .field {
        position: relative;
        margin-bottom: 1px;
        width: auto;
    }
    
    form dt {
        margin: 0;
        width: auto;
    }

    form textarea {
        height: 150px;
    }
    
    form .msg {
        display: block;
        opacity: 0;
        height: 0;
        width: 100%;
        overflow: hidden;
    }
    
    form .error > .msg {
        opacity: 1;
        height: auto;
        overflow: visible;
        
        position: absolute;
        /*position: relative;*/
        top: -40px;
        display: block;
        
        width: 100%;
        background: #b72a18;
        color: #fff;
        font-weight: 500;
        font-size: 14px;
        text-align: center;
        padding: 8px 0;
        border-radius: 4px;
        -webkit-transition-duration: .2s;  /* Saf3.2+, Chrome */
        -moz-transition-duration: .2s;  /* FF4+ */
        -ms-transition-duration: .2s;  /* IE10 */
        -o-transition-duration: .2s;  /* Opera 10.5+ */
        transition-duration: .2s;
    }
    
    form .error .msg .caret {
        left: 50%;
        top: 100%;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        border-top: 5px solid #b72a18;
        opacity: 1;
    }
    
    
    /* Fieldsets */
    form fieldset { padding: 9px 9px 2px 9px; border: solid 1px #ddd; margin: 18px 0; }

    /* Inlined Radio & Checkbox */
    
    form .field input[type=radio], form .field input[type=checkbox] {
        display: inline;
        width:auto;
        margin-bottom:0;
    }

    form .field .radio span, form .field .checkbox span {
        display: inline-block;
        width: 16px;
        height: 16px;
        position: relative;
        top: 2px;
        border: solid 1px #ccc;
        background: #fefefe;
    }
    
    form .field .radio span {
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
    }
    
    form .field .checkbox span {
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }
    
    form .field .checkbox.checked span {
        background-position: 0px -14px;
    }    
    
    
   
/*Textos internos del INPUT**/    
     .field .text input, .field .text input[type="search"], form textarea {
        font-size: 12px;
        font-family: "Lucida Grande", sans-serif;
        width: auto;
        border: none;
        box-shadow: none;
        -webkit-box-shadow: none;
        border: none;
        padding: 0;
        margin: 0;
        outline: none;
        resize: none;
    }
/*El contorno de los inputs*/
    .field .text, .field .search, .field .textarea {
        position: relative;
        width: auto;
        font-size: 12px;
        padding: 2px 4px;
        outline: none !important;
        background: #fff;
        -webkit-box-shadow: inset 0 2px 3px #ccc,
            0 1px 0 #f4fff6
        ;
        box-shadow: inset 0 2px 3px #ccc,
            0 1px 0 #f4fff6
        ;
        border: 1px solid #b7b7b7;
        border-radius: 4px;
    }
        
    .field .text input[type="search"] {
        -webkit-appearance: textfield;
    }


    
    .field .text.oval {
        border-radius: 1000px;
    }
    
    .field .search {
        padding: 2px 10px;
        line-height: 24px;
        margin-bottom: 0;
        border: 1px solid #1d692d;
        -webkit-box-shadow: 0px 1px 1px #94dda6,
            inset 0 1px 3px #888
        ;
        box-shadow: 0px 1px 1px #94dda6,
            inset 0 1px 3px #888
        ;
    }
    
    .field.error .text,
    .field.error .textarea {
        margin-top: 45px;
        -webkit-box-shadow: inset 0 2px 3px #feb9a2,
            0 1px 0 #f4fff6
        ;
        box-shadow: inset 0 2px 3px #feb9a2,
            0 1px 0 #f4fff6
        ;
        -webkit-transition-duration: .2s;  /* Saf3.2+, Chrome */
        -moz-transition-duration: .2s;  /* FF4+ */
        -ms-transition-duration: .2s;  /* IE10 */
        -o-transition-duration: .2s;  /* Opera 10.5+ */
        transition-duration: .2s;
    }
    
    .field.error .text, .field.error .textarea, .field.error input, .field.error textarea {
        color: #cd4225;
        background: #ffdace;
    }
    

        
    .picker {
        position: relative;
        width: auto;
        height: 38px;
        display: inline-block;
        margin: 0 0 2px 1.2%;
    }
    
    .picker:first-child {
        margin-left: 0;
    }
    
    .picker select {
        position: absolute;
        z-index: 0;
        display:none;
    }
    
    .picker .toggle {
        position: relative;
        top: 0;
        left: 0;
        height: 36px;
        padding: 0 35px 0 20px;
        border: 1px solid #999;
        border-radius: 4px;
        font: bold 16px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
        line-height: 36px;
        color: #444;
        text-shadow: 0 1px 1px #fff;
        display: inline-block;
        z-index: 1;
        
        background: #ccc; /* Old browsers */
        background: -moz-linear-gradient(top, #eee 0%, #ccc 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#ccc)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #eee 0%,#ccc 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #eee 0%,#ccc 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #eee 0%,#ccc 100%); /* IE10+ */
        background: linear-gradient(top, #eee 0%,#ccc 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
        -webkit-box-shadow: inset 0 1px 1px #fff,
            0 1px 2px rgba(0,0,0,0.31); /* Remove this line if you dont want a dropshadow on your buttons*/
        box-shadow: inset 0 1px 1px #fff,
                    0 1px 2px rgba(0,0,0,0.31); /* Remove this line if you dont want a dropshadow on your buttons*/
    }
    
    .picker .toggle:hover {
        border-color: #bbb;
        background: #eee; /* Old browsers */
        background: -moz-linear-gradient(top, #fff 0%, #ddd 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ddd)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #fff 0%,#ddd 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #fff 0%,#ddd 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #fff 0%,#ddd 100%); /* IE10+ */
        background: linear-gradient(top, #fff 0%,#ddd 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
    } 
    
    .caret {
      display: inline-block;
      position: absolute;
      width: 0;
      height: 0;
      text-indent: -99999px;
      *text-indent: 0;
      vertical-align: top;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #000000;
      opacity: 0.5;
      filter: alpha(opacity=30);
      content: "\2193";
      -webkit-transition-duration: .2s;  /* Saf3.2+, Chrome */
      -moz-transition-duration: .2s;  /* FF4+ */
      -ms-transition-duration: .2s;  /* IE10 */
      -o-transition-duration: .2s;  /* Opera 10.5+ */
      transition-duration: .2s;
    }
    
    .picker .caret {
      right: 12px;
      top: 16px;
    }
    
    .picker:hover .caret, .picker.open .caret {
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transition-duration: .2s;  /* Saf3.2+, Chrome */
      -moz-transition-duration: .2s;  /* FF4+ */
      -ms-transition-duration: .2s;  /* IE10 */
      -o-transition-duration: .2s;  /* Opera 10.5+ */
      transition-duration: .2s;
    }
    
    .picker ul {
        display: inline-block;
        position: absolute;
        text-align: center;
        left: 0;
        top: 20px;
        min-width: 180px;
        height: 0;
        max-height: 0;
        margin: 0;
        overflow: hidden;
        background: #fff;
        border-radius: 4px;
    }
    
    .picker.open ul {
        width: auto;
        height: auto;
        max-height: 1000px;
        top: 40px;
        border: 1px solid #bbb;
        -webkit-box-shadow:    0 1px 2px rgba(0,0,0,0.31); /* Remove this line if you dont want a dropshadow on your buttons*/
        box-shadow: 0 1px 2px rgba(0,0,0,0.31); /* Remove this line if you dont want a dropshadow on your buttons*/
        
        -webkit-transition-duration: .4s;  /* Saf3.2+, Chrome */
        -moz-transition-duration: .4s;  /* FF4+ */
        -ms-transition-duration: .4s;  /* IE10 */
        -o-transition-duration: .4s;  /* Opera 10.5+ */
        transition-duration: .4s;
        z-index: 99;
    }
    
    .picker ul li {
        margin-bottom: 0;
        border-bottom: 1px solid #eee;
        text-align: left;
    }
    
    .picker ul li:last-child {
        border-bottom: none;
    }
    
    .picker ul li a {
        display: block;
        padding: 10px 20px;
    }

    /* Inlined Label Style */
    input.placeholder, textarea.placeholder { color: #888; }

    /* Text input and textarea sizes */
    input.input-text, textarea { width: 254px; }
    input.small, textarea.small { width: 134px; }
    input.medium, textarea.medium { width: 254px; }
    input.large, textarea.large { width: 434px; }

        
/*=======================================================================

 Textos
    
 ========================================================================*/
 
     .texto1 
     {
        position: relative;
        display: inline-block;
        width: auto;
        height: auto;
        text-align: center;
        margin-left: 2px;
        margin-right: 2px;
        /*background: url(img/boton-menu.jpg) repeat-x;*/
        font-weight: bold;
        font-size: 75%;
        line-height: 32px;
         border-radius: 4px;
         border: 1px solid #999;
         margin: 5 10 20px 0;
         color: white;
        box-shadow: inset 0 1px 1px #fff;
    }
    .texto1:hover {
    }


        
    .texto {
      position: relative;
        display: inline-block;
        /*especifica tama?o si no rula en IE*/
        width: auto;
        height: 28px;
        font-size: 12px;
        line-height: 28px;
        border: 1px solid #999;
        border-radius: 4px;
        margin: 0 0 20px 0;
        color: white;
        -webkit-box-shadow: inset 0 1px 1px #fff,
            0 1px 2px rgba(0,0,0,0.31); /* Remove this line if you dont want a dropshadow on your buttons*/
        box-shadow: inset 0 1px 1px #fff,
                    0 1px 2px rgba(0,0,0,0.31); /* Remove this line if you dont want a dropshadow on your buttons*/
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
        
    }
    
    .oval { 
        -moz-border-radius: 1000px;
        -webkit-border-radius: 1000Px;
        border-radius: 1000px;
    }
            
/*=======================================================================

    Buttons
    
 ========================================================================*/
 
     .btnlogin {
      	font-size: 12px;
        height: auto;
        line-height: 26px;
        border: 1px solid #7d180a;
        background: #c54224; /* Old browsers */
        background: -moz-linear-gradient(top, #ef6638 0%, #b62918 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef6638), color-stop(100%,#b62918)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ef6638 0%,#b62918 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ef6638 0%,#b62918 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ef6638 0%,#b62918 100%); /* IE10+ */
        background: linear-gradient(top, #ef6638 0%,#b62918 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef6638', endColorstr='#b62918',GradientType=0 ); /* IE6-9 */
        
        -webkit-box-shadow: inset 0 1px 1px #fb926a,
            0 1px 2px rgba(0,0,0,0.61); /* Remove this line if you dont want a dropshadow on your buttons*/
        box-shadow: inset 0 1px 1px #fb926a,
                    0 1px 2px rgba(0,0,0,0.61); /* Remove this line if you dont want a dropshadow on your buttons*/
        
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .btnlogin:hover {
        line-height: 26px;
        background: #ed754e; /* Old browsers */
        background: -moz-linear-gradient(top, #ed754e 0%, #c93e23 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed754e), color-stop(100%,#c93e23)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ed754e 0%,#c93e23 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ed754e 0%,#c93e23 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ed754e 0%,#c93e23 100%); /* IE10+ */
        background: linear-gradient(top, #ed754e 0%,#c93e23 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed754e', endColorstr='#c93e23',GradientType=0 ); /* IE6-9 */
    }
    
 
     .btnlogin a, .btnlogin:hover a {
        display: block;
        font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
        font-weight: bold;
        padding: 0 4px;
        text-align: center;
        text-decoration: none;
        color: #FFFFFF;
        text-shadow: 0 1px 1px #fff;
    }
    
    .btnlogin:hover a {
        line-height: inherit;
    }
 
 
    
    .btn {
      
        position: relative;
        display: inline-block;
        /*especifica tama?o si no rula en IE*/
        width: auto;
        height: 36px;
        font-size: 16px;
        line-height: 36px;
        border: 1px solid #999;
        border-radius: 4px;
        cursor: pointer;
        margin: 0 0 20px 0;

        -webkit-box-shadow: inset 0 1px 1px #fff,
            0 1px 2px rgba(0,0,0,0.31); /* Remove this line if you dont want a dropshadow on your buttons*/
        box-shadow: inset 0 1px 1px #fff,
                    0 1px 2px rgba(0,0,0,0.31); /* Remove this line if you dont want a dropshadow on your buttons*/
        
        background: #ccc; /* Old browsers */
        background: -moz-linear-gradient(top, #eee 0%, #ccc 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#ccc)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #eee 0%,#ccc 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #eee 0%,#ccc 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #eee 0%,#ccc 100%); /* IE10+ */
        background: linear-gradient(top, #eee 0%,#ccc 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
    }
    
    /*Solo letra no cuadro*/
    .btn:hover {
        -webkit-box-shadow: inset 0 1px 1px #fff,
            0 1px 2px rgba(0,0,0,0.31); /* Remove this line if you dont want a dropshadow on your buttons*/
        box-shadow: inset 0 1px 1px #fff,
                    0 1px 2px rgba(0,0,0,0.31); /* Remove this line if you dont want a dropshadow on your buttons*/
        
        background: #ccc; /* Old browsers */
        background: -moz-linear-gradient(top, #fff 0%, #ddd 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ddd)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #fff 0%,#ddd 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #fff 0%,#ddd 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #fff 0%,#ddd 100%); /* IE10+ */
        background: linear-gradient(top, #fff 0%,#ddd 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
    }


    /*Solo letra no cuadro*/
    .btn a, .btn:hover a {
        display: block;
        font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
        font-weight: bold;
        padding: 0 4px;
        text-align: center;
        text-decoration: none;
        color: #444;
        text-shadow: 0 1px 1px #fff;
    }
    
    .btn:hover a {
        line-height: inherit;
    }
    
    .btn:active {
        background: #ccc; /* Old browsers */
        background: -moz-linear-gradient(top, #ddd 0%, #fff 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddd), color-stop(100%,#fff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ddd 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ddd 0%,#fff 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ddd 0%,#fff 100%); /* IE10+ */
        background: linear-gradient(top, #ddd 0%,#fff 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    }

    .btn.primary {
      font-size: 12px;
        height: auto;
        line-height: 34px;
        border: 1px solid #7d180a;
        
        background: #c54224; /* Old browsers */
        background: -moz-linear-gradient(top, #ef6638 0%, #b62918 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef6638), color-stop(100%,#b62918)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ef6638 0%,#b62918 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ef6638 0%,#b62918 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ef6638 0%,#b62918 100%); /* IE10+ */
        background: linear-gradient(top, #ef6638 0%,#b62918 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef6638', endColorstr='#b62918',GradientType=0 ); /* IE6-9 */
        
        -webkit-box-shadow: inset 0 1px 1px #fb926a,
            0 1px 2px rgba(0,0,0,0.61); /* Remove this line if you dont want a dropshadow on your buttons*/
        box-shadow: inset 0 1px 1px #fb926a,
                    0 1px 2px rgba(0,0,0,0.61); /* Remove this line if you dont want a dropshadow on your buttons*/
        
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .btn.primary:hover {
        line-height: 35px;
        background: #ed754e; /* Old browsers */
        background: -moz-linear-gradient(top, #ed754e 0%, #c93e23 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed754e), color-stop(100%,#c93e23)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ed754e 0%,#c93e23 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ed754e 0%,#c93e23 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ed754e 0%,#c93e23 100%); /* IE10+ */
        background: linear-gradient(top, #ed754e 0%,#c93e23 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed754e', endColorstr='#c93e23',GradientType=0 ); /* IE6-9 */
    }
    
    .btn.primary a, btn.primary:hover a {
        color: #fff;
        text-shadow: 0 1px 2px #6f1c0e,
                                 0 1px 0 #6f1c0e;
    }
    
    .btn.primary:active {
        background: #ed754e; /* Old browsers */
        background: -moz-linear-gradient(top, #c93e23 0%, #ed754e 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c93e23), color-stop(100%,#ed754e)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #c93e23 0%,#ed754e 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #c93e23 0%,#ed754e 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #c93e23 0%,#ed754e 100%); /* IE10+ */
        background: linear-gradient(top, #c93e23 0%,#ed754e 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c93e23', endColorstr='#ed754e',GradientType=0 ); /* IE6-9 */
    }
    
    .btn.secondary { 
      font-size: 24px;
        height: 56px;
        line-height: 56px;
        border-color: #1d692d;
    
        -webkit-box-shadow: inset 0 1px 1px #94dda6,
            0 1px 2px rgba(0,0,0,0.61); /* Remove this line if you dont want a dropshadow on your buttons*/
        box-shadow: inset 0 1px 1px #94dda6,
                    0 1px 2px rgba(0,0,0,0.61); /* Remove this line if you dont want a dropshadow on your buttons*/
    
        background: #5dbb73; /* Old browsers */
        background: -moz-linear-gradient(top, #5dbb73 0%, #2d9047 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5dbb73), color-stop(100%,#2d9047)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #5dbb73 0%,#2d9047 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #5dbb73 0%,#2d9047 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #5dbb73 0%,#2d9047 100%); /* IE10+ */
        background: linear-gradient(top, #5dbb73 0%,#2d9047 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5dbb73', endColorstr='#2d9047',GradientType=0 ); /* IE6-9 */
    }
    
    .btn.secondary:hover {
        background: #68ce80; /* Old browsers */
        background: -moz-linear-gradient(top, #68ce80 0%, #3cae5a 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#68ce80), color-stop(100%,#3cae5a)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #68ce80 0%,#3cae5a 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #68ce80 0%,#3cae5a 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #68ce80 0%,#3cae5a 100%); /* IE10+ */
        background: linear-gradient(top, #68ce80 0%,#3cae5a 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68ce80', endColorstr='#3cae5a',GradientType=0 ); /* IE6-9 */
    }
    
    .btn.secondary a, .btn.secondary:hover a {
        color: #fff;
        text-shadow: 0 1px 2px #114a1e,
                                 0 1px 0 #114a1e;
    }
    
    .btn.secondary:active {
        background: #68ce80; /* Old browsers */
        background: -moz-linear-gradient(top, #3cae5a 0%, #68ce80 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3cae5a), color-stop(100%,#68ce80)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #3cae5a 0%,#68ce80 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #3cae5a 0%,#68ce80 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #3cae5a 0%,#68ce80 100%); /* IE10+ */
        background: linear-gradient(top, #3cae5a 0%,#68ce80 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3cae5a', endColorstr='#68ce80',GradientType=0 ); /* IE6-9 */
    }
    
    .btn.tertiary {
      font-size: 20px;
        height: 46px;
        line-height: 46px;
        border-color: #c19114;
        
        background: #feeeb8; /* Old browsers */
        background: -moz-linear-gradient(top, #feeeb8 0%, #fed554 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feeeb8), color-stop(100%,#fed554)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #feeeb8 0%,#fed554 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #feeeb8 0%,#fed554 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #feeeb8 0%,#fed554 100%); /* IE10+ */
        background: linear-gradient(top, #feeeb8 0%,#fed554 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feeeb8', endColorstr='#fed554',GradientType=0 ); /* IE6-9 */
        
        -webkit-box-shadow: inset 0 2px 2px #fef9e9,
                    inset 0 -3px 5px #fcaa20,
                    0 1px 2px rgba(0,0,0,0.61); /* Remove this line if you dont want a dropshadow on your buttons*/
        box-shadow: inset 0 2px 2px #fef9e9,
                    inset 0 -3px 5px #fcaa20,
                    0 1px 2px rgba(0,0,0,0.61); /* Remove this line if you dont want a dropshadow on your buttons*/
    }
    
    .btn.tertiary:hover {
        background: #fef4d3; /* Old browsers */
        background: -moz-linear-gradient(top, #fef4d3 0%, #fcde7e 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef4d3), color-stop(100%,#fcde7e)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #fef4d3 0%,#fcde7e 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #fef4d3 0%,#fcde7e 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #fef4d3 0%,#fcde7e 100%); /* IE10+ */
        background: linear-gradient(top, #fef4d3 0%,#fcde7e 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef4d3', endColorstr='#fcde7e',GradientType=0 ); /* IE6-9 */
        
        -webkit-box-shadow: inset 0 2px 2px #fef9e9,
                    inset 0 -3px 5px #fdc841,
                    0 1px 2px rgba(0,0,0,0.61); /* Remove this line if you dont want a dropshadow on your buttons*/
        box-shadow: inset 0 2px 2px #fef9e9,
                    inset 0 -3px 5px #fdc841,
                    0 1px 2px rgba(0,0,0,0.61); /* Remove this line if you dont want a dropshadow on your buttons*/
    }

    .btn.tertiary a, .btn.tertiary:hover a {
        color: #6a4a00;
        text-shadow: 0 1px 2px #fff;
    }
    
    .btn.tertiary:active {
        background: #fef4d3; /* Old browsers */
        background: -moz-linear-gradient(top, #fcde7e 0%, #fef4d3 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcde7e), color-stop(100%,#fef4d3)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #fcde7e 0%,#fef4d3 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #fcde7e 0%,#fef4d3 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #fcde7e 0%,#fef4d3 100%); /* IE10+ */
        background: linear-gradient(top, #fcde7e 0%,#fef4d3 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcde7e', endColorstr='#fef4d3',GradientType=0 ); /* IE6-9 */
    }
    
    .oval { 
        -moz-border-radius: 1000px;
        -webkit-border-radius: 1000px;
        border-radius: 1000px;
    }
    
    .btn.submit input {
      font: 14px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
      font-weight: bold;
      padding: 0 5px;
      text-align: center;
      text-decoration: none;
      background: transparent;
      color: #444;
      text-shadow: 0 1px 1px #fff;
      border: none;
      margin: 0;
      cursor: pointer;
    }

    .btn.submit {
        text-align: center;
    }
    
    .btn.left { 
        text-align: left; 
        text-indent: 12px;
    }
    
    
    
    /*=====================================================================
    
     Resize your buttons (Works in conjunction with .primary, .secondary,
     .tertiary button styles as well!)
         
     =======================================================================*/
    
    .small.btn {
      font-size: 12px;
        line-height: 24px !important;
        height: 24px;
    }
    
    .medium.btn {
      font-size: 16px;
        line-height: 40px !important;
        height: 40px;
    }
    
    .large.btn {
      font-size: 30px;
        line-height: 65px !important;
        height: 65px;
    }
    
    /* Mobile Buttons */
    
    @media only screen and (max-width: 767px) {
        .btn { display: block; }
        button.btn { width: 100%; padding-left: 0px; padding-right: 0px; }
        
        .btn.primary, .btn.secondary, .btn.tertiary, .btn.large {
            width: 100% !important;
        }
        
        .btn.medium {
            min-width: 75% !important;
        }
    }
    
    @media only screen and (min-width:768px) and (max-width: 939px) {
      /* Style adjustments for viewports between 768px and 940px */
      
      .btn.shrink a {
        font-size: 90%;
      }
    
    }