@font-face {
	font-family: 'Bebas';
	src: url('../fonts/BebasNeue.otf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Oswald';
	src: url('../fonts/Oswald-Light.ttf');
	font-weight: normal;
	font-style: normal;
}

.italic {font-style: italic;}


#content {
	margin-top:180px; 
	position:relative; 
	height:auto;
	overflow:hidden;
}
#fotos {
	position:relative;
	top:0px;
	left:0px;
	width:inherit;
	height:509px;
	overflow:hidden;
}
#servicios {
	position:relative;
	top:0px;
	left:0px;
	width:inherit;
	background-color:black;
}
#descripcion {
	position:absolute;
	top:0px;
	left:33px;
	width:340px;
	height:inherit;
}
#inner_descripcion {
	width:290px;
	position:absolute;
	left:0px;
	bottom:90px;
}
#titulo {
	position:relative;
	top:0px;
	font-family:'Bebas';
	font-size:38px;
	color:#3a3a3a;
}
#titulo2 {
	position:relative;
	top:0px;
	font-family:'Bebas';
	font-size:38px;
	color:#3a3a3a;
	line-height:40px;
}
#linea {position:relative; top:6px; display:block;}
#texto {
	position:relative;
	top:13px;
	width:290px;
	font-family:'Oswald';
	font-size:17px;
	color:#787878;
	line-height:26px;
	font-weight:lighter;
}
#texto ul {margin-left:26px;}
#navegacion {position:absolute; top:460px;}

#carrusel {
	position:absolute;
	height:478px;
	top:0px;
	left:373px;
	width:600px;
	overflow-y:hidden;
}
#carrusel img {display:inline; border-right:1px white solid;}

.servicios{
	position:relative;
	float:left;
	height:240px;
	width:240px;
	background-color:gray;
}
.servicios div {position:absolute;}
.hover {height:inherit; width:inherit; background-image:url('../images/transparencia_blanca.png'); display:none;}
.hover_titulo {font-family:'Bebas'; font-size:26px; width:inherit; top:45%; text-align:center;}
.hover_titulo2 {font-family:'Bebas'; font-size:26px; width:inherit; top:43%; text-align:center; line-height:26px;}
.sombra {display:none; width:inherit;}
.sombra img {width:inherit;}
.imagen_bn{width:inherit; height:inherit;}
.imagen_bn img {width:inherit; height:inherit;}

.capablanca {height:inherit; width:inherit; background-image:url('../images/transparencia_blanca.png');}
.puntosblancos {height:inherit; width:inherit; background-image:url('../images/puntosblancos.png');}
.capanegra {height:inherit; width:inherit; background-image:url('../images/transparencia_negra.png');}
.puntosnegros {height:inherit; width:inherit; background-image:url('../images/puntosnegros.png');}

#loading{position:absolute; width:500px; height:inherit; background-color:white; right:0px; top:0px;}
#loading img{position:absolute; top:235px; left:200px;}