/* CSS Document */
/*Este hack hace que todo el contenido del wrapper llamado "todo" centre el sitio totalmente y coloque la imagen de fondo*/
#todo {
	position			: absolute;
	left				: 50%;
	width				: 740px;
	margin-left			: -370px;
	top					: 0;
}

#izquierda{
	position			: absolute;
	top:0;
	left:0;
	margin-left:0px;
	margin-top:0px;
}

.centercolumn .centerpadding li 
	{
	list-style-type:circle;
	}

html, body
	{
	font-family			: Arial, Helvetica, sans-serif;
	color				: #666666;
	font-size			: 12px;
	background-image	: url(../images/diagonals.gif);
	background-position	: left top;
	background-repeat	:repeat;
	}

div
	{
	border				: none;
	margin				: 0px;
	padding				: 0px;
	}


.header-home
	{
	margin				: 0px;
	padding				: 0px;
	height				: 126px;
	padding				: 0px;
	background-image	: url(../images/home_01.jpg);
	background-position	: left;
	background-repeat	: no-repeat;
	border				: solid 0px #000000;
	width				: 740px;
	}
	
.header-interna
	{
	margin				: 0px;
	padding				: 0px;
	height				: 156px;
	padding				: 0px;
	background-image	: url(../images/interna_01.jpg);
	background-position	: left;
	background-repeat	: no-repeat;
	border				: solid 0px #000000;
	}

.header-interna #headnav1 
	{
	border:solid 0px red;
	word-spacing:20px;
	text-decoration:none;
	height:15px;
	font-weight:normal;
	position:relative;
	top: 50px;
	width:450px;
	left: 200px;
}

.header-interna #headnav1 a
	{
	font-size:x-small;
	text-decoration:none;
	color:#666666;
	}

.header-interna #headnav1 a:hover
	{
	text-decoration:none;
	color:#006699;
	}	


.header-home #headnav1 
	{
	word-spacing:15px;
	text-decoration:none;
	height:15px;
	padding-left:498px;
	padding-top: 68px;
	font-weight:bolder;
	}

.header-home #headnav1 a
	{
	font-size:x-small;
	text-decoration:none;
	color:#666666;
	}

.header-home #headnav1 a:hover
	{
	text-decoration:none;
	color:#006699;
	}



.footer
	{
	/*display				: inline; /* IE Hack */
	background-color	: #fff;
 	background-image	: url(../images/home_03.jpg);
 	background-position	: left;
	background-repeat	: no-repeat;
	padding				: 0px;
	width				: 740px;
	height				: 84px;
	text-align			: center;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: x-small;
	color				: #666666;
	}

/* IE5 needs shifting up - and #empty to clear its parsing palette */
* html body .header
	{
	margin-bottom		: -19px;
	font-family			: "\"}\"";
	font-family			: inherit;
	margin-bottom		: 0px;
	}
#empty{}

/* -1px margin-top is so NN4 borders overlap */
.columns
	{
	margin				: 0px;
	margin-top			: -1px;
	padding				: 0px;
	background-image	: url(../images/expand.gif);
	background-position	: top;
	background-repeat	: repeat-y;
	background-color	: #fff;
	border				: solid 0px #000000;
	border-top-style	: none;
	border-bottom-style	: none;
	width				: 740px;
	}


.columncenter-home
	{
	margin				: 0px;
	margin-top			: 0px;
	padding				: 0px;
	background-image	: url(../images/home_02.jpg);
	height				: 307px;
	background-position	: top;
	background-repeat	: no-repeat;
	background-color	: #eeeeee;
	border				: solid 0px #000000;
	border-top-style	: none;
	border-bottom-style	: none;
	width				: 740px;
	}

/* reset post NN4 */
.columns
	{
/*/*/
	margin-top			: 0px;
/* */
	}

/*
make sure that .leftcolumn's width is equal to .centercolumn's margin-left
width can be fixed pixels or ems or percentage
-11px margin-top enables columns to lign up in NN4 rather than dropping down unacceptably
*/
.leftcolumn
	{
	height			: 280px;
	float				: left;
	left				: 0px;
	width				: 28.51%;
	margin				: 0px;
	padding				: 0px;
	background-image	: url(../images/interna_02.jpg);
	background-position	: top;
	background-repeat	: no-repeat;
	
	}
/* reset post NN4 */
.leftcolumn
	{
/*/*/
	margin-top			: 0px;
	min-height			: 280px;
/* */
	}

/*
make sure that .rightcolumn's width is equal to .centercolumn's margin-right
width can be fixed pixels or ems or percentage
*/
.rightcolumn
	{
	position			: static;
	float				: right;
	width				: 5%;
	margin				: 0px;
	padding				: 0px;
	}

