/* CSS Document */
body{
	font-family: Arial,sans-serif;
	color: #000000;
	/*line-height: 1.166;*/
	margin: 0px;
	padding: 0px;
	scrollbar-face-color: #C0DBEF;
	scrollbar-arrow-color: #0000FF;
	scrollbar-highlight-color: #C0DBEF;
	scrollbar-3dlight-color: #C0DBEF;
	scrollbar-shadow-color: #C0DBEF;
	scrollbar-darkshadow-color: #388ECD;
	scrollbar-track-color: #9DBFFD;
	background-color: #000000;
	/*cursor: url("../images/cursor/blue.cur");*/
}
#menu {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;		/*texto menus*/
	padding-right: 1px;
	color: #FFFFFF;
	text-decoration: none;
}
#menu,  a:link,  a:visited{
	text-decoration: none;
	color: #FFFFFF;
}
#menu a:hover{
	color:#3333FF;
	text-decoration: none;
	cursor: url("../images/cursor/harrow.ani");
}
.menu {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 1px;
	color: #FFFFFF;
	text-decoration: none;
	border-left-style: solid;
	border-left-color: #3333FF;
	padding-left: 7px;
	border-left-width: 3px;	
	
}
.menu,  a:link,  a:visited{
	text-decoration: none;
	color: #FFFFFF;
}
.menu a:hover{
	color:#3333FF;
	text-decoration: none;
	cursor: url("../images/cursor/harrow.ani");
}
/*#menu_lat{
	padding-right: 15px;
}

.submenu{
	font-size: 12px;
	font-family: "Courier New", Courier, mono;
}*/
#productos, productos a:link, productos a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;		/*texto menus*/
	color: #00FF66;
	text-decoration: none;
	padding-left: 10px;
	border-left: 4;
	border-left-color: #3333FF;
	border-left-style: solid;
	visibility: hidden;
	/*cursor: url("../images/cursor/blue.cur");*/
}
#productos a:hover{
	color:#FF0000;
	text-decoration: none;
	cursor: url("../images/cursor/harrow.ani");
}
.productos{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-left-style: solid;
	border-left-color: #3333FF;
	padding-left: 10px;
	position:absolute;
	width:134px;
	z-index:2;
	top: 0px;
	color: #FFFFFF;
	visibility: hidden;
	margin-left: 10px;
}
.productos a:hover{
	color:#3333FF;
	text-decoration: none;
	cursor: url("../images/cursor/harrow.ani");
}
.menu_productos{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-left-style: solid;
	border-left-color: #3333FF;
	padding-left: 15px;
	position:absolute;
	width:134px;
	z-index:2;
	color: #FFFFFF;
	border-left-width: 3px;
}
.menu_productos a:hover{
	color:#FF0000;
	text-decoration: none;
	cursor: url("../images/cursor/harrow.ani");
}
.tex_cab{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0099FF;
	font-weight: bolder;
	padding-top: 10px;
	text-align: right;
}
.tex_cab1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #0099FF;
	font-weight: bolder;
	padding-top: 10px;
	text-align: right;
}
/*** capas ocultas*/
/*#foto_ver{
	background-color: #FFFFFF;
	top: 75px;
	right: 15%;
	position: absolute;
	width: 229px;
	height: 295px;
	z-index: 1;
	visibility: hidden;
}*/
.ventana_ver{
	background-color: #000000;
	top: 85px;
	right: 8%;
	position: absolute;
	width: 229px;
	height: 295px;
	/*z-index: 100;*/
	visibility: hidden;
}
.ventana_contacte{
	background-color: #000000;
	top: 85px;
	right: 8%;
	position: absolute;
	width: 229px;
	height: 295px;
	visibility: hidden;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.ventana_condiciones{
	background-color: #FFFFFF;
	top: 78px;
	right: 3%;
	position: absolute;
	width: 229px;
	
	/*z-index: 100;*/
	visibility: hidden;
}
.ventana{
	background-color: #000000;
	top: 85px;
	right: 8%;
	position: absolute;
	width: 229px;
	height: 295px;
	/*z-index: 100;*/
	visibility: visible;
}
.ventana_grifos{
	background-color: #000000;
	top: 24%;
	right: 8%;
	position: absolute;
	width: 229px;
	height: 250px;
	visibility: visible;
	color: #000000;
}
.grifos{
	background-color: #000000;
	top: 20%;
	right: 8%;
	position: absolute;
	
	/*z-index: 100;*/
	visibility: hidden;
}


/** fin de capas ocultas*/
#pie{
	bottom: 1%;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	width: 100%;
	border-top: 1;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	padding-top: 4px;
	text-decoration: none;
	z-index: auto;
	left: 0px;
}	

