/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
/* zeroing HTML tag styles  */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, dl, dt, dd, fieldset {
margin: 0;
padding: 0;
border: 0;
}

/* body Defaults  */
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 100.01%;
color: #000000;
background-color: #ffffff;
}
html, body{
	text-align: center;
} 
a{
	text-decoration: none;
	font-size: 100.01%;
} 
em{
	color: #CC0000;
	font-style: normal;
	font-weight: bold;
}
hr{
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-top-color: #f0f0f0;
	border-right-color: #f0f0f0;
	border-bottom-color: #f0f0f0;
	border-left-color: #f0f0f0;

}
/* contenedor de todos los 3 div principales: header,wrapper, footer  */
#gral{
	width: 780px;
	/*border: 1px solid gray;*/
			margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;


} 
#wrapper{
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	background-color: #FFFFFF;
	text-align: left;
} 

/* cabecera y divs dentro de cabecera  */ 
	#header{
	position:relative;
	/*height:160px;*/
	width:100%;
	/*padding-bottom: 0px;*/
	margin-top: 0px;
	/*margin-bottom: 0px;*/
	}
	
	#inheaderTop {
	background-color: #000000;
	}
	#inheaderDown {
	background-color: #ff0000;
	}		
	#header h1 {
		background-image: url(/styles/images/logo03.gif);
		background-repeat: no-repeat;
		float: left;
		width: 109px;
		height: 71px;
	}
		/* divs dentro de cabecera  */
		/*//////////////////////////*/
		
	#topmenudown		{
	padding: 0;
	}
		/*lista de barra de compras ///////////////////////////////////// */
		#shopBarContainer
		{
		position: relative;
		}
		#shopBarContainer ul
		{
	float: left;
	margin-top: 1px;
	margin-left: 0px;
	padding-top: 4px;
	padding-left: 0px;
	background-image: url(/styles/images/barShopBg3.jpg);
	background-repeat: no-repeat;
	/*height: 36px;*/
		background-color: #FFFFFF;
	width: 780px;
	padding-bottom: 8px;
	margin-bottom: 0px;
		}
		#shopBarContainer li
		{
	display: inline;
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
	margin-right: 4px;
		}
		#shopBarContainer li a {
	padding-left: 10px;
	font-size: 10px;
	text-decoration : none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-top: 2px;
		}
		#shopBarContainer li a:visited, a:link {
		color: #666666;
		}
		#shopBarContainer li a:hover {
		color: #000000;
		background-color: #FFFFFF;
		}
		/*imagenes ShopBar li items  */
		#verCompra a {
		background-repeat: no-repeat;
		background-image: url(/images/library/verCompra.jpg);
		background-position: left;
	
		}
		#pagarCompra a {
		background-repeat: no-repeat;
		background-image: url(/images/library/pasarCaja.jpg);
		background-position: left;	
		}
		#borrarCompra a {
		background-repeat: no-repeat;
		background-image: url(/images/library/eliminarCompra.jpg);
		background-position: left;
		margin-left: 30px;
		}
		#miCuenta a {
		background-repeat: no-repeat;
		background-image: url(/images/library/miCuenta.jpg);
		background-position: left;
		margin-left: 30px;
		
		}
		
		/*div con tira flash de productos  ////////////////////////////*/
		#flashTiraProd {
	float: right;
	width: 554px;
	/*margin: 0px;*/
	position: relative;
	padding: 0;
		}
		/*div con iconos contacto, nš productos en compra  ////////////////////////////*/
		#flashIcons {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: right;
	width: 280px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	/*margin-bottom: 0px;*/
	padding-top: 40px;
	padding-left: 0px;
	/*height: 40px;*/
	position: relative;
		}
		#flashIcons p {
		margin-left: 10px;
		color: #000000;
		font-size:11px;
		margin-top: 0px;
		}
		
		/*////////////lista menuTop////////////////////////////////////// */
	#menuTopContainer ul
		{
	width: 100%;
	float: right;
	margin-top: -1px;
	margin-bottom: 0px;
	padding-bottom: 6px;
	padding-top: 3px;
	background-color: #EDEFEB;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #FFFFFF;
}
		#menuTop li
		{
		display: inline;
		list-style-type: none;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 0px;
		}
		#menuTop li a {
		padding-left: 6px;
		font-size: 11px;
		text-decoration : none;
		text-transform: uppercase;
		padding-right: 6px;
		}
		#menuTop li a:visited, a:link {
		color: #666666;
		}
		#menuTop li a:hover {
		color: #000000;
		background-color: #FFFFFF;
		
		}
  /* /////COLUMNA IZDA////////////////////////////// */ 
