#capa1{ position:absolute; z-index:1; }
#capa2{ position:absolute; z-index:2; } 
#capa3{ position:absolute; z-index:3; } 
#capa4{ position:absolute; z-index:4; } 



body{margin-top:26px;margin-bottom:25px;background-color:#EFEFF0;font-family: 'Open Sans', sans-serif;background-image:url('../img/fondo.jpg');background-position: center;background-size: cover;backface-visibility: hidden;}
#wrapper {width: 70%;margin:0 auto;padding-bottom: 64px;}
#logo {display: inline-block;align-items: center;justify-content: center;}
#Bienvenida {color: #fff;position: absolute;}
.centro {width: 648px; max-width: 100%;height: 475px;margin: 0 auto; background-color: #ffffff;	border-radius: 8px;	padding: 4px;}
.centro2 {width: 648px; max-width: 100%;height: 550px;margin: 0 auto; background-color: #ffffff;	border-radius: 8px;	padding: 4px;}
.centro img{width: 640px; max-width:100%;}
.centro2 img{width: 640px; max-width:100%;}
.ligas {width: 32%;text-align: center;padding: 8px 0;border-right: 1px solid #fff;display: inline-block;max-width: 100%;text-align: center;	background: #c21c2c;background: -moz-linear-gradient(top, #c21c2c 1%, #731620 100%);background: -webkit-linear-gradient(top, #c21c2c 1%,#731620 100%);background: linear-gradient(to bottom, #c21c2c 1%,#731620 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c21c2c', endColorstr='#731620',GradientType=0 );margin-bottom: 4px;}
a.ligados {color: #fff;text-decoration: none;}
a.ligados:hover {color: #c9c9c9;}	


.tab-content {background-color:#ffffff;border-radius: 0 0 8px 8px;	padding: 4px;}
.nombre {font-size:12px;position: absolute; top: 20px;left: 232px; zoom: 1; filter: alpha(opacity=0); opacity: 0; padding: 5px 0 0; color: #000000; background: #fff;-moz-transition:all ease .8s; -webkit-transition:all ease .8s; transition:all ease .8s;}
a:hover .nombre {filter: alpha(opacity=80); opacity: .8;
}
h4 { margin-left:12px;}
.zona {border-bottom: 2px solid #e9e9e9; margin-top: 16px;}
.zona>p{width: 180px; border-radius: 5px 5px 0 0; background-color: #e9e9e9; color: #404040; padding: 4px; text-align: center; margin: 0;}

@media(max-width:960px){
	.centro {margin-top: 60px;}
	.centro2 {margin-top: 60px;}
	.nombre {top: 0px;}
	}

@media(max-width:640px){
	.centro {height: 500px; padding: 4px 0; margin-top: 80px;}
	.centro2 {height: 500px; padding: 4px 0; margin-top: 80px;}
	}

@media(max-width:480px){
	.centro {height: 350px;}
	.centro2 {height: 350px;}
	}

@media(max-width:350px){
	.centro {height: 300px;}
	.centro2 {height: 300px;}
	}