.col_izq{
    position: relative;
    float: left;
    width: 280px;
    text-align: left;
    margin-right: 100px;
    margin-top: 45px;
}
.col_drcha{
    position: relative;
    float: right;
    width:590px;
    margin-top: 45px;
}
.titulo{
    font-family: "WhitneyHTF-Bold";
    font-size: 40px;
    text-transform: uppercase;
    color:   #626262;
}
.subtitulo{
    font-family: "ChronicleDisplay-Roman";
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 20px;
    color:   #626262;
    line-height: 1.1em;
}
p.subtitulo{
    margin: 5px;
}

.formulario{
    font-family: arial, helvetica;
    font-size: 18px;
    color: #948f8a;
    padding-top: 10px;
}

.formulario_servicio{
    padding-bottom:10px;
    font-size: 18px;
    padding-top: 30px;
}

.formulario a:link, .formulario a:hover, .formulario a:visited, .formulario a:active{
    color:  #948f8a;;
    text-decoration: underline;
}
.formulario_coment{
    font-family: arial, helvetica;
    font-size: 16px;
    color: #948f8a;
    padding-top: 10px;
    padding-bottom: 15px;

}
input.text, input.text_largo, textarea.text_largo, input.text_corto, input.fecha, input.anio{
    height: 36px;
    padding: 5px 20px 5px 20px;
    margin: 5px 0 5px 0;
    color: #bab8b3;
    font-size: 18px;
    font-family: arial, helvetica;
    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*/
}
input.text, input.text_error{
    width: 348px;
}
input.text_muy_corto{
    top: -200px;
    position: relative;
    width: 200px;
}
textarea.text_area_descripcion {
    height: 100px;
    resize: none;
    width: 528px;
    padding: 20px;
}
textarea.solicitud{
    width: 400px;
}
.text_area{
    height: 120px !important;

}

input.text_largo, input.text_largo_error, textarea.text_area{
    width: 535px;
}
input.text_corto, input.text_corto_error{
    width: 215px;
}
input.text_error, input.text_largo_error, input.text_corto_error, input.fecha_error, input.anio_error{
    height: 36px;
    padding: 5px 20px 5px 20px;
    margin: 5px 0 5px 0;
    color: #db0a2b;
    font-size: 18px;
    font-family: arial, helvetica;
    border:0;
    font-family: arial, helvetica;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #db0a2b;
}

input.fecha, input.fecha_error{
    width: 30px;
    margin-right: 10px;
}
input.anio, input.anio_error{
    width: 50px;
    margin-right: 10px;
}

input.busqueda{
    margin-left: 15px;
    width: 183px;
    margin-right: 45px;
    height: 29px;
    color: #bab8b3;
    font-size: 15px;
    border:0;
    font-family: arial, helvetica;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding-left: 10px;
    position: relative;
    top:-48px;
    float:right;
}

input.boton_busqueda{
    background: url(../images/select_lupa.png) no-repeat right #ffffff;
    height: 29px;
    width:35px;
    position: relative;
    border-top-right-radius:4px;
    -moz-border-radius-topright:4px;
    -webkit-border-top-right-radius:4px;
    border-bottom-right-radius:4px;
    -moz-border-radius-bottomright:4px;
    -webkit-border-bottom-right-radius:4px;
    top: -47px;
    float:right;
    border:0;
    left: -11px;
    margin-right: -253px;
}

/* BOTONES */
.contiene_btn{
    position: relative;
    float: left;
}

.btn .icono{
    position: relative;
    float: right;
    bottom: 3px;
    float: right;
    position: relative;
    padding-left: 14px;
}

.btn_disable {
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    color: #ffffff;
    font-family: "WhitneyHTF-Medium";
    font-size: 14px;
    letter-spacing: 0.1em;
    padding:10px 20px 10px 20px;
    text-decoration: none;
    background-color: #bbb8b4;
}

a.btn:link, a.btn:hover, a.btn:visited, a.btn:active{
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    color: #ffffff;
    font-family: "WhitneyHTF-Bold";
    font-size: 18px;
    padding: 10px 20px;
    text-decoration: none !important;
    display: block;
    position: relative;
    float: left;

}

a.btn_verde:link, a.btn_verde:active, a.btn_verde:visited {
    background-color: #b0c500;
}

a.btn_amarillo:link, a.btn_amarillo:active, a.btn_amarillo:visited {
    background-color: #ffac27;
}
a.btn_amarillo:hover {
    background-color: #615c55;
}

a.btn_verde:hover {
    background-color: #615c55;
}
a.btn_rojo_peq:link, a.btn_rojo_peq:active, a.btn_rojo_peq:visited {
    background-color: #db0a2b;
}
a.btn_rojo_peq:hover {
    background-color: #615c55;
}