#leftcol{
	width:266px;
	position:relative;
	margin-bottom: 0px;
	text-align: left;
	background-image: url(/styles/images/Izda/panelMedio.gif);
	background-repeat: repeat;
	margin-left: 0px;
	float: left;
	margin-top: 10px;
  }

/*CATALOGO ONLINE GRF.//*/
   #leftcol h5{
	background-image: url(/styles/images/Izda/panelTop.gif);
	background-repeat: no-repeat;
	height: 10px;
	margin-left: 0px;
	width: 266px;
	font-size: 1px;
  }
   #leftcol h6{
	background-image: url(/styles/images/Izda/panelDown.gif);
	background-repeat: no-repeat;
	height: 20px;
	margin-left: 0px;
	margin-bottom: 0px;
	width: 266px;
	margin-top: 17px;
  }
   #leftcol h2{
	margin-left: 1px;
	width: 250px;
	font-size: 11px;
	font-weight: bold;
	padding-left: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	height: 24px;
	color: #4F4335;
	background-color: #F3EBE0;
	padding-top: 8px;
  }
   #leftcol h3{
	margin-left: 0px;
	font-size: 11px;
	font-weight: bold;
	padding-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	color: #000000;
	padding-top: 8px;
  }
        #leftcol ul{
	list-style-type: none;
	margin-bottom: 16px;
  }
    #leftcol a{
	text-decoration : none;
	padding: 0px;
	font-size: 11px;
	border: 0px;
	text-transform: capitalize;
	color: #888077;
  }
  #leftcol a:hover{
	color: #FFFFFF;
  }
  #leftcolServices {
  }
  #leftcolServices h3{
	height: 20px;
	margin-top: 20px;
	margin-left: 16px;
  }
.serviciosOtros {
	background-image: url(/styles/images/Izda/serviciosOtros.gif);
	background-repeat: no-repeat;
	height: 20px;
	margin-top: 10px;
	margin-left: 12px;
}
.servicios {
	background-image: url(/styles/images/Izda/servicios.gif);
	background-repeat: no-repeat;
}
  #leftcolServices {
	margin-top: 12px;
  }
  #leftcolServices ul{
	margin-top: 12px;
  }
  #leftcolServices li{
	color: #999999;
	margin-left:10px;
	padding-left: 8px;
	font-weight: bold;
	font-size: 11px;
	margin-top: 4px;
  }
  
  #leftcolServices a{
	color: #0099FF;
	margin-left:15px;
	background-image: url(/styles/images/Izda/rosetaIcon.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	font-weight: normal;
  }
  #leftcolServices a:hover{
	color: #000000;
	background-image: url(/styles/images/Izda/rosetaIconOn.gif);
	background-repeat: no-repeat;
  }
  #leftcolOriamendi a{
	font-size: 10px;
	color: #89A5C1;
	margin-left: 6px;
	padding-left: 18px;
  }
  #leftcolOriamendi a:hover{
	color: #000000;
  }  
  #leftcol table {
	margin-left: 24px;
	padding-right:14px;
	width: 90%;
  }
    #leftcol a img{
	border: 0;
	margin-left: 0px;
	margin-top: 4px;
	margin-bottom: 4px;
  }
  #leftcol img{
	clear: both;
	display: block;
  }
       #menucategorias a:hover{
	color: #0099FF;
	background-color: #ffffff;
  }
.padre a{
	text-transform: uppercase;
	margin-left: 5px;
  } 
.padre p{
	margin-left: 5px;
	padding-left: 12px;
	color: #B4BAAD;
	font-size: 80%;
	margin-top: 0px;
  }  
.hijo a{
	color: #999999;
	margin-left: 20px;
	text-transform: capitalize;
	margin-bottom: 0px;

  }
  
  
	  
