@charset "UTF-8";
/* CSS Document */

/* Resset CSS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* FIN resset CSS */

body{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    background-color: #1e1e1e;
}
h1{
    font-family:"WhitneyHTF-Black";
    font-size: 68px;
    color: #db0a2b;
    text-transform:uppercase;
}
h3{
    font-family: "ChronicleDisplay-Roman";
    font-size: 20px;
    margin-top: 10px;
    color: #323232;
    line-height: 1.1em;
}
h3.fondo_claro{
    color:#323232;
}
h3.fondo_oscuro{
    color: #ffffff;
}
h4{
    font-family: "WhitneyHTF-Bold";
    text-transform: uppercase;
    text-decoration: underline;
    margin-bottom: 20px;
    color: #5c5c5c;
    font-size: 14px;
    letter-spacing: 0.2em;
}
h2{
    font-family: "WhitneyHTF-Black";
    color:#1e1e1e;
    font-size: 34px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.rojo{
    color: #db0a2b;
    font-size: 14px;
}

p{
    font-family: arial, helvetica, sans-serif;
    font-size: 15px;
    line-height: 19px;
    color: #5c5c5c;
}
p.fondo_blanco{
    color: #8f8f8f;
}
p.fondo_blanco a{
    color: #db0a2b;
    text-decoration: underline;
}
p.fondo_crema{
    color: #625c56;
}
p.fondo_crema a{
    color: #db0a2b;
    text-decoration: underline;
}
.p_bold{
    font-weight: bold;
}
.contenedor{
    width: 100%;
    position: relative;

    overflow: hidden;
    background: #eeeeed;
}

.underline{
    text-decoration: underline;
}


/* CABECERA */
#header{
    position: relative;
    width: 100%;
    background: #393939;
    height: 196px;
    z-index: 1;
    -webkit-box-shadow:  0px 10px 20px -2px rgba(0, 0, 0, 0.3);
    box-shadow:  0px 10px 20px -2px rgba(0, 0, 0, 0.3);
}
#header_content{
    position: relative;
    overflow: hidden;
    background-image: url(../images/diagonal.jpeg);
    background-position: 585px 0px;
    background-repeat: no-repeat;
    width: 970px;
    margin-left: auto;
    margin-right: auto;
    z-index: -5;
}
#mainmenu{
    margin-top: 40px;
    position:relative;
    float: left;
    margin-bottom: 19px;
}

#mainmenu ul li{
    font-family:"WhitneyHTF-Bold";
    display: inline;
    padding-right: 40px;
    text-transform:uppercase;
    letter-spacing: 0.1em;

}

#mainmenu ul li a {
    font-size: 14px;
    color: #bcb9b4;
    text-decoration: none;
}
#mainmenu a.active{
    color: #ffffff;
}
#mainmenu ul li a:hover, #mainmenu ul li.active a{
    color: #ffffff;
}

#header_logo{
    position: relative;
    float: left;
    padding-top: 45px;
    margin-right: 400px;
}
#contenedor_registro{
    right: 0;
    position: absolute;
    width: 231px;
    top: 38px;
    z-index: -5;
}
#login{
    position: absolute;
    right: 10px;

}

#btn_perfil {
    /*afecta al boton de con y sin login*/
    height: 26px;
    position: relative;
    float: left;
    overflow: hidden;
    background-color: #db0a2b;
    color: #ffffff;
    font-family: Arial,Helvetica;
    font-size: 12px;
    padding:10px 20px 10px 20px;
    -moz-border-radius: 0 0 12px 12px;
    -webkit-border-radius: 0 0 12px 12px;
    border-radius: 0 0 12px 12px;
    /* sombra */
    -moz-box-shadow:    0px 1px 5px 0px #000;
    -webkit-box-shadow: 0px 1px 5px 0px #000;
    box-shadow:         0px 1px 5px 0px #000;

}
.contiene_perfil_desplegado{
    position: absolute;
    right: 0;
    top: -110px;
    z-index: -1;
}
.contiene_perfil_desplegado ul li{
    width: 182px;
    border-bottom: 1px solid #C92339;
    background-color: #DB0A2B;
    padding: 5px 20px 5px 20px;
    color: #ffffff;
    line-height: 1.5em;
}
.contiene_perfil_desplegado ul li a{
    color: #ffffff;
    text-decoration: none;
}
.contiene_perfil_desplegado ul li.primero{
    padding-top: 25px;
}

.contiene_perfil_desplegado ul li.ultimo{
    -moz-border-radius: 0 0 12px 12px;
    -webkit-border-radius: 0 0 12px 12px;
    border-radius: 0 0 12px 12px;
}

a:link.btn_entrar, a:visited.btn_entrar, a:active.btn_entrar {
    background-color: #db0a2b;
    -moz-border-radius: 0 0 12px 12px;
    -webkit-border-radius: 0 0 12px 12px;
    border-radius: 0 0 12px 12px;
    color: #ffffff;
    font-family: "WhitneyHTF-Medium";
    font-size: 14px;
    letter-spacing: 0.25em;
    padding:25px 72px 15px 72px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    line-height: 3em;
    position: relative;
    left: 22px;
}

a:hover.btn_entrar {
    background-color: #bab8b3;
    -moz-border-radius: 0 0 4px 12px;
    -webkit-border-radius: 0 0 12px 12px;
    border-radius: 0 0 12px 12px;
    color: #ffffff;
    font-family: "WhitneyHTF-Medium";
    font-size: 14px;
    letter-spacing: 0.25em;
    padding:25px 72px 15px 72px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    line-height: 3em;
}


.desplegable_perfil_icono, .perfil_desplegable_nombre, .desplegable_perfil_flecha{
    position: relative;
    float: left;
}
.desplegable_perfil_icono{
    margin-right: 10px;

}

.perfil_desplegable_nombre{
    width: 122px;
    padding-top: 6px;
    margin-left: 8px;
}

#claim{
    position: relative;
    float: left;
    width: 100%;
    font-family: "ChronicleDisplay-Roman";
    font-size: 16px;
    color: #dbdbdb;
    margin-top: 30px;
    margin-bottom: 25px;
    letter-spacing: 0.1em;
    line-height: 20px;

}
#header #social_menu{
    margin-left: 0;
}
#idiomas{
    position: relative;
    float: left;
    margin-left: 27px;
    margin-top: 28px;
}

#idiomas ul li{
    display: inline;
    float: left;
    padding:0 5px 0 5px;
    border-left: #a4a29f solid 1px;
    color: #a4a29f;
    padding-bottom: 3px;
}
#idiomas ul li a:link, #idiomas ul li a:visited, #idiomas ul li a:active{
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    text-decoration: none;
    color: #a4a29f;
}
#idiomas ul li a:hover{
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    text-decoration: none;
    color: #ffffff;
}
#idiomas ul li a.active {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    color:#ffffff;


}
#idiomas ul li.first{
    border-left: 0;
    padding-left: 0;
}

/* PIE */
#footer{
    width: 100%;
    height: 60px;
    background-image: url(../images/pie_bg.jpg);
    background-repeat: repeat-x;
}
#footer_content{
    width: 970px;
    margin-left: auto;
    margin-right: auto;
}
#footer_logo{
    position: relative;
    float: left;
    padding-top: 25px;
}
#footer_menu{
    position: relative;
    float: left;
    padding-left: 60px;
    margin-top: 23px;
}

#footer_menu ul li{
    display: inline;
    padding-right: 20px;
}

#footer_menu ul li a {
    font-size: 12px;
    color: #878783;
    text-decoration: none;
}
#footer_menu ul li a:hover, #footer_menu ul li.active a{
    color: #ffffff;
}
#footer #la_despensa{
    position:relative;
    float: left;
    margin-left: 40px;
    margin-top: 20px;
}
#social_menu ul li{
    display:inline;
    padding-left: 3px;
    padding-right: 3px;
}
#social_menu{
    position: relative;
    float: left;
    padding-top: 23px;
    margin-left: 45px;
}

#footer #social_menu{
    padding-top: 19px;
    margin-left: 35px;
}
#li_contacto{
    background-image: url(../images/contacto.png);
    background-repeat: no-repeat;
    background-position: left 5px;
}
#fb{
    position: relative;
    float: left;
    padding-top: 20px;
    padding-left: 60px;
}

.contenido{
    width: 970px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-bottom: 50px;
    overflow: hidden;
}