/* .centercolumn base settings
====================================
These values allow the three columns to butt up against each other
You can change the margins between them either by altering these values. However, in most cases altering the padding property of the .[$column]padding selectors will be simpler and more effective.
------------------------------------
NN4
------------------------------------
margin-left		: -25px
margin-right	: 0px
margin-top		: -1px
If you must change these, experiment with these values extensively since the center column does not move in a direct one-to-one relationship to the value specified here. The margin-top of -1px is needed to make NN4 line up correctly.
------------------------------------
OmniWeb
------------------------------------
margin-left		: 0px;
margin-right	: 0px;
------------------------------------
Other browsers
------------------------------------
margin-left		: width of .leftcolumn
margin-left		: final width of .rightcolumn
margin-right is set to the value of the overriding values for .rightcolumn's width.

If you don't want a border in NN4,but want the colour, change the border to none
*/
.centercolumn
	{
	min-height			: 280px;
	margin				: 0px;
	padding				: 0px;
	border				: solid 0px #000000;
	border-top			: none;
	border-bottom		: none;
	border-left			: dotted 0px #000000;
	border-right		: dotted 0px #000000;
	background-image	: url(../images/center-column.gif);
	background-position	: left top;
	background-repeat	: no-repeat;
	
	}

/* NN4 values */
.centercolumn
	{
	margin-right		: 0px;
	margin-left			: -28.51%;
	}
/* Other browsers - hide from NN4 */
/*/*/
.centercolumn
	{
	margin-top			: 0px;
	margin-right		: 5%;
	margin-left			: 28.51%;
	}
/* OmniWeb but exclude from IE5 mac */
/*\*/
.fake.centercolumn
	{
	margin-right		: 0px;
	margin-left			: 0px;
	border-left			: solid;
	border-right		: solid;
	}
/* reset IE*/
.centercolumn
	{
	margin-right		: 5%;
	margin-left			: 28.51%;
	border-left			: dotted 0px #000000;
	border-right		: dotted 0px #000000;
	}

/* end NS4 exclude hack */

	
/* -7px margin-top enables footer/middles to lign up in NN4 rather than dropping down unacceptably */
.footer
	{
	clear				: both;
	font-size:x-small;
	margin				: 0px;
	border				: solid 0px #000000;
	width				: 740px;
	}
	

.footer
	{
/*/*/
	font-size:x-small;
	margin-top			: 0px;
	width				: 740px;
/* */
	}
.centerpadding 
	{
	min-height:280px;
	}

.headerpadding, .leftpadding, .centerpadding, .rightpadding
	{
	margin				: 0px;
	padding-left		: 5px;
	padding-right		:5px;
	}

/* NB OmniWeb doesn't recognise dotted and so no line style gets rendered at all - you could use either an external or inline css hack to make make OmniWeb solid and others dotted, but I couldn't be bothered here */
.header, .footer
	{
	border-bottom		: dotted 0px #000000;
	width				: 740px;
	}

.footer
	{
	font-size:x-small;
	border-top			: dotted 0px #000000;
	width				: 740px;
	}
	
.footer a 
	{
	font-size:x-small;
	color:#666666;
	text-decoration:none;
	}

.footer a:hover 
	{
	font-size:x-small;
	color:#3399CC;
	}

	
.footer #credits 
	{
	font-size:x-small;
	padding-top:20px;
	padding-left:15px;
	text-align:right;
	float:left;
	}
	
.footer #credits a
	{
	font-size:x-small;
	}
.footer #credits a hover
	{
	font-size:x-small;
	text-decoration:none;
	}

.footer #navfoo 
	{
	padding-top:20px;
	padding-right:25px;
	
	font-size:x-small;
	text-align:right;
	}

.footer #navfoo a
	{
	padding-left:5px;
	font-size:x-small;
	text-decoration:none;
	}
	
.footer #navfoo a:hover
	{
	font-size:x-small;
	color:#FFFFFF;
	text-decoration:none;
	}
	

.footer #fooboton
	{
	padding-top:10px;
	float:left;
	}

.footer #fooboton a img
	{
	border:0;
	}

/*BOTONES NAVEGADOR TEMPLATE INTERNO*/	
.header-interna #headnav1 .navboton1
	{
	position:absolute;
	top:-27px;
	left:2px;
	}

.header-interna #headnav1 .navboton1 a img
	{
	border:0;
	}
	
	.header-interna #headnav1 .navboton2
	{
	position:absolute;
	top:-27px;
	left:87px;
	}

.header-interna #headnav1 .navboton2 a img
	{
	border:0;
	}
	
	.header-interna #headnav1 .navboton3
	{
	position:absolute;
	top:-27px;
	left:189px;
	}

.header-interna #headnav1 .navboton3 a img
	{
	border:0;
	}
	
	
/*BOTONES NAVEGADOR TEMPLATE INTERNO*/	
.header-home #headnav1 .navboton1
	{
	position:absolute;
	top:35px;
	left:502px;
	}

.header-home #headnav1 .navboton1 a img
	{
	border:0;
	}
	
	.header-home #headnav1 .navboton2
	{
	position:absolute;
	top:35px;
	left:578px;
	}