/*REDONDEAR CAJAS CLASES 	  
*/ /* set millions of background images */
.rbtop div { background: url(/styles/images/cajaRedondeada/tl.gif) no-repeat top left; }
/*.rbtop { background: url(/styles/images/cajaRedondeada/tr.gif) no-repeat top right; }*/
/*.rbbot div { background: url(/styles/images/cajaRedondeada/bl.gif) no-repeat bottom left; }*/
.rbbot { background: url(/styles/images/cajaRedondeada/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div/*, .rbtop, .rbbot div, .rbbot*/ {
	width: 100%;
	height: 16px;
}
	
/*/////CONTENIDO DE RBTOP ROUNDED CORNER, LISTA FUNCIONAL MAIN: VOLVER, TLF AYUDA/////////////*/
 #funcionalInterface {
	position: relative;
	float: right;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 6px;
					}
						
			 #funcionalInterface li {
	display: inline;
	padding-right: 13px;
	font-size: 10px;
					}
			 #funcionalInterface li a{
	font-size: 10px;
	color: #0099FF;
	padding-left: 4px;
	text-decoration : none;
	font-weight: normal;
	padding-right: 4px;
					}
			 #funcionalInterface li a:hover {
		color: #000000;
		background-color: #FFFFFF;
			}
			 #funcionalInterface em {
	font-size: 10px;
	font-weight: normal;
	color: #CC0000;
					}
.volver {
text-align:right;
	padding-left: 35px;
	padding-right: 4px;
	margin-top: 0px;
				}
.volver a {
	background-image: url(/styles/images/dobleArrow.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC0000;
	font-weight: bold;
	padding-left: 16px;
				}
						
/*CUERP PRINCIPAL , ACOJE LA COL PPAL Y LA COL DCHA CONTEXTUAL	///////////*/
#twocols{
	color: #666666;
	width:510px;
	position:relative;
	padding-bottom: 0px;
	font-size: 80%;
	margin-right: 0px;
	margin-top: 10px;
	float: right;
	background-color: #FFFFFF;
	background-image: url(images/main/panelMedio.gif);
	background-repeat: repeat;
	clear: right;
  }
#twocols h5{
	width: 510px;
	margin: 0;
	padding: 0;
	clear: both;
	padding-top: 0;
	height: 7px;
	font-size: 0.1em;
	background-image: url(/styles/images/main/panelTop.gif);
	background-repeat: no-repeat;
} 
#twocols h6{
	width: 510px;
	margin-bottom: 0;
	padding-bottom: 0;
	clear: both;
	height: 7px;
	font-size: 0.1em;
	background-image: url(/styles/images/main/panelDown.gif);
	background-repeat: no-repeat;
} 
.twocolsmain {
	width:340px;
	/*\width: 344px;
	w\idth: 344px;
	width:340px;*/
	}
.twocolsmainNavidad {
	width:340px;
	background-image: url(/styles/images/main/fondo.jpg);	/*\width: 344px;
	w\idth: 344px;
	width:340px;*/
	background-repeat: no-repeat;
	background-position: 10px 0px;
	}
.onecolmain {
	width:450px;
	\width: 474px;
	w\idth: 474px;
	width:450px;

	}
.twocolsmainestrecho {
	width:380px;
	\width: 404px;
	w\idth: 404px;
	width:380px;
	}
#twoColsTop {
	padding: 10px;
} 
#twoColsTop h2{
	margin-left: 0px;
	font-size: 11px;
	font-weight: bold;
	padding-left: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
	height: 20px;
	text-transform: capitalize;
	margin-top: 8px;
	clear: both;
	background-color: #D9CDBA;
	padding-top: 6px;
	color: #FFFFFF;
} 
#twoColsTop h2 a{
	margin-left: 6px;
	font-size: 9px;
	font-weight: normal;
	padding-left: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}
#twoColsTop h2 a:hover{
	color: #000000;
} 
  
/*COL DCHA CONTEXTUAL	///////////*/ 
#rightcol{
	/*background-image: url(/styles/images/dcha/lineaPuntos.gif);*/
	float:right;
	position:relative;
	background-repeat: repeat-y;
	margin-top: 8px;
	padding-left: 10px;
	margin-bottom: 20px;
	font-size: 10px;

 }
.rightcolancho{
	width:140px;
 }
