@charset "UTF-8";
/* CSS Document */



		body{
			margin: 0px;
		}
		
		#general {
			/*background-color:#162021;*/
			background-image:url(../imagenes/fondoPuerta.jpg);
			background-size:cover;
			/*background-image:url(../imagenes/fondo.jpg);*/
			min-height:100%;
			margin: 0px;
			position:relative;
			
		}
		a {
			text-decoration: none;
			
		}
		
        #divContenido{
			width:100%;
			
			background-color:white;
			
			
			position:relative;
			
			
		}
		 
		#divLogo{
			position:absolute;
			width:20%;
			height:100px;
			z-index:1;
			top:30px;
			left:40px;
		
		}
		#logoConstruccion{
			width:400px;
			height:400px;
		}
		#imgLogo{
			width:200px;
			height:200px;
		}
		#navMenu span{
			font-size:25pt;
			line-height:35pt;
	
		}
		#divMenu{
			position:absolute;
			top:200px;
			width:100%;
			margin: 0;
	padding: 0;
	border: 0;
			
		}
		#divMenuMovil{
			display: none;
		}
		#divMenuMovilNav{
			display: none;
		}
		#divTitulo{
			position:absolute;
			width:100%;
			height:80px;
			text-align:center;
			/*font-family: "Rockwell Extra Bold";*/
			font-size: 65px;
			color: #fff;
			top:20px;
			z-index:10;
			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;
			
		
		}
		#imgTitulo{
			
			height:80px;
			width:60%;
			
			
		}
		#divEscudo{
			position:absolute;
			
			height:90%;
			top:5%;
			right:5%;
			text-align:right;
			margin-right:20px;
			
			
		}
		
		#imgEscudo{
			
			height:100%;
			
		}
		
		
		
		#divCabecera{
			position:absolute;
			width:100%;
			height:200px;
			background-color:white;
			/*background-image:url(../imagenes/Fondo%20Hojas2.jpg);*/
			background-image:url(../imagenes/primavera.jpg);
			background-size:cover;
			
			
				
		}
		
			
		
		#divPrincipal{
			top:300px;
			position:absolute;
			width:100%;
			text-align:center;
			
			
		}
		#divIzquierda{
			position:absolute;
			left:10px;
			width:20%;
			top:30px;
			
			
		}
		#divCentral{
			display:inline-block;
			width:60%;
			
			
			
		}
		#divCentralFotos{
			display:inline-block;
			width:100%;
			
			
			
		}
		#divDerecha{
			position:absolute;
			right:10px;
			width:20%;
			z-index:-1;
			height:800px;
			top:30px;
			
		}
		#divPie{
			position:absolute;
			bottom:0;
			
			
			
			
		}
		
		#imagenes{
			
			width:100%;
			text-align:center;
		}
		
		#divTexto{
			padding-top:50px;
			padding-left:10%;
			padding-right:10%;
			
		}
		
		#ulNoticias li {
			
				display:block;
				background-image:url(../imagenes/fondoNoticias.jpg);
				background-size:cover;
				text-align:center;
				font-family:fuente1;
				color:#43250d;
				
				padding-left:20px;
				padding-right:20px;
				margin-left:50px;
				margin-right:50px;
				padding-top:5px;
				padding-bottom:20px;
				margin-top:20px;
				margin-bottom:20px;
				
				
				
				
				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{
				background-color:white;
				margin:0px;
				padding:0px;
				position:absolute;
				width:60%;
				text-align:center;
				font-family:fuente1;
				color:black;
				font-size:18;
				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:fuente1;
	color:#cebe9e;
	font-size:18;
	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;
				font-family:fuente1;
				color:black;
				font-size:18;
				
			}
			
			
			#ulIzquierda li {
	display:inline-block;
	text-align:center;
	font-family:fuente1;
	color:#cebe9e;
	font-size:18;
	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;
				
				
				
				
				
			}
		#ulIzquierda{
				
				margin:0px;
				padding:0px;
				position:absolute;
				
				text-align:center;
				font-family:fuente1;
				color:black;
				font-size:18;
				
				
				
			}
			#noticias{
		
		background-color:white;
		
	}
	
	#imgClavoIz{
		float:left;
		width:30px;
		
	}
	#imgClavoDr{
		float:right;
		width:30px;
		
	}
	#imgEliminar{
		float:left;
		width:30px;
		
	}
	#imgEliminarD{
		float:right;
		width:20px;
		
	}
	
	
	
	
	#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:30px;
		margin-top:10px;
		float:left;
		font-family: "Rockwell Extra Bold";
		font-size: 20px !important;
		color: #fff;
		line-height:30 px;
		
		text-shadow: 1px 1px 1px rgba(0,0,0,.75);
		
				
	}
	
	#textoTitulo{
		
		display:inline-block;
		
		
		padding-left:10px;
		padding-right:10px;
		
		
		
		font-size: 18px;
		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{
			
			float:left;
			height:150px;
			margin-right:10px;
			
		}
		#imgNoticiaDr{
			
			float:right;
			height:150px;
			margin-left:10px;
			
		}
		#imgNoticiaPeq{
			
			
			
			height:150px;
			margin-left:10px;
			margin-top:10px;
			
			
		}
		#imgNoticiaP{
			
			
			
			height:150px;
			margin-left:10px;
			margin-top:10px;
			vertical-align:middle;
			
		}
		#imgNoticiaMed{
			
			
			width:50%;
			
			
		}
		
		#imgNoticiaCr{
			
			
			width:100%;
			
			
		}
		