.header-home #headnav1 .navboton2 a img
	{
	border:0;
	}
	
	.header-home #headnav1 .navboton3
	{
	position:absolute;
	top:35px;
	left:672px;
	}

.header-home #headnav1 .navboton3 a img
	{
	border:0;
	}	

/*Elementos del search
#searchandlogin
	{
	position			: absolute;
	left				: 757px;
	top					: 117px;
	width				: 209px;
	height				: 269px;
	z-index				: 1;
	background-image	: url(../images/forms-background.gif);
	background-position	: top left;
	background-repeat	: no-repeat;
	}


.searchtext 
	{
	margin-left			: 20px;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 11px;
	font-weight			: bold;
	color				: #FFFFFF;
	}

.logintext 
	{
	margin-left			: 8px;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 11px;
	font-weight			: bold;
	color				: #3399CC;
	}

.boton 
	{
	font-family  		: Arial, Helvetica, sans-serif;
	font-size			: 10px;
	font-weight			: bold;
	color				: #FFFFFF;
	margin-left			: 9px;
	border				: none;
	background			: orange;
	}

.boton2 
	{
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 10px;
	font-weight			: bold;
	color				: #FFFFFF;
	margin-left			: 9px;
	border				: none;
	background			: orange;
	}

.boxes 
	{
	margin-top			: 8px;
	margin-left			: 43px;
	height				: 18px;
	background-image	: url(../images/backboxes.gif);
	border				: solid 0px #000000;
	background-position	: top;
	background-repeat	: repeat-x;
	border				: none;
	}

.boxes2 
	{
	border				: solid 1px #ccc;
	background-color	: #FFFFFF;
	margin-top			: 3px;
	margin-left			:10px;
	}

.enviar 
	{
	margin				: 3px;
	height				: 20px;
	border				: solid 0 #fff;
	width				: 80px;
	}
	
*/


/*NAVEGADOR VERTICAL*/

#menu-vertical {
	text-align:right;
	padding-top:10px;
	list-style:none;
	padding-left:35px;
	width: 235px;
	margin: 0px;
	}
	
#menu-vertical li a {
	height: 32px;
	font-family:Arial, Helvetica, sans-serif;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu-vertical li a:link, #menu-vertical li a:visited {
	color: #FFF;
	display: block;
	background-color:#666666;
	padding: 2px 0 0 10px;
	}
	
#menu-vertical li a:hover {
	color: #FFF;
	background-color:#999999;
	padding: 2px 0 0 10px;
	}



/*NAVEGADOR VERTICAL INTERNO */

.nav-interno 
	{
	margin:0;
	padding:0;
	position:absolute;
	top: 250px;
	left:1px;
	}

#menu-vertical2 {
	text-align:left;
	padding-top:10px;
	list-style:none;
	width: 190px;
	margin: 0px;
	}
	
#menu-vertical2 li a {
	height: 24px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	}	
	
#menu-vertical2 li a:link, #menu-vertical2 li a:visited {
	color: #FFF;
	display: block;
	background-color:#666666;
	padding: 7px 0 0 10px;
	}
	
#menu-vertical2 li a:hover {
	color: #FFF;
	background-color:#999999;
	}


/*NAVEGADOR HORIZONTAL*/

#menu-horizontal {
	width: 533px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
	position:absolute;
	top:110px;
	left: 175px;
}
 
#menu-horizontal ul, li {
	list-style-type: none;
}
 
#menu-horizontal ul {
	margin: 0;
	padding: 0;
}
 
#menu-horizontal li {
	float: left;
}
 
#menu-horizontal a {
	text-decoration: none;
	color:#FFFFFF;
	background-color:666666;
	display: block;
	text-align: center;
	border: 0;
	padding-left:6px;
	padding-right:20px;
}
 
 
#menu-horizontal a#primero {
	border-left: 0;
}
 
#menu-horizontal a:hover {
	background-color:#999999;
}


/*SEGUNDO NIVEL*/
#subnavegador{
	text-align:right;
	font-size:9px;
	color:#006699;
	}
#subnavegador a {
	text-decoration:none;
	color:#006699;
	}
	
#subnavegador a:hover {
	text-decoration:none;
	color:#666666;
	}


/* following styles have nothing to do with the structural layout */


h1 
	{
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#336699;
	}

a 
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3366CC;
	text-decoration:none;
	}

a:hover 
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#336699;
	text-decoration:underline;
	}

p
	{
	margin-bottom		: 10px;
	}

.columncenter-home #frase 
	{
	color:#FFFFFF;
	font-size:14px;
	position:absolute;
	top: 195px;
	left: 560px;
	}
	
.columncenter-home #texto 
	{
	color:#000;
	font-size:x-small;
	position:absolute;
	width:325px;
	top: 329px;
	left: 151px;
	}
	
.columncenter-home #links 
	{
	text-decoration:none;
	position:absolute;
	top: 350px;
	left: 586px;
	}