.contenido_home, .contenido_premio,.contenido_alonso, .contenido_participa{
    width: 970px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}



.clear{
    width: 100%;
    clear: both;
}

/* HOME */


#menu_inicio, #menu_socio{
    position: fixed !important;
    left: 85%;
    z-index: 1;
    overflow: visible;
    top: 55%;
}
#menu_inicio ul li{
    margin-bottom:10px;

}
#menu_inicio ul li a:link, #menu_inicio ul li a:visited, #menu_inicio ul li a:active, #menu_socio ul li a:link, #menu_socio ul li a:visited, #menu_socio ul li a:active{
    background-image: url(../images/menu_bg_gris.png);
    background-repeat: no-repeat;
    background-position-y: 0px;
    padding-top: 37px;

}
#menu_inicio ul li a:hover, #menu_inicio ul li a.selected, #menu_socio ul li a:hover, #menu_socio ul li a.selected{
    background-image: url(../images/menu_bg_rojo.png);
    background-repeat: no-repeat;
    background-position-y: 0px;
    padding-top: 37px;

}

#menu_inicio ul li a.black:hover, #menu_inicio ul li a.black.selected, #menu_socio ul li a.black:hover, #menu_socio ul li a.black.selected{
    background-image: url(../images/menu_bg_negro.png);
    background-repeat: no-repeat;
    background-position: 0;
    padding-top: 37px;
}


#menu_inicio ul li a.selected_black, #menu_socio ul li a.selected_black {
    background-image: url(../images/menu_bg_negro.png);
    background-repeat: no-repeat;
    background-position: 0;
    padding-top: 37px;
}

#video, #fernando_alonso, #premio, #participa, #socio_ficha, #socio_mis_servicios{
    -webkit-box-shadow:  0px -5px 20px -2px rgba(0, 0, 0, 0.2);
    box-shadow:  0px -5px 20px -2px rgba(0, 0, 0, 0.2);
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
}
#video, #fernando_alonso, #premio, #participa{
    height: 655px;

}

#video{
    background-color: #ffffff;
}
#fernando_alonso{
    background-color: #fef7e5;

}
#premio{
    background-color: #999996;
}

#participa{
    background-color: #e92939;
}
.contenido_participa h2{
    font-size: 45px;
    color: #ffffff;
    margin-bottom: 45px;
}
#video .titulo{
    width: 695px;
    position: relative;
    float: left;
    clear: both;
    margin-bottom: 15px;
    margin-top: 40px;

}
#video .video{
    position: relative;
    float: left;
    width: 560px;
    margin-right: 30px;
    margin-top: 15px;
}
#video .cuerpo{
    position: relative;
    float: left;
    width: 330px;
    margin-top: 15px;
}
#video .fondo_claro{
    margin-bottom: 20px

}

#video p{
    margin-top: 20px;
    margin-bottom: 20px;
}
#video .boton{
    margin-top: 40px;
}

#fernando_alonso .cuerpo1{
    position: relative;
    float: left;
    width:170px;
    margin-right: 40px;
}
#fernando_alonso .cuerpo2{
    position: relative;
    float: left;
    width: 240px;
    margin-top:35px;
    margin-right: 10px;
}
.ficha{
    width: 395px;
    position: relative;
    float: left;
    background-color: #625c56;
    padding: 0 10px 20px 20px;
    margin-top:40px;
    margin-left:20px;
}
.etiqueta_socio{
    position: relative;
    float: right;
    right: -50px;
    top:-30px;
    height: 24px;
}
.linea{
    margin-top: 15px;
    margin-bottom: 20px;
}


#fernando_alonso .ficha .foto{
    position:relative;
    float:left;
}
#fernando_alonso .ficha .datos{
    position: relative;
    float:left;
    margin-left:10px;
}
#fernando_alonso .ficha .datos p{
    font-family: "WhitneyHTF-Medium";
    font-size:24px;
    color:#ffffff;
    padding-bottom:10px;
}
#fernando_alonso .ficha ul li{
    font-size:14px;
    color:#ffffff;
    padding-top:7px;
    padding-bottom:5px;
}
.datos ul li a:link, .datos ul li a:active, .datos ul li a:visited{
    color: #a4a29f;
}

.datos ul li a:hover{
    color: #ffffff;
}
#fernando_alonso span{
    padding-right:10px;
}

#ficha_destacado p{
    width: 200px;
    float: left;
    font-family: "ChronicleDisplay-Bold";
    font-size: 25px;
    color: #c7c5c1;
    text-align: center;
    line-height: 0.85;
    margin-left: 6%;
}


.comilla{
    float: left;
}
.comilla_dcha{
    float: right;
    margin-right: 2%;
}

#premio p, #participa p{
    margin-bottom: 10px;
    color: #ffffff;
}
#premio a, #participa a{
    color: #ffffff;
}
#premio{
    color: #ffffff;
}
#premio .destacado1{
    font-family: "WhitneyHTF-Bold";
    position: relative;
    float: left;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 32px;
    padding: 112px 40px 0 40px;
    background-image: url(../images/circulo.png);
    background-repeat: no-repeat;
    width: 292px;
    height: 262px;
    margin-right: 30px;
    text-align: center;
    z-index: 2;
}
#premio .cuerpo1{
    position: relative;
    float:left;
    width: 246px;
    margin-right: 10px;
}
#premio .cuerpo2{
    position: relative;
    float:left;
    width: 250px;
    margin-left: 10px;
    margin-top:35px;
}
#premio .cuerpo2 p{
    margin-bottom: 15px;
}
#premio .foto{
    margin-top: 30px;
}
.legal{
    font-size: 12px;
}
#participa{
    padding-top: 40px;
    color:#ffffff;

}
#participa .cuerpo1{
    position: relative;
    float:left;
    width: 230px;
    margin-right: 30px;
}
#participa h4{

    margin-top: 22px;
    color: #ffffff;
}
#participa .apuntate{
    font-family: "WhitneyHTF-Bold";
    font-size: 26px;
    text-transform: uppercase;
    line-height: 28px;
    letter-spacing: 0.05em;
    color: #ffffff;

}
#participa h3{

    color:#ffffff;
    margin-top: 0 !important;
    display: block;
    width: 245px;
    margin-right: 45px;
}
#participa .cuerpo2{
    width: 270px;
    margin-right: 45px;
}
#participa .cuerpo3{
    width: 270px;
}
#participa #form_like{
    color: #ffffff !important;
    margin-top: 20px;
}
#participa .btn_gris{
    margin-top: 20px;
    display: block;
    padding-right: 20px;
    padding-left: 20px;
    width: 120px;
}

#lista_form_pasos1 {
    background-repeat: no-repeat;
    height: 31px;
    padding-top: 18px;
    background-image: url(../images/form_paso1.png);
    width: 700px;

}
#lista_form_pasos2 {
    background-repeat: no-repeat;
    height: 31px;
    padding-top: 18px;
    background-image: url(../images/form_paso2.png);
    width: 700px;
    display: none;

}
#lista_form_pasos3 {
    background-repeat: no-repeat;
    height: 31px;
    padding-top: 18px;
    background-image: url(../images/form_paso3.png);
    width: 700px;
    display: none;

}
#lista_form_pasos1 ul li, #lista_form_pasos2 ul li, #lista_form_pasos3 ul li{
    font-family: "WhitneyHTF-Bold";
    display: inline;
    float: left;
    text-transform: uppercase;
    font-size: 14px;
    width: 196px;
    text-align: center;
    letter-spacing: 0.2em
}

#contiene_form_paso1{
    margin-left: 80px;
    display: block;
}
#contiene_form_paso2{
    display: none;
}
#contiene_form_paso3{
    display: none;
}


#lista_form_pasos1 .active, #lista_form_pasos2 .active, #lista_form_pasos3 .active{
    color: #db0a2b;
}
#contiene_form_pasos{
    height: 565px;
    overflow: hidden;

}
#form_paso2, #form_paso3{
    background-color: #ffffff;
    margin-top: 30px;
    position: relative;
    float: left;
    overflow: hidden;
    width: 588px;
    height: 350px;
    padding-top: 30px;
    padding-bottom: 20px;
    margin-bottom: 40px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

}
#form_paso2 .form_tit, #form_paso3 .form_tit{
    font-family: "WhitneyHTF-Bold";
    font-size: 26px;
    text-transform: uppercase;
    color: #db0a2b;
    text-align: center;
    margin-bottom: 20px;

}
#form_paso2 .form_cuerpo, #form_paso3 .form_cuerpo{
    font-family: arial, helvetica;
    font-size:  18px;
    color: #db0a2b;
    margin-bottom: 30px;
    text-align: center;
    margin-right: 50px;
    margin-left: 50px;
    line-height: 1.2em;
}
#form_paso3 p{
    margin-bottom: 20px;

}

