@charset "utf-8";
body { margin:0 auto; padding:0; font-family: 'Lato', sans-serif; font-weight:300; font-size:14px; height: 100%; 
/*background:url(../img/fondo.jpg) no-repeat top center; background-size:100% auto; background-attachment:fixed;*/ 
}
a { transition-duration: 0.2s; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; text-decoration:none; }
div { display:inline-block; float: left; position: relative; min-height:5px; }
table { border-collapse: collapse; }
table, th, td { border: 1px solid black; }

.crsr { cursor:pointer; }	
.oculto { display:none; }
.visible { display:inline-block; }
.contenedor { display: inline-block; float:left; width:100%; margin:0; text-align:center; padding: 0; position:relative; }
.centro { display:inline-block; width:1200px; margin:auto; position:relative; text-align:left; float: none; }
.derecha { float:right; }
.txtc { text-align:center; }
.txtl { text-align:left; }
.txtr { text-align:right; }
.icono { height:20px; }
.icono_s { height:24px; }
.liga_simple { font-weight:300; color:#000; }
.liga_simple:hover { font-weight:700; }
.campo { padding: 7px 12px; width: 300px; border: 1px solid #9b6a07; border-radius: 5px 5px 5px 5px;  -moz-border-radius: 5px 5px 5px 5px;  -webkit-border-radius: 5px 5px 5px 5px; color: #9b6a07;  margin: 0 0 10px 0; font-size: 16px; }
.campo100 { padding: 7px 12px; width: calc(100% - 26px); width: -moz-calc(100% - 26px); border: 1px solid #9b6a07; border-radius: 5px 5px 5px 5px;  -moz-border-radius: 5px 5px 5px 5px;  -webkit-border-radius: 5px 5px 5px 5px; color: #1e636d;  margin: 0 0 10px 0; font-size: 16px; }
.combo { padding: 7px 0; width: 327px; height: 36px; border: 1px solid #9b6a07; border-radius: 5px 5px 5px 5px;  -moz-border-radius: 5px 5px 5px 5px;  -webkit-border-radius: 5px 5px 5px 5px; color: #1e636d;  margin: 0 0 10px 0; font-size: 16px; }
.combo_r { padding: 7px 0; width: 250px; height: 36px; border: 1px solid #9b6a07; border-radius: 5px 5px 5px 5px;  -moz-border-radius: 5px 5px 5px 5px;  -webkit-border-radius: 5px 5px 5px 5px; color: #9b6a07;  margin: 0 0 10px 0; font-size: 16px; }

.areatexto { padding: 7px 12px; width: 300px; height:80px; border: 1px solid #9b6a07; border-radius: 5px 5px 5px 5px;  -moz-border-radius: 5px 5px 5px 5px;  -webkit-border-radius: 5px 5px 5px 5px; color: #9b6a07;  margin: 0 0 10px 0; font-size: 16px; }
.areatexto100 { padding: 7px 12px; width: calc(100% - 30px); width: -moz-calc(100% - 30px); height:80px; border: 1px solid #9b6a07; border-radius: 5px 5px 5px 5px;  -moz-border-radius: 5px 5px 5px 5px;  -webkit-border-radius: 5px 5px 5px 5px; color: #9b6a07;  margin: 0 0 10px 0; font-size: 16px; }

.campo_msv { padding: 7px 12px; width: 500px; height:200px; border: 1px solid #9b6a07; border-radius: 5px 5px 5px 5px;  -moz-border-radius: 5px 5px 5px 5px;  -webkit-border-radius: 5px 5px 5px 5px; color: #9b6a07;  margin: 0 0 10px 0; font-size: 16px; }
.boton { padding: 7px 12px; width: 224px; border: 1px solid #9b6a07; color: #fff; background: #9b6a07; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; margin: 0 0 10px 0; font-size: 14px; letter-spacing: 4px; font-weight: 300; cursor: pointer; }

.botonlibre { padding: 5px 12px; border: 1px solid #9b6a07; color: #fff; background: #9b6a07; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; margin: 0 0 10px 0; font-size: 13px; font-weight: 300; cursor: pointer; }

.botonlibregris { padding: 3px 8px; border: 1px solid #eee; color: #333; background: #eee; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; margin: 0 5px 5px 0; font-size: 12px; font-weight: 300; cursor: pointer; }



.botonpag { padding: 5px 12px; border: 1px solid #ccc; color: #666; background: #ccc; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; margin: 0 0 10px 0; font-size: 13px; font-weight: 300; cursor: pointer; transition-duration: 0.2s; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; }
.botonpag:hover { border: 1px solid #333; background: #333; color: #fff; }
.botonpag_act { padding: 5px 12px; border: 1px solid #333; color: #fff; background: #333; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; margin: 0 0 10px 0; font-size: 13px; font-weight: 300; cursor: pointer; transition-duration: 0.2s; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; }



.botonlistado { width:16px; margin:0 4px; transition-duration: 0.2s; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; opacity:0.7; filter:alpha(opacity=70); }
.botonlistado:hover { opacity:1; filter:alpha(opacity=100); }
.botonlistadoe { width:19px; margin:0 4px; transition-duration: 0.2s; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; opacity:0.7; filter:alpha(opacity=70); }
.botonlistadoe:hover { opacity:1; filter:alpha(opacity=100); }

.menu_div { position: fixed; left: -210px; top: 0; height: 100%; z-index: 8888; }
.menu_pest { position: absolute; left: 190px; top: 60px; background: #aaa; padding: 10px 10px 10px 30px; -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.3); box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.3); -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.menu_cont { position: absolute; left: 0; top: 0; width: 200px; padding:70px 0 0 0; height: 100%; background: #ddd; color: #fff; -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.3); box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.3); }
.titulo { font-size: 24px; color: #333; font-weight:700; width: 100%; margin: 0 0 10px 0; }
.subtitulo { font-size: 21px; color: #333; font-weight:700; width: 100%; margin: 0 0 10px 0; }
.titular { font-weight:700; width:100%; padding: 15px 0 5px 0; border-bottom:1px solid #333; }
.filas { width:100%; padding: 4px 0; background:rgba(225,225,225,0); border-bottom:#ccc 1px solid; transition-duration: 0.2s; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; font-weight:300; }
.filas:hover { background:rgba(225,225,225,0.3); }
.filast { width:100%; padding: 10px 0; background:rgba(225,225,225,0); border-top:#ccc 1px solid; transition-duration: 0.2s; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; font-weight:600; }
.menu_opc { margin:0 0 15px 20px; font-size:15px; padding: 0 0 0 20px; background:url(../img/marcador.png) no-repeat; background-size: 12px 12px; background-position: 0 3px; color:#666; width:calc(100% - 30px); width:-moz-calc(100% - 30px); display:inline-block; transition-duration: 0.2s; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; }
.menu_opc:hover { background-position: 6px 3px; color:#111; font-weight:700; }
.menu_vermas { font-size:15px; color:#666; transition-duration: 0.2s; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; }
.menu_vermas:hover { color:#111; font-weight:700; }
.c10 { width:10px; }
.c20 { width:20px; }
.c30 { width:30px; }
.c50 { width:50px; }
.c60 { width:60px; }
.c70 { width:70px; }
.c80 { width:80px; }
.c90 { width:90px; }
.c100 { width:100px; }
.c120 { width:120px; }
.c150 { width:150px; }
.c170 { width:170px; }
.c200 { width:200px; }
.c250 { width:250px; }
.c300 { width:300px; }
.c350 { width:350px; }
.c500 { width:500px; }
.colw { width:2000px; }
.cDescr { width:calc(100% - 300px); width:-moz-calc(100% - 300px); margin: 0 0 15px 0; }
.mi20 { margin-left:20px; }
.mi10 { margin-left:10px; }
.listado { width:calc(100% - 350px); width:-moz-calc(100% - 350px); }
.progreso { display:none;  position:relative; width:300px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.barra { background-color: #ccc; width:0%; height:20px; border-radius: 3px; }
.porcentaje { position:absolute; display:inline-block; top:3px; left:48%; }
.imgCentrada { max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.imgCont { width:90%; height:100px; margin:10px 0 15px 0; }
.miniatura { width:180px; height:120px; }
.miniatura_eventos { width:100px; height:120px; }
.miniatura_categorias { width:90px; height:70px; }

.opcion_video { width:100%; height:100%; background:rgba(0,0,0,0.3) url(../img/play.png) no-repeat center center; cursor:pointer; transition-duration: 0.2s; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; }
.opcion_video:hover { background:rgba(0,0,0,0) url(../img/play.png) no-repeat center center; }
.opcion_web { width:100%; height:100%; background:rgba(0,0,0,0.3) url(../img/web.png) no-repeat center center; cursor:pointer; transition-duration: 0.2s; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; }
.opcion_web:hover { background:rgba(0,0,0,0) url(../img/web.png) no-repeat center center; }
.opcion_descarga { width:100%; height:100%; background:rgba(0,0,0,0.3) url(../img/descargar.png) no-repeat center center; cursor:pointer; transition-duration: 0.2s; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; }
.opcion_descarga:hover { background:rgba(0,0,0,0) url(../img/descargar.png) no-repeat center center; }

.modal_fondo { position: fixed; left: 0; top: 0; background: rgba(255,255,255,0.95); width: 100%; height: 100%; display: none; z-index: 12345; overflow-y: auto; }
.modal_cerrar { position: fixed; right: 50px; top: 20px; }
.modal_mini { position: fixed; right: 20px; top: 0; width: 150px; padding: 20px 30px; text-align: center; background: #fff; border: 1px solid #9b6a07; border-top: none; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; z-index: 8888; display: none; }
.centro_modal { width:90%; margin:100px 5% 0 5%; text-align:center; }
.campo_cont { margin: 0 20px 10px 0; min-height:70px; }
.campo_cont_100 { margin: 0 0 10px 0; width:1366px; }
.form_cont { width:1388px; }
.gruesa { font-weight:700; }
.ruta_boton { width:210px; height:60px; background:#eee; text-align:center; -webkit-border-radius: 15px 0 15px 15px; -moz-border-radius: 15px 0 15px 15px; border-radius: 15px 0 15px 15px; margin:0 10px 10px 0; padding:5px 10px 0 10px; cursor:pointer; transition-duration: 0.2s; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; }
.ruta_boton:hover { background:#ddd;  }

.boton_verde { color:#9b6a07; font-weight:300; }
.boton_verde:hover { color:#9b6a07; font-weight:700; }

.alerta_manual { color:#B80C0F; font-weight:700; }
.opciones_boton { padding:5px 10px; background: #ddd; color: #333; width: calc(100% - 20px); width: -moz-calc(100% - 20px); cursor: pointer; }
.opciones_boton:hover { background: #ccc; color: #1e636d; }
.opciones_boton_c { padding:5px 10px; background: #ddd; color: #333; width: calc(100% - 20px); width: -moz-calc(100% - 20px); cursor: pointer; }
.opciones_boton_c:hover { background: #ccc; color: #1e636d; }
.opciones_boton_n { padding:5px 10px; background: #ddd; color: #333; width: calc(100% - 20px); width: -moz-calc(100% - 20px); cursor: pointer; }
.opciones_boton_n:hover { background: #ccc; color: #1e636d; }

.opaco { opacity:0.2; filter:alpha(opacity=20); }
.opaco:hover { opacity:1; filter:alpha(opacity=100); }

.combo_rs {
    padding: 7px 0;
    height: 36px;
    border: 1px solid #1e636d;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    color: #1e636d;
    margin: 0 0 10px 0;
    font-size: 16px;
}
.menupest { color:#fff; font-size:8px; }
.cerrados { display:none; }
.btnproc { width:300px; margin: 0; cursor:pointer; font-weight:300; border-bottom:1px solid #ddd; padding:5px 8px; transition-duration: 0.2s; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; }
.btnproc:hover { background:#eee; }

.alturalimitada { line-height:20px; height:20px; overflow:hidden; }

.foto_perfil { width: 140px; height: 140px; border: 3px solid #ccc; background: url(../img/agregar_fotos.png) no-repeat center center #666; background-size: 50% 50%; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; margin-bottom: 15px; cursor: pointer; margin: 0  20px 20px 0; }
#archivo { visibility: hidden; }

.imagenAjustada { max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

@media (max-width:1450px){
	.form_cont { width:1088px; }
	.campo_cont_100 { width:1024px; }
}
@media (max-width:1150px){
	.form_cont { width:788px; }
	.campo_cont_100 { width:678px; }
}