body {
	margin: 10px 10px;
	padding: 0;
	font: 9pt  Arial, Helvetica, sans-serif;
	color: #625C5C;
	background:#fff url("../img/body-bg-inner.gif") no-repeat 10px 10px;}

/* BASICS */

a { }
a:link { color:#000000; text-decoration: underline; }
a:visited {	color:#000000;}
a:hover { color: #FF0000; text-decoration: none; }
a:active {
	color: #FF3300;
}

img {border:0;}

p {
	margin-top: 0;
	font-size: .9em;
	line-height: 1.7em;
	text-align:justify;
}


p a, li a, table a, dl a {
	font-size: 1em;
}

h1{
font-weight: normal;
border-bottom:4px solid #eeeeee;
font-size: 1.5em;	
color:#999999;
}

h3{
font-weight: normal;
color:#000;
font-size: 1.1em;

}

h4{
font-weight: normal;
border-bottom:4px solid #eeeeee;
font-size: 1.5em;	
color:#999999;
width:90%;
}
 
 h5{
font-weight: normal;
border-bottom:1px solid #000;
width:420px;
font-size: 1.5em;	
color:#999999;
margin: 0;
padding: 0;
float:left;
}

 .subtitol{
 width:400px;
font-weight: normal;
font-size: 1.6em;	
color:#999999;
margin-top:-35px;
margin-bottom:15px;
margin-left:20px;
padding: 0;
}

 .iconos{
 width:170px;
  display:inline;
 padding-top:15px;
  margin-bottom:15px;
  height:130px;
}
 .iconos img{
 width:35px;
 height:35px;
}
 h2 {
	color: #A8A990;
	font-weight: normal;
	margin: 0;
	padding: 0;
	border-bottom:2px solid #eeeeee;
}

h2 {
color: #A8A990;
	font-size: 1.3em;
		font-weight: normal;
}


h5 {
	font-size: 1.3em;	
}
h6 {
	font-size: 1.2em;
		color:#666666;
	font-weight: normal;
	margin:0 0 3px 0;
	padding: 0;
	border-bottom:1px solid #CC0000;
}

img {
	border: 0;
}


ul, ul li {
	list-style-type: none;
}


/* ESTRUCTURA */



#logo {
	width: 750px;
	position: relative;
	
}

#header {
	position: relative;
	width: 750px;
	padding: 0px 0 3px 0;
	top: 1px;
	z-index: 0;
	
	
}

#headerimg {
	
	height: 137px;
	clear: both;
	
}
#bannerdreta {
	color:#33FF99;
	height: 137px;
	width:525px;
	text-align:right;
	margin-left:215px;
	
}

#headertext {
	background-image: url("../img/banner-esquerra.jpg");
	background-repeat: no-repeat;
	height: 136px;
	width: 214px;
	border-right: 1px solid #fff;
	float:left;
}

#main  {
	width: 750px;
	margin-top: 20px;
	margin-top: 0;
	clear:both;
	
}

#coldreta {
		
	float: left;
	width: 200px;
	margin: 0 0 0 25px;
	
	border-left: 1px solid #fff; 

}


#principal {
	
	margin-top: 0px;
	margin-left:47px;
	float: left;
	width: 470px;
	display: inline;
	z-index:100;
}

#principal p img, #principal span img {	
	cursor:pointer;
	margin-bottom:10px;

}



/* NAVEGACI */


	/* Flags */
#flags    { position:absolute; top:180px; 
left:570px!important;
left/* */:/**/520px;
 width:150px; padding: 0px; margin-top:1px; text-align:right; }
 #flags form{ float:left; width:35px; }
 #guia {

	width: 650px;
	height: 40px;
	background: url("../img/bg-guia.gif") no-repeat;
	margin: 0 0 0 34px; 
	padding: 5px 0 0 10px; 
	font-size: .9em;

}

#guia a:link {
	color: #9F9999;
	text-decoration: none;
}

#guia a:visited {

	color: #9F9999;

	text-decoration: none;

}

#guia a:hover {

	color: #6E6565;

	text-decoration: underline;

}

#guia a:active {

	color: #9F9999;

}
 