#participa form{
    font-size: 18px;
    margin-top: 25px;
}

#participa .legal{
    position: relative;
    float:left;
    width: 100%;
    font-size: 10px;
    letter-spacing: 0.04em;
    margin-left: 482px;
}
#participa form .bases{
    font-size: 14px;
    font-weight: normal;
    margin: 10px 0 30px 0;

}
#participa .bases a{
    text-decoration: underline;
}
#participa form .bases_error{
    font-size: 14px;
    font-weight: normal;
    margin: 10px 0 30px 0;
    color: #000000;
    font-weight: bold;

}

#form_registro{
    font-family: "WhitneyHTF-Bold";
    display: inline;
    float: left;
    font-size: 14px;
    width: 496px;
    text-align: left;
    letter-spacing: 0.2em
}

#form_registro form{
    font-size: 18px;
    margin-top: 25px;
    color: #ffffff;
}

#form_registro .legal{
    position: relative;
    float:left;
    width: 100%;
    font-size: 10px;
    letter-spacing: 0.04em;
    margin-left: 482px;
}
#form_registro form .bases{
    font-size: 14px;
    font-weight: normal;
    margin: 10px 0 30px 0;

}
#form_registro .bases a{
    text-decoration: underline;
}
#form_registro form .bases_error{
    font-size: 14px;
    font-weight: normal;
    margin: 10px 0 30px 0;
    color: #000000;
    font-weight: bold;

}
.formulario .bases, .formulario .bases_error{
    font-size: 12px;
}


.regular15{
    font-size: 15px;
    font-weight: normal;
}
#btn_continuar{
    cursor: pointer;
}
/* POP-UPS */
.HideMask{
    display: none;
}
.ShowMask{
    position:fixed;
    width: 100%;
    height: 100%;
    background-color: #000000;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";

    /* IE 5-7 */
    filter: alpha(opacity=75);

    /* Netscape */
    -moz-opacity: 0.75;

    /* Safari 1.x */
    -khtml-opacity: 0.75;

    /* Good browsers */
    opacity: 0.75;
    z-index: 100;

}
.mensaje{
    position: fixed;
    width: 397px;
    margin-left: 50%;
    left: -235px;
    top: 5%;
    background-color: #db0a2b;
    color: #ffffff;
    z-index: 150;
    padding: 40px;
}


.mensaje_browser{
    position: fixed;
    width: 597px;
    margin-left: 50%;
    left: -235px;
    top: 5%;
    background-color: #db0a2b;
    color: #ffffff;
    z-index: 500;
    padding: 40px;
}

.mensaje p{
    font-size: 15px;
    margin-bottom: 15px;
    color: #ffffff !important;
}
.mensaje .titulo{
    font-family: "WhitneyHTF-Bold";
    font-size: 33px;
    line-height: 1em;
    text-transform: uppercase;
    margin-bottom: 20px;
    color:#ffffff;

}
.mensaje form{
    font-size: 16px;
    font-weight: bold;
}
.mensaje .boton{
    margin-top: 30px;
}
.mensaje form p{
    margin-top:15px;
    margin-bottom: 15px;
}
.mensaje input.text{
    height: 36px;
    padding: 5px 20px 5px 20px;
    margin: 5px 0 5px 0;
    color: #625c56;
    font-size: 18px;
    border:0;
    font-family: arial, helvetica;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
#mensaje1 .destacado{
    font-family: "ChronicleDisplay-Roman";
    font-size: 22px;
    line-height: 1.1em;

}
#mensaje1 a:link.btn_negro, #mensaje1 a:visited.btn_negro, #mensaje1 a:active.btn_negro {
    background-color: #000000;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    color: #ffffff;
    font-family: "WhitneyHTF-Medium";
    font-size: 14px;
    letter-spacing: 0.2em;
    padding:15px 122px 15px 122px;
    text-decoration: none;
    text-transform: uppercase;
}
#mensaje1 a:hover.btn_negro {
    background-color: #bab8b3;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    color: #ffffff;
    font-family: "WhitneyHTF-Medium";
    font-size: 14px;
    letter-spacing: 0.2em;
    padding:15px 122px 15px 122px;
    text-decoration: none;
    text-transform: uppercase;
}
#mensaje1 p{
    padding-top:20px;
    border-top:1px solid #000000;
    margin-top: 20px;
    color: #fbced3;
    font-size: 14px;
    line-height: 1em;
}
#mensaje1 a:link.btn_gris, #mensaje1 a:visited.btn_gris, #mensaje1 a:active.btn_gris {
    background-color: #bab8b3;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #ffffff;
    font-family: "WhitneyHTF-Medium";
    font-size: 14px;
    letter-spacing: 0.2em;
    padding:15px 15px 15px 15px;
    text-decoration: none;
    text-transform: uppercase;
}
#mensaje1 a:hover.btn_gris {
    background-color: #000000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #ffffff;
    font-family: "WhitneyHTF-Medium";
    font-size: 14px;
    letter-spacing: 0.2em;
    padding:15px 15px 15px 15px;
    text-decoration: none;
    text-transform: uppercase;
}
#mensaje1 input.text{
    height: 33px;
    width: 235px;
    padding: 5px 20px 5px 20px;
    margin: 5px 0 5px 0;
    color: #625c56;
    font-size: 18px;
    border:0;
    font-family: arial, helvetica;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
#mensaje1 input.text_error{
    height: 33px;
    width: 235px;
    padding: 5px 20px 5px 20px;
    margin: 5px 0 5px 0;
    color: #db0a2b;
    font-size: 18px;
    border:0;
    font-family: arial, helvetica;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
#mensaje1 .input{
    position: relative;
    float: left;
}
#mensaje1 #btn_enviar{
    margin: 20px 0 0 10px;
    padding: 0;
}
#btn_apuntate_pop{
    position: relative;
    margin-top: 30px;
    margin-bottom: 40px;
}
.reloj{
    position: relative;
    float: right;
    width: 115px;
}
.popup3_texto{
    position: relative;
    float: left;
    width: 230px;
}
.popup3_texto2{
    position:relative;
    float: left;
    width: 400px;
    margin-bottom: 45px;
    line-height: 19px;
}
.aspa{
    position: absolute;
    right:10px;
    top: 10px;
}
.mensaje .aviso_legal{
    font-size: 14px;
    font-weight: normal;
    position: relative;
    float: left;
    margin-top: 20px;
    width: 100%;

}
.mensaje .aviso_legal a{
    color:#ffffff;
}
.mensaje .aviso_legal_error a{
    color:#000000;
}
.mensaje .aviso_legal_error{
    font-size: 14px;
    font-weight: normal;
    position: relative;
    float: left;
    margin-top: 20px;
    width: 100%;
    color: #000000;
    font-weight: bold;

}

.mensaje #btn_enviar, .mensaje #btn_apuntate{
    position: relative;
    float: left;
    margin-top: 40px;
    margin-left: 95px;
}
a:link.btn_negro, a:visited.btn_negro, a:active.btn_negro {
    background-color: #000000;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    color: #ffffff;
    font-family: "WhitneyHTF-Medium";
    font-size: 14px;
    letter-spacing: 0.2em;
    padding:15px 65px 15px 65px;
    text-decoration: none;
    text-transform: uppercase;
}
a:hover.btn_negro {
    background-color: #bab8b3;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    color: #ffffff;
    font-family: "WhitneyHTF-Medium";
    font-size: 14px;
    letter-spacing: 0.2em;
    padding:15px 65px 15px 65px;
    text-decoration: none;
    text-transform: uppercase;
}