.rightcolestrecho{
	width:114px;
 }
#rightcol p{
	margin-bottom: 8px;
	margin-right: 4px;
 }
#rightcol h2{
	margin-top: 10px;
	padding: 2px;
	padding-left: 2px;
	margin-bottom: 0px;
	margin-right: 4px;
	font-size: 10px;
	font-weight: bold;
	color: #89A5C1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
 }
  #rightcol h5{
	margin-bottom: 8px;
	margin-top: 2px;
	margin-right: 4px;
	background-repeat: no-repeat;
	height: 10px;
	font-size: 10%;
 }
.deinteres {
 	background-image: url(/styles/images/dchaCol/deInteres.gif);
 }
  #rightcol h4{
	margin-bottom: 8px;
	margin-top: 16px;
	margin-right: 4px;
	background-repeat: no-repeat;
	height: 10px;
	font-size: 10%;
 }
.relacionados {
 	background-image: url(/styles/images/dchaCol/prodRelacionados.gif);
 }
.ofertas {
 	background-image: url(/styles/images/dchaCol/ofertas.gif);
 }
.sobrepedidos {
 	background-image: url(/styles/images/dchaCol/sobrePedidos.gif);
 }

#rightcol a{
	font-weight: normal;
	font-size: 10px;
	color: #4F4335;
	font-family: Verdana, Arial, Helvetica, sans-serif;
 }
#rightcol a:hover{
	color: #ff3300;
	background-color: #FFFFFF;
 }
#rightcol ul a{
	margin-left: 4px;
 }
#rightcol ul {
	list-style-type: none;
	margin-top: 4px;
 }



/*CUERPO PPAL	//////////////////////////////////*/  
#maincol {
	display:inline;
	position: relative;
	margin-top: 0px;
	padding-left: 8px;
	padding-right: 2px;
	text-align: left;
	float: left;
	font-size: 11px;
 }
 #maincol h2{
	margin-left: 0px;
	font-size: 11px;
	font-weight: bold;
	padding-left: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
	height: 20px;
	text-transform: capitalize;
	margin-top: 8px;
	clear: both;
	background-color: #D9CDBA;
	padding-top: 6px;
	color: #FFFFFF;
 }
   #maincol h2 a{
	color: #0099FF;
 }
   #maincol h2 a:hover{
	color: #ff3300;
 }
.h2proyectos {
	color: #ff3300;
}
.h2main {
	color: #000000;
}
.h2template {
	color: #333333;
}
.h2titular {
	color: #CCCCCC;
}  #maincol h2 em{
	color: #CCCCCC;
	font-style: normal;
	margin-left: 10px;
 }
   #maincol h3 a{
	font-size: 10px;
	text-transform: uppercase;
 }
   #maincol a{
	color: #0099FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	text-transform: uppercase;
 }
   #maincol a:hover{
	color: #FF0000;
 }
 

    #maincol p{
	text-align: justify;
	width: 98%;
	margin-top: 0px;
	margin-bottom: 6px;
 }
    #maincol a:hover{
 }
 
#SubMaincolPaisajismo{
	background-color: #FFFFFF;
}
#SubMaincolPaisajismo p{
	padding-left: 10px;
	padding-top: 10px;
}
#SubMaincolPaisajismo h2{
	background-color: #000000;
}
#article br{
	clear: both;
}
#article img{
	padding-left: 10px;
}
.article ul{
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 60px;
}
.article ol{
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 60px;
}
.article ul li{
	list-style-type: circle;
	margin-left: 6px;
	padding-left: 10px;
	padding-right: 20px;
}
.article form{
	width: 90%;
}
#files {
	clear: both;
}
#files ul{
	list-style-type: none;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 60px;
}
#files ul li{
	list-style-type: none;
	margin-left: 6px;
	padding-left: 10px;
	padding-right: 20px;
}
#maincol tr{
	color: #666666;
 }

 #maincol tr p{
	padding-left: 6px;
	padding-right: 3px;
 }
.maincolor {
	color: #333333;
 }
.maincolor p{
	color: #333333;
 }
.mainOpciones {
	margin-bottom: 0px;
 }
