<!-- -----------------------------------------------------------------------------------
* Script de funciones realizado para nacho
* Fecha de creación: 30/07/2006
* Última modificación:  //2006
* --- Diseño y Maquetación Joaquin Salgado --- 
* ---------------------------------------------------------------------------------- -->
/* Clases para las páginas */
.TT {
	FONT-SIZE: 1px;
}
.direc {
	FONT-SIZE: 11px; 
	COLOR: #004C77; 
	BORDER-TOP-STYLE: none; 
	FONT-FAMILY: arial; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	TEXT-ALIGN: right; 
	TEXT-DECORATION: none; 
	BORDER-BOTTOM-STYLE: none;
	vertical-align: middle; 
}

.blanco{
	FONT-SIZE: 10px; 
	COLOR: #ffffff; 
	BORDER-TOP-STYLE: none; 
	FONT-FAMILY: Tahoma; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	TEXT-ALIGN: center; 
	TEXT-DECORATION: none; 
	BORDER-BOTTOM-STYLE: none;
	font-weight: bold; 
}

.ofertas_1 {
	width:180px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	line-height: 16px;
	border-top: 1px #FF4800 solid;
	border-right: 1px #FF4800 solid;
	border-bottom: 1px #FF4800 solid;
	border-left: 1px #FF4800 solid;
}
.ofertas_2 {
	width:160px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold; 	color: #000000;
	text-align: left;
	line-height: 16px;
	border-top: 1px #FF4800 solid;
	border-right: 1px #FF4800 solid;
	border-bottom: 1px #FF4800 solid;
	border-left: 1px #FF4800 solid;
}
.oferta_3 {
	background-color: #FFFFFF;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}
.oferta_4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	width: 100%;
	background-color: #FFFFFF;
}
.oferta_5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000000;
	width: 100px;
	background-color: #D7D7D7;
	border-top: 2px #ECECEC solid;
	border-right: 2px #C2C2C2 solid;
	border-bottom: 2px #C2C2C2 solid;
	border-left: 2px #ECECEC solid;
}
.oferta_6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	width: 80%;
	background-color: #FFFFFF;
}
.oferta_7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	width: 100px;
	background-color: #FF4800;
	border-top: 1px #000000 solid;
	border-right: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
	border-left: 1px #000000 solid;
}

.div_menuCentralL {
	PADDING-RIGHT: 2em; 
	FLOAT: none; 
	VERTICAL-ALIGN: top; 
	WIDTH: 251px; 
	BORDER-TOP-STYLE: none; 
	FONT-FAMILY: none; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	TOP: 0em; 
	TEXT-DECORATION: none; 
	BORDER-BOTTOM-STYLE: none
}
.Div_mencentrl1blanco {
	PADDING-LEFT: 0.9em; 
	PADDING-RIGHT: 0em; 
	PADDING-TOP: 0.5em;  
	PADDING-BOTTOM: 0.5em; 
	WIDTH: 190px; 
	FONT-FAMILY: none; 
	BORDER-RIGHT-STYLE: none; 
	FLOAT: left; 
	POSITION: relative; 
	TEXT-DECORATION: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-TOP-STYLE: none; 
	BORDER-BOTTOM-STYLE: none
}
.Div_mencentrl2blanco {
	PADDING-RIGHT: 0.5em; 
	PADDING-TOP: 0.5em; 
	PADDING-TOP: 0.5em; 
	PADDING-BOTTOM: 0.5em; 
	WIDTH: 61px; 
	MARGIN-RIGHT: 0em;  
	FLOAT: right;
	FONT-FAMILY: none; 
	POSITION: relative; 
	TOP: 0em; 
	TEXT-DECORATION: none; 
	BORDER-TOP-STYLE: none; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none
}

img { border: none; 
}
.tah9 {
	font-family: Tahoma; 
	font-size: 9px; 
	text-decoration: none; 
	color: #000000;
}
.tah10 { 
	font-family: Tahoma; 
	font-size: 10px; 
	text-decoration: none; 
	color: #000000; 
}
.tah11 {
	font-family: Tahoma; 
	font-size: 11px; 
	text-decoration: none; 
	color: #000000; 
}

.txt_ofertas {
	font-family: Tahoma; 
	font-size: 11px; 
	text-decoration: none; 
	color: #004C77; 
	padding-left: 0;
	text-align: left;
}
.txt_ofert {
	font-family: Tahoma; 
	font-size: 11px; 
	text-decoration: none; 
	color: #004C77; 
	padding-left: 5px;
	text-align: left;
}
.tit_ofert {
	font-family: Tahoma; 
	font-size: 11px; 
	text-decoration: none; 
	color: #9F4000; 
	padding-left: 5px;
	text-align: left;
	font-weight: bold;
}

