@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'Titulos';
    src: url('../fuentes/Karate.ttf');
    
}
@font-face {
    font-family: 'Texto';
    src: url('../fuentes/textoNormal.otf');
    
}
@font-face {
    font-family: 'TextoTitulo';
    src: url('../fuentes/textoNegrita.otf');
   
}
@font-face {
    font-family: 'TextoCosido';
    src: url('../fuentes/textoCosido.ttf');
   
}
input[type=checkbox] {
			transform:scale(2);
		}
		input[type=radio] {
			transform:scale(2);
		}
		input[type=text] {
		    
		    font-size:25pt;
		   
		    
		}
		input[type=password] {
		    
		    font-size:25pt;
		   
		    
		}
		select {
		    
		    font-size:25pt;
		    
		}
		html{
			height:100%;
		}
		body{
			margin: 0px;
			height:100%;
			font-family: Texto;
			font-size:25px;
			background-size:cover;
			background-color:#1f4e74;
		}
		
		
		a {
			text-decoration: none;
			
		}
        #divContenido{
			width:100%;
			height:100%;
			
			background-image:url(../imagenes/fondo.jpg);
			
			position:relative;
			
			
		}
		 @keyframes tamano {
				0%{height:115%;}
				5%{height:125%;}
				15%{height:100%;}
				30%{height:140%;}
				100%{height:115%;}
			}
			@-webkit-keyframes tamano {
				0%{height:115%;}
				5%{height:125%;}
				15%{height:100%;}
				30%{height:140%;}
				100%{height:115%;}
			}
			@-moz-keyframes tamano {
				0%{height:115%;}
				5%{height:125%;}
				15%{height:100%;}
				30%{height:140%;}
				100%{height:115%;}
				
			}
		#divLogo{
			-webkit-animation-name: tamano;
    		-webkit-animation-duration: 2s;
			-webkit-animation-iteration-count: infinite;
			
			-moz-animation-name: tamano;
    		-moz-animation-duration: 2s;
			-moz-animation-iteration-count: infinite;
			
			animation-name: tamano;
    		animation-duration: 2s;
			animation-iteration-count: infinite;
			
			position:absolute;
			
			height:115%;
			z-index:9;
			top:10%;
			
		
		}
		
		#imgLogo{
			height:100%;
		}
		#divMenu{
			position:absolute;
			width:60%;
			height:100px;
			bottom:0px;
			left:20%;
			text-align:center;
			
		
		}
		#divMenuMovil{
			
			position:absolute;
			width:100%;
			height:100%;
			opacity:1;
			left:-100%;
			background-size:cover;
			background-image:url(../imagenes/fondo.png);
			transition-property:left;
			-webkit-transition-property:left;
			-moz-transition-property:left;
			-o-transition-property:left;
			transition-duration:1s;
			-webkit-transition-duration:1s;
			-moz-transition-duration:1s;
			-o-transition-duration:1s;
			z-index:11;
			-webkit-overflow-scrolling: touch;
			
		}
		#divMenuMovil:target{
			
			-webkit-overflow-scrolling: touch;
			left:0px;
		}
		
		#imgTitulo{
			
			width:100%;
			
			
			
		}
		#divTitulo{
			font-family: 'TextoCosido';
			position:absolute;
			right:5px;
			width:85%;
			margin-top:8%;
			
			
			text-align:right;
			font-size: 68px;
			z-index:1;
			-webkit-text-fill-color: white;
			-webkit-text-stroke: 2px black;
			-moz-text-fill-color: white;
			-moz-text-stroke: 5px black;
			-o-text-fill-color: white;
			-o-text-stroke: 5px black;
		
		}	
		#divEscudo{
			position:absolute;
			width:20%;
			height:90%;
			top:5%;
			right:5%;
			text-align:right;
			margin-right:20px;
			
			
		}
		
		#imgEscudo{
			
			height:100%;
			
		}
		
		
		
		#divCabecera{
			position:absolute;
			width:100%;
			height:13%;
			background-image:url(../imagenes/cabecera.jpg);
			background-size:cover;
			
				
		}
		#ulMenu li {
			
				display:inline-block;
				text-align:center;
				font-family:fuente1;
				background-image:url(../imagenes/fondoTronco.jpg);
				background-size:200px 200px;
				color:#fbebca;
				
				padding-left:30px;
				padding-right:30px;
				margin-left:2px;
				margin-right:2px;
				height:40px;
				line-height:40px;
				text-align:center;
				
				border-radius: 15px 15px 0px 0px;
				-webkit-border-radius: 15px 15px 0px 0px;
				-moz-border-radius: 15px 15px 0px 0px;
				-o-border-radius: 15px 15px 0px 0px;
			}
		#ulMenu{
				margin:0px;
				padding:0px;
				position:absolute;
				width:100%;
				height:40px;
				bottom:0px;
				text-align:center;
				font-family:fuente1;
				color:black;
				
				
			}
		#ulMenu li.liFijo{
				background-image:url(../imagenes/fondoPuerta.jpg);
				background-size:200px 200px;
				
				color:#2f1a09;
				text-shadow:1px 1px 0.2em white,
							2px 2px 0.2em white,
							3px 3px 0.2em white,
							4px 4px 0.2em white,
							-1px -1px 0.2em white,
							-2px -2px 0.2em white,
							-3px -3px 0.2em white,
							-4px -4px 0.2em white,
							-1px 1px 0.2em white,
							-2px 2px 0.2em white,
							-3px 3px 0.2em white,
							-4px 4px 0.2em white,
							1px -1px 0.2em white,
							2px -2px 0.2em white,
							3px -3px 0.2em white,
							4px -4px 0.2em white;
			}
		#ulMenu li.liNormal:hover{
				background-image:url(../imagenes/fondoPuerta.jpg);
				background-size:200px 200px;
				color:#2f1a09;
				text-shadow:1px 1px 0.2em white,
							2px 2px 0.2em white,
							3px 3px 0.2em white,
							4px 4px 0.2em white,
							-1px -1px 0.2em white,
							-2px -2px 0.2em white,
							-3px -3px 0.2em white,
							-4px -4px 0.2em white,
							-1px 1px 0.2em white,
							-2px 2px 0.2em white,
							-3px 3px 0.2em white,
							-4px 4px 0.2em white,
							1px -1px 0.2em white,
							2px -2px 0.2em white,
							3px -3px 0.2em white,
							4px -4px 0.2em white;
			}
			
		#ulMenu li.liNormal{
				transition-property:background-color,color;
				-webkit-transition-property:background-color,color;
				-moz-transition-property:background-color,color;
				-o-transition-property:background-color,color,text-shadow;
				transition-duration:1s;
				-webkit-transition-duration:1s;
				-moz-transition-duration:1s;
				-o-transition-duration:1s;	
			}
			
		
		#divPrincipal{
			top:16%;
			position:absolute;
			width:100%;
			text-align:center;
			height:84%;
			
			overflow:scroll;
			-webkit-overflow-scrolling: touch;
			
		}
		#divIzquierda{
			position:absolute;
			left:10px;
			width:20%;
			top:30px;
			
			
		}
		#divCentral{
			display:inline-block;
			width:100%;
			
			
			
		}
		#divCentralFotos{
			display:inline-block;
			width:100%;
			
			
			
		}
		#divDerecha{
			position:absolute;
			right:10px;
			width:20%;
			z-index:-1;
			
			
		}
		
		#imagenes{
			
			width:100%;
			text-align:center;
		}
		#textoFecha{
		
		display:inline-block;
		
		background-color:#ff0000;
		-webkit-box-shadow: 0 0 6px 4px rgba(0,0,0,.5);
		-moz-box-shadow: 0 0 6px 4px rgba(0,0,0,.5);
		box-shadow: 0 0 6px 4px rgba(0,0,0,.5);
		border-radius: 0px 15px 5px 15px;
		-webkit-border-radius: 0px 15px 5px 15px;
		-moz-border-radius: 0px 15px 5px 15px;
		-o-border-radius: 0px 15px 5px 15px;
		padding-left:10px;
		padding-right:10px;
		margin-left:10px;
		margin-top:10px;
		
		font-family: Titulos;
		font-size:80px;
		color: #fff;
		border-style: solid;
	border-width: 3px;
	border-color:#d59a20;
		text-shadow: 1px 1px 1px rgba(0,0,0,.75);
		
				
	}
		#divTexto{
			padding-top:50px;
			padding-left:10%;
			padding-right:10%;
			
		}
		
		#ulNoticias li {
			
				display:block;
				background-color:white;
				background-size:cover;
				text-align:center;
				font-size:50px;
				font-family:texto;
				color:#1f4e74;
				widht:100%;
				padding-left:20px;
				padding-right:20px;
				margin-left:50px;
				margin-right:50px;
				padding-top:5px;
				padding-bottom:20px;
				margin-top:20px;
				margin-bottom:20px;
				
				text-align:left;
				
				
				box-shadow: 10px 10px 25px 25px rgba(0,0,0,0.2);
				-webkit-box-shadow: 10px 10px 25px 25px rgba(0,0,0,0.2);
				-moz-box-shadow: 10px 10px 25px 25px rgba(0,0,0,0.2);
				-o-box-shadow: 10px 10px 25px 25px rgba(0,0,0,0.2);
				border-radius: 15px 15px 15px 15px;
				-webkit-border-radius: 15px 15px 15px 15px;
				-moz-border-radius: 15px 15px 15px 15px;
				-o-border-radius: 15px 15px 15px 15px;
				
			}
		#ulNoticias{
				
				margin:0px;
				padding:0px;
				position:absolute;
				width:100%;
				text-align:center;
				
				
				
				height:100%;
				
				border-radius: 15px 15px 15px 15px;
				-webkit-border-radius: 15px 15px 15px 15px;
				-moz-border-radius: 15px 15px 15px 15px;
				-o-border-radius: 15px 15px 15px 15px;
				
			}
			
		
			#ulDerecha li {
			
				display:inline-block;
				
	text-align:center;
	font-family:TextoTitulo;
	font-size:40px;
	color:#cebe9e;
	
	padding-left:10px;
	padding-right:10px;
	margin-left:10px;
	margin-right:10px;
	padding-top:5px;
	padding-bottom:20px;
	margin-top:5px;
	margin-bottom:20px;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color:#cebe9e;
				
			}
		#ulDerecha{
				
				margin:0px;
				padding:0px;
				position:absolute;
				
				text-align:center;
				
				
				
			}
			
			
			#ulIzquierda li {
	display:inline-block;
	
	
	padding-left:10px;
	padding-right:10px;
	margin-left:10px;
	margin-right:10px;
	padding-top:5px;
	padding-bottom:20px;
	margin-top:5px;
	margin-bottom:20px;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color:#86a2be;
	width:80%;			
				
				
				
				
			}
		#ulIzquierda{
				width:100%;
				height:100%;
				margin:0px;
				padding:0px;
				position:absolute;
				
				
				
				
				
				
			}
			#noticias{
		
		background-color:white;
		
	}
	
	#imgClavoIz{
		float:left;
		width:30px;
		
	}
	#imgClavoDr{
		float:right;
		width:30px;
		
	}
	
	
	
	#fechaNoticias{
		
		display:inline-block;
		
		background-image:url(../imagenes/fondoVerde.jpg);
		-webkit-box-shadow: 0 0 6px 4px rgba(0,0,0,.5);
		-moz-box-shadow: 0 0 6px 4px rgba(0,0,0,.5);
		box-shadow: 0 0 6px 4px rgba(0,0,0,.5);
		border-radius: 15px 15px 15px 15px;
		-webkit-border-radius: 15px 15px 15px 15px;
		-moz-border-radius: 15px 15px 15px 15px;
		-o-border-radius: 15px 15px 15px 15px;
		padding-left:10px;
		padding-right:10px;
		margin-left:80px;
		margin-top:10px;
		
		
		
		color: #fff;
		
		text-shadow: 1px 1px 1px rgba(0,0,0,.75);
		
				
	}
	
	#textoTitulo{
		
		display:inline-block;
		
		
		padding-left:10px;
		padding-right:10px;
		
		
		
		
		color: #fff;
		
		text-shadow:1px 1px 0.2em #2f1a09,
							2px 2px 0.2em #2f1a09,
							3px 3px 0.2em #2f1a09,
							4px 4px 0.2em #2f1a09,
							-1px -1px 0.2em #2f1a09,
							-2px -2px 0.2em #2f1a09,
							-3px -3px 0.2em #2f1a09,
							-4px -4px 0.2em #2f1a09,
							-1px 1px 0.2em #2f1a09,
							-2px 2px 0.2em #2f1a09,
							-3px 3px 0.2em #2f1a09,
							-4px 4px 0.2em #2f1a09,
							1px -1px 0.2em #2f1a09,
							2px -2px 0.2em #2f1a09,
							3px -3px 0.2em #2f1a09,
							4px -4px 0.2em #2f1a09;
		
				
	}