.mainOpciones a{
	color: #FF6600;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-image: url(/styles/images/dobleArrow.gif);
	padding-left: 16px;
	background-repeat: no-repeat;
	text-transform: uppercase;

 }
.relatedlinkform a{
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	
	 }
/*/////DESARRLLO CONTENIDOS DEL GESTOR DE CONTENIDOS///*/

#desarrollo {
	font-size: 11px;
}
#desarrollo a{
	font-size: 11px;
	color: #0099FF;
	font-weight: lighter;
}
#desarrollo img{
	border: 0px;
	margin-right:10px;
}#desarrollo ul{
	margin-left: 20px;
}
#desarrollo li{
	list-style-type: circle;
	margin-left: 10px;
}
#desarrollo p{
	clear: left;
	width: 98%;
}
/*/////// LISTADO DE PRODUCTOS////////*/

.noproductos {
	display: inline;
	font-size: 90%;
	color: #999999;
	margin-left: 10px;
}
/* LISTADO DE PRODUCTOS vertical con texto a la izda  */
.listadoprod {
	clear: both;
	position: relative;
	margin-top: 2px;

 } 
.listadoprod p{
	display: inline;
	color: #666666;
	width: 100px;
 }
  
.listadoprod h3 {
	color: #CCCCCC;
	text-transform: capitalize;
	padding-top: 6px;
	font-size: 95%;
 }
.listadoprod h3 em{
	color: #CCCCCC;
	margin-left: 5px;
	font-style: normal;
 }

 /*FIN de LISTADO DE PRODUCTOS vertical con texto a la izda  */
 /* LISTADO DE PRODUCTOS horizontal sin texto   */
.listadoprodhorizmain {
	margin-top: 2px;
	margin-bottom: 6px;
	float: left;
	width: 134px;
	margin-right: 4px;
	padding: 0px;
 } 
.listadoprodhoriz {
	background-image: url(/styles/images/mainZone/medio2.jpg);
	background-repeat: repeat-y;
	width: 134px;
	padding: 0px;
	margin: 0px;
	font-size: 1px;
 } 
.listadoprodhoriz p{

 } 

.listadoprodhorizmain h3 {
	background-image:  url(file:///C|/luisWeb/haikuFuton/html/styles/none);
	margin-top: 1px;
	margin-bottom: 1px;
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}
.listadoprodhorizmain h3 a{
	font-style: normal;
	text-transform: capitalize;
	font-size: 85%;
	padding: 0px;
 }


.listadoprodhoriz img {
	margin-left: 8px;
	background-color: #f0f0f0;
	padding-bottom: 0px;
	margin-bottom: 0px;
 }
.listadoprodhoriz a {
	padding-bottom: 0px;
	margin-bottom: 0px;
 }



.listadoprodhoriz h4{
	background-image: url(/styles/images/mainZone/top2.jpg);
	background-repeat: no-repeat;
	width: 134px;
	height: 6px;
	margin: 0px;
	padding: 0px;
	font-size: 1px;
 }
.listadoprodhoriz h5{
	background-image: url(/styles/images/mainZone/bottom2.jpg);
	background-repeat: no-repeat;
	width: 134px;
	height: 9px;
	margin: 0px;
	padding: 0px;
	/*background-position: bottom;*/
	font-size: 1px;
 }
 /*FIN de LISTADO DE PRODUCTOS horizontal sin texto   */
.floatizda{
	padding-left: 2px;
	padding-bottom: 4px;
	float: left;
	clear: left;
	padding-right: 8px;
}
.floatdcha{
	padding-left: 20px;
	padding-right: 0px;
	margin-top: 2px;
	display: inline;
	float: right;
}
  #navItem 
{
	margin-bottom: 4px;
}
	
 #navItem li
{
	display: inline;
	list-style-type: none;
	margin-right: 10px;
	margin-left: 30px;
}
	 #navItem li a{
	font-size: 10px;
	color: #FF6600;
	padding-left: 4px;
	text-decoration : none;
	font-weight: normal;
	padding-right: 4px;
					}
	 #navItem li a:hover {
		color: #000066;
		background-color: #FFFFFF;
			}
