/* 
	SPHE 2010 [Home CSS] 
	© 2010 IntelyGenZ - www.intelygenz.com 
  version 0.21 [16.06.2010]
*/


BODY {
	background: #3f6773 url(../pix/2010/home/fondo.jpg) top center repeat-y; 
}

/* Estructura Home */

#header {
	background: url(../pix/2010/home/header_bg.gif) top left repeat-x; 
}
#header div.EntradaInet {
	color: #fff;
}
#menuSup a span {
	color: #fff;
}


#bannerSup {
	clear: both; width: 880px; height: 325px; overflow: hidden; background: #fff;
}

.bsBanner {
	margin: 0; padding: 0; position: relative; height: 325px;
}
.bsBannerBanda {
	position: absolute; top: 275px; left: 0; z-index: 2; width: 880px; height: 50px; 
	background: #000; opacity: 0.8; filter: alpha(opacity=80);
}
.bsBannerConten {
	position: absolute; top: 275px; left: 0; z-index: 3; width: 880px; padding: 5px 0; color: #fff;
}
.bsBannerEnlaces {
	float: left; font-size: 14px; 
	font-family: Trebuchet MS, arial, helvetica, sans-serif; 
	color: #fff; padding: 20px 0 0 15px;
}
.bsBannerEnlaces a, .bsBannersEnlaces a:visited      { color: #fc0; text-decoration: none; }
.bsBannerEnlaces a:hover, .bsBannersEnlaces a:active { color: #fc0; text-decoration: underline; }
.bsBannerInfo {
	float: right; color: #fff; font-size: 12px; 
	font-family: Trebuchet MS, arial, helvetica, sans-serif; 
	text-align: right; padding-right: 15px;
}
.bsBannerInfo span {
	display: block; color: #fff; font-size: 20px;
}

#main {
	width: 100%; margin: 0 auto; 
	background: url(../pix/2010/home/fondo3.jpg) top center no-repeat; 
	overflow: hidden; text-align: center;
}

.mainConten {
	margin: 0 auto; width: 880px; color: #fff;
	background: url(../pix/2010/home/central_bg.jpg) top center no-repeat; 
}

.mainConten div.mcSep {
	margin: 0 auto; width: 870px; padding-top: 5px; text-align: left;
}
p.mainTitulo {
	margin: 0; padding: 0 0 0 7px; font-family: Trebuchet MS; font-size: 30px; color: #9aa0ad;
}

#carrusel {
	width: 870px; height: 220px; overflow: hidden;
}

#proximamente {
	width: 870px; height: 215px; overflow: hidden; 
}

.proxiBloque {
	width: 280px; height: 215px; float: left; overflow: hidden; margin: 0 5px;
	background: url(../pix/2010/home/proxi_bg.gif) top left no-repeat;
}
.proxiBloque div.pbConten {
	margin: 10px 9px; width: 264px; height: 147px; position: relative; cursor: pointer;
}
.proxiBloque div.pbLineas {
	position: absolute; top: 0; left: 0; z-index: 2; width: 264px; height: 147px;
	background: url(../pix/2010/home/proxi_lineas.png) top left repeat-x; 
}
.proxiBloque div.pbLineas img {
	width: 264px; height: 147px; border: none;
}
.proxiBloque div.pbTitulo {
	margin-top: 35px; padding: 0 5px; text-align: center; 
}
.proxiBloque a, .proxiBloque a:visited { color: #8de4e1; text-decoration: none; }
.proxiBloque a:hover, .proxiBloque a:active { color: #8de4e1; text-decoration: underline; }

#banners {
	clear: both; height: 65px; margin: 25px 25px 15px 25px; text-align: center; 
}
.bannerBloque {
	/*display: inline; */
	float: left; width: 380px; height: 60px; margin: 8px 8px;
}


/* Estilos Capas Contenido Carrusel */

.CarruselCajaCapa1 {
	width: 260px; height: 220px; 
	position: relative; overflow: hidden;
}
.CarruselCajaCapa2 {
	display: none; z-index: 1000; position: absolute; left: 0px; top: 0px; 
	background: url(../pix/2010/home/caja_on.png) top left no-repeat; 
	width: 270px; height: 220px;overflow: hidden; 
}

.CarruselConten {
	padding: 2px 2px 0 40px; overflow: hidden; 
}
.CarruselFoto {
	border: 1px solid #c5c6c6; padding: 7px; text-align: center; overflow: hidden;
}
.CarruselFoto img {
	width: 194px; height: 136px; border: none;
}
.CarruselTitulo {
	font-family: arial, helvetica, sans-serif;
	padding: 0 0 0 125px; font-weight: bold; font-size: 12px; color: #fff; overflow: hidden;
}
.CarruselTitulo span {
	display: block; font-family: arial, helvetica, sans-serif; font-size: 10px; color: #c0c0c0;
}
.CarruselTitulo strong {
	font-family: arial, helvetica, sans-serif; color: #fff
}
.CarruselCarat {
	position: absolute; z-index: 10; 
	top: 30px; left: 0px; 
	vertical-align: baseline;
	width: 125px; height: 147px; 

/*	top: 0px; left: 0px; 
	width: 250px; height: 185px; 
	background: #f00;  */
}
.CarruselCarat table { height: 147px; }
.CarruselCarat td { height: 147px; vertical-align: bottom; }

.CarruselCarat img {
	/*width: 125px; height: 147px; */
	border: none;
}



.CarruselCC2Conten {
	padding: 30px 10px 0 60px; font-weight: bold; font-size: 11px; 
	font-family: arial, helvetica, sans-serif; color: #fff;			
}
.CarruselCC2Conten a 				{ color: #0cf; text-decoration: underline; }
.CarruselCC2Conten a:hover 	{ color: #0cf; text-decoration: none; }



	/* --- Footer --- */

#footer {
	clear: both; margin: 0 15px; height: 30px; text-align: left; 
	background: url(../pix/2010/footer_bg.gif) top center no-repeat;
}
#footer div {
	font-family: Trebuchet MS, Arial, Helvetica, Sans-serif; font-size: 11px;
	line-height: 30px; color: #ced3d8;
}
#footer div.footerLinks a, #footer div.footerLinks a:visited      { color: #ced3d8; }
#footer div.footerLinks a:hover, #footer div.footerLinks a:active { color: #ced3d8; text-decoration: none; }