.ver9 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	text-decoration: none; 
	color: #000000;
}
.ver10 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	text-decoration: none; 
	color: #000000;
}
.ver11 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
	text-decoration: bold; 
	color: #000000;
}

.bgmain {
	background-repeat: repeat-x; 
	background-position: top;
}
.bgtop {
	background-repeat: no-repeat; 
	background-position: top;
}
.img_med {
	border-color: #; 
	border-style: none; 
	border-width: none; 
	float: center; 
	height: 30px; 
	vertical-align: middle; 
	width: 31px;  
}

/* Clases para los div */
#contenedor {
	width:600px; /*ancho total de la pagina*/ 
	border:0px solid #333333; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
	/*background-color:#FFF8F0;*/
	margin:10px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
	text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
}
#menu {
	float:left;
	margin:10px 10px auto 0;
	padding:10px; /*algo de relleno*/
	width:290px; /*este ancho es para que cuadre con el texto*/ 
	height:50px; /*idem*/ 
	border:0px solid #333333; /*decoracion*/ 
	/*background-color: none; /*#CC6600; color de fondo*/ 
	float:left; /*lo flotamos a la izquierda*/ 
	display:inline; /*(*)*/ 

	}
#encabezado {
	margin:10px; /*para que no se pegue al borde*/ 
	padding:10px; /*algo de relleno*/
	width:290px; /*este ancho es para que cuadre con el texto*/ 
	height:50px; /*idem*/ 
	border:0px solid #333333; /*decoracion*/ 
	/*background-color: none; /*#CC6600; color de fondo*/ 
	float:left; /*lo flotamos a la izquierda*/ 
	display:inline; /*(*)*/ 
}
/*   (*)display:inline; se usa en este caso para corregir un error en IE, 
en la interpretación del margin y el padding, si flotamos a la izquierda, 
y hay 10px de margin a la izquierda, 
IE sumara el doble de ese margen. 
Con esta linea corregimos eso. */


/*encadenamos el identificador del div, 
con la etiqueta par areferirnos solo al h1 dentro del div encabezado, 
asi no afectara otros h1 en el resto del documento.*/ 

#encabezado h1 { 
	font-size:18px;
	font-weight:bold;
	width:224px;
	border-bottom:16px solid #FFFFFF;
	color:#FFFFFF;
	margin:0; /*los h1 vienen con margen, con esto se lo quito*/ 
	text-transform:uppercase; /*convierte todas en mayusculas*/ 
	padding-bottom:10px;
}
#contenido {
	width:580px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
	clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
	padding:10px;
} 
#contenido h2 {
	font-size:16px;
	color:#CC3300;
	width:246px;
	text-transform:uppercase;
	border-bottom:1px dotted #CC3300;
}
#contenido h3 {
	width:246px;
	font-size:14px;
	color:#999900;
	border-bottom:1px dotted #999900;
}
#footer {
	width:560px; /*menos porque debemos sumar el padding del div contenido*/ 
	text-align:right;
	padding:10px;
	font-size:80%; /*mas pequeño el texto*/ 
	font-style:italic;
	color:#999999;
}
/* fin Clases para los div */



/* clases para las listas */
ul {
	list-style-type:none; /*con esto quitamos las viñetas*/
	margin:0; /*le quitamos el margen a la lista*/ 
	padding:0; /*y el relleno*/
}
li {
	margin:0; /*le quito el margen al elemento de la lista*/ 
	float:left; /*y los floto a la izquierda para eliminar el salto de linea*/ 
}
li a {
	display:block; /*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 
	background-color:#CC3300; /*algo de color*/ 
	color:#FFFFFF; /*mas*/ 
	width:58px; /*defino el ancho del rectangulo del vinculo*/
	padding:4px 0 5px 22px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 
	text-decoration:none; /*elimino el subrayado del vínculo*/ 
	font-weight:bold; /*decoración*/ 
	text-transform:uppercase; /*decorare los vinculos en mayusculas*/
}
li a:hover {
	background-color:#999900; /*decoración para el evento hover (mouse encima)*/ 
}
/* fin clases para las listas */




/* Clases para los enlaces */

