@charset utf-8;
/* CSS Document */

/* Realizado por Juan Minnocci y Cctus Gràfic " Comunicació
/* para Albión Electrónica S.L.
/* (C)2008, prohibida su reproducción total o parcial.

/* * * * * * * * * * * */
/* aspectos  generales */
/* * * * * * * * * * * */

/* definición de estilo para el cuerpo */
body {
	font-family: Arial, Helvetica, sans-serif; /*familia de fuente*/
	font-size:11px; /*tamaño del texto*/
	color:#3b4b5b; /*color del texto*/
	text-align:center; /*centrado del contenido*/
	background-color:#ffffff; /*color del fondo*/
	margin:0px auto; /*0px sangrado vertical. auto sangrado lateral*/
}

/* definición de estilo para el contenedor principal */
#container {
	width:940px; /*ancho total*/
	height: 780px; /*alto total*/
	border:0px solid #ffffff; /*atributos del borde*/
	background-color:#ffffff; /*color del fondo*/
	background-image:url(../images/fondoabsoluto.png); /*imagen de fondo*/
	margin:0px auto; /*0px sangrado vertical, auto sangrado lateral*/
	text-align:center; /*alineación del contenido*/
}

/* definición de estilo para el marco superior */
#marcosuperior {
	width:906px; /*ancho total*/
	height: 96px; /*alto total*/
	background-color:#ffffff; /*color del fondo*/
	margin: 0px auto; /*0px sangrado vertical, auto sangrado lateral*/
	font-family: Arial, Helvetica, sans-serif; /*familia de fuente*/
	text-align:center; /*centrado del contenido*/
}

/* definición de estilo para el separador */
#separador {
	width:900px; /*ancho total*/
	height: 7px; /*alto total*/
	background-color:#ffffff; /*color del fondo*/
	background-image:url(../images/separador.png); /*imagen de fondo*/
	margin: 10px auto; /*10px sangrado vertical, auto sangrado lateral*/
	font-family: Arial, Helvetica, sans-serif; /*familia de fuente*/
	text-align:center; /*centrado del contenido*/
}

/* definición de estilo para el marco conjunto de menú y contenido */
#containerint {
	width:910px; /*ancho total*/ 
	height: 595px; /*alto total*/
	border:0px solid #ffffff; /*atributos del borde*/ 
	background-color:#ffffff; /*color del fondo*/
	margin:0px auto; /*0px sangrado vertical, auto sangrado lateral*/ 
	text-align:left; /*alineación del contenido*/
}

/* definición de estilo para el marco conjunto texto y fotos a la derecha */
#containerint2 {
	margin:35px 0px 0px 40px; /*marginal del espacio de marco conjunto*/
	width:650px; /*ancho total*/ 
	height: 470px; /*alto total*/
}

/* definición de estilo para el marco conjunto texto y fotos a la derecha bajo submenú 2 niveles */
#containerint3 {
	margin:9px 0px 0px 40px; /*marginal del espacio de marco conjunto*/
	width:650px; /*ancho total*/ 
	height: 470px; /*alto total*/
}

/* definición de estilo para el marco conjunto texto y fotos a la derecha v2 */
#containerint4 {
	margin:40px 0px 0px 40px; /*marginal del espacio de marco conjunto*/
	width:650px; /*ancho total*/ 
	height: 470px; /*alto total*/
}

/* definición de estilo para el marco de menú */
#marcomenu {
	width:184px; /*ancho total*/
	height: 593px; /*alto total*/
	background-color:#ffffff; /*color del fondo*/
	background-image:url(../images/pastillamenu.png); /*imagen de fondo*/
	margin:0px auto; /*0px sangrado vertical, auto sangrado lateral*/ 
	float:left; /*flotamos el marco de menú a la izquierda*/
}

/* definición de estilo para el marco de contenidos */
#marcocontenido {
	width:722px; /*ancho total*/
	height: 593px; /*alto total*/
	background-color:#ffffff; /*color del fondo*/
	background-image:url(../images/pastillagrande.png); /*imagen de fondo*/
	margin:0px 0px; /*0px sangrado vertical, auto sangrado lateral*/
	float:right; /*flotamos el marco de contenido a la derecha*/
}

/* definición de estilo para el marco inferior */
#marcoinferior {
	width:910px; /*ancho total*/
	height: 40px; /*alto total*/
	background-color:#ffffff; /*color del fondo*/
	margin: 15px 8px 0px 8px; /*5px sangrado vertical, 8px sangrado lateral*/
	font-family: Arial, Helvetica, sans-serif; /*familia de fuente*/
	font-size:9px; /*tamaño del texto*/
	color:#3b4b5b; /*color de elemento*/
}

