@media screen and (min-width: 900px) and (max-width: 1260px) {
	
	header #letras{	
		font-size: 5em;

	}
	
	#miniaturasIzq{
		margin-left: 9%;

	}
	


}

@media screen and (min-width: 900px) and (max-width: 1060px) {
	
	header #letras{	
		font-size: 4em;
		
	}

	
	#miniaturasIzq{
		margin-left: 7%;

	}

	#pieCentro #menuSecundario{display: none;}
	
}




@media screen and (max-width:900px) {
	
	html, body{
		width: 100%;
	}
	
	header{height: auto;}
		
	#cofrades{display: none;}	
		
	#pagina{
		width: 100%;
		min-width: 0px;	

	}
		
	#centrado{
		overflow: hidden;
		width: 100%;
		max-width: none;
		height: auto;
		margin: 0px;
		
	}
	
	#contVisitas{display: none;}
	#redSocial{
		width: 100%;
		height: 30px;

	}	
		

	header #logo{
		
		height: auto;
		border-radius: 0px;
		
	}
	
	#logotipo{display: none;}

	header #letras{
		float: none;
		width: 99%;
		margin-top: 10px;
		padding: 0px;
		padding-top: 10px;
		padding-bottom: 5px;
		font-family: Mi fuente;
		font-size: 51px;
		margin-right: 2%;
		text-align: center;
		
	}


	#menu{
		display: none;
		
	}

	nav.nav-collapse{
		display: block;
		float: none;
		width: 100%;
		height: auto;
		
		
	}

	.nav-collapse .bt-menu {
		display:block;
		padding:20px;
		background: rgb(153,204,255);
		color:black;
		text-decoration:none;
		font-weight: bold;
		font-size:25px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;

	}
	
	.nav-collapse .bt-menu:hover {
		cursor: pointer;
		
	}
	
	
	.nav-collapse span {
		/*float:right;*/
		font-size:30px;
		
	}
	
	.nav-collapse img{
		margin-right: 25px;
	
	}
	
	#menu2{
		text-align: left;
		position: absolute;
		left: -100%;
		background: #CEE3F6;
		width: 100%;
		height: auto;
		padding-bottom: 20px;
		z-index: 10000;
	
	}
	
	#menu2 #select{
		color: blue;
		float:none;
		font-size:16px;
	}
	
	
	#menu2 li{
		width: 80%;
		/*height: 20px;*/
		padding-top: 10px;
		padding-bottom: 10px;
		margin: 0 auto;
		border-top: 1px dotted black;
		
		
	}
	
	#menu2 li a{
		text-decoration: none;
		color: #999;
		font-weight: bold;
		font-size: 16px;
		
	}
	#menu2 li ul li.sub-subli > a{
		text-decoration: none;
		color: #999;
		font-weight: bold;
		font-size: 16px;
	}
		#menu2 li ul li.sub-subli > a:hover{
			color: blue;
		}
		
	#menu2 li a:hover{
		color: blue;
	}
	
	#menu2 ul.dl-submenu{
		width: auto;
		margin-left: 50px;
		border: none;
		/*display: none;*/
		border: 0px;
		
	}
		#menu2  ul.dl-submenu li{
			border-top: 0px dotted black;
			
		}
		#menu2  ul.dl-submenu li a{
			color: #666E74;
			font-weight: normal;
		} 
		#menu2  ul.dl-submenu li a:hover{
			color: black;
		}
	
	
	#contenidoPrincipal{
		margin: 0px;
		padding: 0px;
		-webkit-border-top-left-radius: 0%;
			-moz-border-top-left-radius: 0%;
			border-top-left-radius: 0%;
		-webkit-border-top-right-radius: 0%;
			-moz-border-top-right-radius: 0%;
			border-top-right-radius: 0%; 
		
		
	}



		#mapaNavegacion{height: auto; padding-bottom: 10px; padding-top: 10px;}
		#mapaNavegacion #izq, #mapaNavegacion #der{
			float: none;
			margin: 0px;
			margin-left: 2%;
			margin-right: 2%;
			text-align: left;
			
		}

		#izq{
			color: red;
			padding-top: 10px;
			padding-bottom: 20px;
			 
		}

	#imagenes{display: none;}
	
	
	


	
	#margenIzquierdo, #margenDerecho{
		float: none;
		width: 100%;

	}
	
	#margenIzquierdo{
		margin: 0px;
		margin-top: 30px;
		padding: 0px;
	}

	#descripcionPrincipal{
		margin: 0px;
		padding: 0px;
		padding-top: 30px;
		padding-bottom: 30px;
		width: 100%;
		background: #E0ECF8;
		
	}
	
	#descripcionPrincipal p{
	
		text-indent: 0px;
		margin-bottom: 15px;
		margin-left: 2%;
		margin-right: 2%;
	
	}
	#descripcionPrincipal #saludo{
		font-family: Mi fuente;
		font-size: 74px;
	}

	
	#tempUbi{
		width: 99%;
		height: auto;
		
	}
		#temperatura{
			display: none;
			
		}
		
		#contador{
			display: none;
			float: none;
			width: 100%;
			height: auto;
			margin: 0px;
			margin-left: 2%;
			margin-right: 2%;
		}
		
		#contador2{display: none;}

	#margenDerecho{
		margin: 0px;
		
	}
		#cofrades{
			margin-top: 0px;
		}


		#cofrades .subrayado span{
			margin: 0 auto;
			margin-top: -2px;
			
		}
		
		
		
	#noticias{
		
		margin-top: 40px;
		margin-right: 2%;
		margin-left: 2%;
		
	}
		#noticias .subrayado span{
			margin: 0 auto;
			margin-top: -2px;
			
		}
		
		
	#subir{
		position: fixed;
		left: 85%;
		opacity: 0.5;
		margin-top: 20px;
		bottom: 20px;
		visibility: hidden;
		bottom: 40px;
		 
	}
	
	
	footer{
		width: 100%;
		height: auto; 
		min-width: 0px;	

	}	
	
	#pieCentro{
		height: auto;
		width: 100%;

	}	
		#pieCentro #aviso{
			width: 98%;
			height: 70px;
			padding-left: 2%;
			float: none;
			
		}
		#pieCentro #menuSecundario{
			float: none;
			width: 98%;
			height: 40px;
			margin-left: 0px;
			text-align: left;
			padding-left: 2%;
			font-size: 14px;
		}
		#pieCentro #menuSecundario{display: none;}
		
		
		#cookie1{display: none;}
	
}