#mainnav {
	position: static;
	width: 730px;
	margin-left: 15px;
}
#mainnav ul, #mainnav li {
	margin: 0 0 0 0; padding: 0 0 0 0; 
	list-style-type: none;
	
}

#mainnav li {
	float: left;
	border: none;
	height:37px;
	width:140px;
}

#mainnav li img{
	float: left;
		
}
#mainnav li a {
	color:#E60000;
	text-decoration:none;
	font-size:10px;
	vertical-align:bottom;
	padding-top:5px !important;
	padding-top/* */:/**/25px;
}
#mainnav li#trans {
	width:130px;
	
}
#mainnav li a:hover {
	color:#FF3300;
	}

#mainnav li a span {
	display: none;
}

#mainnav .divider{
width:2px;
border-right:1px solid #ccc;
height:20px;
display:inline;
margin-top:5px;
margin-right:6px;

}


#navbar {

	width: 750px;
	margin-top: 0px;
	position: relative;
	height: 23px;
}


#navbar ul {
	position: absolute;
	top: 0;
	left: 354px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:1em;
	width: 390px;
}
#navbar ul li {
	display:inline;
	margin:0;
	padding:0;
}
#navbar ul a, #navbar ul em {
	float:left;
	display:block;
	padding: 5px 10px 0 10px;
	text-decoration:none;
	color: #91927B;
	background-color: #EAEAE1;
	white-space:nowrap;
	font-size: .9em;
	height: 18px;
}

#navbar li a:hover {
	text-decoration: underline;
	color: #757661
}

#navbar ul a:hover {
	padding-top: 5px;
}


#navbar ul em { 
	float:none;
	display:block;
	border-right-width:0;
}
li.izqnav a {
	background: url("../img/left-t-nav.gif") no-repeat top left;
	padding-left: 20px;
}
li.denav a {
	background: url("../img/right-t-nav.gif") no-repeat top right;
	margin-right: 0px;
}



#submenu{

text-align:left;}


#submenu ul{
margin:0px;
padding:0px;
width:99%;


}
#submenu li{

}

#submenu li a:hover{
background-color:#CCCCCC;
width:100px;
}

/* formularis  */



.buscar .button {
	
	background-color: #CC0000;	
	margin-left: 5px;
	border: none;
	padding-bottom:0px;
	
}

.buscar .caixa {
	vertical-align:top;
	height:15px;
	margin-top:3px;
}

.buscar {
margin-top:5px;
	width:180px!important;
	width/* */:/**/190px;
	margin-bottom:5px;
	margin-left:0px;
	text-align:left;
	margin-left:0px;
}


.buscar form {
	
	padding-bottom:5px;
	
	
}
.buscartitol {	width:150px; }

.login {
	position:absolute; top:10px; left:400px; text-align:right; width:350px; margin: 0 0 0 10px; }

.login form {	width:350px; padding-bottom:5px; border-bottom: 1px solid #D6D6D6; }


.login .caixa {	vertical-align:top; height:15px; margin-top:3px; }


.login .button { background-color: #CC0000;	margin-left: 5px;  border: none; padding-bottom:0px; }


textarea {	
	border: 1px solid #ccc;
	color:#666666;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

input, select {	
	border: 1px solid #ccc;
	color: #333;
	font-size:9px;
}
.inputsin{
	border: 0;
	color: #333;
	
}


/****************contacte *****************************/
/*---------------------------------------------------*/


div.row {
  clear: both;
  padding: 1px;  
  
  
  
  }

div.row span.label {
  float: left;
  width: 130px;
  text-align: left;
  background:#eee;
  font-size:11px;
  padding:3px;
  border:1px solid #ccc;
  min-height:40px;
  }

div.row span.formw {

	width: 300px;
	text-align: left;
	margin-left:15px;
	padding:3px;
	font-size:11px;
	vertical-align:middle;
	
  } 
  
div.spacer {
 clear: both;
}


/* ---------------------------------------------  */


.flota-esquerra {
float:left;
	margin-right:6px;
	margin-left:0px;
         }

.flota-dreta {
   float:right;
	margin-right:0px;
	margin-left:10px;
         }


hr {
	height: 1px;
	border-width: 0;
	border-top: 1px solid #D6D6D6;
	background-color: #fff;
	margin: 15px 0 15px 20px;
}


form {
	margin: 0;
	padding: 0;
}
optgroup {
	background: #c9c9c9 ;
	font-style: normal;
	color: white;
}
option {
	background: #eee;
	color: #333;
}

.linia {
	width: 748px;
	background:  url("../img/linia.gif") repeat-x;
	height:6px;
	
	
}




#footer {
	border-top: 1px solid #EBEBEB;
	padding-top: 5px;
	margin-left: 36px;
	margin-top: 50px;
	padding-left: 10px;
	position: relative;
	width:700px;
	height: 50px;
}

#footer .nst {
	position: absolute;
	top: 2px; left: 650px;
}
#footer a:link {
	color: #777777;
	text-decoration: none;
}
#footer a:visited {
	color: #777777;
	text-decoration: none;
}
#footer a:hover {
	color: #777777;
	text-decoration: underline;
}
#footer a:active {
	color: #777777;
}