/* * * * * * * * * * * * * */
/*  aspecto ubicación logo */
/* * * * * * * * * * * * * */

#logo {
	float:left; /*alineación del espacio de logo*/
	margin:13px auto; /*marginal del espacio de logo*/
	width:178px; /*ancho del espacio de logo*/
	height:79px; /*alto del espacio de logo*/
	background-color:#ffffff; /*color del fondo*/
} 


/* * * * * * * * * * * * * * */
/*  aspecto ubicación claim  */
/* * * * * * * * * * * * * * */

#claim {
	float:right; /*alineación del espacio de claim*/
	margin:4px auto; /*marginal del espacio de claim*/
	width:211px; /*ancho del espacio de claim*/
	height:89px; /*alto del espacio de claim*/
	background-color:#ffffff; /*color del fondo*/
} 

/* * * * * * * * * * * * * * * * * */
/*  aspecto submenú primera línea  */
/* * * * * * * * * * * * * * * * * */

/* definición de estilo para la primera línea de submenú */
#submenu1 {
	margin:40px 0px 0px 40px; /*marginal del espacio de submenú*/
	width:640px; /*ancho del espacio de submenú*/
	height:15px; /*alto del espacio de submenú*/
	font-weight: bold; /*uso de negritas en submenú*/
} 

/* transformación de formato lista a formato menú horizontal */
#submenu1 ul {
	list-style-type:none; /*quitamos las viñetas*/
	margin:0; /*quitamos el margen*/ 
	padding:0; /*quitamos el relleno*/
}
#submenu1 ul li {
	margin:0; /*quitamos margen de elemento*/ 
	float:left; /*flotamos a la izquierda para quitar salto */ 
}

/* definición de estilo de elemento primera línea de submenú */
#submenu1 ul li a {
	font-family: Arial, Helvetica, sans-serif; /*familia de fuente*/
	font-size:11px; /*tamaño de fuente*/
	display:block; /*area rectangular*/
	background-color:#ffffff; /*color de fondo*/
	color:#3b4b5b; /*color de elemento*/
	padding:0px 0px 0px 0px; /*completamos el relleno del div*/
	text-decoration:none; /*eliminamos subrayados a vínculos*/
	font-weight:bold; /*establecemos negrita*/
}

#submenu1 ul li a:hover {
	color:#9d102d; /*color para mouse encima*/
	text-decoration:none; /*eliminamos subrayados a vínculos*/ 
}

#submenu1 ul li a.selected{
	color:#9d102d; /*color para mouse encima*/
	text-decoration:none; /*eliminamos subrayados a vínculos*/ 
}

/* * * * * * * * * * * * * * * * * */
/*  aspecto submenú segunda línea  */
/* * * * * * * * * * * * * * * * * */

/* definición de estilo para la segunda línea de submenú */
#submenu2 {
	margin:6px 0px 0px 40px; /*marginal del espacio de submenú*/
	width:642px; /*ancho del espacio de submenú*/
	height:20px; /*alto del espacio de submenú*/
	background-color:#3b4b5b;
	color:#ffffff;
	font-weight: bold; /*uso de negritas en submenú*/
} 

/* transformación de formato lista a formato menú horizontal */
#submenu2 ul {
	list-style-type:none; /*quitamos las viñetas*/
	margin:0; /*quitamos el margen*/ 
	padding:3px; /*añadimos espaciado interno*/
}

#submenu2 ul li {
	margin:0; /*quitamos margen de elemento*/ 
	float:left; /*flotamos a la izquierda para quitar salto */ 
}

/* definición de estilo de elemento primera línea de submenú */
#submenu2 ul li a {
	font-family: Arial, Helvetica, sans-serif; /*familia de fuente*/
	font-size:11px; /*tamaño de fuente*/
	display:block; /*area rectangular*/ 
	background-color:#3b4b5b; /*color de fondo*/ 
	color:#ffffff; /*color de elemento*/ 
	padding:0px 0px 0px 0px; /*completamos el relleno del div*/
	text-decoration:none; /*eliminamos subrayados a vínculos*/ 
	font-weight:bold; /*establecemos negrita*/ 
}
#submenu2 ul li a:hover {
	color:#a3adb8; /*color para mouse encima*/
	text-decoration:none; /*eliminamos subrayados a vínculos*/ 
}

#submenu2 ul li a.selected{
	color:#a3adb8; /*color para mouse encima*/
	text-decoration:none; /*eliminamos subrayados a vínculos*/ 
}