a:link.btn_gris, a:visited.btn_gris, a:active.btn_gris {
    background-color: #bab8b3;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    color: #ffffff;
    font-family: "WhitneyHTF-Medium";
    font-size: 14px;
    letter-spacing: 0.2em;
    padding:15px 65px 15px 65px;
    text-decoration: none;
    text-transform: uppercase;
}
a:hover.btn_gris {
    background-color: #000000;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    color: #ffffff;
    font-family: "WhitneyHTF-Medium";
    font-size: 14px;
    letter-spacing: 0.2em;
    padding:15px 65px 15px 65px;
    text-decoration: none;
    text-transform: uppercase;
}
a:link.btn_rojo, a:visited.btn_rojo, a:active.btn_rojo {
    background-color: #db0a2b;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    color: #ffffff;
    font-family: "WhitneyHTF-Medium";
    font-size: 18px;
    letter-spacing: 0.1em;
    padding:10px 35px 10px 35px;
    text-decoration: none;

}
#ficha_servicio a.btn_rojo{
    letter-spacing: 0em!important;
}
a:hover.btn_rojo {
    background-color: #bbb8b4;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    color: #ffffff;
    font-family: "WhitneyHTF-Medium";
    font-size: 18px;
    letter-spacing: 0.1em;
    padding:10px 35px 10px 35px;
    text-decoration: none;

}

a:link.btn_serv_fb, a:visited.btn_serv_fb, a:active.btn_serv_fb {
    background-color: #3b5998;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    color: #ffffff;
    font-family: "WhitneyHTF-Medium";
    font-size: 18px;
    padding:10px 35px 10px 35px;
    text-decoration: none;

}
a:hover.btn_serv_fb {
    background-color: #bbb8b4;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    color: #ffffff;
    font-family: "WhitneyHTF-Medium";
    font-size: 18px;
    padding:10px 35px 10px 35px;
    text-decoration: none;

}

.element {
    float: left;
    width: 232px;
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
}


/* QUÉ ES */

#contenedor_que{
    background-color: #eeeeed;
    background-image: url(../images/que_bg.png);
    background-repeat: no-repeat;
    background-position: right 0px;
}
#que h4{
    text-align: center;
    width: 775px;

}
#que{
    position: relative;
    overflow: hidden;
    padding:55px 0 0 0;
}
#que #bloque1, #que #bloque2{
    position: relative;
    overflow:  hidden;
    width: 100%;
    margin-bottom: 100px
}
#que #cuerpo1, #que #cuerpo2, #que #cuerpo3, #que #cuerpo4{
    position: relative;
    float: left;
}
#cuerpo1{
    margin-top: 5px;
    margin-right: 20px;
}
#que #titulo1, #que #titulo2{
    font-family: "WhitneyHTF-Black";
    width: 100%;
    font-size: 72px;
    color: #625c56;
    text-transform: uppercase;
    margin-bottom: 20px;
}
#que #titulo2{
    color: #c7c5c1;
    text-align: right;
}
#que h3{
    width: 275px;
    margin-top: 10px;
    margin-right: 5px;
    margin-bottom: 20px;
    line-height: 22px;
}
#que p{
    width: 275px;
    color:#aeadab;
    margin-top: 15px;
}
#que #cuerpo3{
    width: 560px;
    margin-right: 30px;
}
#que #reloj{
    position: relative;
    float: right;
    margin-right: 100px;
}

/* CÓMO FUNCIONA */
#contenedor_como{
    background-color: #eeeeed;

}
#como{
    position: relative;
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
}
#como a:link, #como a:hover, #como a:visited, #como a:active{
    color:#ffffff;
    font-size:19px;
    font-family:"WhitneyHTF-Bold";
    margin-left: 20px;
    margin-top: 10px;

}
#como h4{
    text-align: center;

}
#como #titulo{
    font-family: "WhitneyHTF-Black";
    font-size: 35px;
    color: #aeadab;
    text-transform: uppercase;
    margin-bottom: 50px;
    text-align: center;
}
#como ul li{
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: middle;

}
.contiene_como .numero{
    position: absolute;
    float: left;
    background-image: url(../images/como_circulito.png);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    width:45px;
    height: 34px;
    padding-top: 16px;
    font-family: "WhitneyHTF-Black";
    font-size: 20px;
    color:#ffffff;
    left:-15px;
    top:-20px;
}
.contiene_como_over .numero{
    position: absolute;
    float: left;
    background-image: url(../images/como_circulito2.png);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    width:45px;
    height: 34px;
    padding-top: 16px;
    font-family: "WhitneyHTF-Black";
    font-size: 20px;
    color:#ffffff;
    left:-15px;
    top:-20px;
}
.contiene_como{
    position:relative;
    width: 175px;
    background-color: #dfdedc;
    padding: 15px;
    margin-left: 13px;
    float:left;
}
.contiene_como_over{
    position:relative;
    width: 175px;
    background-color: #756f68;
    padding: 15px;
    margin-left: 13px;
    float:left;
}
.img_como{
    width:100%;
}
.titulo_como{
    font-family: "WhitneyHTF-Black";
    font-size: 24px;
    color:#ffffff;
    text-align:center;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 8px;
}
.contiene_como .texto_como{
    font-family: "arial";
    font-size:14px;
    text-align: center;
    color: #817d78;
    line-height: 1.1em;
}
.contiene_como_over .texto_como{
    font-family: "ChronicleDisplay-Roman";
    font-size:14px;
    text-align: center;
    color: #c9c7c5;
    line-height: 1.1em;
}

/* SERVICIOS */
#contenedor_servicios{
    background-color: #ffffff;
}

.cabecera_servicio {
    width: 100%;
    height: 58px;
    position: relative;
    float: left;
    z-index: 1;
}

.cuerpo_servicio{
    border-radius: 6px;
    background: #C8C5C3;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    float: left;
    position: relative;
    padding-bottom: 15px;
    z-index: 0;
    margin-top: -5px;
    width:100%;
    min-height: 200px;
}

.cuerpo_servicio p {
    color:#615c55;
    font-family: arial;
    font-size:12px;
    margin-left: 15px;
    margin-right: 15px;
}

.cuerpo_servicio h3 {
    font-family: "WhitneyHTF-Black";
    letter-spacing: 1px;
    color:#ffffff;
    font-size:30px;
    margin-bottom: 30px;
    padding-top: 25px;
    margin-left: 15px;
    margin-right: 15px;
    text-transform: lowercase;
}
.cuerpo_servicio h3:first-letter{
    text-transform: uppercase;
}

.cuerpo_servicio a{

}
.cuerpo_servicio a:link, .cuerpo_servicio a:active, .cuerpo_servicio a:visited, .cuerpo_servicio a:hover{
    color: #615C55;
    text-decoration: underline;
}


#servicios{
    position: relative;
    overflow: hidden;
    padding-bottom: 100px;
    width: 980px;
}
#servicios p{
    margin-bottom: 10px;
}
.col{
    position: relative;
    float: left;
    width: 250px;
    margin-right: 10px;
}

#servicios_titulo{
    font-family: "WhitneyHTF-Black";
    font-size: 30px;
    color: #625c56;
    margin-bottom: 20px;
    text-transform: uppercase;
}

#servicios h3{
    margin-top: 0;
}

#servicios_lista{
    margin-top: 50px;
    position: relative;
    float: left;
    overflow: hidden;
}

#servicios_lista ul li{
    float: left;
    margin-right: 14px;
    margin-bottom: 14px;
    width: 232px;
    overflow: hidden;
    position:relative;
}

#servicios_lista ul li a{
    text-decoration: none;
    color: #626262;
}




.titulo_servicio_over{
    font-family: "WhitneyHTF-Black";
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 0 10px 0;
    border-bottom: solid 1px #ffffff;
    border-top: solid 1px #ffffff;
    color: #ffffff;
}
.titulo_servicio{
    font-family: "WhitneyHTF-Black";
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 0 10px 0;
    border-bottom: solid 1px #626262;
    border-top: solid 1px #626262;
}

.contiene_servicios_over{
    background-color: #db0a2b;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 190px;
    overflow: hidden;
    position:relative;
    padding: 20px;
}
.texto_servicio{
    text-align: center;
    margin-bottom: 20px;
    color: #ffffff;
    line-height: 1.1em;
    height: 113px;
}
/* FAQ */

#faq h4{
    margin-top: 55px;
    margin-bottom: 65px;
}
#faq h3{
    width: 545px;
    margin-left: 123px;
    margin-bottom: 10px;
}
#contenedor_faq{
    background-color: #eeeeed;
    padding-bottom: 40px;
}
#faq .respuesta{
    width: 545px;
    color: #aeadab;
    margin-left: 123px;
    margin-bottom: 40px;
    line-height: 1.2em;
}
#faq a:link, #faq a:active, #faq a:visited, #faq a:hover{
    color: #db0a2b;
    text-decoration: underline;
}