#leyenda{
	border-top: 1px solid #EBEBEB;
	padding-top: 5px;
	margin-left: 36px;
	margin-top: 50px;
	padding-left: 10px;
	position: relative;
	height:200px;
	font-size: .8em;
	clear:both;
}

.simbol{
float:left;
padding:2px;
width:147px;
font-size:6.5pt;
margin-bottom:5px;
margin-right:3px;
border-color: #E4E4E4;
border-width:1px;
border-style: solid;
}

.ventajas{
padding:2px;
float:left;
width:147px;
font-size:6.5pt;
margin-bottom:5px;
margin-right:3px;
border-color: #E4E4E4;
border-width:1px;
border-style: solid;
}

.simbol img{
float:left;
margin-right:5px;
width:30px;
height:30px;}

.ventajas img{
float:left;
margin-right:5px;

width:50px;
height:50px;
}

#mfiltrado{
position:absolute;
top:280px;
left:10px;
background-color:#CC3333;
width:225px;
color:#FF0033;
}

.productos{

border-bottom:1px solid #ccc;
}

.productos-content{

margin-left: 100px;
width:370px;

}


a.mas{
	padding-left: 15px;
	margin-bottom:10px;
	 color: #FF0000; 
	 font-weight:bold;
	 text-decoration: none; 
	 background: url("../img/flecha.gif") no-repeat 0px 4px;
	 display:block; 
	 clear:both;}
	 
	 #prodlateral{
	 
	 width:95%;
	 }
 #prodlateral ul{
	 margin:0px;
	 padding:0px;
	 }
	 
	  #prodlateral li{
	 border:1px solid #eee;
	 text-align:left;
	 height:100px!important;
	 height/* */:/**/80px;
	 font-size:10px;
	 padding:5px;
	 margin-bottom:35px!important;
	 margin-bottom/* */:/**/10px;
	 }
	 
	 #prodlateral li#garantia{ height:180px!important; 	 height/* */:/**/180px; }
	
	   #prodlateral li span{

display:block;

	 }
	 
	  #prodlateral li em{
font-weight:bold;
margin-bottom:5px;
background-color:#eee;
font-style:normal;
display:block;

	 }
	 
	   #prodlateral li a{
font-weight:bold;
text-decoration:none;
margin-top:10px;

	 }
	 
	 #prodlateral li a:hover{
display:block;
color:#CC0000;

	 }
	   #prodlateral li img{
	margin-left:105px;
	margin-top:-35px !important;
	margin-top/* */:/**/-30px;
	border:0px;
	 }
	 
	 #prodlateral li img#filtrado{
	margin-left:105px;
		border:0px;
	 }
	 
	  #prodlateral li img#iso{
	margin-left:2px;
	border:0px;
	padding-top:30px;
	 }
	 
	 #prodlateral2{
	 width:95%;
	 }
 #prodlateral2 ul{
	 margin:0px;
	 padding:0px;
	 }
	 
	  #prodlateral2 li{
	 border:1px solid #eee;
	 text-align:left;
	 font-size:10px;
	 padding:4px;
	 margin-bottom:2px;
	
	 }
	 
	 
	  #prodlateral2 li em{
font-weight:bold;
background-color:#eee;
height:20px;
display:block;
margin:3px;

	 }

#prodlateral2 li em a{
padding-top:3px;
font-style:normal;
padding-left:5px;

	 }
	 
