/* CSS Document */


*{margin: 0;}
*{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}/*border y padding se incluye en width y height*/

.espere{background:url(wait.gif) center no-repeat; width:28px; height:28px; float: left; background-size:100%;}
.espere2{background:url(wait2.gif) center no-repeat; width:60px; height:60px; margin:20px; float: left; background-size:100%;}

.link{cursor:pointer}


.mano{cursor:pointer}

.italic{font-style:italic}

.borde_redondeado{-moz-border-radius: 2px 2px 2px 2px;   -webkit-border-radius: 2px 2px 2px 2px;  border-radius:2px 2px 2px 2px;}

.img_link{opacity: 1; cursor:pointer}
.img_link:hover{opacity:0.9}

.link_blanco{color:#f2f2f2; cursor:pointer}
.link_blanco:hover{color:#ffffff; }
.link_rojo{color:#ff8888; cursor:pointer}
.link_rojo:hover{color:#ffcccc; }
.link_negro{color:#424242; cursor:pointer}
.link_negro:hover{color:#000000;} 
.link_gris{color:#929292; cursor:pointer}
.link_gris:hover{color:#1c90b9;} 
.text_gris_link{color:#a2a2a2; cursor:pointer}
.text_gris_link:hover{color:#FFFFFF}

.link_aumenta_imagen{ transition: all 0.4s ease;  transition-duration: 1s}
.link_aumenta_imagen:hover{transform:scale(1.03); }
.link_aumenta_imagen_31{ transition: all 0.4s ease;}
.link_aumenta_imagen_31:hover{ width:31%}

#tapa{ position: fixed; display:none; z-index:4000; width:100%; height:100vh; top:0px; bottom:0px; background: rgba(0,0,0,0.4)}

.fixed{position:fixed}
.absolute{position:absolute}
.relative{position:relative}
.pos_relative{position:relative}

.ancho_total{width:100%}


.caja_link{border:#ffffff 1px solid}
.caja_link:hover{ background:#f6f6f6; border:#f2f2f2 1px solid; color:#212121}
.caja{border:#949494 1px solid; background:#f8f8f8;}
.caja_borde{border:#949494 1px solid;}
.caja_borde_fuerte{border:#313131 1px solid !important}
.caja_borde_fuerte_roja{border:#bb0000 1px solid !important; color:#bb0000 !important; background: #FFF0F1 !important}
.caja_imagen_link{border-top:#d2d2d2 1px solid; border-left:#d2d2d2 1px solid; border-right:#929292 1px solid; 
border-bottom:#929292 1px solid; background:#f8f8f8;}
.caja_imagen_link:hover{border:#616161 1px solid}
.caja_blanca{background:#FFFFFF;}
.caja_ayuda{}
.caja_error{border:#bb7777 1px solid; background: url(alerta.png) left center no-repeat #FFF0F1; padding:10px; padding-left:36px !important; padding:5px  color:#990000;  line-height:0.9}
.caja_error_peque{ background:#FFF0F1; border:#bb7777 1px solid; color:#990000; line-height:0.9}
.caja_ok{background:  #EDFEE9; padding:5px;  border: #006633 1px solid;color:#006633;}
.caja_ok_peque{background: url(ok.png) left center no-repeat; background-size: auto 40%; padding:2px; padding-left:24px !important; color:#006633; line-height:1em; text-align:left}
@media screen and (min-width: 1024px){.caja_ok_peque{background: url(ok.png) left center no-repeat; background-size: auto 80%; padding:2px; padding-left:22px !important; color:#006633;}}
.caja_importante{border:#2980c3 1px solid; background: url(importante.png) left center no-repeat #FFF0F1; padding:10px; padding-left:40px !important; padding:5px  color:#2980c3}

.caja_formulario{background:#f8f8f8; border:#949494 1px solid; padding:20px;-moz-border-radius: 2px 2px 2px 2px;   -webkit-border-radius: 2px 2px 2px 2px;  border-radius:2px 2px 2px 2px;-webkit-box-shadow: 10px 14px 20px -14px rgba(0,0,0,0.29);
-moz-box-shadow: 10px 14px 20px -14px rgba(0,0,0,0.29);
box-shadow: 10px 14px 20px -14px rgba(0,0,0,0.29);}

.caja_deshabilitada{ opacity:0.7 !important;  filter: alpha(opacity=70) !important; position:relative}

.caja_formulario_negro{background:#212121; border:#e2e2e2 1px solid; padding:20px;-moz-border-radius: 2px 2px 2px 2px;   -webkit-border-radius: 2px 2px 2px 2px;  border-radius:2px 2px 2px 2px;-webkit-box-shadow: 10px 14px 20px -14px rgba(0,0,0,0.29);
-moz-box-shadow: 10px 14px 20px -14px rgba(0,0,0,0.29);
box-shadow: 10px 14px 20px -14px rgba(0,0,0,0.29);}
.caja_formulario_suave{background:#f7f9f4; border:#f7e9e3 0px solid; padding:20px;-moz-border-radius: 2px 2px 2px 2px;   -webkit-border-radius: 2px 2px 2px 2px;  border-radius:2px 2px 2px 2px;}

.caja_violeta{background:#912baa; color:#ffffff; border:#616161 1px solid; padding:10px;-moz-border-radius: 2px 2px 2px 2px;   -webkit-border-radius: 2px 2px 2px 2px;  border-radius:2px 2px 2px 2px;-webkit-box-shadow: 10px 14px 20px -14px rgba(0,0,0,0.29);
-moz-box-shadow: 10px 14px 20px -14px rgba(0,0,0,0.29);
box-shadow: 10px 14px 20px -14px rgba(0,0,0,0.29)}

.f_right{float:right}
.f_left{float:left}

.overflow_si{overflow:hidden; height:auto}
.overflow_auto{ overflow:auto}
.transparente{background: transparent !important}

.esquina{ position:absolute;}
.esquina_abajo_derecha{ position:absolute; margin-right:0px; margin-bottom:0px}
.abajo_centrado{ position:absolute; bottom:0px}

.texto_vertical_2 {writing-mode: vertical-lr;transform: rotate(180deg); }

.no_resize{ resize: none;}

.visible{display:block} 
.no_visible{display:none}  
.visible_pc{display:none}
@media screen and (min-width: 1024px){.visible_pc{ display:block}}
.visible_movil{display:block}
@media screen and (min-width: 1024px){.visible_movil{ display: none}}

.opacity_01{opacity:0.1}
.opacity_02{opacity:0.2}
.opacity_03{opacity:0.3}
.opacity_04{opacity:0.4}
.opacity_05{opacity:0.5}
.opacity_06{opacity:0.6}
.opacity_07{opacity:0.7}
.opacity_08{opacity:0.8}
.opacity_09{opacity:0.9}
.opacity_10{opacity:1}

.marco{border:#c1c1c1 1px solid; padding:5px; background:#FFFFFF;}

.table {display: table;}
.tr{display: table-row;}
.td{display: table-cell;}

.salto_linea_no{white-space:nowrap;}

.text_center{text-align:center !important}
.text_left{text-align:left !important}
.text_right{text-align:right !important}
.text_justify{text-align:justify !important;}

.line_height_1{ line-height: 1em}

.text_blanco{color:#FFFFFF}
.text_gris{color:#c2c2c2}
.text_gris_medio{color:#929292}
.text_verde{color: #009900}
.text_azul{color: #003399}
.rojo{color:#990000}
.rojo_rojo{color:#FF0000}
.negro{color:#000000}
.verde{color:#006600}
.violeta{color:#d739d8}

.fondo_negro{background:#000000}
.fondo_negro_suave{background:#212121}
.fondo_blanco{background:#ffffff !important}
.fondo_verde{background: #66FF99 !important; color:#FFFFFF !important}
.fondo_azul{background:#83a6cc !important}
.fondo_granate{background: #FE3457!important}
.fondo_blanco{background:#ffffff}
.fondo_gris{background:#c1c1c1}
.fondo_gris_medio{background:#b3b3b3}
.fondo_gris_claro{background:#f8f8f8}
.fondo_gris_claro_medio{ background:#f2f2f2}
.fondo_rojo{background:#ff0000}
.fondo_amarillo{background: #FFFF00}

.sin_borde{border:0px}
.borde_negro{border:#000000 1px solid }
.borde_rojo{border:#990000 1px solid !important}
.borde_verde{border:#009933 1px solid !important}
.borde_gris_right{ border-right:#919191 1px solid}
.borde_blanco_frm{border:#828282 0.2px solid; padding:2px}
.borde_blanco_up{border-top:#ffffff 1px solid}
.borde_blanco_down{ border-bottom:#ffffff 1px solid}
.borde_rojo{border:#ff0000 1px solid !important}
.borde_puntos_up{ border-top:#c1c1c1 1px dashed}
.borde_up{ border-top: #c1c1c1 1px solid}
.borde_down{border-bottom: #c1c1c1 1px solid}
.borde_down_gris_claro{border-bottom: #e2e2e2 1px solid}
.borde_down_puntos{border-bottom: #c1c1c1 1px dashed}



.imagenw100{ width:100%; height:auto}
.imagenh100{ height:100%; width:auto}

.imagen_oscurecer{}
@media screen and (min-width: 1024px){
  .imagen_oscurecer{opacity: 1; filter: alpha(opacity=100);} 
  .imagen_oscurecer:hover {opacity: 0.95; filter: alpha(opacity=95);}
  }

.sombra{-webkit-box-shadow: 1px 12px 43px -26px rgba(8,7,8,0.95);
-moz-box-shadow: 1px 12px 43px -26px rgba(8,7,8,0.95);
box-shadow: 1px 12px 43px -26px rgba(8,7,8,0.95);}

.sombra_fuerte{-webkit-box-shadow: 1px 12px 43px -26px rgba(8,7,8,0.95);
-moz-box-shadow: 1px 12px 43px -26px rgba(8,7,8,0.95);
box-shadow: 1px 12px 43px -26px rgba(8,7,8,0.95);}

.fondo_sombreado{-webkit-box-shadow: inset 0 0 90px 0 rgba(0, 0, 0, 0.10);}

.w_screen{ min-width:100vw}
.h_screen{ min-height:100vh}

.h_screen_80{ min-height:80vh}
.h_screen_85{ min-height:85vh}
.h_screen_90{ min-height:90vh}


.w5{width:5%}
.w6{width:6%}
.w7{width:7%}
.w8{width:8%}
.w9{width:9%}
.w10{width:10%}
.w15{width:15%}
.w20{width:20%}
.w21{width:21%}
.w22{width:22%}
.w23{width:23%}
.w24{width:24%}
.w25{width:25%}
.w30{width:30%}
.w33{width:33.33%}
.w35{width:35%}
.w40{width:40%}
.w45{width:45%}
.w50{width:50%}
.w55{width:55%}
.w60{width:60%}
.w70{width:70%}
.w75{width:75%}
.w80{width:80%}
.w85{width:85%}
.w90{width:90%}
.w95{width:95%}
.w100{width:100%}
.w200{width:200%}

.minw20{min-width:20% !important}
.minw25{min-width:25% !important}
.minw30{min-width:30% !important}
.minw33{min-width:33% !important}
.minw40{min-width:40% !important}
.minw50{min-width:50% !important}
.minw60{min-width:60% !important}
.minw75{min-width:75% !important}
.minw80{min-width:80% !important}

.w60pc_w100m{ width:100%}
@media screen and (min-width: 1024px){.w60pc_w100m{ width:60%}}
.w70pc_w100m{ width:100%}
@media screen and (min-width: 1024px){.w70pc_w100m{ width:70%}}
.w80pc_w100m{ width:100%}
@media screen and (min-width: 1024px){.w80pc_w100m{ width:80%}}

.maxw25{max-width:25%}
.maxw33{max-width:33%}
.maxw40{max-width:40%}
.maxw50{max-width:50%}
.maxw75{max-width:75%}
.maxw80{max-width:80%}

.altura40{height:40px}

.h5{height:5%}
.h10{height:10%}
.h20{height:20%}
.h25{height:25%}
.h30{height:30%}
.h40{height:40% !important}
.h50{height:50%}
.h90{height:90%}
.h100{height:100%}

.minh40{ min-height:40%}
.minh50{min-height:50%}
.minh75{min-height:75%}
.minh80{min-height:80%}
.minh90{min-height:90%}

.maxh40{max-height: 40%}

.minh60px{ min-height:60px}
.minh80px{ min-height:80px}


.m1{margin:1px;}
.m2{margin:2px;}
.m3{margin:3px;}
.m4{margin:4px;}
.m5{margin:5px;}
.m10{margin:10px;}
.m20{margin:20px;}
.m30{margin:30px;}
.m40{margin:40px;}
.m50{margin:50px;}
.m60{margin:60px;}
.m70{margin:70px;}
.m80{margin:80px;}
.m90{margin:90px;}
.m100{margin:100px;}
.mauto{margin:auto}

.mt-1{margin-top:-1px}
.mt-5{margin-top:-5px}
.mt-10{margin-top:-10px}
.mt-20{margin-top:-20px}
.mt-25{margin-top:-25px}

.mt0{margin-top:0px}
.mt1{margin-top:1px}
.mt2{margin-top:2px}
.mt3{margin-top:3px}
.mt4{margin-top:4px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt11{margin-top:11px}
.mt12{margin-top:12px}
.mt13{margin-top:13px}
.mt14{margin-top:14px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt70{margin-top:70px}
.mt80{margin-top:80px}
.mt90{margin-top:90px}
.mt100{margin-top:100px}

.b0{bottom:0}

.mb0{margin-bottom:0px;}
.mb1{margin-bottom:1px;}
.mb2{margin-bottom:2px;}
.mb3{margin-bottom:3px;}
.mb4{margin-bottom:4px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}

.ml-5{margin-left:-5px}
.ml-10{margin-left:-10px}
.ml-20{margin-left:-20px}
.ml-30{margin-left:-30px}
.ml-40{margin-left:-40px}
.ml-50{margin-left:-50px}
.ml-60{margin-left:-60px}

.ml1{margin-left:1px}
.ml2{margin-left:2px}
.ml3{margin-left:3px}
.ml4{margin-left:4px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml40{margin-left:40px}
.ml50{margin-left:50px}
.ml60{margin-left:60px}
.ml70{margin-left:70px}
.ml80{margin-left:80px}
.ml90{margin-left:90px}
.ml100{margin-left:100px}

.l0{left:0}
.r0{right:0}

.mr0{margin-right:0px}
.mr1{margin-right:1px}
.mr2{margin-right:2px}
.mr3{margin-right:3px}
.mr4{margin-right:4px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mr40{margin-right:40px}
.mr50{margin-right:50px}
.mr60{margin-right:60px}

.p0{padding:0px !important}
.p1{ padding:1px !important}
.p2{ padding:2px !important}
.p3{ padding:3px !important}
.p4{ padding:4px !important}
.p5{ padding:5px !important}
.p10{ padding:10px !important }
.p15{ padding:15px !important}
.p20{ padding:20px !important}
.p30{ padding:30px !important}
.p40{ padding:40px !important}
.p50{ padding:50px !important}
.p60{ padding:60px !important}
.p70{ padding:70px !important}
.p80{ padding:80px !important}
.p90{ padding:90px !important}
.p100{ padding:100px !important}

.pt0{padding-top:0px !important}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}
.pt50{padding-top:50px}
.pt60{padding-top:60px}
.pt70{padding-top:70px}
.pt80{padding-top:80px}
.pt90{padding-top:90px}
.pt100{padding-top:100px}

.pl5{padding-left:5px}
.pl10{padding-left:10px !important}
.pl15{padding-left:15px}
.pl20{padding-left:20px}
.pl30{padding-left:30px}
.pl40{padding-left:40px}
.pl50{padding-left:50px}
.pl60{padding-left:60px}
.pl70{padding-left:70px}
.pl80{padding-left:80px}
.pl90{padding-left:90px}
.pl100{padding-left:100px}
.pl120{padding-left:120px}
.pl140{padding-left:140px}

.pr5{padding-right:5px}
.pr10{padding-right:10px !important}
.pr15{padding-right:15px !important}
.pr20{padding-right:20px}
.pr30{padding-right:30px}
.pr40{padding-right:40px}
.pr50{padding-right:50px}
.pr60{padding-right:60px}
.pr70{padding-right:70px}
.pr80{padding-right:80px}
.pr90{padding-right:90px}
.pr100{padding-right:100px}

.pb1{padding-bottom:1px}
.pb2{padding-bottom:2px}
.pb3{padding-bottom:3px}
.pb4{padding-bottom:4px}
.pb5{padding-bottom:5px}
.pb15{padding-bottom:15px}
.pb10{padding-bottom:10px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pb40{padding-bottom:40px}
.pb50{padding-bottom:50px}
.pb60{padding-bottom:60px}
.pb70{padding-bottom:70px}
.pb80{padding-bottom:80px}
.pb90{padding-bottom:90px}
.pb100{padding-bottom:100px}

.bold{font-weight:600}


.flex_pc_movil{display:flex; flex-direction:row; flex-wrap: wrap; justify-content: flex-start }
@media screen and (min-width: 1024px) {.flex_pc_movil{justify-content: center;}}

.flex_pc_movil_inverso{display:flex; flex-direction:row; flex-wrap: wrap; justify-content: center }
@media screen and (min-width: 1024px) {.flex_pc_movil_inverso{justify-content: flex-start;}}

.flex_no_wrap_pc{ display:flex; flex-wrap: wrap}
@media screen and (min-width: 1024px) {.flex_no_wrap_pc{display:flex;  flex-wrap: nowrap;}}

/*flex padre*/
.flex{display:flex; flex-wrap: wrap;}
.flex_no_wrap{display:flex; flex-wrap: nowrap;}
.no_wrap{flex-wrap: nowrap !important}

.flex_izq_der{flex-direction:row}
.flex_der_izq{flex-direction:row-reverse}
.flex_up_down{flex-direction:column}
   .flex_up_down_centrado{flex-direction:column; justify-content:center}
.flex_down_up{flex-direction:column-reverse}
/*flex hijos an la horizontal(solo cuando no caben en una linea*/
.flex_hijos_izq{justify-content:flex-start}
.flex_hijos_der{justify-content:flex-end}
.flex_hijos_centro{justify-content:center}
.flex_hijos_espaciados{justify-content:space-between}
.flex_hijos_repartidos{justify-content:space-around !important}
/*flex hijos en la vertical*/
.flex_hijos_up{align-items:flex-start !important}
.flex_hijos_down{align-items:flex-end !important}
.flex_hijos_columnas_iguales{align-items:stretch !important}
.flex_hijos_middle{align-items:center !important}
.flex_hijos_centro_iguales_centro{align-items:baseline !important}

.flex_tabla{ display: flex}
.flex_td{}
.flex_tabla .flex_td{flex: 1}

.flex_td_1{}
.flex_tabla .flex_td_1{flex: 1 1 0}
.flex_td_2{}
.flex_tabla .flex_td_2{flex: 2 2 0}
.flex_td_3{}
.flex_tabla .flex_td_3{flex: 3 3 0}
.flex_td_4{}
.flex_tabla .flex_td_4{flex: 4 4 0}
.flex_td_5{}
.flex_tabla .flex_td_5{flex: 5 5 0}
.flex_td_6{}
.flex_tabla .flex_td_6{flex: 6 6 0}

.flex_contenedor_izquierda{display:flex; flex-direction:row; flex-wrap: wrap; justify-content: left; align-items: flex-start }
.flex_contenedor_centrado{display:flex; flex-direction:row; flex-wrap: wrap; justify-content: center; align-items: flex-start }
.flex_contenedor_centrado_columnas_iguales{display:flex; flex-direction:row; flex-wrap: wrap; justify-content: center; align-items: stretch }
.flex_contenedor_izquierda_columnas_iguales{display:flex; flex-direction:row; flex-wrap: wrap; justify-content: left; align-items: stretch }

.flex_contenedor_centrado_columnas{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;  flex-wrap: wrap; justify-content: center; align-items: center }

.flex_contenedor_izquierda{display:flex; flex-direction:row; flex-wrap: wrap; justify-content: flex-start}
.flex_contenedor_derecha{display:flex; flex-direction:row; flex-wrap: wrap; justify-content: flex-end}

.flex_contenedor_repartido{display:flex; flex-direction:row; flex-wrap: wrap; justify-content: space-evenly; align-items: flex-start}

.flex_contenedor_izquierda_columnas{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;  flex-wrap: wrap; justify-content: left; align-items: center }

.flex_contenedor_derecha_columnas{display: -webkit-box; flex-direction:row; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;  flex-wrap: wrap; justify-content: center; align-items: center }
  
  .flex_arriba{align-items:flex-start}
  .flex_abajo{align-items:flex_end}
  .flex_medio{align-items:flex_center;}
  .flex_alto_igual{align-items:stretch}
  .flex_repartido{align-items:baseline}
  
  /*contenido de cada flex*/
  .flex_contenido_izquierda{align-content:flex-start}
  .flex_contenido_abajo{align-content:flex-end}
  .flex_contenido_medio{align-content:flex-center}
  .flex_contenido_repartido{align-content:flex-stretch}
  .flex_contenido_espacios_iguales{align-content:space-between}
  
  
.flex_vertical{display:flex; flex-direction:column}
   

.select-css {
    display: block;
    color: #444;
    line-height: 1.3;
    padding: 3px;
	padding-right:20px;
    box-sizing: border-box;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(select.svg),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
    display: none;
}
.select-css:hover {
    border-color: #888;
}
.select-css:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222; 
    outline: none;
}
.select-css option {
    font-weight:normal;
}