#pie a:hover{
	text-decoration: underline;
	color: #00CCFF;
}
.pie{
	text-align: center;
}
#menu_foto{
	position: absolute;
	
	height: 65px;
	bottom: 8%;
	left: 20%;
	visibility: hidden;
}
.menu_foto{
	position: absolute;

	height: 65px;
	bottom: 8%;
	left: 15%;
	visibility: hidden;
}
.menu_foto_izq {
	position: absolute;
	height: 65px;
	bottom: 8%;
	left: 3%;
	visibility: hidden;
	text-decoration: none;
}
.menu_foto_detalle{
	position: absolute;

	height: 65px;
	bottom: 8%;
	left: 15%;
	
}
#central{
	position:absolute;
	top: 82px;
	left: 18%;
	right: 10%;
	width:80%;
}
#central1{
	position:absolute;
	top: 82px;
	left: 10%;
	right: 10%;
	width:80%;
}
#baner{
	bottom: 12%;
	left: 3%;
	position: absolute;
}
.tit{
	color: #0099FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	position:absolute;
	width:140px;
	height:21px;
	z-index:1;
	top: 103px;
	line-height: 20px;
	text-align: center;
	padding-top: 10px;
}
.tit_ing{
	color: #0099FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	position:absolute;
	width:140px;
	height:21px;
	z-index:1;
	top: 140px;
	line-height: 20px;
	text-align: center;
	padding-top: 10px;
}
.menu_griferias{
	font-size: 11px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	top: 65px;
	position: absolute;
	left: 43%;
	visibility: hidden;
}
.referencia{
	position: absolute;
	
	left: -100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0099FF;
	font-weight: bolder;

}
.referencia1{
	position: absolute;
	left: -100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0099FF;
	font-weight: bolder;
	top: 70px;
}
.referencia2{
	position: absolute;
	left: -100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0099FF;
	font-weight: bolder;
	top: 100px;
}
.referencia3{
	position: absolute;
	left: -40%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0099FF;
	font-weight: bolder;
	top: 100px;
	height: 80px;
}
.referencia4{
	position: absolute;
	left: -50%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0099FF;
	font-weight: bolder;
	top: 100px;
	height: 80px;
}
.referencia5{
	position: absolute;
	left: -50%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0099FF;
	font-weight: bolder;
	top: 57%;
	height: 80px;
}
.referencia6{
	position: absolute;
	left: -80%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0099FF;
	font-weight: bolder;
	top: 30%;
	height: 80px;
}.tabla_referencia{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0099FF;
	font-weight: bolder;
}
.celda_referencia{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bolder;
}
.celda1_referencia{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0099FF;
	font-weight: bolder;
	
}
/* popup link  */

#dhtmltooltip{
	position: absolute;
	width: 250px;
	border: 2px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=blue,direction=135);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000CC;
}
#dhtmltooltip1{
	position: absolute;
	width: 150px;
	border: 2px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=blue,direction=135);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000CC;
}
.popup{
	padding: 5px 5px 5px 5px;
}
.popup1{
	padding: 5px 5px 5px 5px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #0000CC;
	width: 350px;
}
.popup2{
	padding: 5px 5px 5px 5px;
	width: 150px;
}
/* fin popup link  */
.despiece{
	padding: 5px 5px 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;	
}

.condiciones{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	position: absolute;
	width: 80%;
	height: 50%;
	left: 10%;
	right: 10%;
	background-color: #FFFFFF;
}