#interfacecompra {
}		
/*////PIE DE PAGINAS, PUNTOS DE VENTA//////////////////////*/
 #footer{
	clear:both;
	width: 780px;
	text-align: left;
	position: relative;
	background-image: url(/styles/images/footer/panelMidFooter.jpg);
	background-repeat: repeat;
	margin: 0;
	padding: 0;
	margin-top: 4px;
	color: #999692;
 }
 #footer h6{
	height:8px;
	clear:both;
	width: 100%;
	background-image:  url(/styles/images/footer/panelDownFooter.jpg);
	background-repeat: no-repeat;
	font-size: .1em;	
 } 
  #footer h5{
	margin: 0;
	padding: 0;
	height:16px;
	width: 100%;
	background-image:  url(/styles/images/footer/panelTopFooter.jpg);
	background-repeat: no-repeat;
	font-size: .1em;	
 } 
  #footer h2{
	margin: 0;
	padding: 0;
	height:12px;
	background-image:  url(/styles/images/footer/extranet.gif);
	background-repeat: no-repeat;
	width: 180px;
	font-size: 9px;
	color: #666666;
 }
 
 
		#footer a {
	background-repeat: no-repeat;
	background-image: url(/styles/images/footer/iconoArrow.gif);
	background-position: left;
	padding-left: 16px;
	color: #64A2C0;
	font-size: 10px;
	margin-left: 16px;
	padding-right: 4px;
		}
		#footer a:hover {
	color: #000000;
	background-color: #FFFFFF;
		}
  
  #footer ul
	{
	margin-left: 10px;
	width: 180px;
	float: left;
	list-style-type: none;
	}
  #footer li
	{
	}
  #footer p
	{
	margin: 20px 20px 0px 0px;
	float:right;
	width:510px;
	font-size:10px;
	color: #999999;
	display: inline;
	text-align: right;
	}
  #footer em
	{
		color: #CC0000;
	}
	#logoprint {
	width: 140px;
	display: inline;
 	visibility: hidden;
} 
/*////FIN DE PIE DE PAGINAS, PUNTOS DE VENTA//////////////////////*/
 

 
 /* *** CLASS DE COMPATIBILIDAD NAVEGADORES Float containers fix*** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/* hide the left column when printing */ 

#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:90%; float:none;}
#funcionalInterface {display:none;}
#header{display:none;}

#logoprint {
	width: 140px;
	visibility: visible;
	display: inline;
}
}
/*///FORMULARIOS, CART, PROCESOS COMPRA/////////////////*/
#formcart p{
	color: #000066;
	margin-top: 6px;
	margin-bottom: 10px;
}
#formcart em {
	font-weight: bolder;
	color: #FF3300;
	font-style: normal;
}

#opciones fieldset {
	width: 92%;

}
#opciones a
{
	text-transform: none;
}
#opciones li
{
	display: inline;
	list-style-type: none;
	padding-right: 6px;
	margin-bottom: 30px;
}
#opciones ul
{
	margin-top: 10px;
}

fieldset {
	font-size: 11px;
	width: 94%;
	padding-left: 14px;
	float: none;
	margin-top: 15px;
	padding-top: 10px;
	padding-bottom: 14px;
	color: #000066;
	border: 1px solid #B4BAAD;
}

fieldset a {	font-size: 115%;}

legend {
	font-size: 11px;
	font-weight: bold;
	background-color: #ffffff;
	margin-left: 0px;
	margin-bottom: 8px;
	padding-right: 10px;
	padding-left: 10px;
	color: #000066;
}
input, select {
	font-size: 11px;
	margin-right: 4px;
	margin-left: 4px;

}
menu {
	background-color: #CCCCCC;
}

.notas {
	color: #999999;
}
.resaltado{
	color: #FF3300;
}

/*LISTA DEFINICION CUENTA DE LA COMPRA, CARTSUM////////*/ 
dl.cartSum
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	margin-top: 10px;
}

.cartSum dt
{
	width: 35%;
	float: left;
	padding: 2px;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.cartSum dd
{
	float: left;
	width: 35%;
	color: #FF3300;
	padding: 2px;

}
.total {
	border-top: 1px solid #cccccc;
}
/*////LISTADO DEPRODUCTOS DE LA CESTA////////*/
.compra {
	color:#000066;
	padding: 3px;
	margin-top: 10px;
	width: 100%;
}
.compra th {
	background-color:#e5e5ef; color:#000066; }
	
	
/*LOGIN forms*/
#loginNew {
	float: left;
	width: 45%;
}
#loginNew fieldset{
	padding-right: 6px;
	}

