/* CSS Document */ 
/* by Xavier Mestres - Pentagrafic disseny, s.l. */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. */


/* GENERIC CODE */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: none;
	color:#999999; background-color:#CCCCCC; font-size:small; margin: auto;
	background-color: #FFFFFF;
}
a:link {font-weight: bold; text-decoration: none; color: #999999;}
a:visited {text-decoration: none;}
a:hover, a:active {text-decoration: none; font-weight: bold;}
	
/* Bases barra gris pagina completa */	
#basemenu {overflow:hidden; background-color:#999999; height: 20px; width: 100%; position: absolute; left: 0px; top: 85px; z-index: -10;}  
#baseinferior1 {overflow:hidden; background-color:#999999; height: 20px; width: 100%; position: absolute; left: 0px; top: 810px; z-index: -11;}  
	
/* TODO - Todas las partes y contenidos - centra la pagina */	
#todo {margin-left:auto; margin-right:auto; height: auto; width: 900px; position: relative;}

/* DIVISIONES GENERALES DE PAGINA  */	
#encabezado {display: block; height: 80px; width: 900px; position: absolute;left: 0px; top: 0px;}
#menugeneral {
	overflow:hidden;
	background-color:#999999; text-align:center; font-size: 11px; font-style: normal; font-weight: bold; color: #333333;
	vertical-align: middle; text-decoration: none; height: 20px; width: 900px; position: absolute; left: 0px; top: 85px;	
 }  

#menugeneral a {color: #FFFFFF; font-size: 11px; font-weight: bold; text-align: center;}
#menugeneral a:link{color: #FFFFFF; font-size: 11px; font-weight: bold; text-align: center;}
#menugeneral a:hover {color:#333;}

#principal {position: absolute; width: 900px; height: auto; top: 105px; left: 0px; display: block;}
#vertical-1 {
	position: absolute; width: 2px; height: 625px; left: 160px; top: 3px;
	border-left-width: 1px; border-left-style: solid; border-left-color: #CCCCCC; z-index: 10;
}
#contenido {position: absolute; width: 735px; height: auto; left: 165px; top: 0px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#parte-izq {position: absolute; height: auto; width: 158px; left: 0px; top: 2px; display: block; background-color: #FFFFFF;}
#inferior {
	background-color:#999999; text-align:center;
	font-size: 10px; font-style: normal; font-weight: bold; color: #FFFFFF;
	position: absolute; width: 900px; height: 20px; left: 0px; top: 810px;
 }
#inferior a {color: #FFFFFF;}
#inferior a:hover {color:#333; background-repeat: repeat;}

/* enlaces - debajo inferior - opcional */
#links {color: #333333; font-weight: normal; font-size: 9px; text-decoration: none;
	 position: absolute; left: 0px; top: 830px; width: 900px;height: 42px;}
#links a:link {color: #333333; font-weight: normal; font-size: 9px; text-decoration: none;}
#links a:visited {color: #333333; font-weight: normal; font-size: 9px; text-decoration: none;}	

/* Anuncios AdSense - debajo links - home - opcional */
#anuncios-1 {position: absolute; left: 85px; top: 884px; width: 730px; height: 90px;}
/* Anuncios AdSense - debajo inferior - productos ... - opcional */
#anuncios-2 {position: absolute; left: 85px; top: 884px; width: 730px; height: 90px;}

/* MENU Izquierda pagina - (dentro de todo / principal / parte-izquierda) */
#menu-izq {
	text-align:left; font-size: 10px; font-style: normal; font-weight: bold; color: #FF6600;
	vertical-align: middle; line-height: 15px; text-decoration: none;
	list-style-type: none;
	position: absolute; height: auto; width: 150px;
	left: 5px; top: 0px; display: block;
 }