#imgCalendario{
			
			-webkit-transition: opacity 1s ease-in-out;
  			-moz-transition: opacity 1s ease-in-out;
  			-o-transition: opacity 1s ease-in-out;
  			transition: opacity 1s ease-in-out;
			width:100%;
			margin-right:10px;
			
		}
#imgNoticiaIz{
			
			width:100%;
			
		}
		#imgNoticiaDr{
			
			width:100%;
			
		}
		#imgNoticiaCr{
			
			
			width:100%;
			
			
		}
		#imgNoticiaPeq{
			
			
			width:60%;
			
			
		}
		#imgNoticiaP{
			
			
			vertical-align:middle;
			height:300px;
			margin-left:10px;
			margin-top:10px;
			
			
		}
		#imgCampeon{
			
			height:300px;
			
		}
		
		#imgFoto{
			height:300px;
			
		}
		#imgCentrada{
			
			
			height:150px;
			margin-right:10px;
			
		}
		#frameIzquierda{
			border:0;
			height:800px;
			width:100%;
			
			
		}
		
		#frameDerecha{
			border:0;
			height:100%;
			width:100%;
			overflow:scroll;
			-webkit-overflow-scrolling: touch;
			
		}
		#frameCentral{
			border:0;
			height:100%;
			width:100%;
			
			
		}
		#ulFotos{
		
				margin:0px;
				margin-top:20px;
				padding:0px;
				position:absolute;
				width:80%;
				text-align:center;
				
				
				color:black;
				
				height:100%;
				left:10%;
				border-radius: 15px 15px 15px 15px;
				-webkit-border-radius: 15px 15px 15px 15px;
				-moz-border-radius: 15px 15px 15px 15px;
				-o-border-radius: 15px 15px 15px 15px;
		}
		#ulFotos li a{
			text-decoration:none;
		}
		
		#ulFotos li{
				widht:50%;
				display:block;
				background-color:white;
				background-size:cover;
				text-align:center;
				font-family:texto !important;;
				font-size:50px !important;;
				color:#43250d !important;
				
				vertical-align: middle;
				padding-left:10px;
				padding-right:10px;
				margin-left:20px;
				margin-right:20px;
				padding-top:10px;
				padding-bottom:20px;
				margin-top:20px;
				margin-bottom:20px;
				
				
				border-radius: 15px 15px 15px 15px;
				-webkit-border-radius: 15px 15px 15px 15px;
				-moz-border-radius: 15px 15px 15px 15px;
				-o-border-radius: 15px 15px 15px 15px;
		}
		
		
	
	#logoConstruccion{
			width:400px;
			height:400px;
		}
	#construccion{
		width:100%;
		height:100%;
		text-align:center;
		
		vertical-align:central
		
	}
	.divFotos{
		position:absolute;
		width:100%;
		height:100%;
		transition: opacity 1s ease-out;
    	
   		
    	
		-webkit-transition: opacity 1s ease-out;
  		-moz-transition: opacity 1s ease-out;
  		-o-transition: opacity 1s ease-out;
  		transition: opacity 1s ease-out;
	}
	.fechaFoto{
		
		color:white;
		position:absolute;
		
		font-size:50px;
		font-family:textoTitulo;
		background-color:#ff0000;
		
	}
	
	#fotos{
		
		text-align:center;
    	opacity:1;
		height:100%;
   		
    	transition: opacity 2s ease-out;
		-webkit-transition: opacity 2s ease-out;
  		-moz-transition: opacity 2s ease-out;
  		-o-transition: opacity 2s ease-out;
  		transition: opacity 2s ease-out;
	}
	#imgMenuMovil{
		vertical-align:central;
		height:150px;
		float:right;
		vertical-align:middle;
		
	}
	.textoMenu{
		
		
		font-size:60px !important;
		font-family:Texto !important;
		
		color: #fff !important;
		line-height:150px !important;
		text-align:left !important;
		padding-left:5% !important;
		
		text-shadow:1px 1px 0.2em #2f1a09,
							2px 2px 0.2em #2f1a09,
							3px 3px 0.2em #2f1a09,
							4px 4px 0.2em #2f1a09,
							-1px -1px 0.2em #2f1a09,
							-2px -2px 0.2em #2f1a09,
							-3px -3px 0.2em #2f1a09,
							-4px -4px 0.2em #2f1a09,
							-1px 1px 0.2em #2f1a09,
							-2px 2px 0.2em #2f1a09,
							-3px 3px 0.2em #2f1a09,
							-4px 4px 0.2em #2f1a09,
							1px -1px 0.2em #2f1a09,
							2px -2px 0.2em #2f1a09,
							3px -3px 0.2em #2f1a09,
							4px -4px 0.2em #2f1a09;
		
	}
	.menu{
		float:right;
	}
		
		#1{
			text-align:center;
		}
	#cont{
		
		height:1000px;
		transform-origin: top center;
		-moz-transform-origin: top center;
		-webkit-transform-origin: top center;
		-o-transform-origin: top center;
		
		transform : scale(3);
        -moz-transform : scale(3);      /* Firefox */
        -webkit-transform : scale(3);   /* Chrome - Safari */
        -o-transform : scale(3);        /* Opera */
		
		
		}
		#imgNovedad{
	  position:absolute;
	  top:0;
	  right:0;
  }	
  #imgFacebook{
		width:50%;
	}
	#mascaravila{
		width:100%;
		height:400px;
	}
		
		.evento { border: 1px solid green;padding: 2px 3px !important;margin:0 !important; background-color:#6F9; color: orange !important; font-weight: bold }
		.sinclase { color: red !important; font-weight: bold }
	
	hr{
		width:55%;
		left:25%;
		height: 4px;
		color: #fff;
		background-color: #fff;
		border: none;
		margin-top:0;
		margin-bottom:10px;
		opacity:0.9;
		
	}
	em{
		font-style:normal;
		font-size:50px;
	}
	audio { width:80%;margin:20px; height:80px;}
	.proximo{
		border: 10px solid red;
		border-top: 45px solid red;
		
	}
	 #divNovedad{
	  position:absolute;
	  width:100%;
	  left:-0px;
	  top:-40px;
	  height:40px;
	 margin:0px;
	 padding:0px;
	  line-height:40px;
	 
	  text-align:center;
	 
  }
  
  #ulRevistas li{
				display:block;
				vertical-align: middle;
				padding-left:10px;
				padding-right:10px;
				margin-left:20px;
				margin-right:20px;
				padding-top:0px;
				padding-bottom:20px;
				margin-top:20px;
				margin-bottom:20px;
				width:90%;
	}
	#imgRevistas{
		
		width:100%;
	}
	#textoRevistas{
		
		display:inline-block;
		
		background-image:url(../imagenes/fondoVerde.jpg);
		-webkit-box-shadow: 0 0 6px 4px rgba(0,0,0,.5);
		-moz-box-shadow: 0 0 6px 4px rgba(0,0,0,.5);
		box-shadow: 0 0 6px 4px rgba(0,0,0,.5);
		border-radius: 15px 15px 15px 15px;
		-webkit-border-radius: 15px 15px 15px 15px;
		-moz-border-radius: 15px 15px 15px 15px;
		-o-border-radius: 15px 15px 15px 15px;
		padding-left:10px;
		padding-right:10px;
		margin-left:80px;
		margin-top:10px;
		
		font-family: Titulos;
		
		color: #fff;
		
		text-shadow: 1px 1px 1px rgba(0,0,0,.75);
		
				
	}
	#ulRevistas li{
		display:inline-block;
		vertical-align: middle;
				padding-left:10px;
				padding-right:10px;
				margin-left:20px;
				margin-right:20px;
				padding-top:0px;
				padding-bottom:20px;
				margin-top:20px;
				margin-bottom:20px;
				color:white;
				
	}
	
	#primeraFoto{
    display: block;
 	 }
 	 
 	 input[type=button] {
		    background-color:#202617;
		    font-size:30pt;
		    color:white;
		    border-radius: 10px;
			cursor:pointer;
			box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
			transition: box-shadow 0.5s ease;
		}
		input[type=button]:hover {
			box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
		}
		.boton{
			background-color:#112B40;
		    font-size:30pt;
		    color:white;
		    border-radius: 10px;
			cursor:pointer;
			box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
			transition: box-shadow 0.5s ease;
			vertical-align: middle;
		}
		.boton:hover{
			box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
		}
		
		.boton span{
			font-size:30pt;
			line-height:40pt;
		}