#loginNew
.parrafo{ /*estilos como la caja de mario*/
color: #696969;padding:6px;text-align:left;
}
#loginCustomer {
	width: 48%;
	float: right;
	margin-right: 0px;
}
#loginCustomer fieldset{
	padding-right: 5px;
	}
#loginCustomer
.parrafo{ /*estilos como la caja de mario*/
color: #696969;padding:6px;text-align:left;
}
/*FORMULARIO DE DATOS DE CLIENTES//////////////*/

#formNewCust {
}
#formNewCust fieldset{
	border: 1px solid #B4BAAD;
	font-size: 11px;
	float: none;
	margin-top: 15px;
	padding-top: 10px;
	padding-bottom: 14px;
	color: #000066;
}
#formNewCust dl{
	margin-top: 15px;
}
#formNewCust dd{
	float: right;
	width: 190px;
	margin-bottom: 2px;
	margin-right: 40px;
}
#formNewCust dd input{
	color: #999999;
	padding-left: 6px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#formNewCust dd select{
	color: #666666;
}

#formNewCust dt{
	float: left;
	width: 140px;
	padding-top: 1px;
	margin-bottom: 3px;
	margin-left: 20px;
	height: 18px;
	padding-left: 10px;


}
#extranet {
	margin-bottom: 8px;
	margin-top: 20px;
	margin-left: 10px;
}
#extranet li{
	margin-bottom: 8px;
	margin-top: 8px;
	margin-left: 6px;
}
.fontReducir {
	font-size: 76%;
	}
	

/*/////ESTILOS CREADOS POR MARIO/////////////////////////////////////////////////////////*/
.preci{
	background-color: #EDEFEB;
	border: 1px solid #CC0000;
	color: #696969;
	font-family: "courier new",monospace;
	font-size: 85%;
	padding: 4px;
	text-align: left;
	margin: 0;
}
.precifuton{background-color:#EDEFEB;border:1px solid #CC0000;color: #696969;font-family:"courier new",monospace;font-size:80%;padding:4px;text-align:left}
.caja{background-color:#EDEFEB;border:1px solid #CC0000;color: #696969;font-family:verdana,arial,tahoma;font-size:75%;padding:6px;text-align:left;}
.caja a {	font-size: 110%;}
.ids{text-decoration:underline}
.formu{background-color:#ffffff;color:#000080;font-family:"courier new",monospace;font-size:120%;margin:0px;text-align:left}


/*/////pagina template////*/
.source {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#CCCCCC;
	padding-left: 25px;
}
.source a{
	color:#0066FF;
	padding-left: 11px;
	
}
		
.source a:hover{
		color:#FF3300;}
/*/////pagina inicio////*/
.parrafomidleft {
	width:55%;
	display:block;
	float: left;
	margin-top: 16px;
}
.parrafomidleft a{
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	background-image: url(/styles/images/arrowLinks.jpg);
	padding-left: 19px;
	background-repeat: no-repeat;
	padding-right: 6px;
	color: #FF0000;
}
.parrafomidright {
	width:40%;
	display:block;
	float: right;
	font-size: 87%;
	margin-top: 34px;
}
.parrafomidright a{
	color: #006699;
}
.parrafomidleft a{
	color: #006699;
}
.parrafomidleft a:hover{
	color: #000000;
	background-color: #f0f0f0;
}
.parrafomidright a:hover{
	color: #FF3300;
}
#escaparateFlash {
	padding-top: 6px;
	}



/*********SUBPAGINAS CON LAS COLUMNAS INVERTIDAS**********/

#leftcolEnDcha{
	width:194px;
	position:relative;
	margin-bottom: 0px;
	margin-top: 50px;
	text-align: left;
	background-image: url(/styles/images/Izda/panelMedio2.gif);
	background-repeat: repeat;
	float: right;
	font-size: 10px;
  }

/*CATALOGO ONLINE GRF.//*/
   #leftcolEnDcha h5{
	background-image: url(/styles/images/Izda/panelTop2.gif);
	background-repeat: no-repeat;
	height: 10px;
	margin-left: 0px;
	width: 194px;
	font-size: 1px;
  }
   #leftcolEnDcha h6{
	background-image: url(/styles/images/Izda/panelDown2.gif);
	background-repeat: no-repeat;
	height: 20px;
	margin-left: 0px;
	margin-bottom: 0px;
	width: 194px;
	margin-top: 17px;
  }
   #leftcolEnDcha h2{
	margin-left: 1px;
	width: 170px;
	font-size: 10px;
	font-weight: bold;
	padding-left: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	padding-top: 8px;
	margin-bottom: 4px;
  }
        #leftcolEnDcha ul{
	list-style-type: none;
	margin-bottom: 0px;
	margin-left: 14px;
  }
        #leftcolEnDcha ul a{
  }
    #leftcolEnDcha a{
	font-weight: bold;
	text-decoration : none;
	padding: 0px;
	font-size: 10px;
	border: 0px;
	/*text-transform: capitalize;*/
	color: #009900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
  }
  #leftcolEnDcha a:hover{
	color: #FFFFFF;
  }
  #leftcolEnDcha table {
	margin-left: 10px;
	padding-right:4px;
	width: 90%;
	font-size: 10px;
  }
  #leftcolEnDcha  tr{
	font-size: 10px;
  }
    #leftcolEnDcha a img{
	border: 0;
	margin-top: 4px;
	margin-right: 10px;
  }
  #leftcol img{
	clear: both;
	display: block;
  }