#menu-izq ul {margin: 0px; padding: 0px;}
#menu-izq li {line-height: 1.5ex; list-style-type: none; display: block; padding-top: 5px; margin-bottom: 4px;}
#menu-izq li a {color: #999999; font-weight: normal;}
#menu-izq li a:link {color: #999999; font-weight: normal;}
#menu-izq li a:hover { color: #FF6600; font-weight: bold;}	
#menu-izq li .cat {color: #999999; font-weight: bold;}
.nolink {color: #999999; font-weight: normal;}
.sub0 {color: #666666; font-weight:bold}
.sub1 {margin-left: 6px; font-weight: bold;}
.sub2 {margin-left: 12px;}

/* Publi-recursos Izquierda pagina - (dentro de todo / principal / parte-izquierda) */
#pub-izq {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; text-align:left;
	font-style: normal; font-weight: bold; color: #FF6600;
	vertical-align: middle; line-height: 15px; text-decoration: none;
	position: absolute; display: block; height: 300px; width: 160px;
	left: 0px; top: 375px;
 }
#modelweek {position: absolute; display: block; height: 130px; width: 120px; left: 22px; top: 0px;}
#textureweek {position: absolute; display: block; height: 116px; width: 120px; left: 22px; top: 133px;}
.weektitol {
	display: block; height: 16px; width: 120px; background-color: #666666;
	font-size: 11px; font-weight: bold; color: #FFFFFF; text-align: center;
 }
.downtitol {
	display: block; height: 16px; width: 120px;
	font-size: 11px; font-weight: bold; text-align: center;
	color: #FFFFFF; background-color: #999999;
 }
 
 /* TITULO pagina - (dentro de todo / principal / titulo ) */
#titulo {
	text-align: center; font-size: 16px; vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal; color: #999999;
	display: block; position: absolute;
	height: 30px; width: 735px;
	line-height: 22px; font-weight: bold;
	left: 0px; top: 0px;	
 }
 
 
 /* ------- CONTENIDOS segun pagina - (dentro de #todo / #principal /) -------- */
 
 /* PAGINA HOME - novedades y PRODUCTOS index  - (dentro de #todo / #principal / #contenido) ----*/
#cuadro1 {width: 735px; height: 100px; left: 0px; top: 30px; position: absolute;}
#cuadro2 {width: 735px; height: 100px; left: 0px; top: 130px; position: absolute;}
#cuadro3 {width: 735px; height: 100px; left: 0px; top: 230px; position: absolute;}
#cuadro4 {width: 735px; height: 100px; left: 0px; top: 330px; position: absolute;}
#cuadro5 {width: 735px; height: 100px; left: 0px; top: 430px; position: absolute;}
#cuadro6 {width: 735px; height: 100px; left: 0px; top: 530px; position: absolute;}
#cuadronews {
	width: 735px; height: 100px;
	color: #666666; font-size: 11px; font-weight: normal; text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute; display: block; left: 0px; top: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	}		