a.btn_gris_oscuro:link,a.btn_gris_oscuro:active, a.btn_gris_oscuro:visited {
    background-color: #615c55;
}

a.btn_gris_oscuro:hover {
    background-color: #db0a29;
}

a.btn_gris_claro:link,a.btn_gris_claro:active, a.btn_gris_claro:visited {
    background-color: #bbb8b4;
}

a.btn_gris_claro:hover {
    background-color: #615c55;
}

a.btn_blanco:hover {
    background-color: #726f68;
}

a.btn_blanco:link,a.btn_blanco:active, a.btn_blanco:visited {
    background-color: white;
    color:#c5c3c0;
}



#btn_servicios{

    margin-left: 26%;
    position: relative;
    top: 70px;
    text-align: center;
    opacity: 0;
}

.div_select select{
    background: transparent;
    width: 275px;
    font-size: 16px;
    border: 0;
    height: 45px;
    padding-left: 0;
    margin: 0;
    -webkit-appearance: none;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
    color: #bab8b3;

}

.div_select_grande select{
    background: transparent;
    width: 573px;
    font-size: 16px;
    border: 0;
    height: 45px;
    padding-left: 0;
    margin: 0;
    -webkit-appearance: none;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
    color: #bab8b3;

}


.div_select_grande{
    width: 215px;
    height: 20px;
    overflow: hidden;
    background: url(../images/select_bg.png) no-repeat right #ffffff;
    height: 36px;
    padding: 5px 20px 5px 20px;
    margin: 5px 0 5px 0;
    font-size: 18px;
    font-family: arial, helvetica;
    border:0;
    font-family: arial, helvetica;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}



.div_select_serv {
    width: 230px;
    overflow: hidden;
    background: url(../images/select_bg_serv.png) no-repeat right #ffffff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-left: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.div_select_serv  select{
    background: transparent;
    width: 245px;
    font-size: 15px;
    height: 31px;
    margin: 0;
    border:0;
    padding-left: 10px;
    -webkit-appearance: none;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
    color: #bab8b3;
    font-family: arial, helvetica;
}

select.error{
    color:  #db0a2b;
}

.div_select{
    width: 215px;
    height: 20px;
    overflow: hidden;
    background: url(../images/select_bg.png) no-repeat right #ffffff;
    height: 36px;
    padding: 5px 20px 5px 20px;
    margin: 5px 0 5px 0;
    font-size: 18px;
    font-family: arial, helvetica;
    border:0;
    font-family: arial, helvetica;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

}

table .serv_busqueda {
    position: absolute;
}
.titulo_combo {
    font-family: arial;
    font-size: 15px;
    color: #615C55;
    margin-left: 15px;
}

input:focus{
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}

.col_izq_seleccion{
    width: 726px;
}

.col_izq_panel{
    width: 720px;
    position: relative;
    float: left;
    margin-right: 10px;
    margin-top: 50px;
}
.col_drcha_panel{
    position: relative;
    float: left;
    width: 235px;
    margin-top: 50px;

}
.col_izq_panel .titulo{
    margin-right: 30px;
}
.col_drcha_panel .titulo{
    font-size: 44px;
    margin-right: 10px;
    position: relative;
    float: left;
    line-height: 0.8em;
    overflow: hidden;
}
.col_drcha_panel .icono{
    position: relative;;
    float: left;
    margin-right: 10px;
}

.col_busca {
    background: #eaeae8;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin-left: 725px;
    margin-top: 50px;
    padding-bottom: 25px;
    height: 200px;
}

.libre {
    height: 40px;
    margin-top: 20px;
}

.col_busca p {
    font-family: "WhitneyHTF-Black";
    font-size:18px;
    padding-left: 15px;
    padding-top: 25px;
    letter-spacing: 0.15em;
    color: #615C55;
}


.titulo_bloque{
    font-family: "WhitneyHTF-Bold";
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #626262;
    margin-bottom: 10px;
}

.col_drcha_panel .bloque, #socio_ficha .bloque{
    position: relative;
    float: left;
    padding: 10px;
    width: 185px;
    background-color: #f7f6f5;
    margin-bottom: 15px;
    font-family: arial, Helvetica;
    font-size: 12px;
    color: #626262;
}
#socio_ficha .bloque{
    margin-left: 20px;
}
.col_drcha_panel .bloque p, #socio_ficha .bloque p{
    margin-bottom:10px;
    margin-top: 10px;
    font-size: 13px;
}
.col_drcha_panel .bloque p a, #socio_ficha .bloque p a{
    font-family: arial, Helvetica;
    font-size: 14px;
    color: #626262;
}

.col_drcha_panel .bloque p span, #socio_ficha .bloque p span{
    font-family: "WhitneyHTF-Black";
    font-size: 20px;
    margin-right: 10px;
    vertical-align: bottom;

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