/* * * * * * * * * * * * * * * * * * * */
/*  aspecto contenido principal tipo 1 */
/* * * * * * * * * * * * * * * * * * * */

#contenido1 {
	margin:40px 0px 0px 40px; /*marginal del espacio de contenido1*/
	font-family: Arial, Helvetica, sans-serif; /*familia de fuente*/
	font-size:11px; /*tamaño de fuente*/
	color:#3b4b5b; /*color de elemento*/ 
	width:520px; /*ancho para el contenido */
	clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
	padding:0px 10px 0px 0px; /*ajuste del contenido*/
	text-align:justify; /*alineación justificada del texto*/ 
}

/* * * * * * * * * * * * * * * * * * * */
/*  aspecto contenido principal tipo 2 */
/* * * * * * * * * * * * * * * * * * * */

#contenido2 {
	margin:0px 0px 0px 0px; /*marginal del espacio de contenido2*/
	font-family: Arial, Helvetica, sans-serif; /*familia de fuente*/
	font-size:11px; /*tamaño de fuente*/
	color:#3b4b5b; /*color de elemento*/ 
	width:450px; /*ancho para el contenido */
	text-align:justify; /*alineación justificada del texto*/ 
	float:left;
}

/* * * * * * * * * * * * * * * * * * * */
/*  aspecto contenido principal tipo 3 */
/* * * * * * * * * * * * * * * * * * * */

#contenido3 {
	margin:15px 0px 0px 0px; /*marginal del espacio de contenido2*/
	font-family: Arial, Helvetica, sans-serif; /*familia de fuente*/
	font-size:11px; /*tamaño de fuente*/
	color:#3b4b5b; /*color de elemento*/ 
	width:650px; /*ancho para el contenido */
	text-align:justify; /*alineación justificada del texto*/ 
	float:left;
}

/* * * * * * * * * * * * * * * * * * * */
/*  aspecto contenido principal tipo 4 */
/* * * * * * * * * * * * * * * * * * * */

#contenido4 {
	margin:0px 0px 0px 0px; /*marginal del espacio de contenido2*/
	font-family: Arial, Helvetica, sans-serif; /*familia de fuente*/
	font-size:11px; /*tamaño de fuente*/
	color:#3b4b5b; /*color de elemento*/ 
	width:650px; /*ancho para el contenido */
	text-align:justify; /*alineación justificada del texto*/ 
	float:left;
}

/* * * * * * * * * * * * * * * * * * * */
/*  aspecto contenido principal tipo 5 */
/* * * * * * * * * * * * * * * * * * * */

#contenido5 {
	margin:40px 0px 0px 0px; /*marginal del espacio de contenido5*/
	font-family: Arial, Helvetica, sans-serif; /*familia de fuente*/
	font-size:11px; /*tamaño de fuente*/
	color:#3b4b5b; /*color de elemento*/ 
	width:450px; /*ancho para el contenido */
	text-align:justify; /*alineación justificada del texto*/ 
	float:left;
}

/* * * * * * * * * * * * * * * * * * * */
/*  aspecto imagen de producto tipo 1  */
/* * * * * * * * * * * * * * * * * * * */

#imagenproducto {
	margin:4px 10px 0px 0px; /*marginal del espacio de contenido1*/
	width:150px; /*ancho para el contenido */
	float:right; /*alineación del contenido*/
	font-family: Arial, Helvetica, sans-serif; /*familia de fuente*/
	font-size:11px; /*tamaño de fuente*/
	font-weight:bold; /*establecemos negrita*/
	color:#3b4b5b; /*color de texto para elemento*/
	text-align:center; /*alineación del texto de etiquetado*/
}

/* * * * * * * * * * * * * * * * * * * * * * * * * */
/*  aspecto imagen de producto tipo 3 horizontales */
/* * * * * * * * * * * * * * * * * * * * * * * * * */

#imagenproducto3horizontales {
	margin:33px 33px 0px 33px; /*marginal del espacio de contenido1*/
	width:150px; /*ancho para el contenido */
	float:left; /*alineación del contenido*/
	font-family: Arial, Helvetica, sans-serif; /*familia de fuente*/
	font-size:11px; /*tamaño de fuente*/
	font-weight:bold; /*establecemos negrita*/
	color:#3b4b5b; /*color de texto para elemento*/
	text-align:center; /*alineación del texto de etiquetado*/
}

/* * * * * * * * * * * * * * * * * * * * * * * * * */
/*  aspecto imagen de producto tipo 4 horizontales */
/* * * * * * * * * * * * * * * * * * * * * * * * * */

