@charset "utf-8";

/***XXXXXXXXXXXXXXX Primary layout rules XXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXX
/***
No borrar los comentarios para los hacks de MAC
Para cambiar la anchura de todo el layout, ajustar la de las columnas que lo componen,
sin olvidar los bordes. Una pequeña equivocación puede echar a perder todo el layout, cuidado!!

Para el espaciado dentro de las columnas, es mejoraplicar márgenes a los elementos
del contenido insertados en las columnas, porque aplicarles padding a las columnas 
cambiará sus anchuras, jodiendo el layout

The Safari escape tab hack:
***************************

 (used on wrapper, and the 3 backgrounds for Moz
and Opera).

Puts an escape in front of a valid number in the style name to replace a
letter in that name, e.g. \65 is an e. A tab is then inserted (not a space).
The purpose of this hack is to hide some code from Safari. Unfortunately,
some other browsers (like IE) see it for what it should be (but NOT Safari),
and so we must undo the code for those browsers by other hacks.

El hack Tan:
*************

* html .anyelement {rules read only by IE/Win and IE/Mac}

El hack MAC:
*************

(first the active comment you are reading now must be
closed...) ***/

/* \*/

/* */

/***...Back in comment mode now. Anything between those two comment lines
will be hidden from IE/Mac. Don't use any comments within this hack or it will
close prematurely and IE/Mac will begin reading before it should.

The above two hacks are combined so as to feed rules only to IE/Win.

El hack Holly:
***************

Proper use of backslash escape characters inside property names used in the
Holly hack can further segregate rules to be read by only IE6 from rules for
IE5.x/Win.

These hiding hacks, along with several other fixes, make possible this formerly
impossible layout. It is highly unlikely that new browsers will have any
problem with these valid hiding hacks, and we will have to wait for Microsoft
to release IE7.

If enabled in the PageMaker, the 100% height in the html and body styles makes
the design full height. It also breaks Moz because you should use min-height,
but that doesn't work! Note
how these 100% heights are hidden from IE Mac with
the MAC Hack, otherwise they break it.

XXXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXXXXX ***/
html,body{
	margin:0; /*** NO poner nada más que un left-margin a la página, o romperá el diseño ***/
	padding:0;
	border:0;
	height:100%;
}
body{
	background-image:url(../img/fondopagina.gif);
	color:#000000;
	min-width:950px;
	text-align:center; /*** alineacion de la pagina para IE/Win ***/
}
body, input, textarea, select, optgroup {
	font-family:Arial, Helvetica, sans-serif;
}
#container {
	/*position:relative;*/
	margin-left:auto;
	margin-right:auto;
	width:950px;
	text-align:left;
	/*min-height:100%;*/
	background-image:url(../img/fondo_1.gif);
	display:block;
}
* html #container{
	/*height:100%;*/
}
#container_home {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:950px;
	text-align:left;
	/*min-height:100%;*/
	background-image:url(../img/fondo_home.gif);
}
* html #container_home{
	/*height:100%;*/
}
#wrapper{
	height:auto; /*** For moz to stop it fixing height to 100% ***/
	width:950px;
	padding-top:94px;
	padding-bottom:52px;
}


#header{
	z-index:2;
	position:absolute;
	top:-1px;
	width:950px;
	height:95px;
	background-image:url(../img/fondo_cabecera.jpg);
	/* overflow:hidden; */
}
#sombra_sup_1{
	width:100%;
	height:7px;
	background-image:url(../img/sombra_sup_1.gif);
	position:relative;
	top:-1px;	
}
#sombra_inf_1{
	width:950px;
	position:relative;
	top:1px;
	height:7px;
	background-image:url(../img/sombra_inf_1.gif);
}
#sombra_sup_home{
	width:950px;
	height:7px;
	background-image:url(../img/sombra_sup_home.gif);
	position:relative;
	top:-1px;
}
#sombra_inf_home{
	width:950px;
	height:7px;
	background-image:url(../img/sombra_inf_home.gif);
	position:relative;
	top:1px;
	/*
	position:absolute;
	bottom:45px;
	*/
}
#footer{
	/*** Critical value for Moz/Opera Background Column colors fudge to work ***/
	/*
	z-index:1;
	position:absolute;
	bottom:0;
	*/
	position:relative;
	width:950px;
	height:45px;
	overflow:hidden;
	background-image:url(../img/fondo_pie.jpg);
}
* html #footer{
	bottom:-1px;
}
* html #sombra_inf_1{
	bottom:44px;
}
* html #sombra_inf_home{
	bottom:44px;
}