/* POPUP GENERICO */
.popup{
    position: fixed;
    width: 397px;
    margin-left: 50%;
    left: -235px;
    top: 5%;
    background-color: #db0a2b;
    color: #ffffff;
    z-index: 150;
    padding: 40px;
}
.popup a:link, .popup a:hover, .popup a:active, .popup a:visited{
    color: #ffffff;
    text-decoration: underline;
}

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

}

#boton_pop{
    margin-right: 70px;
}

/* POPUP PUNTUA */
.popup_puntuar{
    position: fixed;
    width: 397px;
    margin-left: 50%;
    left: -235px;
    top: 5%;
    background-color: #f1f1f0;
    color: #626262;
    z-index: 150;
    padding: 40px;
}

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

}
.puntuacion{
    margin-left: 120px;
}
.puntuacion ul{
    display: inline;
}
.puntuacion ul li{
    float: left;
    padding: 3px;
}
.popup_puntuar .left{
    width: 100%;
}
.popup_puntuar .left ul li{
    display: inline;
    float: left;
    margin-right: 25px;
}
.popup_puntuar .left ul{
    float: left;
    width: 100%;
    margin-left: 70px;
    margin-top: 30px;
}

#popup_denunciar p, #popup_denunciar .titulo {
   text-align: left!important;
}

.text_area_denuncia{
    width: 356px;
    border: 0 none;
    border-radius: 4px 4px 4px 4px;
    color: #756f68;
    font-family: arial,helvetica;
    font-size: 18px;
    height: 36px;
    margin: 5px 0;
    padding: 5px 20px;
    height: 120px !important;
    background-color: #d9d7d4;
}

ul.creditos{
    display:inline;
    list-style:none;
    list-style-type:none;
    margin:0px;
    padding:0px;
    position: relative;
    float: left;
}


li.creditos{
    display:inline;
    list-style:none;
    list-style-type:none;
    margin:0px;
    padding:0px;
    margin-left: 5px;
}
.creditos_de_tiempo{
    position: relative;
    float: left;
    font-family: "WhitneyHTF-Bold"; font-size:16px;color: #bbb8b4;
    margin-left: 30px;
    margin-top: 16px;
}
.text_area_descripcion{
    color: #bab8b3;
    font-size: 18px;
    font-family: arial, helvetica;
    border:0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

}