#imagenproducto4horizontales {
	margin:0px 4px 10px 4px; /*marginal del espacio de contenido1*/
	width:150px; /*ancho para el contenido */
	float:left; /*alineación del contenido*/
	font-family: Arial, Helvetica, sans-serif; /*familia de fuente*/
	font-size:11px; /*tamaño de fuente*/
	font-weight:bold; /*establecemos negrita*/
	color:#3b4b5b; /*color de texto para elemento*/
	text-align:center; /*alineación del texto de etiquetado*/
}

/* * * * * * * * * * * * * * * * * * * * * * * */
/*  aspecto pie de imagen para 4 horizontales  */
/* * * * * * * * * * * * * * * * * * * * * * * */

#pieimagen4horizontales {
	margin:4px 15px 10px 15px; /*marginal del espacio de contenido1*/
	width:120px; /*ancho para el contenido */
	font-family: Arial, Helvetica, sans-serif; /*familia de fuente*/
	font-weight:normal; /*establecemos normal*/
	font-size:10px; /*tamaño de fuente*/
	color:#3b4b5b; /*color de texto para elemento*/
	text-align:justify; /*alineación del texto de etiquetado*/
}

/* * * * * * * * * * * * * * * * * * * * * * * * */
/*  aspecto cabecera imagen para 4 horizontales  */
/* * * * * * * * * * * * * * * * * * * * * * * * */

#cabeceraimagen4horizontales {
	margin:4px 15px 10px 15px; /*marginal del espacio de contenido1*/
	width:120px; /*ancho para el contenido */
	font-family: Arial, Helvetica, sans-serif; /*familia de fuente*/
	font-weight:bold; /*establecemos normal*/
	font-size:11px; /*tamaño de fuente*/
	color:#3b4b5b; /*color de texto para elemento*/
	text-align:justify; /*alineación del texto de etiquetado*/
}

/* * * * * * * * * * * * * * * * * * * * * */
/*  aspecto texto a la derecha en producto */
/* * * * * * * * * * * * * * * * * * * * * */

#textoderecha {
	margin:25px 10px 0px 0px; /*marginal del espacio de contenido1*/
	width:170px; /*ancho para el contenido */
	float:right; /*alineación del contenido*/
	font-family: Arial, Helvetica, sans-serif; /*familia de fuente*/
	font-size:11px; /*tamaño de fuente*/
	color:#3b4b5b; /*color de texto para elemento*/
	text-align:justify; /*alineación del texto de etiquetado*/
}

/* * * * * * * * * * * */
/*   aspecto del menú  */
/* * * * * * * * * * * */
#menu{
	width:177px;
	margin:0px 5px 5px 8px; /*marginal del espacio de submenú*/
	height:380px;
}

* html #menu{
	margin:-2px 0 0 10px;
}

#menu ul{
	display:block;
	margin:0;
	padding:38px 0px 18px 12px;
	list-style-type:none; /*quitamos las viñetas*/
}

#menu ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3b4b5b; /*color de elemento*/ 
	padding:3px 0;
}

#menu ul li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#3b4b5b; /*color de elemento*/ 
	padding:3px 0 3px 6px;
	text-decoration:none; /*eliminamos subrayados a vínculos*/ 
}

#menu ul li a:hover{
	color:#9d102d; /*color para mouse encima*/
	text-decoration:none; /*eliminamos subrayados a vínculos*/
}

#menu ul li ul a:hover{
	color:#9d102d;
	background: url(../images/circulo.png) no-repeat left;
	text-decoration:none;
}

#menu ul li:hover > ul {
	display:block;
	text-decoration:none; /*eliminamos subrayados a vínculos*/
}

#menu ul li a.selected{
	color:#9d102d;
	text-decoration:none;
}

#menu ul li ul a.selected{
	color:#9d102d;
	background: url(../images/circulo.png) no-repeat left;
	text-decoration:none;
}

#menu ul li ul{
	margin:1px 10px;
	padding:0px;
	display:none;
}

#menu ul li li{
	display:block;
}

#menu ul li ul.visible{
	display:block;
}

/* * * * * * * * * * * * * * * * */
/* ajuste para páginas de tornos */
/* * * * * * * * * * * * * * * * */
#fixtornos {
	margin:10px 0px 0px 40px; /*marginal del espacio de submenú*/
	width:640px; /*ancho del espacio de submenú*/
	height:15px; /*alto del espacio de submenú*/
	font-weight: bold; /*uso de negritas en submenú*/
}