/* Entrar */

.entrar_contenedor{
    color: #626262;
    margin-left: auto;
    margin-right: auto;
    margin-top: 45px;
    position: relative;
    text-align: center;
    width: 505px;
}
.recordar_contenedor{
    color: #626262;
    margin-left: auto;
    margin-right: auto;
    margin-top: 45px;
    position: relative;
    text-align: center;
    width: 430px;
}

.entrar_contenedor #btn_entrar_ahora{
    margin-left: 190px;
    margin-top: 20px;
}
#entrar a.entrar_recordar:link, #entrar a.entrar_recordar:hover, #entrar a.entrar_recordar:active, #entrar a.entrar_recordar:active{
    color:   #626262;
    text-decoration: underline;
}

#recordar_pass .contiene_btn{
    margin-left: 155px;
    margin-top: 25px;
}

#crea_contenedor{
    position: absolute;
    right: 0;
    width: 155px;
    height: 95px;
    padding: 50px 20px 50px 20px;
    text-align: center;
    line-height: 1.7em;
    background-image: url(../images/entrar_circulo.png);
    background-repeat: no-repeat;
    margin-top: 50px;

}
.crea_1{
    font-size: 22px;
    color: #ffffff;
    font-family: "WhitneyHTF-Bold";
    text-transform: uppercase;
}
.crea_2{
    font-family: "chronicledisplay-roman";
    font-size: 22px;
    color: #ffffff;
}
.crea_2 a:link, .crea_2 a:visited, .crea_2 a:active, .crea_2 a:hover{

    font-family: "chronicledisplay-roman";
    font-size: 22px;
    color: #ffffff;
    text-decoration: underline;
}

#submenu.submenu {
    width: 100%;
    z-index: 0;
    height: 54px;
    position: relative;
}
#submenu.gris{
    background: #EEEEEC;
}
#submenu.blanco{
    background-color: #ffffff;
}

.submenu_content {
    position: relative;
    overflow: hidden;
    width: 970px;
    margin-left: auto;
    margin-right: auto;
}


.bg_header {
    background:#eeeeec;
    width:100%;
    height: 57px;
    position: relative;
}

.menu_servicio{
    position:relative;
    margin-top: 20px;
    float: left;
}

.menu_servicio ul li{
    font-family:"WhitneyHTF-Bold";
    display: inline;
    padding-right: 40px;
    text-transform:uppercase;
    letter-spacing: 0.1em;

}

.menu_servicio ul li a {
    font-size: 14px;
    color: #bcb9b4;
    text-decoration: none;
}
.menu_servicio a.activeServicio{
    color: #918d89;
    text-decoration: underline;

}
.menu_servicio ul li a:hover{
    color: #918d89;
    text-decoration: underline;

}

.menu_panel{
    margin-top: 20px;
    position:relative;
    float: left;
}

.menu_panel ul li{
    font-family:"WhitneyHTF-Bold";
    display: inline;
    padding-right: 40px;
    text-transform:uppercase;
    letter-spacing: 0em;

}

.menu_panel ul li a {
    font-size: 14px;
    color: #db0a2b;
    text-decoration: none;
}
.menu_panel a.activePanel{
    color: #000000;
    text-decoration: underline;

}
.menu_panel ul li a:hover{
    color: #000000;
    text-decoration: underline;
}



#input_pass_pass{
    display: none;
}

/* ACCESO REGISTRO */

.acceso_registro_contenedor{
    position: relative;
    float: left;
    margin-left: 200px;
    width: 505px;
    text-align: center;
    margin-top: 45px;


}
#btn_acceso_registro{
    margin-left: 213px;
    margin-top: 20px;
}

#acceso_registro .titulo{
    margin-left: 73px;
}
#acceso_registro .subtitulo{
    margin-left: 85px;
}

/* REGISTRO */

#btn_registro_banco{
    margin-bottom: 100px;
    margin-top: 40px;
}

#seccion_registro .bases_error, #seccion_registro .bases_error a{
    color: #db0a2b;
}

/* MI PERFIL */

#mi_perfil .titulo{
    position: relative;
    float: left;
    margin-bottom: 50px;
}
#mi_perfil .volver{
    margin-top: 20px;
}

#btn_editar_perfil{

}
.contiene_btn_baja{
    position: relative;
    float: left;
    margin-top: 30px;
    color: #626262;
    width: 100%;
    font-size: 11px;
}
.contiene_btn_baja a:link, .contiene_btn_baja a:visited, .contiene_btn_baja a:hover, .contiene_btn_baja a:active{
    color: #626262;
    text-decoration: underline
}


.contiene_ficha{
    position: relative;
    float: left;
    width: 675px;
    background-color: #f7f6f5;
    padding: 20px;
    margin-bottom: 20px;
    color: #626262;
}

.contiene_ficha .foto{
    margin-right: 20px;
}

.contiene_ficha .nombre{
    font-family: "WhitneyHTF-Black";
    font-size: 30px;

    line-height: 1.2em;
}

.contiene_ficha .socio{
    font-family: arial, Helvetica;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 1.2em;
    margin-bottom: 15px;
    clear: both;
}
.contiene_ficha .datos{
    width: 170px;
    margin-right: 10px;
    font-family: Arial, Helvetica;
    font-size: 14px;
}
.contiene_ficha .datos p{
    padding-bottom: 10px;
}
.contiene_ficha .datos p img{
    padding-right: 10px;
}
.contiene_ficha .descripcion{
    margin-left: 10px;
    line-height: 1.1em;
    font-family: arial, Helvetica;
    font-size: 14px;
}
.contiene_ficha .separador{
    margin-top: 30px;
    margin-bottom: 20px;
}
.contiene_ficha .subtitulo{
    font-family: "WhitneyHTF-Bold";
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
.contiene_ficha .titulo_bloque span{
    font-family: Arial, Helvetica;
    font-size: 14px;
    text-transform: lowercase;
    letter-spacing: 0;
}

.col_izq_panel .mis_servicios{
    position: relative;
    float: left;
    width: 100%;

}
.contiene_mis_favoritos{
    position: relative;;
    float: left;
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 15px;
}
.contiene_mis_favoritos a:link, .contiene_mis_favoritos a:active, .contiene_mis_favoritos a:visited{
    font-family: arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #626262;
    line-height: 1.1em;
    text-decoration: none;
}
.contiene_mis_favoritos a:hover{
    font-family: arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #626262;
    line-height: 1.1em;
    text-decoration: underline;
}
.contiene_mis_favoritos ul li{
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid  #bdbdbc;
    padding-bottom: 15px;
    padding-top:  15px;

}
.contiene_mis_favoritos .thumb{
    position: relative;
    float: left;
    width: 77px;
    margin-right: 5px;
}
.contiene_mis_favoritos .serv_titulo{
    position: relative;
    float: left;
    width: 125px;
}
#btn_cancelar_perfil, #btn_guardar_perfil, #btn_guardar_servicio, #btn_publicar_servicio{
    position: relative;
    float: left;
    margin-right: 10px;
    padding: 10px 0 15px 0;
    margin-top: 50px;
}

#btn_guardar_servicio_gris, #btn_publicar_servicio_gris{
    position: relative;
    float: left;
    margin-right: 10px;
    margin-top: 50px;

}


.perfil_edita_foto{
    position: relative;
    float: left;

}

.separador{
    margin-top: 20px;
    border-top: 1px solid  #bdbdbc;
    margin-bottom: 20px;
}

.error_pass{
    color: #db0a2b;
    font-size: 14px;
}
.formulario p{
    margin-left: 40px;
    color: #948F8A;
    margin-top: 5px;
}
.cambiar_pass{
    width: 495px!important;
    margin-left: 40px!important;
}

/* MI BUZON*/

#mi_buzon .aviso{
    width: 940px;
}
.col_drcha_panel .mensajes_nuevos{
    width: 105px;
    position: relative;
    float: left;
}

.contiene_mi_buzon{
    position: relative;
    float: left;
    width: 100%;
}
.contiene_mi_buzon .volver{
    margin-top: 15px;
}