/* ACCORDION */


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background:url(../images/tab_noactive.png) 100% no-repeat; font-weight: normal; font-family: "WhitneyHTF-Bold"; font-size:26px}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #bbb8b4; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: url(../images/tab_active.png) 100% no-repeat; font-weight: normal; ;font-family: "WhitneyHTF-Bold"; font-size:26px; }
.ui-state-active a, .ui-state-active a:link, ui-state-active a:visited  { color: #615c55; text-decoration: none; }

.multiAccordion div.tab{ background: #e8e7e5;padding-top:0px; padding-left:30px;padding-right:30px;padding-bottom: 30px;margin-top: 20px;}
.multiAccordion p.titulo {font-family: Arial; font-size: 18px; color:#817d78}
.multiAccordion p.subtitulo {font-family: Arial; font-size: 16px; color:#a19d9a}


.mensaje_globo{
    float: right;
    background-color: #f9f9f9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px;
    width: 700px;
    margin-right: 40px;

}

.mensaje_globo:after {
    height: 0px;
    width:  0px;
    content: "\00a0";
    display: block;
    margin-left: -42px;
    margin-top:   -27px;
    border-width: 32px 40px 0 0;
    border-style: solid;
    border-color: transparent #f9f9f9 transparent transparent;


}
.mensaje_globo_yo{
    width:  700px;
    float: left;
    background-color: #f9f9f9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px;
    margin-left: 5px;

}
.mensaje_globo_yo:after {
    height: 0px;
    width:  0px;
    content: "\00a0";
    display: block;
    margin-left: 707px;
    margin-top:   -37px;
    border-style: solid;
    border-width: 32px 0 0 40px;
    border-color: transparent transparent transparent #f9f9f9;

}
.mensaje_globo.globo_alerta:after{
    border-color: transparent #FFF6D2 transparent transparent !important;

}
.mensaje_globo_yo.globo_alerta:after{
    border-color: transparent transparent transparent #FFF6D2 !important;

}
.globo_alerta{
    background-color: #FFF6D2 !important;
}

.globo_responder{
    margin-top: 41px;
    float: left;
    background-color: #f9f9f9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px;
    width: 700px;
    margin-right: 40px;
    font-size: 14px;
    color: #626262;
    font-family: arial, helvetica;
    border:0;
    margin-bottom: 15px;

}


/** subir imagen **/


.file_input_textbox
{
    float: left;
    height: 34px;
    width: 30%;
    margin-left: 20px;
    margin-right: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0;
    padding-left: 10px;
}

.file_input_div
{
    position: relative;
    width: 261px;
    height: 38px;
    overflow: hidden;
}

.file_input_button
{
    font-family: "WhitneyHTF-Bold";
    color: white;
    text-decoration: none !important;
    display: block;
    position: relative;
    float: left;
    border: 0;
    background: #BBB8B4;
    padding: 3px 15px 3px 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;
    margin-right: 15px;
}

.file_input_hidden
{
    position: absolute;
    right: 0px;
    top: 2px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -khtml-opacity: 0;
    -moz-opacity: 0;
    width: 120px;
    height: 35px;
    left:0px;
}

.file_input_delete_button{
    width: 153px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    color: white;
    font-size: 16px;
    border: 0;
    background: #BBB8B4;
    padding-bottom: 8px;
    padding-top: 10px;
    float: left;
}


.edit a:link {
    background: url(../images/edit_servicio.png) no-repeat right;
    width: 44px;
    height: 36px;
    float:right;
    position:relative;
    margin-right: 5px;
    margin-top: 20px;
}


.edit a:hover {
    background: url(../images/edit_hover.png) no-repeat right;
}

.ver a:link {
    background: url(../images/ver_servicio.png) no-repeat right;
    width: 44px;
    height: 36px;
    float:right;
    position:relative;
    margin-right: 5px;
    margin-top: 20px;
}

.ver a:hover {
    background: url(../images/ver_hover.png) no-repeat right;
}

.delete a:link{
    background: url(../images/delete_servicio.png) no-repeat right;
    width: 44px;
    height: 36px;
    float:right;
    position:relative;
    margin-top: 20px;
    margin-right: 10px;
}

.delete a:hover{
    background: url(../images/delete_hover.png) no-repeat right;
}

ul.tabs li a{text-decoration: none; color:#626262;}
ul.tabs li a{float:left; margin-right: 10px; padding:15px;  font-family: "WhitneyHTF-Black";font-size: 16px; color:#625c56;letter-spacing: 0.1em;}
/*ul.tabs li a:active, ul.tabs li a:visited  {background: #f5f4f4;}*/
.active a  {
    background: #ffffff;
}
.no_active  {
    background: #e4e3e1;
}

.tab_container {
    overflow: hidden;
    clear: both;
    float: left;
    width: 100%;
    background: #ffffff;
}
.bold{
    font-weight: bold;
}

.rollover {
    background: url(../images/btn_rollover.png) no-repeat right;
    width: 42px;
    height: 36px;
    float: right;
    margin-right: 20px;
    margin-top: 20px;
}

.rollover_mio {
    background: url(../images/btn_rollover.png) no-repeat right;
    width: 42px;
    height: 36px;
    float: right;
    margin-right: 20px;
    margin-top: 20px;
}

.overlay{
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background:#625c56;
    width:232px;
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}


.overlay_mio{
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background:#625c56;
    width:232px;
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}


#ficha_servicio p, #socio_mis_servicios p{
    font-family: arial;
    font-size: 14px;

    color:#726f68;
    margin-top:5px;
    margin-bottom: 5px;

}
#socio_mis_servicios .coste{
    margin-bottom: 0;
    margin-top: 10px;
    position: relative;
    display: block;
    float: left;
}

#ficha_servicio span, #socio_mis_servicios span{
    text-decoration: underline;
    font-size: 11px;
    font-weight: bold;
}

.icono_servicio {
    position: absolute;
    left: 0px;
    width: 58px;
    height: 60px;


}
.contiene_ficha .titulo{
    margin-left: 60px;
}
.imagen_servicio_grande{
    margin-bottom: 20px;
    width:302px;
}
.imagen_servicio_pequena{
    float:left;
    width:90px;
    margin-right: 15px;
}
li.imagen_servicio_pequena:last-child{
    margin-right: 0;
}
.carga_imagenes {
    float:left;
    width: 302px;
    margin-left: 30px;
    margin-right: 50px;
    margin-top: 10px;
    margin-bottom: 30px;
}

hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    width: 302px;
    position: relative;
    float: left;
    margin-top: 30px;
    margin-bottom: 25px;
}

.mini_perfil {
    background:#e4e4e3;
    width: 205px;
    padding: 15px;
    position:relative;
    float:right;
    text-decoration: none;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.mini_perfil img{
    float:left;
    width:69px;
    margin-right: 10px
}

.mini_perfil p{
    position: relative;
    font-family: arial;
    font-size: 12px !important;
    color:#625c56;
    line-height: 1.2em;
}
.mini_perfil span{
    font-family: arial;
    font-size: 12px !important;
    color:#625c56;
    font-weight: bold;
}
.mini_perfil a{
    color:#db0a2b;
    font-size:12px;
    font-family: Arial;
    font-weight: bold;
    float:right;
}

a.link_tipo{
    color:#625c56;
    text-decoration: underline;
}