#prodlateral2 li span{
display:block;
border-bottom:1px solid #f3f3f3;
	 }
	 
	   #prodlateral2 li a{
	   
font-weight:bold;
text-decoration:none;
margin:3px;
display:block;
padding-left:15px;
	 }
	 
	 #prodlateral2 li a#activo{ background-color:#eee; }
	 
	 #prodlateral2 li a:hover{ color:#ccc; background-color:#F9F9F9;}
	  
	 
	 
	 a.nav{
	padding-left: 3px;
	margin-top:5px;	
	 color:#E60000;
	 
	 font-weight:bolder;
	 text-decoration: none; 
	}

TABLE{font-size:10px;}
#tabla-prod{
width: 100%;
border:1px solid #ccc;
margin:1px;
}
#tabla-prod TD{ padding-left:5px;}
#tabla-prod .content{
text-align:right;
padding-right:10px;
border-right:1px solid #eee;}

#tabla-prod .abc{
text-align:center;
background-color:#eee;}

#tabla-prod .td-head{
text-align:center;
font-weight:bold;
color:#000;
background-color:#ccc;}

#tabla-prod2{
width: 100%;
border:1px solid #ccc;
margin:1px;
}
#tabla-prod2 TD{ padding-left:5px;}
#tabla-prod2 .content{
text-align:right;
padding-right:10px;
border-right:1px solid #eee;}

#tabla-prod2 .abc{
text-align:center;
background-color:#eee;}

#tabla-prod2 .td-head{
text-align:center;
font-weight:bold;
color:#000;
background-color:#ccc;}

#tabla-carac{
width: 100%;
border:1px solid #ccc;
margin:1px;
}

#tabla-carac TH{ border-bottom:1px solid #eee;}
#tabla-carac TD{

padding-left:10px;
border-bottom:1px solid #eee;
}

#tabla-carac .td-1{
width: 30%;
color:#000000;
background-color:#eee;
border-right:1px solid #ccc;

}


#tabla-carac2{
width: 100%;
border:1px solid #ccc;
margin:1px;
}

#tabla-carac2 TH{ border-bottom:1px solid #eee;}
#tabla-carac2 TD{

padding-left:10px;
border-bottom:1px solid #eee;
}

#tabla-carac2 .td-1{
width: 30%;
color:#000000;
background-color:#eee;
border-right:1px solid #ccc;

}

#principal ul {
	 margin:0 0 0 25px;
	 padding:0px;
	list-style-image: url("../img/flecha.gif");
}

#principal li {
text-align:justify;
margin-bottom:15px;
margin-top: 0;
	font-size: .9em;
	line-height: 1.7em;
	
}

/* ------------DATOS DINAMICOS---------------  */

div#errorclientes{
					position:absolute;
					top:45px;
					left:420px;
					color:#FF0000;
					font-size:10px;
					font-weight:bold;
					z-index:600;}
					
div#autenticado { 
    position:absolute; top:10px; left:400px;
	text-align:right;
	width:350px; height: 40px;
	margin: 0 0 0 10px; 
	z-index:900;
	font-size:10px;
   background-color: #fff;
   border:1px solid #eee;
   min-height:40px;
}

.notas {font-size:10px; color:#666666; font-style:italic;}

#bcesta {border-width:0px;}

.mensajeok {color:#99CC00; text-decoration:blink;}

.boton-control { text-align:center; background-color:#eee; width:130px; border: 1px solid #CC0000;}
.boton-control a {   text-decoration:none; color:#CC0000;}
.boton-control a:hover {display:block; color:#FFF; background-color:#CC0000;}
.caixamenu {border: 1px solid #eee; padding: 5px; width: 90%; min-height: 110px;}
.caixamenu img {margin-left: 10px; float: right;}
div#estandares{display:block; float:none; width: 200px; margin-top:50px; margin-left:500px;}
div#titolbanner{font-size:12px; font-weight:bold; color:#fff; position:absolute; margin-top:-50px;margin-left:585px; width:150px; z-index:900;}
table#files{text-align:left; width:100%; border:1px solid #ccc;}
table#files tr{border-bottom:1px solid #ccc; }
table#files img{max-width:50px; float:right; margin-left:5px;}