.contiene_mis_creditos{
    position: relative;
    float: left;
    width: 100%;
}

.mensajes_total{
    margin-top: 40px;
    margin-bottom: 30px;
}
.bandeja_entrada{
    width: 100%;
    font-family: arial, helvetica;
    color: #626262;
    text-align: left;
    margin-bottom: 40px;
}
.bandeja_entrada th{
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid  #bdbdbc;
    padding: 10px;
    padding-bottom: 5px;
}
.bandeja_entrada td{
    border-bottom: 1px solid  #bdbdbc;
    padding: 10px;

}
.tabla_lista td {
    vertical-align: top;
    width: 300px;
    padding: 0px;
}

.bandeja_entrada .remitente{
    width: 200px;
}


.bandeja_entrada .servicio{
    width: 530px;
}



.bandeja_entrada .icono{
    width: 27px;
}
tr.no_leido{
    font-weight: bold;
}
.bandeja_entrada a{
    font-family: arial, helvetica;
    color: #626262;
    text-decoration: underline;

}

/* TRANSACCIONES */

table.transacciones{
    width: 100%;
    font-family: arial, helvetica;
    color: #626262;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 40px;
    margin-left: 10px;
    margin-right: 10px;
}
.transacciones th{
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid  #bdbdbc;
    padding: 10px 5px;
}
.transacciones td{
    border-bottom: 1px solid  #bdbdbc;
    padding: 10px 5px;
}

.transacciones a{
    font-family: arial, helvetica;
    color: #626262;
    text-decoration: underline;

}
.transacciones .tipo_servicio{
    width: 155px;
}
.transacciones .asunto{
    width: 185px;
}
.transacciones .usuario{
    width: 155px;
}
.transacciones .fecha{
    width: 95px;
}
.transacciones .boton_transacciones{
    width: 130px;
}

.contiene_mi_buzon .ayuda{
    position: relative;
    float: left;
    width: 970px;
    margin-top: 15px;
    color:  #626262;
}

/* HILO MENSAJES */

.contiene_mi_buzon

.hilo_mensajes{
    width: 100%;
    font-family: arial, helvetica;
    color: #626262;
    text-align: left;
    margin-top: 20px;
    border-bottom: 1px solid  #bdbdbc;
    border-top: 1px solid  #bdbdbc;

}
.hilo_mensajes td{
    padding-top: 8px;
    padding-bottom: 8px;
}

.hilo_mensajes tr p{
    font-size: 12px!important;
    line-height: 1.25em;
    letter-spacing: 0.05em;
}
.contiene_mi_buzon a:link, .contiene_mi_buzon a:hover, .contiene_mi_buzon a:visited, .contiene_mi_buzon a:active{
    color: #626262;
    text-decoration: underline;

}
table.hilo_globos{
    width: 100%;
    color: #626262;
    font-family: arial, helvetica;
    margin-bottom: 45px;
}

.hilo_globos .remitente{
    width: 90px;
    margin-right: 20px;
    padding-top: 20px;
}
.aviso{
    background-color: #FFF6D2;

    padding: 15px;
    float: left;
    overflow: hidden;
    position: relative;
    float: left;
    margin-bottom: 25px;
}
.aviso ul{
    width: 230px;
    display: inline;
}
.aviso ul li{
    float: left;

}
.aviso a:link, .aviso a:hover, .aviso a:visited, .aviso a:active{
    color: #626262;
    text-decoration: underline;
}
.mensaje_aviso{
    width: 600px;
    position: relative;
    float: left;
    color: #626262;
    font-size: 12px;
    letter-spacing: 0.05em;
}
.botones_aviso{
    position: relative;
    float: right;

}
.botones_aviso ul li{
    margin: 5px;
}

/* Mis creditos */
.contiene_mis_creditos{
    position: relative;
    float: left;
    overflow: hidden;
    margin-top: 40px;
    color: #626262;
}

.contiene_mis_creditos ul{
    display: inline;

}
.contiene_mis_creditos ul li{
    float: left;

    margin-right: 30px;

}
.contiene_mis_creditos .contenedor{
    position: relative;
    overflow: hidden;
    width: 240px;
    height: 175px;
    padding: 25px;
    margin-bottom: 40px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}
.contiene_mis_creditos .numero{
    font-family: "whitneyhtf-black";
    font-size: 70px;
    width: 100%;
    text-align: center;

}
.contiene_mis_creditos .icono{
    position: relative;
    float: left;
    width: 36px;
    margin-right: 10px;
    margin-left: 20px;
}
.contiene_mis_creditos .txt_creditos{
    position: relative;
    float: left;
    width: 160px;
    font-family: "WhitneyHTF-Black";
    font-size: 22px;
    text-transform: uppercase;

}
.contiene_mis_creditos .aclaracion{
    width: 100%;
    position: relative;
    float: left;
    text-align: center;
    margin-top: 15px;
}
.ultimo{
    margin-right: 0;
}
.verde{
    background-color: #b7daa2;
}
.azul{
    background-color: #cae9ea;
}
.amarillo{
    background-color: #ffdda5;
}
#mis_creditos .aviso{
    width: 940px;
}
#mis_creditos .bandeja_entrada{
    margin-bottom: 0;
}

/* SOLICITUD SERVICIO */

.contiene_peticion_servicio{
    position: relative;
    float: left;
    width: 450px;
    overflow: hidden;
    margin-left: 200px;
    margin-top: 50px;
    color: #626262;

}
.contiene_peticion_servicio .titulo{
    margin-bottom: 40px;
}
.contiene_peticion_servicio .subtitulo{
    font-family: "WhitneyHTF-Black";
    font-size: 26px;
}
.contiene_peticion_servicio .datos{
    font-family: arial, helvetica;
    font-size: 12px;
    margin-bottom: 20px;
}
.contiene_peticion_servicio .datos p{
    font-family: arial, helvetica;
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 1.5em;
}
.contiene_peticion_servicio .datos a{
    text-decoration: underline;
    color:  #626262;
}
.contiene_peticion_servicio .datos .creditos{
    position: relative;
    float: left;
}
.imagen_creditos{
    position: relative;
    float: left;
    margin-left: 5px;
    bottom: 8px;
    width: 180px;
}
.contiene_peticion_servicio .datos a:link, .contiene_peticion_servicio .datos a:hover, .contiene_peticion_servicio .datos a:active, .contiene_peticion_servicio .datos a:visited{
    text-decoration: underline;
}
.solicitud_icono {
    left: 121px;
    padding-right: 200px;
    position: absolute;
    top: 134px;
}
.contiene_peticion_servicio .descripcion, .contiene_peticion_servicio .titulo_mensaje{
    width: 100%;
    position: relative;
    float: left;
    margin-top: 10px;
    margin-bottom: 20px;
    line-height: 1.2em;
}
.contiene_peticion_servicio .boton{
    position: relative;
    float: left;
    margin-top: 20px;
}

/*OVER SERVICIOS BOTONES*/
.btn_servicios_over{
    width: 202px;
    margin-left: 15px;
}

.btn_servicios_over .enlace{
    position: relative;
    float: left;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 20px;
}
.btn_servicios_over  .btn .panel_icono {
    padding-right: 0;
    float: right;
    bottom: -6px;
    position: relative;
    left: 42px;
}


.btn_servicios_over a.btn {

    padding: 0px 50px 0 20px !important;
    display: block;
    width: 129px;
    line-height: 2em;
}
.btn_servicios_over a.btn:hover{
    color: #eaeae8;
    background-color: #d0ceca;
}

.enlace_f_serv .btn{
    padding: 10px!important;
    display: block;
    position: relative;
    float: left;
    width: 215px;
    margin-bottom: 20px;
}
.icono_f_serv{
    position: relative;
    float: right;
}


.enlace_panel .btn{
    padding: 10px!important;
    display: block;
    position: relative;
    float: left;
    width: 165px;
    margin-bottom: 20px;
}

/* PANEL */

#panel ul{
    display: inline;
}