#news-foto-izq {width: 105px; height: 100px; position: absolute; display: block; top: 0px; left: 0px;}
#news-textIzq {width: 625px; height: 100px; position: absolute; display: block; top: 0px; left: 0px; text-align: right;}
#news-foto-der {width: 105px; height: 100px; position: absolute; display: block; top: 0px; left: 630px;}
#news-textDer {width: 625px; height: 100px; position: absolute; display: block; top: 0px; left: 110px; text-align: left;}
#news-catalogo-right {width: 90px; height: 17px; position: absolute; display: block; top: 75px; left: 434px;}	
#news-catalogo-left {width: 90px; height: 17px; position: absolute; display: block; top: 75px; left: 0px;}
#news-masinfo-left {width: 90px; height: 17px; position: absolute; display: block; top: 75px; left: 100px;}
#news-masinfo-right {width: 90px; height: 17px; position: absolute; display: block; top: 75px; left: 534px;}
.news_novedad {color: #FF0000; font-size: 11px; font-weight: normal; text-align: right;}
.news_titol {color: #FF6600; font-size: 12px; font-weight: bold;}
.news_subtitol {color: #666666; font-size: 11px; font-weight: bold; line-height: 15px;}

 /* PAGINA PRODUCTOS - index   - (dentro de #todo / #principal / #contenido) ----*/
#cuadro1product {width: 365px; height: 200px; left: 0px; top: 30px; position: absolute;}
#cuadro2product {width: 365px; height: 200px; left: 370px; top: 30px; position: absolute;}
#cuadro3product {width: 365px; height: 200px; left: 0px; top: 230px; position: absolute;}
#cuadro4product {width: 365px; height: 200px; left: 370px; top: 230px; position: absolute;}
#cuadro5product {width: 365px; height: 200px; left: 0px; top: 430px; position: absolute;}
#cuadro6product {width: 365px; height: 200px; left: 370px; top: 430px; position: absolute;}
#cuadroproducto {
	width: 365px; height: 200px; position: absolute; display: block; left: 0px; top: 0px;
	color: #666666; font-size: 11px; font-weight: normal; text-align: left;
	border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC;
	}		
#product-foto-izq {width: 105px; height: 100px; position: absolute; display: block; top: 4px; left: 0px;}
#product-text {width: 250px; height: 100px; position: absolute; display: block; top: 0px; left: 110px; text-align: left; font-size: 10px;}
#product-masinfo {width: 90px; height: 17px; position: absolute; display: block; top: 124px; left: 110px;}
#product-catalogo {width: 90px; height: 17px; position: absolute; display: block; top: 124px; left: 210px;}
#comprar1 {width: 74px; height: 31px; position: absolute; display: block; top: 124px; left: 10px;}
#lanzamiento {width: 120px; height: 40px; position: absolute; display: block; top: 150px; left: 146px;}
.precio	{left: 630px; color: #CC0000; font-weight: bold; line-height: 17px; font-size: 12px;}					

 /* PAGINA PRODUCTOS - Producto   - (dentro de #todo / #principal / #contenido) ----*/
#cuadro-producto {width: 730px; height: auto; left: 0px; top: 30px; position: absolute; font-size: 11px; line-height: 15px; color: #666666;}
#foto-producto {width: 300px; height: 300px; left: 0px; top: 0px; position: absolute;}
#texto-producto {width: 430px; height: 300px; left: 305px; top: 0px; position: absolute; text-align: left;}
.producto_titol {color: #FF6600; font-size: 14px; font-weight: bold; }
.producto_subtitol {color: #666666; font-size: 12px; font-weight: bold; line-height: 18px;}
.producto_nota {color: #666666; font-size: 11px; line-height: 14px;}
#catalogo-producto {width: 90px; height: 17px; position: absolute; display: block; top: 270px; left: 305px;}
#comprar2 {width: 74px; height: 31px; position: absolute; display: block; top: 210px; left: 305px;}
#producto-muestra1 {width: 230px; height: 160px; left: 5px; top: 310px; position: absolute;}
#producto-muestra2 {width: 230px; height: 160px; left: 255px; top: 310px; position: absolute;}
#producto-muestra3 {width: 230px; height: 160px; left: 505px; top: 310px; position: absolute;}
#producto-muestra4 {width: 230px; height: 160px; left: 5px; top: 490px; position: absolute;}
#producto-muestra5 {width: 230px; height: 160px; left: 255px; top: 490px; position: absolute;}
#producto-muestra6 {width: 230px; height: 160px; left: 505px; top: 490px; position: absolute;}

#producto-muestraA {width: 180px; height: 180px; left: 5px; top: 310px; position: absolute;}
#producto-muestraB {width: 180px; height: 180px; left: 185px; top: 310px; position: absolute;}
#producto-muestraC {width: 180px; height: 180px; left: 365px; top: 310px; position: absolute;}
#producto-muestraD {width: 180px; height: 180px; left: 545px; top: 310px; position: absolute;}
#producto-muestraF {width: 180px; height: 180px; left: 5px; top: 490px; position: absolute;}
#producto-muestraG {width: 180px; height: 180px; left: 185px; top: 490px; position: absolute;}
#producto-muestraH {width: 180px; height: 180px; left: 365px; top: 490px; position: absolute;}
#producto-muestraI {width: 180px; height: 180px; left: 545px; top: 490px; position: absolute;}

 /* PAGINA SERVICIOS - index   - (dentro de #todo / #principal / #contenido) ----*/
#cuadroservicios {
	width: 730px; height: 200px; position: absolute; display: block; left: 0px; top: 0px;
	color: #666666; font-size: 11px; font-weight: normal; text-align: left; line-height: 16px;
	border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC;
	}		
#cuadro1servicios {width: 730px; height: 200px; left: 5px; top: 30px; position: absolute;}
#cuadro2servicios {width: 730px; height: 200px; left: 5px; top: 230px; position: absolute;}
#cuadro3servicios {width: 730px; height: 200px; left: 5px; top: 430px; position: absolute;}
#cuadro4servicios {width: 730px; height: 200px; left: 5px; top: 630px; position: absolute;}
#foto-servicios {width: 200px; height: 150px; left: 460px; top: 42px; position: absolute;}
.servicios_titol {color: #FF6600; font-size: 14px; font-weight: bold; line-height: 22px }
#ejemplo-servicios {
	width: 200px; height: 19px; left: 235px; top: 175px; position: absolute; background-color: #999999;
	font-size: 10px; font-weight: bold; color: #FFFFFF; line-height: 16px; text-align:center; z-index: 11;
}
#ejemplo-servicios a:link {font-size: 10px; font-weight: bold; color: #FFFFFF; line-height: 16px; text-align:center;}
#ejemplo-servicios a:visited {font-size: 10px; font-weight: bold; color: #FFFFFF; line-height: 16px; text-align:center;}
#ejemplo-servicios a:hover{font-size: 10px; font-weight: bold; color: #333333; line-height: 16px; text-align:center;}



/* Pagina MAPA WEB */	
#mapaweb {font-weight: normal; font-size: 9px;}
#mapaweb ul{line-height: 17px; list-style-type: none; text-align: left;}
.home{color: #000000; font-size: 16px;}		
.seccion{color: #333333; font-size: 14px; line-height: 26px; margin-left: 15px;}
.subseccion{color: #666666; font-weight: normal; font-size: 11px; margin-left: 30px;}
.conten{color: #666666; font-weight: normal; font-size: 9px; margin-left: 45px;}
#mapaweb ul{text-decoration: none; text-align: left;}		
#mapaweb a:link {text-decoration: none;}	
#mapaweb a:visited {color: #3333CC; text-decoration: none;}	
.tutorialsubtitol {	color: #3366FF; font-size: 13px; font-weight: bold;}
.filete1 {border-right-width: 1px; border-right-style: solid; border-right-color: #CCCCCC;}
.linea-der1 {border-right-width: 1px; border-right-style: solid; border-right-color: #CCCCCC;}		
.filete2 {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC;}	


.cat {font-weight: bold; text-decoration: none; color: #666666;}

 /* REVISAR   - (dentro de #todo / #principal / #contenido) ----*/
#indexprod {overflow: scroll; display: block; height: 480px; width: 635px;}
#indexprod2 {overflow: scroll; display: block; height: 275px; width: 635px;}
#producto {font-size: 9px; text-align: left; line-height: 14px; background-color: #FFFFFF;}
#producto p{font-size: 9px; text-align: left; line-height: 14px;}
#producto .cabz{font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #666666;}
#producto .formato{ font-size: 10px; color: #666666;}
#producto .precio1{font-size: 12px; color: #666666; font-weight: bold;}
#producto a{font-size: 10px; color: #666666; font-weight: bold; text-decoration: none;}	
#producto a:link{font-size: 10px; color: #666666; font-weight: bold; text-decoration: none;}
#producto a:hover{color: #FF6600; font-weight: bold;}
#producto .precio2{font-size: 24px; color: #666666; font-weight: bold; line-height: 18px; vertical-align: top;}
#producto .bder{border-right:2px solid #999999; border-bottom:2px solid #999999; border-top:1px solid #CCCCCC;}	
#producto .bder2{border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-bottom:2px solid #999999;}	
#modelo {color: #333333; font-weight: normal; font-size: 9px; text-decoration: none; text-align: center;}
.gran {color: #666666; font-weight: bold; display: block; font-size: 16px; line-height: 22px; text-align: center;}


#news a:link {
	color: #FF6600; font-size: 14px; font-weight: bold; text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	}
#news a:visited {color: #FF6600; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align: left;}	
#previos {
	overflow:hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; font-style: normal; font-weight: normal; text-align:center;
	color: #999999; text-decoration: none;
	display: block;
 }
 #previos td {text-align:center;}
#uso {
	overflow:scroll; height: 450px; width: 630px;
	text-align:justify; color: #666666; text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; font-style: normal; font-weight: normal;
	margin-left: 5px; padding-right: 10px; padding-bottom: 5px;
 }