/*CUERP PRINCIPAL , ACOJE LA COL PPAL Y LA COL DCHA CONTEXTUAL	///////////*/
#twocolsEnIzda{
	color: #666666;
	width:576px;
	position:relative;
	padding-bottom: 0px;
	font-size: 12px;
	margin-right: 0px;
	float: left;
	background-image: url(images/main/panelMedio2.gif);
	background-repeat: repeat;
	clear: left;
	margin-top: 50px;
	background-color: #FFFFFF;
  }
#twocolsEnIzda h5{
	width: 576px;
	margin: 0;
	padding: 0;
	clear: both;
	margin-top: 0;
	padding-top: 0;
	height: 7px;
	font-size: 0.1em;
	background-image: url(/styles/images/main/panelTop2.gif);
	background-repeat: no-repeat;
} 
#twocolsEnIzda h6{
	width: 576px;
	margin-bottom: 0;
	padding-bottom: 0;
	clear: both;
	height: 7px;
	font-size: 0.1em;
	background-image: url(/styles/images/main/panelDown2.gif);
	background-repeat: no-repeat;
}
 #twocolsEnIzda h2{
	margin-left: 10px;
	font-size: 11px;
	font-weight: bold;
	padding-left: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
	height: 20px;
	text-transform: capitalize;
	margin-top: 4px;
	clear: both;
	background-color: #F3EBE0;
	padding-top: 6px;
	margin-right: 10px;
 }
#twocolsEnIzda p{
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 16px;
	color: #000000;
	margin-bottom: 10px;
	}
#twocolsEnIzda table{
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 16px;
	color: #000000;
	margin-bottom: 10px;
	}
#twocolsEnIzda p a{
	color: #009900;
	}
#twocolsEnIzda a{
	color: #0099FF;
	}
#twocolsEnIzda a:hover{
	color: #FF6600;
	}
.twocolsmainEnIzda {
	width:360px;
	/*\width: 344px;
	w\idth: 344px;
	width:340px;*/
	}
	
.onecolmainEnIzda {
	width:450px;
	\width: 474px;
	w\idth: 474px;
	width:450px;

	}
.twocolsmainestrechoEnIzda {
	width:380px;
	\width: 404px;
	w\idth: 404px;
	width:380px;
	}
.rightcolanchoEnDcha{
	width:176px;
 }
.margen{
	margin-left: 4px;
	margin-top: 40px;
	margin-bottom: 0px;
	text-align: right;
 }
.margenleftcolFlash{
	margin-left: 16px;
	margin-bottom: 0px;
	margin-top: 30px;
 }
.portada {
	margin-top: 100px;
	}
#portada {
	padding-top: 44px;
	clear: both;
	display: block;
	}
.GenericDescTitle {
	font-weight: bolder;
	color: #009900;
}