#panel ul li{
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}
.contiene_bloque_panel{
    position: relative;
    overflow: hidden;
    background-color:#dbdbdb;
    width: 190px;
    padding: 10px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    height: 285px;
    color: #626262;
}
.contiene_bloque_panel .imagen{
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 20px;

}
.contiene_bloque_panel .titulo{
    width: 100%;
    text-align: center;
    font-family: "WhitneyHTF-Black";
    font-size: 16px;
    margin-bottom: 5px;
    padding-bottom: 15px;
    border-bottom: 1px solid #BDBDBC;
}
.contiene_bloque_panel .numero{
    position: relative;
    float: left;
    width: 73px;
    margin-right: 10px;
    font-family: "WhitneyHTF-Black";
    font-size:  36px;
    color: #db0a2b;
    margin-left: 10px;
    text-align: right;
}
.contiene_bloque_panel .aclaracion{
    position: relative;
    float: left;
    width: 75px;
    font-family: arial, helvetica;
    font-size: 14px;
    line-height: 1.2em;
    text-align: left;
}

/* CONSEJOS */

#consejos {
    position: relative;
    overflow: hidden;
    padding-bottom: 50px;
}
#consejos .titulo{
    margin-bottom: 25px;
}

#listado_consejos {
    float:left;
    color:#817c77;
    font-family: "WhitneyHTF-Book";
    font-size:18px;

}
#listado_consejos span{
    font-family: "WhitneyHTF-Bold";
}
.contiene_consejo{
    float:left;
    width:230px;
    height:145px;
    padding:25px 15px 0px 65px;
    background-repeat: no-repeat;

}
#completar_perfil {
    background-image:url(../images/bg_completar_perfil.png);
}
#ofrece_servicios {
    background-image:url(../images/bg_ofrece_servicios.png);
}
#explica_servicios {
    background-image:url(../images/bg_explica_servicios.png);

}
#responsabilidad {
    background-image:url(../images/bg_responsabilidad.png);
}
#pide_informacion {
    background-image:url(../images/bg_pide_informacion.png);
}
#sentido_comun {
    background-image:url(../images/bg_sentido_comun.png);
}
#transacciones {
    background-image:url(../images/bg_transacciones.png);
}
#buzon {
    background-image:url(../images/bg_buzon.png);
}
#denuncia {
    background-image:url(../images/bg_denuncia.png);
}
#dinero {
    background-image:url(../images/bg_dinero.png);
}
#cadenafavores {
    background-image:url(../images/bg_cadenafavores.png);
}
#finalizar_servicio {
    background-image:url(../images/bg_finalizar_servicio.png);
}
.linea_corta {
    background-image:url(../images/linea_corta.png);
    width:15px;
    height:170px;
    float:left;
    margin-right:5px;
}
.linea_larga {
    background-image:url(../images/linea_larga.png);
    width:15px;
    height:230px;
    float:left;
    margin-right:5px;

}
.linea_horizontal {
    background-image:url(../images/linea_horizontal.png);
    width:970px;
    height:1px;
    float:left;
}
.contiene_bloque_panel .consejos{
    width: 100% !important;
    text-align: center !important;
}
.contiene_bloque_panel .enlace{
    position: relative;
    float: left;
    width: 100%;
    margin-top: 25px;
}
.contiene_bloque_panel .enlace p{
    width: 140px;
}

.contiene_bloque_panel .btn .panel_icono{
    padding-right: 0;
    float: right;
    left: -10px;
    position: relative;
    left: 21px;
}

.contiene_bloque_panel a.btn{
    padding-right: 37px!important;
    display: block;
    width: 133px;
}

.triangulo_tiempo{
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 135px 208px 135px;
    border-color: transparent transparent #db0a2a transparent;
    float: left;
    margin-top: 30px;
    margin-left: 5px;
}

.triangulo_tiempo p{
    color:white;
    font-size:22px;
    font-family:"WhitneyHTF-Bold";
    text-align: center;
    line-height: 30px;
    float:right;
}
.triangulo_tiempo span {
    float: left;
    width: 150px;
    font-family: "ChronicleDisplay-Roman";
    font-size: 22px;
    color: white;
    text-align: center;
    position: relative;
    left: -70px;
    margin-top: 5px;
}
.triangulo_tiempo img {
    width:19px;
    height: 25px;
    margin-top: 30px;
    margin-left: -9px;
}

#div_como1{
    height: 280px;
}
#div_como2{
    height: 320px;
}
#div_como3{
    height: 320px;
}
#div_como4{
    height: 280px;
}

.como_boton {
    background: #726f68;
    padding-left: 31%;
    padding-right: 20px;
}
.como_boton p {
    color:white;
    text-decoration: underline;
    font-family:"WhitneyHTF-Bold";
    font-size: 20px;
    padding-top: 40px;
    margin-left: 20%;
}
.como_boton span{
    font-weight: bold;
    color:white;
}
.como_boton_contenido{
    width: 210px;
    color:#dedcda;
    font-family: arial;
    font-size:14px;
    padding-top: 50px;
    margin-left: 5px;
    margin-right: 2%;
    line-height: 18px;
    float:left;
    height:95px;
}
.como_boton_estrella{
    color:#dedcda;
    font-family: arial;
    font-size: 18px;
    padding-top: 50px;
    float:left;
    position: relative;
    top:5px;
}


.beta {
    width: 35px;
    height: 34px;
    float:right;
    position: relative;
    top:5px;
    left:-40px;

}

/* FICHA SERVICIO */
#ficha_servicio .col_izq_panel{
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;

}
#ficha_servicio .volver{
    position: relative;
    float: left;
    width: 100%;
    margin-top: 30px;
}
#ficha_servicio .volver a:link, #ficha_servicio .volver a:hover, #ficha_servicio .volver a:visited, #ficha_servicio .volver a:active{
    color: #626262;
    text-decoration: underline;

}

p.nohay_servicios a:link, p.nohay_servicios a:hover, p.nohay_servicios a:visited, p.nohay_servicios a:link{
    color: #626262;
    text-decoration: underline;
}

#popup p{
    color: #ffffff;
}
.formulario .subtitulo{
    margin-top: 0;
}

.denunciar{
    font-size: 12px;
    color: #aaa6a2;
    margin-top: 40px;
}
.denunciar a:link, .denunciar a:hover, .denunciar a:active, .denunciar a:visited{
    color: #aaa6a2;
    text-decoration: underline;

}

.fondo_blanco{
    background-color: #ffffff;

}
#boton_pop .btn_gris{
    text-transform: none !important;
    letter-spacing: 0.1em;
}

.btn_peq{
    padding: 5px 15px !important;
    font-size: 13px!important;
    -moz-border-radius: 7px 7px 7px 7px!important;
    -webkit-border-radius: 7px 7px 7px 7px!important;
    border-radius: 7px 7px 7px 7px!important;

}
.buzon_vacio{
    height: 10px;
    margin-bottom: 150px;
    padding: 25px;
    padding-bottom: 35px;
    width: 920px;

}
/* QUE OFRECER */
#contenedor_que_ofrecer{
    background-color: #FFFFFF;
}

#contenedor_servicios{
    background-color: #ffffff;

}

#que_ofrecer{
    position: relative;
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 100px;
}
#que_ofrecer p{
    margin-bottom: 10px;
}
#que_ofrecer .col{
    position: relative;
    float: left;
    width: 250px;
    margin-right: 10px;
}

#que_ofrecer_titulo{
    font-family: "WhitneyHTF-Black";
    font-size: 30px;
    color: #625c56;
    margin-bottom: 20px;
    text-transform: uppercase;
}

#que_ofrecer h3{
    margin-top: 0;
}
#que_ofrecer p{
    color: #aeadab;
    font-size: 15px;
}
#que_ofrecer_lista{
    margin-top: 80px;
    position: relative;
    float: left;
    overflow: hidden;
}

#que_ofrecer_lista ul li{
    float: left;
    height: 230px;
}
#que_ofrecer_lista ul li a{
    text-decoration: none;
    color: #626262;
}
.contiene_que_ofrecer{
    width: 190px;
    overflow: hidden;
    position:relative;
    padding: 20px;
}
.titulo_que_ofrecer_over{
    font-family: "WhitneyHTF-Black";
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 0 10px 0;
    border-bottom: solid 1px #ffffff;
    border-top: solid 1px #ffffff;
    color: #ffffff;
}
.titulo_que_ofrecer{
    font-family: "WhitneyHTF-Black";
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 0 10px 0;
    border-bottom: solid 1px #626262;
    border-top: solid 1px #626262;
}

.contiene_que_ofrecer_over{
    background-color: #db0a2b;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 190px;
    overflow: hidden;
    position:relative;
    padding: 20px;
}
.texto_que_ofrecer{
    text-align: center;
    margin-bottom: 20px;
    color: #ffffff;
    line-height: 1.1em;
    height: 113px;
}