#imgFoto{
			
			
			height:150px;
			
			
		}
		#imgCentrada{
			
			
			height:150px;
			margin-right:10px;
			
		}
		#frameIzquierda{
			border:0;
			height:1400px;
			width:100%;
			
			
		}
		
		#frameDerecha{
			border:0;
			
			width:100%;
			height:1500px;
			
		}
		#frameCentral{
			border:0;
			height:650px;
			width:100%;
			
			
		}
		
		#ulFotos{
		
				margin:0px;
				margin-top:20px;
				padding:0px;
				position:absolute;
				width:100%;
				text-align:center;
				font-family:fuente1;
				color:black;
				font-size:18;
				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;
		}
		#ulFotos li a{
			text-decoration:none;
		}
		
		#ulFotos li{
			
				display:inline-block;
				background-image:url(../imagenes/fondoNoticias.jpg);
				background-size:cover;
				text-align:center;
				font-family:fuente1;
				color:#43250d !important;
				font-size:18;
				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;
				
				
				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;
		}
		
		#textoFecha{
		
		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:10px;
		margin-top:10px;
		
		font-family: "Rockwell Extra Bold";
		font-size: 40px !important;
		color: #fff;
		
		text-shadow: 1px 1px 1px rgba(0,0,0,.75);
		
				
	}
	
	#logoConstruccion{
			width:400px;
			height:400px;
		}
	#construccion{
		width:100%;
		height:100%;
		text-align:center;
		
		vertical-align:central
		
	}
	.divFotos{
		position:absolute;
		width:60%;
		height:100%;
		opacity:0;
		text-align:center;
		transition: opacity 1s ease-out;
    	margin:0px;
		padding:0px;
   		
    	
		-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;
		width:40px;
		height:60px;
		background-image:url(../imagenes/fondoVerde.jpg);
		
	}
	#fotos{
		
		
    	opacity:1;
   		
    	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;
	}
		
		#1{
			text-align:center;
		}
		#divMenuMovil{
    display: none;
  }
  #divNovedad{
	  position:absolute;
	  width:100%;
	  left:-0px;
	  top:-40px;
	  height:40px;
	 margin:0px;
	 padding:0px;
	  line-height:40px;
	 color:white;
	  text-align:center;
	 
  }
	#imgFacebook{
		width:50%;
	}
		
		.evento { color: green !important; font-weight: bold;}
		.festivo { color: red !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:30px;
	}
	.proximo{
		border: 10px solid red;
		border-top: 45px solid red;
		
	}
	.modificar{
		border: 10px solid green !important;
		border-top: 45px solid green !important;
		
	}
	#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;
	}
	#imgRevistas{
		
		width:400px;
	}
	#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: "Rockwell Extra Bold";
		font-size: 40px !important;
		color: #fff;
		
		text-shadow: 1px 1px 1px rgba(0,0,0,.75);
		
				
	}
	#divPrimeraFoto{
		display:none;
	}
	#divErrores{
		  	background-color:#fff59b;
		  	border-width: 2px;
		  	border-style: solid; 
		  	border-color: red;
		  	font-size:12pt;
		  	text-align:left;
		  	padding:5px;
  		}
  	#divAvisos{
		  	background-color:#BBEDEF;
		  	border-width: 2px;
		  	border-style: solid; 
		  	border-color: blue;
		  	font-size:12pt;
		  	text-align:left;
		  	padding:5px;
		}
		#archivo {
			 width: 0.1px;
			 height: 0.1px;
			 opacity: 0;
			 overflow: hidden;
			 position: absolute;
			 z-index: -1;
		 }
		 label[for="archivo"] {
		 	background-color:#288dfa;
		    font-weight:normal;
		    color:white;
		    border-color: #dadada #919191 #919191 #dadada;
			border-width: 2px;
			border-style: solid;
		    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;
			display:inline-block;
			font-size:10pt;
			line-height:20pt;
		 }
		 label[for="archivo"]:active {
		 	
		    border-color: #919191 #dadada #dadada #919191;
			
		 }
		 label[for="archivo"]:hover {
			box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
		}
		
		input[type=button] {
		    background-color:#202617;
		    font-size:12pt;
		    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:#202617;
		    font-size:12pt;
		    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:15pt;
			line-height:20pt;
		}
		.botonFormu{
			/*background-color:#b94130;*/
			background-color:#288dfa;
		    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;
			
			
		}
		.botonFormu:hover{
			box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
		}
		.botonFormu span{
			font-size:10pt;
			line-height:20pt;
		}
		.botonFormuE{
			background-color:#b94130;
		    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;
			
			
		}
		.botonFormuE:hover{
			box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
		}
		.botonFormuE span{
			font-size:10pt;
			line-height:20pt;
		}
		.botonFormuPeq{
			/*background-color:#b94130;*/
			background-color:#288dfa;
		    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;
			
			
		}
		.botonFormuPeq:hover{
			box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
		}
		.botonFormuPeq span{
			font-size:10pt;
			line-height:20pt;
		}
		.botonFormuEPeq{
			background-color:#b94130;
		    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;
			
			
		}
		.botonFormuEPeq:hover{
			box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
		}
		.botonFormuEPeq span{
			font-size:10pt;
			line-height:20pt;
		}
			
		#navMenu span{
			font-size:25pt;
			line-height:35pt;
	
		}
		
		.accion{
			background-color:#202617;
			color:white;
			font-size:15pt;
			border-radius: 10px;
			cursor:pointer;
			box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
			transition: box-shadow 0.5s ease;
		}
		.accion:hover{
		box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
		}
		#divTituloRecuadro{
			background-color:#202617;
/* 			background-color: #364026; */
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			height:40px;
			font-size:16px;
 			font-family:Arial;
 			font-weight:bold;
 			color:#ffffff;
 			line-height:40px;
		}
		.tablaTituloRecuadro{
			width:100%;
			background-color:#202617;
/* 			background-color: #364026; */
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			height:40px;
			font-size:20px;
 			font-family:Arial;
 			font-weight:bold;
 			color:#ffffff;
 			line-height:40px;
 			text-align:center;
 			padding:5;
		}
		
		#divRecuadro{
			position:relative;
			margin:0px auto;
			background-color: #B8BFAC;
			border-radius: 15px;
/*			box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.4);*/
			width:95%;
			text-align:center;
			
		}
		.remarcado{
			color:red;
			font-weight:bold;
		
		}
		
		canvas {
		  display: block;
		  margin: 0 auto;
		  
		  background: #fff;
		  border-radius: 3px;
		  box-shadow: 0px 0px 15px 3px #ccc;
		  cursor:pointer;
		}