/* blank */ 
html {
  font-size: 14px;  
  background-color:#fff;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

body{
  font-family: "Open Sans", sans-serif;
  color: #444444;
}

a { color: #5f687b; transition: ease-in-out 0.1s;text-decoration:none; }
a:hover { color: #16df7e; text-decoration:none; }

.container { max-width: 1080px; }
.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }
.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }
.row-pad-top { padding-top:20px;}
.row-pad-bottom { padding-bottom:20px;}

.btn.btn-primary {background-color:#16df7e; border-color:#16df7e;}
.btn.btn-primary:hover { color:#999;}

.header{ padding-top:4px; margin-top: 0; position: fixed; top: 0; left: 0; right: 0; background-color: #fff; height:90px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; z-index:1000; border-bottom: 1px solid #e5e5e5;}

.header .logo {max-width:150px;  -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.header .logo a { height:100%; width:100%; display:block;}
.header .logo a img {vertical-align: top;}

.header.header-alt { height:60px; box-shadow: 0px 2px 15px rgb(0 0 0 / 10%); }
.header.header-alt .logo {max-width:70px; margin-top: 4px;}

.nav .menu-toggler {display:inline-block; width: 30px; height:30px; background:transparent; position:relative; margin-top: 30px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }

.header.header-alt .nav .menu-toggler {margin-top: 8px;}

.nav .menu-toggler i { height: 4px; position: absolute; display: block; background: black; width: 30px; left: 0px;  -webkit-transition: all .2s ease-out; transition: all .2s ease-out; }
.nav .menu-toggler i:nth-child(1) { top: 26px; -webkit-transform: rotateZ(45deg) translate(-10px,-10px); transform: rotateZ(45deg) translate(-10px,-10px); }
.nav .menu-toggler i:nth-child(2) { top: 13px; background: transparent;}
.nav .menu-toggler i:nth-child(3) { top: 26px; -webkit-transform: rotateZ(-45deg) translate(10px,-10px); transform: rotateZ(-45deg) translate(10px,-10px); }
.nav .menu-toggler.collapsed i:nth-child(1) { top: 0px; -webkit-transform: rotateZ(0); transform: rotateZ(0);}
.nav .menu-toggler.collapsed i:nth-child(2) { background: black;}
.nav .menu-toggler.collapsed i:nth-child(3) { -webkit-transform: rotateZ(0); transform: rotateZ(0);}

.nav .menu-toggleable {display:none;}
.nav .menu-toggleable.show {display:block;}

@media (min-width: 768px){
	.nav .menu-toggler {display:none;}
	.nav .menu-toggleable {display:block!important;}
}

.nav a, .nav a:focus {
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #6a7489;
    white-space: nowrap;
    transition: 0.3s;
}
.nav ul {list-style-type:none; }
.nav .menu-main { padding: 5px 31px; margin: 10px 0 30px 20px; border: #ccc solid 1px; border-radius: 8px; box-shadow: #ddd 5px 5px 3px; background-color:#fff;}
.nav .menu-main .menu-main-item { margin:0;  position:relative; padding:5px 0 0 0;}
.nav .menu-main a { white-space:nowrap; text-decoration: none; position:relative; display:inline-block; color:#000; font-weight: 300; font-size: 18px;}
.nav .menu-main .menu-main-item>a { font-weight: 600; font-size: 22px;}

.nav .menu-sub {margin:0 0 0 10px; padding:0; }


@media (min-width: 768px){
	
	.nav .menu-main{display:inline-block; padding: 0; margin:20px 0 0 0; text-align:center; width:100%; border: none; box-shadow: none; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
	.header.header-alt .nav .menu-main {margin-top:5px;}
	.nav .menu-main .menu-main-item { display:inline-block; margin:0;  position:relative; padding:5px 0 0 20px;}

	.nav .menu-main li.menu-main-item:hover .menu-sub { display:block; }
	
	.nav .menu-main .menu-sub {
	 position:absolute; top:35px; left:8px; padding:10px; margin:0; 
	 border:1px solid #fff;
	 border-radius: 9px;
	 background-color: #fff;
	 box-shadow: 0px 0px 30px rgb(127 137 161 / 25%);
	 display:none;
	 text-align:left; 
	}
}

    
   
	
.footer {position:relative; padding-top:5px; background-color:#f3f4f6; color: #5f687b; font-size: 14px;}

.footer::before {position:absolute; content: " "; top:0; left:0; right:0; bottom:0; background-image: url(../img/trama_pie.png); opacity: 0.15; }
	
.footer a { color:inherit; text-decoration:none; font-weight: 600;}
.footer strong{font-weight: 600;}
.footer address { margin-bottom:0; margin-left:20px;}
.footer address strong{ margin-left:-20px;}
.footer .patrocinadores .lista-patrocinadores{ text-align:center}

.footer .patrocinadores .lista-patrocinadores .patrocinador{ display:block; margin:30px 10px;}
.footer .patrocinadores .lista-patrocinadores .patrocinador img { height:50px; }

.main .seccion .patrocinadores {text-align:center;}
.main .seccion .patrocinadores .patrocinador { display:block; padding:20px 10px;}

@media (min-width: 768px){
	.footer .patrocinadores .lista-patrocinadores .patrocinador{ display:inline-block; margin-right:10px; margin-bottom:20px; margin-top:10px;}
	.footer .patrocinadores .lista-patrocinadores .patrocinador:last-child{ margin-right:0px;}
}

.footer .copyright {text-align:center; font-size: 13px; color: #777; font-weight: bolder;}
.footer .content { padding-top:20px; margin-top:5px; }
.footer .footertitle {font-size:16px; color:#999; padding-bottom:10px; font-weight: 600; padding-top:20px;}
@media (min-width: 768px){
	.footer .footertitle {padding-top:0px;}
}

.footer .contacto .dato {padding-bottom:12px}
.footer .footermenu li {padding-bottom:12px}



.main {padding-top:100px;}
.main p { text-indent: 1em; }


.main .seccion {background-color:#ffffff; padding-bottom:15px;}

.main .section-title { text-align: center; padding: 30px 0 0 0; position: relative; }
.main .section-title p { margin-bottom: 0; position: relative; z-index: 2; }
.main .section-title span { position: absolute; top: 12px;   left: 0;  right: 0;  z-index: 1;  font-weight: 700;  font-size: 3em;  text-transform: uppercase;  line-height: 47px; color: #f4f4f4;}
.main .section-title h1, 
.main .section-title h2, 
.main .section-title h3, 
.main .section-title h4, 
.main .section-title h5, 
.main .section-title h6 { position: relative; z-index: 2; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; padding-bottom: 0; color: #5f687b; }
.main .section-title h1 { line-height: 56px; font-size: 2.3em; }
.main .section-title h2 { line-height: 56px; font-size: 2.1em; }
.main .section-title h3 { line-height: 52px; font-size: 1.8em; }
.main .section-title h4 { line-height: 48px; font-size: 1.5em; }
.main .section-title h5 { line-height: 44px; font-size: 1.2em; }
.main .section-title h6 { line-height: 42px; font-size: 1.1em; }

.main .section-title span.h1,
.main .section-title span.h2,
.main .section-title span.h3 {font-size: 2.5em;}
.main .section-title span.h4,
.main .section-title span.h5,
.main .section-title span.h6 {font-size: 2.1em;}



.main .patrocinadores { margin:40px 5px 40px 5px; padding: 20px;}

.main .listadatos{ margin:40px 5px 40px 5px; padding: 20px; border-radius:12px; box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);}
.main .seccion .listadatos {background-color:#f9f9fa;}

.main .imagedescription { text-align:center; font-size: 14px; color: #999;  font-style: italic;  margin: 0 15px 0 15px;  padding: 15px 0 20px 0;  background: white;  position: relative; z-index: 1; }

.main .seccion .patrocinadores {text-align:center;}
.main .seccion .patrocinadores .patrocinador { display:block; padding:20px 10px;}

@media (min-width: 768px){
	.main .seccion .patrocinadores .patrocinador { display:inline-block; padding:10px 20px;}
}

.cabecera_seccion .logo {text-align:center; margin-bottom:20px;}

.cabecera-contenido .logo { margin-top:15px; margin-bottom:15px; text-align: center;}
.cabecera-contenido .introduccion {margin-top:15px; margin-bottom:15px;}
.cabecera-contenido .fecha { font-size:0.9em; margin: 0 0 10px 0; text-align:right;}
.cabecera-contenido .contenido {}
.cabecera-contenido .secciones { font-size:0.9em; margin: 5px 0; text-align:right;}
.cabecera-contenido .secciones a {position:relative;}
.cabecera-contenido .secciones a:after { content:" |"; }
.cabecera-contenido .secciones a:last-child:after { content:" "; }

.main .titulo-portada { margin:25px 0 25px 0; border-bottom:1px solid #696969; padding-bottom:4px;}

.main .listacontenidos .titulodestacados{}
.main .listacontenidos .separador{}
.main .listacontenidos .bloque {padding:30px 0;}
.main .listacontenidos .bloque:nth-child(even) {background-color:#ffffff;}
.main .listacontenidos .bloque:nth-child(odd) {background-color:#f9f9fa;}
.main .listacontenidos .bloque h5 { border-bottom:1px solid #696969; padding-bottom:4px;}
.main .listacontenidos .bloque .logo{ text-align:center; margin-top:20px;}
@media (min-width: 768px){
	.main .listacontenidos .bloque .logo{ margin-top:unset;}
}

.main .listacontenidos .bloque .fecha{font-size:0.9em; margin: 0 0 10px 0; text-align:right;}
.main .listacontenidos .bloque .intro {}
.main .listacontenidos .bloque .intro a:hover { color:unset;}

.main .bloqueimagen .imagen {text-align: center;}

.main .carousel {margin-bottom: 40px;}

.MarkupPagerNav { clear: both; text-align:center; margin:2em 0 1em 0; width:100%; }

.MarkupPagerNav li{ list-style-type:none; display:inline-block; margin:0 0.2em; padding:0; }

.MarkupPagerNav li a,
.MarkupPagerNav li.MarkupPagerNavSeparator {
  display: inline-block; color: #5f687b; padding:5px 10px; background: #f9f9fa;   font-weight: bold; text-transform: uppercase; }

.MarkupPagerNav li.MarkupPagerNavOn a,
.MarkupPagerNav li a:hover {
  color: #fff;
  background: #16df7e;
  text-decoration: none;
}
.MarkupPagerNav li.MarkupPagerNavSeparator { display: inline; color: #5f687b; background: #f9f9fa; padding-left: 3px; padding-right: 3px; }

.MarkupPagerNav .MarkupPagerNavOn { font-weight:bold;}

.MarkupPagerNav .MarkupPagerNavPrevious {}
.MarkupPagerNav .MarkupPagerNavNext {}

.MarkupPagerNav .MarkupPagerNavFirst {}
.MarkupPagerNav .MarkupPagerNavLast {}

.MarkupPagerNav .MarkupPagerNavFirstNum {}
.MarkupPagerNav .MarkupPagerNavLastNum {}

.MarkupPagerNav .hidden {display:none;}





.galeria {margin: 50px 0 20px 0}
.galeria .galeria-item { margin-bottom: 30px; text-align: center;}
.galeria .galeria-item .galeria-info { opacity: 0; position: absolute; left: 30px; right: 30px; bottom: 0; z-index: 3; transition: all ease-in-out 0.3s; background: rgba(255, 255, 255, 0.9); padding: 15px; }
.galeria .galeria-item:hover .galeria-info { opacity: 1; bottom: 20px; margin: 0 auto; max-width: 400px;}

.galeria .galeria-item .galeria-info h4 { font-size: 18px; color: #fff; font-weight: 600; color: #5f687b;  margin-right:25px;}
.galeria .galeria-item .galeria-info p { color: #949cac; font-size: 14px; margin-bottom: 0; margin-right:25px;}
.galeria .galeria-item .galeria-info .link {
  position: absolute; right: 15px; font-size: 24px; top: calc(50% - 18px); transition: 0.3s; }

.galeria .galeria-item .galeria-info .link:hover{ color: #16df7e; }



.relacionados {}
.relacionados .relacionado { margin-bottom:40px;}
.relacionados .relacionado:last-child { margin-bottom:0px;}
.relacionados .relacionado .titulo { font-size:1.2em; margin: 0 0 10px 0; border-bottom:#5f687b solid 1px;}
.relacionados .relacionado .fecha { font-size:0.9em; margin: 0 0 10px 0; text-align:right;}
.relacionados .relacionado .intro {}
.relacionados .relacionado .logo { text-align:center; margin-bottom:20px;}

@media (min-width: 768px){
	.relacionados .relacionado .logo { text-align:left; margin-bottom:0;}
}

.formulario .mensaje_enviado { color: #fff; background: #18d26e; text-align: center; padding: 15px; font-weight: 600; }
.formulario .mensaje_error { color: #fff; background: #ed3c0d; text-align: center; padding: 15px; font-weight: 600; }

.contenido_relacionado .listasecciones { padding-top:20px; background-color: #f9f9fa; }
.contenido_relacionado .destacado { text-align: center;  margin-bottom: 20px;  padding: 30px 20px 10px 20px;  background: #fff; width: 100%;}
.contenido_relacionado .destacado img { max-width: 100%;  margin: 0 0 30px 0; }
.contenido_relacionado .destacado h4 { font-weight: 700; margin-bottom: 2px; font-size: 18px; }
.contenido_relacionado .destacado span { font-style: italic; display: block; font-size: 13px; }
.contenido_relacionado .destacado p { padding-top: 10px; font-size: 14px; font-style: italic; color: #aaaaaa; }


.video-titulo {font-size:1.2em; margin: 0 0 10px 0; border-bottom:#5f687b solid 1px; font-weight:bold; text-align:center;}

.video-responsive {
    overflow:hidden;
    padding-bottom:400px; /* Adecua este valor para controlar la altura del video */
    position:relative;
    height:0;
	margin-bottom:40px;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.g-recaptcha .grecaptcha-badge{ margin: 15px auto; }


.textopie {}
.textopie .center { text-align: center; }