/* SOCIO N1*/

#socio_ficha{
    padding-bottom: 100px;
}

#socio_recibidos{
    -webkit-box-shadow: 0px -5px 20px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px -5px 20px -2px rgba(0, 0, 0, 0.2);
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
}

#socio_ficha h4 {
    margin-top: 55px;
}
#socio_n1 h1{
    font-size: 60px;
    margin-bottom: 40px;
}
.socio_col{
    position: relative;
    float: left;
    width: 275px;
    margin-right: 25px;
}
#socio_ficha h3{
    margin-top: 0;
    margin-bottom: 20px;
}
#socio_ficha .clear{
    position: relative;
    height: 50px;

}
#socio_ficha .descripcion{
    font-family: "ChronicleDisplay-Roman";
    font-size: 26px;
    color: #626262;
    width: 140px;
}
#socio_ficha .contiene_ficha{
    width: 538px;
    overflow: visible;
}
#socio_ficha .etiqueta_socio{
    float: left;
    left: -50px;
    top: -22px;
}
#socio_ficha .contenido{
    overflow: visible;
}
#socio_mis_servicios{
    background-color: #f9f9f9;

}

#socio_mis_servicios .carga_imagenes{
    width: 437px;
}
#socio_mis_servicios .contiene_ficha{
    background-color: transparent;
    width: 870px;
    padding-left: 50px;
}
#socio_mis_servicios .creditos{
    position: relative;
    float: left;
    margin-left: 5px;
    margin-bottom: 5px;
}
#socio_mis_servicios h3{
    width: 250px;
    position: relative;
    float: left;
    margin-top: 30px;
    margin-bottom: 10px;
    color: #756f68;
}
#socio_mis_servicios .imagen_servicio_pequena{
    width: 131px;
    margin-top: 15px;
    margin-right: 22px;
}
#socio_mis_servicios li.imagen_servicio_pequena:last-child{
    margin-right: 0;
}
#socio_mis_servicios .titulo{
    margin-left: 32px;
    margin-bottom: 20px;
}
#socio_mis_servicios .muy_pronto{
    position: absolute;
    right: 50px;
    background-image: url("../images/socio_n1/muy_pronto.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 190px;
    height: 150px;
    overflow: hidden;
    text-align: center;
    top: -18px;
}
#socio_mis_servicios .muy_pronto .conoce{
    display: block;
    font-family: "WhitneyHTF-Bold";
    font-size: 19px;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 44px;
    margin-left: 10px;
}
.clic a:link, .clic a:hover, .clic a:active, .clic a:visited{
    font-family: "chronicledisplay-roman";
    color: #ffffff;
    font-size: 19px;
    text-align: center;
    margin-left: 10px;
    display: block;
    margin-top: 15px;
}
#socio_recibidos{
    background-color: #e4e3e0;
}
#socio_recibidos h2{
    font-size: 35px;
    font-family: "WhitneyHTF-Black";
    color: #db0a2b;
}
#socio_recibidos h3{
    margin-bottom: 20px;
    color: #756f68;
}
#socio_recibidos p{
    margin-bottom: 20px;
}
#socio_n1 .col{
    position: relative;
    float: left;
}
.col_socio_recibidos1{
    width: 335px;
    margin-right: 63px;
}
.col_socio_recibidos2{
    width: 560px;
}
#socio_n1 .contiene_galeria, #home_fase4 .contiene_galeria{
    width: 940px;
    padding: 20px 10px;
    background-color: #eeeeed;
    margin-top: 20px;
    margin-bottom: 20px;
}
#home_fase4 .contiene_galeria{
    background-image: url(../images/home_fase4/gal_bg.jpg);
    background-repeat: no-repeat;
    width: 967px;
}
.gal_titulo{
    font-size: 24px;
    color: #626262;
    font-family: "WhitneyHTF-Black";
    text-transform: uppercase;
}
.gal_cuerpo{
    width: 160px;
    font-family: arial,helvetica;
    font-size: 15px;
    margin-top: 10px;
    margin-right: 40px;
}
.titular_gal p.tit{
    font-family: "WhitneyHTF-Black";
    font-size: 22px;
    color: #ffffff;
    text-transform: uppercase;
    width: 220px;
    line-height: 1em;
}
.gal_cuerpo p{
    margin-bottom: 0!important;
}
#socio_n1 .contiene_galeria ul li, #home_fase4 .contiene_galeria ul li{
    display: inline;
    float: left;
    padding-right: 15px;
}
#home_fase4 .contiene_galeria ul li{
    padding-right: 8px!important;
}
#socio_n1 .contiene_galeria ul li:last-child, #home_fase4 .contiene_galeria ul li:last-child{
    padding-right: 0;
}
.col.contiene_galeria ul li .col.titular_gal p .btn_gris{
    float: left!important;
    margin-top: 13px;
}
.col.contiene_galeria ul li .col.titular_gal p a.btn_gris:link, .col.contiene_galeria ul li .col.titular_gal p a.btn_gris:visited, .col.contiene_galeria ul li .col.titular_gal p a.btn_gris:active {
    background-color: #c7c5c1!important;

}
.col.contiene_galeria ul li .col.titular_gal p a.btn_gris:hover{
    background-color:#1e1e1e!important;
}
#socio_recibidos .contenido{
    margin-bottom: 0!important;
    padding-bottom: 80px;
}
.socio_fb{
    width: 120px;
}
.socio_tw{
    width: 100px;
    margin-left: -25px;
}

/* HOME FASE 3 */

.left{
    position: relative;
    float: left;
}
#home_fase4{
    background-color: #ffffff;
    padding-bottom: 40px;

}
#home_fase4 h1{
    margin-bottom: 20px;
    font-size: 70px;

}
#home_fase4 .contenido{
    padding-top: 50px;
    overflow: visible!important;
    padding-bottom: 50px;
}

#home_fase4 .contiene_video{
    width: 560px;
    overflow: visible;
    background-color: #f4f3f2;
    padding-left:15px;
    padding-right:15px;
    padding-bottom: 10px;

}
#home_fase4 .rojo{
    color: #db0a2b;
}
#home_fase4 .dos{
    background-color: #c7c5c1;
    margin-top: 40px;
}
#home_fase4 .contiene_video .video{
    margin-bottom: 25px;
}
#home_fase4 .contiene_video .pie_video{
    width: 340px;
    margin-bottom: 10px;
    font-family: "ChronicleDisplay-Roman";
    font-size: 17px;
    color: #1e1e1e;
}

#home_fase4 .etiqueta_socio{
    float: left;
    left: -30px;
    width: 50px;
}
#home_fase4 .btn_gris{
    display: block;
    padding: 15px 25px;
    position: relative;
    float: right;

}
#home_fase4 a.btn_gris:link, #home_fase4 a.btn_gris:active, #home_fase4 a.btn_gris:visited{
    background-color: #756f68;
}
#home_fase4 a.btn_gris:hover{
    background-color: #1e1e1e;
}
#home_fase4 h2{
    color: #756f68;
    margin-bottom: 30px;
}
#home_fase4 .btn_rojo{
    display: block;
    padding: 15px 25px;
    position: relative;
    float: left;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 20px;

}
.fase3_col{
    width: 295px;
  margin-left: 40px;
}
.fase3_col p{
    margin-top: 5px;
    margin-bottom: 10px;
    line-height: 1.2em;
}
#home_fase4 .contiene_premio{
    width: 290px;
    padding: 40px 25px 40px 45px;
    background-image: url("../images/home_fase3/bg_premio.jpg");
    background-repeat: no-repeat;
    margin-top: 40px;
    margin-right: 20px;
}
#home_fase4 .contiene_premio .etiqueta_socio{
    left: -13px;
    top: -17px;
    position: absolute;
}
#home_fase4 .contiene_premio  h4{
    font-size: 20px;
    font-family: "WhitneyHTF-Black";
    text-decoration: none;
    letter-spacing: 0.05em;
}
#home_fase4 .contiene_premio ul li{
    display: inline;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    height: 97px;
}
#home_fase4 .contiene_premio ul li:last-child{
    margin-right: 0;
}
#home_fase4 .contiene_premio p{
    line-height: 1.2em;
    margin-bottom: 15px;
}