/* ============================================================================ */
/*  ESTRUCTURA DE LA COLUMNA DE PRESENTACION  */
#columna1{
	width:238px;
	float:left;
	/*
	display:inline;
	position:relative;
	*/
	color:#FFFFFF;
}
#columna1 h4{
	margin:5px 12px 15px 12px;
	font-size:1.4em;
	font-weight:bold;
}
#columna1 .texto{
	margin:0 12px 80px 12px; /* ojo!! ese "80" debería coincidir con la altura del cuadro "customer" (ver footer.css) */
	text-align:justify;
}
#columna1 p{
/*	text-indent:15px;
*/	margin-bottom:12px;
}
#columna1 a{
	color:#FFFFFF;
	text-decoration:underline;
	font-style:italic;
	font-weight:bold;
}
#columna1 dd{
	margin:0 0 10px 15px;
}
#columna1 #video{
	width:210px;
	height:168px;
	margin:0px auto 20px auto;
}
/* ============================================================================ */





/* APOYO A LOS LECTORES DE TEXTO */
.access {
	position: absolute;
	left: -2000px;
	width: 1px;
	font-size: 1px;
	line-height: 1%;
}

/* COSAS VARIAS */
.clear{					/* de momento, sin uso */
	height:1px;
	font-size:0;
	clear:both;
}

/* ESTILOS PARA LA ZONA DE CLIENTE Y DEL BUSCADOR AVANZADO */
#customer{
	background-color:#627188;
	border:1px dashed #7e8aa2;
	width:208px;
	color:#FFFFFF;
	font-style:italic;
	margin:0 12px 15px 12px;
	padding:2px;
}
#search{
	background-color:#627188;
	border:1px dashed #7e8aa2;
	width:208px;
	height:80px;
	color:#FFFFFF;
	font-style:italic;
	margin:0 12px 15px 12px;
	padding:2px;
}
#customer .titulorecuadro, #search .titulorecuadro{
	font-size:1em;
	font-weight:bold;
	margin:0 0 5px 0;
	color:#ff9800;
	background-color:#263248;
	font-style:normal;
}
#customer .campo, #search .campo{
	width:60px;
	float:left;
}
#customer form, #search form{
	margin:0;
	padding:5px;
}
#customer a, #search a{
	color:#FFFFFF;
	font-style:italic;
	font-weight:normal;
	margin-top:5px;
	clear:left;
}
#cust_name, #cust_pass{
	width:50px;
	height:14px;
	/*margin-left:85px;*/
	padding-left:2px;
	border:1px solid #000000;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#7e8aa2;
}
#cust_send{
	width:60px;
	height:18px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#7e8aa2;
	padding:0;
	font-size:1em;
	border:1px solid #000000;
}

#descargas{
	background-color:#ae6500;
	border:1px dashed #d87c00;
	width:208px;
	color:#FFFFFF;
	font-style:italic;
	margin:0 12px 15px 12px;
	padding:2px 2px 8px 2px;
}
#descargas .titulorecuadro {
	font-size:1em;
	font-weight:bold;
	margin:0 0 5px 0;
	color:#273248;
	background-color:#ff9900;
	font-style:normal;
}
#descargas p {
	padding: 0 0 0 2px;
	margin: 0 0 5px 0;
	font-style:normal;
}
#descargas .campo {
	width:60px;
	float:left;
}
#descargas form {
	margin:0;
	padding:5px;
}
#descargas a {
	line-height: 15px;
	height: 15px;
	color:#FFFFFF;
	font-style:normal;
	font-weight:normal;
	background: url(../img/fnaranja.gif) no-repeat 1px 3px;
	padding: 0 0 0 13px;
}