/* CSS Document */


.skitter { float:left; margin:5px; }
	.skitter p { text-align:center; margin-top:10px; }
	
#index-menu { margin-bottom:20px; text-align:center; }
	#index-menu li { position:relative; display:inline-block; margin:0 1% 4% 1%; width:22%; vertical-align:top; text-align:center; }
	#index-menu a { display:block; background-size:cover; background-position:center; border-radius:10px; border:solid 3px #ddd; transition:border-color 0.2s linear; }	
		#index-menu a:before { content:""; display:block; padding-top:125%; }		
		#index-menu a:hover  { border-color:#bbb; }
	
	#index-menu h4  { padding-top:10px; margin:0; color:#55504A; font-size:1.2em; }		

#slider { z-index:1; overflow:hidden; position:relative; margin:0 2% 4% 2%; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.70); }
	#slider .nivoSlider { }		
	#slider img   {  }
	.nivo-caption { display:none !important; }

	.nivo-controlNav { display:none; }
		.nivo-controlNav a { display:inline-block; width:11px; height:11px; background:url("../images/bullets.png") no-repeat; text-indent:-9999px;
							 margin-right:5px;}
		.nivo-controlNav a.active { background-position:bottom; }	

.home-news { display:inline-block; width:46%; margin:0 1.5%; vertical-align:top; }
		
		
#pruebaBanners     { margin-top:30px; }
#pruebaBanners p   { margin-bottom:3%; text-align:center; }		
#pruebaBanners img { width:75%; }		
		
/* ==========================================================================
   Media Queries
   ========================================================================== */ 

@media only screen and (max-width:1500px) {	
   
   .home-news { width:100%; margin:0; }
}

@media only screen and (max-width:1020px) {	

	.home-news { width:46%; margin:0 1.5%; }
}
   
@media only screen and (max-width:800px) {		
	
	.home-news { width:97%; margin:0; }
	
	#indexMenu li { width:28%; }
}	

@media only screen and (max-width:550px) {		
	
	#indexMenu li { width:40%; }

	#newsPage li  { width:auto; display:block; }
}			

@media only screen and (max-width:300px) {		
	
	#indexMenu li { width:auto; display:block; }
}