/*
	CSS - Screen
	Borja Delgado	
	OrangeSide - http://www.orangeside.org
	07 - 2005
	
*/

/* ESTILOS GENERALES */

* {
	margin: 0px;
	padding: 0px;
	}

body {
	font: 10px/18px Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #2A2B29;
	background-color: #FFF;
	padding: 135px 25px 0px 0px;
	}

td, th {
	font: 10px/16px Monaco, Verdana, Tahoma, Arial, Helvetica, sans-serif; /* IE5.x */
	}

a {
	color: #4B5C46;
	text-decoration: none;
	}

a strong {
	color: #4B5C46;
	padding: 0px 2px 0px 2px;
	}

a:hover {
	color: #FFF;
	background-color: #4B5C46;
	}

a:hover strong {
	color: #FFF;
	background-color: #4B5C46;
	}

a img {
	border-width: 0px;
	}

table {
	border-collapse: collapse;
	}

strong {
	color: #61263B;
	}

/* CABECERA */

#cabecera {
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -190px;
	width: 380px;
	height: 65px;
	color: #FFF;
	}

#cabecera span {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url("../imagenes/cansoles_logo.gif") top left no-repeat;
	}

body#intro cabecera span {
	border-bottom: 2px solid #4B5C46;
	}

/* CONTENEDOR */

#contenedor {
	position: absolute;
	left: 50%;
	margin-left: -217px;
	width: 440px;
	min-height: 300px;
	height: auto !important; /* IE min-height BUG 1/2 */
	height: 300px; /* IE min-height BUG 2/2 */
	}

div.contenedor_nofotos {
	top: 155px;
	}

div.contenedor_fotos {
	top: 430px;
	}

/* TITULO DE SECCION */

#titulo_seccion {
	margin: 0px 0px 0px 185px;
	overflow: hidden;
	position: relative;
	}
	
#titulo_seccion span {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	}
	
/*
	IMAGENES DE LOS TITULOS DE SECCION
	DEFINIDAS EN LAS RESPECTIVAS CSS LOCALES
*/

/* TEXTO DE LA SECCION */

#texto_seccion {
	margin: 8px 20px 0px 187px;
	}

#texto_seccion p {
	margin: 0px 0px 18px 0px;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}

/* MENU PRINCIPAL */

#menu_principal {
	position: absolute;
	top: 27px;
	left: 0px;
	width: 170px;
	text-align: right;
	line-height: 36px;
	}

/* MENU IDIOMAS */

#menu_idiomas {
	position: absolute;
	bottom: 36px;
	left: 0px;
	width: 170px;
	text-align: right;
	}

/* INFORMACION */

#informacion {
	position: absolute;
	top: 144px;
	left: 0px;
	width: 170px;
	text-align: right;
	}

#informacion strong {
	font-weight: normal;
	color: #2A2B29;
	}

#informacion em {
	font-weight: bold;
	font-variant: normal;
	font-style: normal;
	color: #61263B;
	}

/* CREDITOS */

#creditos {
	position: absolute;
	bottom: 18px;
	left: 0px;
	width: 170px;
	text-align: right;
	}

/* FOTOGRAFIAS */

#boton_fotografias {
	position: absolute;
	top: 115px;
	left: 50%;
	margin-left: -200px;
	width: 490px;
	background: #FFF url("../imagenes/fotografias_boton_fondo.gif") center repeat-x;
	text-align: right;
	}

#boton_fotografias a {
	margin: 0px 5px 0px 0px;
	padding: 0px 8px 0px 8px;
	background-color: #FFF;
	font-weight: bold;
	}

#contenedor_fotografias {
	margin: 0px 0px 0px 25px;
	}

#listado_fotografias img {
	margin: 0px 2px 0px 0px;
	}

/* Explorer y sus sempiernos fallos. En este capitulo: Overflow */
* html #contenedor_fotografias {
	margin: 0px 0px 0px 25px;
	width: expression((document.documentElement.clientWidth) ? parseInt(document.documentElement.clientWidth - 50) + "px" : parseInt(document.body.clientWidth - 50) + "px" );
	}

div.fotos_ocultas {
	height: 10px;
	overflow: hidden;
	display: none;
	}

div.fotos_vistas {
	height: 250px;
	overflow: auto;
	}

/* SPLASH */

#cover {
	position: absolute;
	top: 115px;
	left: 50%;
	margin-left: -225px;
	width: 450px;
	border-top: 2px solid #4B5C46;
	padding: 20px 0px 0px 0px;
	}

#introduccion {
	position: absolute;
	top: 315px;
	left: 50%;
	margin-left: -225px;
	width: 450px;
	}

#introduccion strong {
	color: #4B5C46;
	}

#introduccion a:hover strong {
	color: #FFF;
	}

#introduccion div.presentacion {
	width: 200px;
	height: 170px;
	margin: 0px 0px 20px 0px;
	}

#introduccion div.presentacion p {
	text-align: justify;
	margin: 0px 0px 0px 2px;
	}

#introduccion div.presentacion  h2 {
	margin: 0px 0px 10px 0px;
	}

#introduccion div.castellano, #introduccion div.ingles {
	float: left;
	}

#introduccion div.catalan, #introduccion div.frances {
	float: right;
	}

#introduccion div.presentacion h2 {
	position: relative;
	overflow: hidden;
	}

#introduccion div.presentacion h2 span {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-position: top left;
	background-repeat: no-repeat;
	}

#introduccion div.castellano h2 {
	width: 195px;
	height: 28px;
	}

#introduccion div.castellano h2 span {
	background-image: url("../imagenes/esp/inicio.gif");
	}

#introduccion div.ingles h2 {
	width: 128px;
	height: 28px;
	}

#introduccion div.ingles h2 span {
	background-image: url("../imagenes/eng/inicio.gif");
	}

#introduccion div.catalan h2 {
	width: 190px;
	height: 28px;
	}

#introduccion div.catalan h2 span {
	background-image: url("../imagenes/cat/inicio.gif");
	}

#introduccion div.frances h2 {
	width: 102px;
	height: 28px;
	}

#introduccion div.frances h2 span {
	background-image: url("../imagenes/fra/inicio.gif");
	}