@import url(https://fonts.googleapis.com/css?family=Elsie+Swash+Caps:300italic,400italic,600italic,300,400,500,600);
@import url(https://fonts.googleapis.com/css?family=Great+Vibes:300italic,400italic,600italic,300,400,500,600);
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville:300italic,400italic,600italic,300,400,500,600);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,500,600);
@import url(https://fonts.googleapis.com/css?family=Moderustic:300italic,400italic,500italic,600italic,300,400,500,600);

body {margin: 0px; font-family:"Open Sans", Calibri, Arial; font-size: 19px; color: #333;}
img {max-width: 100% !important; vertical-align:middle;}
h1 {font-size:42px; color:#1049AD; font-family:'Moderustic', Calibri, Arial; line-height:50px;}
h2 {font-size:36px; color:#444; font-family:'Moderustic', Calibri, Arial;}
a {color:#000000; text-decoration:none;}
a:hover {color:#6600B4; text-decoration:underline;}
ul[class="flecha"] li {padding:12px 14px 5px 40px;	margin-left:-20px;	margin-top: 0px; line-height:25px; background: url(/img/flecha.png) no-repeat; display:block;}

.fondo_menu {background:linear-gradient(rgba(256, 256, 256, 0.85), rgba(256, 256, 256, 0.85)); height:80px; width:100%; position:absolute; border-bottom:2px solid #fff; top:0px;}
.fondo_menu:hover {background:linear-gradient(rgba(256, 256, 256, 0.9), rgba(256, 256, 256, 0.9));}
.menu_opc {display:flex; width:150px; padding:10px; background:-moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); background:-webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))); background:-o-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); justify-content:center; font-variant:small-caps; font-weight:600; border:#eee 1px solid; color:#003b6f}
.menu_opc:hover {background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); color: #D6D6D6; cursor: pointer; border: #333 1px solid;}
.menu_opc_a {display:flex; width:150px; padding:10px; background:linear-gradient(rgba(0, 59, 111, 0.5), rgba(0, 59, 111, 0.5)); justify-content:center; font-variant:small-caps; font-weight:600; border:#7a92a8 1px solid; color:#fff}
.menu_opc_logo {display:flex; width:150px; padding:10px 15px; justify-content:center}

.alto_iconob {max-height:20px;}
.alto_reloj {min-height:120px !important;}
.alto_reloj2 {min-height:110px !important;}
.ancho_80 {max-width:80% !important}
.clic {position:absolute; z-index:100; width:64px; height:64px; right:4%; top:3%; cursor:pointer;}
.contenedor_flex {display:flex; align-items:center; justify-content:center;}
.contorno {border:#FFFFFF 2px solid; max-height:85vh;}
.cuadrito {display:inline-block; width:160px; border:#ddd 1px solid; background:#f8f8f8; padding:15px; font-size:15px; margin:10px;}
.cuadrito2 {display:inline-block; width:160px; border:#D4B748 1px solid; background:#FBFAF4; padding:15px; font-size:15px; margin:10px;}
.curva {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.efecto {-moz-transition:all .5s; -webkit-transition:all .5s; -o-transition:all 5s; transition:all .5s;}
.enlace {cursor:pointer}
.espacio1 {margin-bottom:30px;}
.fl {float:left;}
.flotante {position:fixed; width:50px; height:200px; background:#C3C3C3; right:5px; top:5px;}
.fr {float:right;}
.franja_color {background:#f2f2f2; padding:30px 0px 20px 0px}
.franja_ramas {background:url(/img/ramitas1.jpg) repeat-x left bottom; border-bottom:#879376 2px solid; padding-bottom:20px;}
.franja_textura {font-size:42px; line-height:50px; color:#333; font-family: 'Moderustic', Calibri, Arial; padding:25px; font-weight:600; border-bottom:#ccc 2px outset; border-top:#ccc 2px inset; background-color: #eaefeb; background-image: url("https://www.transparenttextures.com/patterns/mirrored-squares.png");}
.fondoi1 {width:100%; height:100vh; background:url(/img/fondo1.jpg); background-size:cover; background-repeat:no-repeat; background-position:50% 50%; display:flex; align-items:center; justify-content:center;}
.fondo_colori {background:#095A96; color:#FFFFFF; font-size:30px; line-height:70px; text-align:right; -webkit-border-radius: 0px 30px 30px 0px; -moz-border-radius: 0px 30px 30px 0px; border-radius: 0px 30px 30px 0px; padding-right:30px; font-weight:500}
.fondo_colord {background:#095A96; color:#FFFFFF; font-size:30px; line-height:70px; text-align:left; -webkit-border-radius: 30px 0px 0px 30px; -moz-border-radius: 30px 0px 0px 30px; border-radius: 30px 0px 0px 30px; padding-left:30px; font-weight:500}
.fondo1 {text-align:justify; background-color:#B1B1B1; background-image: url("https://www.transparenttextures.com/patterns/buried.png"); margin-top:730px; color:#CFCBCB}
.fondo2 {text-align:justify; background-color:#CFCBCB; background-image: url("https://www.transparenttextures.com/patterns/45-degree-fabric-light.png");}
.letra_numeros {font-family:'Libre Baskerville', Arial; font-size:80px; color: #6F501E !important; }
.letra_titulo {font-family:'Great Vibes', Arial; text-shadow:#fff 1px 1px 1px; color: #6F501E !important; font-size:100px; line-height:120px;}
.letra_minititulo {font-family: 'Great Vibes', Arial; font-size: 50px;}
.linea {height:3px; background:#6F501E;}
.linea2 {padding-bottom:8px; border-bottom:#ccc 1px solid;}
.linea3 {border-bottom:#6F501E 1px solid;}
.login1 {background:#a74c4c url(../img/icono_usuario.png) no-repeat; padding:6px 6px 6px 65px; width:70%; display:inline-block; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.login2 {background:#a74c4c url(../img/icono_clave.png) no-repeat; padding:6px 6px 6px 65px; width:70%; display:inline-block; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.mapa {width:100%; height:335px;}
.mayusculas {font-variant:small-caps; line-height:30px;}
.mb0 {margin-bottom:0px !important;} .mb10 {margin-bottom:10px !important;} .mb20 {margin-bottom:20px !important;} .mb30 {margin-bottom:30px !important;}
.ml20 {margin-left:20px;} .ml30 {margin-left:30px;}
.mr10 {margin-right:10px !important;} .mr20 {margin-right:20px !important;} .mr30 {margin-right:30px;}
.mt0 {margin-top:0px !important;} .mt10 {margin-top:10px !important;} .mt20 {margin-top:20px !important;}.mt30{margin-top:30px !important;} .mt40{margin-top:40px !important;} 
.mt50{margin-top:50px !important;}
.oculto {display:none;}
.pos_rel {position:relative;}
.recuadro {background: linear-gradient(rgba(255,255,255, .8), rgba(255,255,255, .8)); border:#fff solid 2px; display:block;}
.resalte {border-bottom:#d4be9d 1px solid; border-top:#d4be9d 1px solid; background: #f5efe6; padding: 8px; font-weight: 500; font-size: 22px; line-height:28px;}
.resalte2 {border:#ccc 1px solid; background: #f4f4f4; padding: 25px 10px; font-weight: 500; font-size: 20px; width:70%;}
.resalte3 {border:#ccc 1px solid; padding: 25px 10px; font-weight: 500; font-size: 20px;}
.tac {text-align:center !important;} .taj {text-align:justify !important;} .tar {text-align:right !important;} .tal {text-align:left !important;} .talc {text-align:left;}
.texto_color {color:#6F501E !important;}
.texto_gris {color:#444 !important;}
.texto_chico {font-size:16px !important;}
.texto_grande {font-size:22px !important;}
.texto_enorme {font-size:30px !important; line-height:40px; font-family:"Moderustic", Calibri, Arial; }
.var_pc {display:block;}
.var_cel {display:none;}

.loader {width: 20px; aspect-ratio: 1; --c: linear-gradient(#a74c4c 0 0); --m: radial-gradient(farthest-side,#C36B6B 92%,#0000);background: var(--m) center /8px 8px, var(--c) left 50% top -20px/8px 16px, var(--c) left 50% bottom -20px/8px 16px, var(--c) top 50% left -20px/16px 8px, var(--c) top 50% right -20px/16px 8px; background-repeat: no-repeat; display:inline-table; animation: l18-1 1.5s infinite, l18-2 1.5s infinite;}
@keyframes l18-1 {30%,70% {background-position: center, left 50% top calc(50% - 8px), left 50% bottom calc(50% - 8px), top 50% left calc(50% - 8px), top 50% right calc(50% - 8px)}}
@keyframes l18-2 {0%,40% {transform: rotate(0)} 60%,100% {transform: rotate(90deg)}}

.fadebox {display:none; position:fixed; top:0%; left: 0%; width:100%; height:100%; background-color:black; z-index:10000; -moz-opacity: 0.7; opacity:.70; filter: alpha(opacity=70);}
.overbox {display:none;	position:fixed; width:600px; margin:0px auto 0px auto;height: auto; z-index:10001; overflow: auto; padding:30px; background:#FFFFFF; border:#999 double 3px;}
.overbox2 {display:none;position:fixed; width:auto; margin:0px auto 0px auto;height: auto; z-index:10001;}
.barra_over {z-index:10010; background:#000; bottom:0px; left:0px; width:100%; padding:20px 0px; position:fixed; display:none; font-size:24px; line-height:36px; color:#FFFFFF !important;}

.btn {font-size:25px; border:none; background-color:#FF5B5B; cursor: pointer;}
.btn:hover {color:#fff; background-color:#000;}
.boton {background: #f4e7e7; border: #a74c4c 2px solid !important; color: #a74c4c; padding:5px 15px; font-size: 20px; font-family: 'Moderustic', Geneva, Arial, sans-serif;}
.boton:hover {background: #a74c4c; color:#fff; border:#f4e7e7 1 px solid;}
.combo {font-size:19px; width:110px; border:#6F501E 2px solid; padding:5px 10px 5px 9px;}
.cuadro_texto {border: 1px solid #e48b69; color: #333; padding: 8px 15px; font-size: 16px; width: 90%; font-family: 'Moderustic', Geneva, Arial, sans-serif;}
.cuadro_texto_transparente {border:none; color: #FFF; padding: 8px 15px; font-size: 18px; width: 90%; font-family: 'Moderustic', Geneva, Arial, sans-serif; background:none; outline:none;}
.formulario input[type="radio"], .formulario input[type="checkbox"] {display:none;}
.formulario label.etiquetar, .formulario label.etiquetac  {padding:5px 25px 5px 28px; display:inline-block; position:relative; cursor:pointer; border-radius:3px; -moz-transition: all .3s ease; -webkit-transition:all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; font-size:20px !important; font-weight:normal;}
.formulario .radio label, .formulario .checkbox label  {padding:5px 25px 5px 28px; display:inline-block; position:relative; cursor:pointer; border-radius:3px; -moz-transition: all .5s ease; -webkit-transition:all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; font-size:20px !important; font-weight:normal;}
.formulario label.etiquetar:before, .formulario label.etiquetac:before  {content:""; width:15px; height:15px; display:inline-block; background:none; border:#6F501E 2px solid; border-radius:50%; position:absolute; left:0px; top:7px;} .formulario label.etiquetac:before  {border-radius:2px;} 
.formulario .radio label:before, .formulario .checkbox label:before  {content:""; width:15px; height:15px; display:inline-block; background:none; border:#6F501E 2px solid; border-radius:50%; position:absolute; left:0px; top:9px;} .formulario .checkbox label:before  {border-radius:2px;} 
.formulario input[type="radio"]:checked + label, .formulario input[type="checkbox"]:checked + label {padding: 5px 15px; background:#6F501E; color:#FFF;}
.formulario input[type="radio"]:checked + label:before, .formulario input[type="checkbox"]:checked + label:before {display:none;}

.container {width:1100px; margin:0px auto 0px auto; text-align:justify;}
.contenedor_mini {width:400px; margin:0px auto 0px auto; text-align:justify; background:#eee; border:#aaa 1px solid; padding:4px;}
.row {margin-left: 0%; margin-right: 0%; clear:both; overflow: auto;}
.col20 {width:16%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;} 
.col25 {width:21%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col25_c {width:21%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col30 {width:26%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col33 {width:29%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col40 {width:36%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col50 {width:46%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col50i {width:50%; float:left; padding:0%; min-height:1px; margin-bottom:20px;}
.col50d {width:50%; float:right; padding:0%; min-height:1px; margin-bottom:20px;}
.col60 {width:56%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col66 {width:62%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col70 {width:66%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col75 {width:71%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col80 {width:76%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col100 {width:96%; float:left;	padding:0 2%; min-height:1px;}

@media screen and (max-width:1230px) {
html,body{margin:0;	padding:0; font-size: 17px; line-height: 1.4em;}
h1 {font-size: 36px; line-height:50px;}
h2 {font-size: 32px; line-height:42px;}
h3 {font-size: 30px; line-height:32px;}

.alto_reloj {min-height:0px !important;}
.alto_reloj2 {min-height:0px !important;}
.contorno {border:#FFFFFF 2px solid; max-height:1000px}
.espacio1 {margin-bottom:0px !important;}
.fondoi1 {background:url(/eventos/caritoydiego_cel.jpg); background-size:cover; background-repeat:no-repeat; background-position:50% 50%; display:flex; align-items:center; justify-content:center;}
.franja_textura {font-size:30px; line-height:36px;}
.franja_ramas {background:url(/img/ramitas_cel.jpg) repeat-x left bottom; border-bottom:#879376 2px solid;}
.letra_minititulo {font-size: 22px; color:#111;}
.letra_numeros {font-size:40px;}
.letra_titulo {font-size:60px; line-height:80px; margin-top:40px !important;}
.overbox {width:90% !important; margin-top:0px; position: fixed; padding:2%;} 
.overbox2 {width:92% !important; margin-left:2%; margin-top:0px;}
.resalte2 {width:90%;}
.texto28 {font-size:28px !important;}
.var_cel {display:block;}
.var_pc {display:none;}

.container {width:98%; padding:0 1%; text-align:left;}
.contenedor_mini {width:90%; padding:0 1%; text-align:left;}
.row {overflow:hidden;}
.col20, .col25, .col30, .col33, .col40, .col50, .col60, .col66, .col70, .col75, .col80, .col100 {width:98%; margin-bottom:30px; margin-top:10px; padding: 0 1%;}
.col25_c {width:23%; margin-bottom:20px; margin-top:10px; padding: 0 1%;}
}