A.En_nach {
	BORDER-TOP-STYLE: none; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none;
	font-family: Tahoma; 
	font-size: 11px; 
	text-decoration: none; 
	color: #004C77; 
	padding-left: 0;
	text-align: left;
	font-weight:bold;


}
A.En_nach:hover {
 	BORDER-TOP-STYLE: none; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none;
	font-family: Tahoma; 
	font-size: 11px; 
	text-decoration: none; 
	color: #BD0000; 
	padding-left: 0;
	text-align: left;
	font-weight:bold;
}
A.En_nach:visited {
 	BORDER-TOP-STYLE: none; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none;
	font-family: Tahoma; 
	font-size: 11px; 
	text-decoration: none; 
	color: #004C77; 
	padding-left: 0;
	text-align: left;
	font-weight:bold;
}


A.En_pie {
	FONT-SIZE: 11px; 
	COLOR: #004C77; 
	BORDER-TOP-STYLE: none; 
	FONT-FAMILY: arial; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	TEXT-ALIGN: right; 
	TEXT-DECORATION: none; 
	BORDER-BOTTOM-STYLE: none;
	vertical-align: middle; 

}
A.En_pie:hover {
	FONT-SIZE: 11px; 
	COLOR: #004C77; 
	BORDER-TOP-STYLE: none; 
	FONT-FAMILY: arial; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	TEXT-ALIGN: right; 
	TEXT-DECORATION: none; 
	BORDER-BOTTOM-STYLE: none;
	vertical-align: middle; 

}
A.En_pie:visited {
	FONT-SIZE: 11px; 
	COLOR: #004C77; 
	BORDER-TOP-STYLE: none; 
	FONT-FAMILY: arial; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	TEXT-ALIGN: right; 
	TEXT-DECORATION: none; 
	BORDER-BOTTOM-STYLE: none;
	vertical-align: middle; 

}
A.menushofmann {
	FONT-SIZE: 11px; 
	COLOR: #ffffff; 
	BORDER-TOP-STYLE: none; 
	FONT-FAMILY: Tahoma; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	TEXT-ALIGN: right; 
	TEXT-DECORATION: none; 
	font-weight: bold; 
	BORDER-BOTTOM-STYLE: none;
	background-color:#BD0000;
}
A.menushofmann:hover {
	FONT-SIZE: 11px; 
	color: #BD0000; 
	BORDER-TOP-STYLE: none; 
	FONT-FAMILY: Tahoma; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	TEXT-ALIGN: right; 
	TEXT-DECORATION: none; 
	font-weight: bold; 
	BORDER-BOTTOM-STYLE: none;
	background-color:#ffffff;
}
A.menushofmann:visited {
	FONT-SIZE: 11px; 
	COLOR: #ffffff; 
	BORDER-TOP-STYLE: none; 
	FONT-FAMILY: Tahoma; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	TEXT-ALIGN: right; 
	TEXT-DECORATION: none; 
	BORDER-BOTTOM-STYLE: none;
	font-weight: bold; 
	background-color:#BD0000;
}
/* Colores barras de desplazamiento */
body {
scrollbar-face-color: #B3B3BC;
scrollbar-shadow-color: #8B8992;
scrollbar-highlight-color: #8B8992;
scrollbar-3dlight-color: #E8E8F0;
scrollbar-darkshadow-color: black;
scrollbar-track-color: #D7D7E0;
scrollbar-arrow-color: #FFFFFF
}

/* Fin Colores barras de desplazamiento */



H1.tit_menu {
	PADDING-RIGHT: 0em; BACKGROUND-POSITION: 0em 0em; PADDING-LEFT: 0em; FONT-WEIGHT: bold; FONT-SIZE: 1em; PADDING-BOTTOM: 0em; MARGIN: 0.25em 0em 0em; PADDING-TOP: 0em; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Verdana; POSITION: relative; TEXT-DECORATION: none
}
H1.tit_menu1 {
	PADDING-RIGHT: 0em; BACKGROUND-POSITION: 0em 0em; PADDING-LEFT: 0em; FONT-WEIGHT: normal; FONT-SIZE: 1em; PADDING-BOTTOM: 0em; MARGIN: 0em; PADDING-TOP: 0em; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Verdana; POSITION: relative; TEXT-DECORATION: none
}
H2.titulocuadroAzul {
	PADDING-RIGHT: 0em; BACKGROUND-POSITION: 0.5em 0.5em; PADDING-LEFT: 0em; FONT-WEIGHT: bold; FONT-SIZE: 100%; PADDING-BOTTOM: 0.2em; MARGIN: 0em; WIDTH: 50%; COLOR: #ffffff; PADDING-TOP: 0em; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Verdana; TEXT-ALIGN: center; TEXT-DECORATION: none
}