@charset "utf-8";
/* CSS Document */
html,body{
margin:0px;
height:100%;
font-family: 'myriadprolight', Arial, sans-serif;
text-align:justify;
color:#4B2919;
background-color:#f9f9fa
}

:root {
    --primary-color: #4e2e1e; 
    --secondary-color: #049eb9;
    --main-font: 'montserrat',Arial, sans-serif;
    --main-font-color: #333;
	--secondary-font-color: #fff;
}

.w3-btn{background-color:var(--primary-color); color:#fff; font-weight: bold; border-radius: 4px;}

@font-face {
    font-family: 'museo700';
    src: url('../fuentes/Museo700-Regular-webfont.woff2') format('woff2'),
         url('../fuentes/Museo700-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'museo300';
    src: url('../fuentes/Museo300-Regular-webfont.woff2') format('woff2'),
         url('../fuentes/Museo300-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'myriadwebpro';
    src: url('../fuentes/myriadwebpro.woff') format('woff');
    src: url('../fuentes/myriadwebpro.eot'),
		 url('../fuentes/myriadwebpro.eot?#iefix') format('embedded-opentype'),     
         url('../fuentes/myriadwebpro.ttf') format('truetype');
}
@font-face {
	font-family: 'myriadprolight';
    src: url('../fuentes/myriadpro-light.otf');
	font-weight:normal
}

h2{ font-family: 'myriadweb', Arial, sans-serif; font-weight:bold; font-size:23px; border-bottom:solid thin #4B2919; padding-bottom: 10px; text-align:left}
.blanco{border-bottom:solid thin #fff; }
a{text-decoration:none; color:#069fb9}

.aviso{ font-weight:bold; text-align:center; margin:1.5em auto; color:#ff0000; font-size:1.2em}

table, th, td {
    padding: 0px; border-collapse: collapse;
}

hr{ margin: 10px 0; border-color:var(--primary-color)}

.cuerpo{ margin:auto; min-height:300px;}
.contenido{
	max-width:1300px;
	margin:10px auto; padding:0 10px 80px 10px;
	font-size:15px; text-align:center
}
.registro .contenido{width: 800px; max-width: 100%; text-align: left}
.mitadder{
	padding-left:10px;
}
.mitadizq{
	padding-right:10px;
}
.mitadcentro{
	padding:0 5px
}
.mitad{width:50%; float:left}
.fondo{color:#fff; background-size:cover; background-position:bottom; margin-bottom:60px}
.logo{width:150px; margin:10px auto auto 80px; max-width: 90%;}
.icohead{ width:16px; margin: 0 0 0 15px; vertical-align: baseline;}
.btnprereg {font-size:22px; }
.btnprereg span{border-right:#000 solid thin; border-left:#000 solid thin}
.btnpeq{border:none; border-radius:4px;padding: 2px 10px; cursor:pointer; text-decoration:none; background-color:var(--secondary-color); color:var(--secondary-font-color)}
#divaviso{text-align:center; font-weight:bold; position: fixed; top: 0; width: 100%; color:#fff}
#divaviso.ok{background-color:#00B73C;}
#divaviso.error{background-color:#cc0000;}
#divaviso .w3-button{padding: 11px 13px; border-radius:0px; width: 42px; height: 42px;}
#divaviso.ok .w3-button{background-color: green;}
#divaviso.error .w3-button{background-color: #e00;}

.imgmax{
	max-width:100%; margin:auto
}
input[type=text], input[type=email], input[type=password], input[type=tel], input[type=number], input[type=url], textarea, select{border:none!important; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; width:100%;display:block;padding:6px; box-shadow:#aaa 1px 1px 6px}

.cuadroshome .subtit{
	font-family: 'myriadprolight'; font-size:16px; margin: 0 5px 0 5px; line-height:1;
}
.titulo{margin:-10px -20px 10px; padding:10px 20px; border-radius: 4px 4px 0 0; font-weight:bold; background-color:var(--primary-color); color:#fff; text-transform:capitalize}

.cuadroshome .cuadronoticias strong{font-size: 25px;}
.cuadroshome .cuadronoticias span{font-size: 20px;}
.cuadroshome div:hover{ cursor:pointer}
.cuadronoticias{font-family: 'myriadprolight'}
.cuadroblanco{background-color:#FFFFFF; margin: 15px 10px 15px; padding:10px 20px; border-radius:4px; box-shadow:5px 5px 5px 0 rgba(0,0,0,0.16),5px 5px 10px 0 rgba(0,0,0,0.12)}
.tarjeta{border-radius: 8px; width: 95%; margin: 10px 2.5%; height: 150px; background-color: var(--primary-color); color:#fff; text-align: center; font-weight: bold; cursor:pointer}
.tarjeta .tit{width: 100%; font-size: 1.5em; text-shadow: #000 0px 0px 4px }

h3{font-family: 'myriadwebpro'; font-weight:bold; font-size:45px; line-height:1.2em; margin-bottom:1em;}

h4{font-family: 'myriadwebpro'; font-weight:bold; font-size:38px; line-height:1.2em; margin-bottom:1em}
.cuadroshome h3{
	font-size:30px; margin-bottom:-5px; margin-top:20px
}
.cuadroshome .w3-half{
	text-align:center; background-color:#f9f9fa; min-height:300px
}
.cuadroshome{
	margin:12px auto; display: -webkit-flex; /* Safari */
		display: flex;
}
.cuadroshome .mizq{
	 border-right:solid #fff 6px
}
.cuadroshome .mder{
	 border-left:solid #fff 6px
}
.vistatabla .flecha, .vistatabla .flechaarriba{
	width:7px; vertical-align:middle	
}
.vistatabla .flechaarriba{
	 transform:rotateX(180deg);
}
.vistatabla {
    border-collapse:separate;
	border-spacing: 0;
    border:solid #ddd 1px;
    border-radius:6px;
    -moz-border-radius:6px;
	width:100%; font-size:11px;
	text-align:left
}

.vistatabla td, .vistatabla th {
    /*border-left:solid #ddd 1px;*/
    border-top:solid #ddd 1px;
    padding: 5px;
}


.vistatabla th {
    border-top: none;
	font-weight:bold
}

.vistatabla td:first-child, th:first-child {
     border-left: none;
}

.vistatabla th:first-child { border-radius: 6px 0 0 0; }
.vistatabla th:last-child{border-radius: 0 6px 0 0; }

.vistatabla tr:last-child td:first-child {border-radius: 0 0 0 6px; }
.vistatabla tr:last-child td:last-child{ border-radius: 0 0 6px 0; }
.vistatabla tr{background-color:#eef1f3}

.vistatabla th{background-color:#fff!important}
footer span{ font-size:30px; font-weight:bold; font-family: 'myriadwebpro';}
footer{background-color:#f1f0f0; padding:20px}
footer hr{ width:100%; border-top: 1px solid #4b2919;
}
footer .cuarto{
	width:49.99999%; float:left
}
footer .redes img{
	 height:34px; margin:auto 6px
}
strong{font-family: 'myriadwebpro';}
.contador{
	font-family: 'myriadwebpro', Arial, sans-serif; text-align:center; line-height:1; margin: 5px auto auto 20px; float:right; font-weight:bold
}
.contador td{
	width:39px
}
.activo{font-family:'myriadwebpro'; font-weight:bold}
#menu{margin-top:0px; min-height:42px; font-family: 'myriadprolight';background-color:#4b2919/*rgba(75,41,25,0.8)*/; font-weight:normal; z-index:99;color: #fff }

#menu .botones div{
	width:25%; float:left; text-align:center; padding: 11px 16px 8px 16px; height:42px
}
#menu .botones div a:hover{
	font-family:'myriadwebpro'; font-weight:bold
}
#menu li a:hover{ background-color:#4B2919; color:#a3a3a3}
#menu .botones{ width:850px; max-width:95%; margin:auto; color:#fff}
#menu a{color: #fff!important}
.mnufooter{font-size:19px;}
.fechalugar{font-size:23px;margin-bottom: .8em; margin-top: .2em;}

.noticia h1{font-family: 'myriadwebpro'; font-weight:bold; font-size:58px; margin-bottom:10px;}
.noticia{width:700px; margin:auto; font-size:35px; max-width:100%; text-align: justify;}
.noticia span{font-size:28px}
.noticia img{margin:30px auto 15px}

h1{font-size:30px; text-align:center; font-family: 'museo700'; margin:0}
.tbltit{height:55px; margin:auto}
.albumesgal td{padding: 0 10px;}
.albumesgal strong{font-size:38px}
@media only screen and (min-width:646px){
	.mnufooter div{margin:auto; width:50%}
	footer .redes{ text-align:right}
	footer .organiza{text-align:left}
	.cflex{display: -webkit-flex; /* Safari */
		display: flex;}
	.margensupg{padding-top:4em}
	.cuadroshome .cuadronoticias{ padding-top: 10px;}
	
}
.noticias img{border-radius: 16px; width:203px}
.noticias .w3-row{margin-bottom:2em}
.galmini{
	margin:3%; width:auto; width:19%
}
.galmini img{
	width:100%; border-radius: 8px;	
}
.fondoperfil{background-image:url(assets/imgperfil.jpg); background-size:900px; background-repeat:no-repeat}

@media only screen and (max-width:600px){
	.mitadder{
		margin-top:1.5em; padding-left:0
	}
	.mitadizq{
		padding-right:0
	}
	.mitadcentro{
		margin-top:1.5em; padding-right:0; padding-left:0}
	.cuadroshome .mizq, .cuadroshome .mder{
	 	border:none
	 }
	 .cuadroshome{
		 display:block!important
	 }
	 .cuadroshome .mder{
		 margin-top:12px
	 }
	 .fondoperfil{ background-size:contain}
	 .centrar-small{text-align:center!important}
	 .g-recaptcha div {
		margin:auto;
	 }
	.cuadroblanco{background-color:#FFFFFF; margin: 15px 0px;}
	 
}

@media only screen and (min-width:769px) and (max-width:1250px){
	.fondoperfil{ background-size:90%}
	h1{font-size:18px;}
	.fechalugar {font-size:14px;}
	.logo { width: 100px; margin: 10px auto auto 40px;}
}
.albumesgal span{font-size:20px; vertical-align:super}
@media only screen and (min-width:769px){
.hotel{font-size: 20px;}
}
@media only screen and (max-width:768px){
	.albumesgal strong{font-size:18px}
	.albumesgal span{font-size:10px}
	.albumesgal td{padding: 17px 8px}
	h1{font-size:12px;}
	.tbltit{margin-top:15px; height: 25px; margin-bottom: 6px;}
	
	.noticia h1{font-size:38px; margin-bottom:0}
	.noticia{ font-size:22px}
	.noticia span{font-size:18px}

	footer hr{ max-width:80%; margin-left:0; text-align:left}
	footer span{ font-size:24px; font-family: 'myriadwebpro';}
	.mnufooter{font-size:14px;}
	.logomovil{ width:45px; float:left; margin-bottom:-70px; margin-left:5px; margin-top:15px}
	.icohead{ width:6px; margin:0 5px 0 10px}
	.fechalugar{font-size:9px;}
	.btnprereg {font-size:14px;}	 
	h3{font-size:24px;}
	h4{font-size:28px;}
	.noticias img{border-radius: 4px}
	.galmini{
		margin:2%; width:auto; width:21%
	}
	.galmini img{border-radius: 4px}
	.contenido{font-size:15px;} 
	
	.mnumovcompleto{position: absolute;
			width: 100%;
			height: 100%; background-color: rgba(75,41,25,0.9)!important;}
	.cuadroshome .cuadronoticias strong{font-size: 16px;}
	.cuadroshome .cuadronoticias span{font-size: 14px;}
	.cuerpo{
		margin:0 10px
	}
	.contenido{
		margin:10px 10px
	}
	/*.cuadroshome .subtit{font-size:13px; line-height:1;}*/
	.logo { width: 100px; margin: 10px auto auto 40px;}
	.registro .contenido{width: auto}
}
.btncafe{background:linear-gradient(#87756d, #4e2e1e); -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;  }
.hotel{border:solid black 2px; -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 10px; color:#000; background-color:rgba(255,255,255,0.5); text-align:center;  padding:8px}
.hotel table{text-align:left;  table-layout: fixed; width: 100%;}
.hotel td{vertical-align: top; word-wrap:break-word;}
.hotel img{width:20px; vertical-align: 10%; margin-right:10px}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 42px;
}

.submenu{
	height:82px; background-color:#6f5347; text-align:center; font-size:13px; color:#fff
}
.submenu .activo{
	color:#f9ebc2; font-weight:normal; font-family:'myriadprolight'
}

.submenu div div{width: 33.33333%; float:left}
.submenu2 div div{width: 25%!important}

.submenu .w3-container{
	max-width:444px; margin:auto
}

.submenu img{
	width:70px	
}
.btnbarras{border-right:#fff solid thin; border-left:#fff solid thin}

.oscurese{position: fixed;
top: 0;
width: 100%;
height: 100%;}

.organizadores div{
	text-align:center
}
.organizadores img{
	width:270px	
}