/* Basic HTML*/
body {	font: 12px/1.5 "Trebuchet MS"; background:#000000 url(/img/body.jpg) repeat-x left top; color:#C5C5C5}

a{ color:#E1E1E1}
a:hover{ text-decoration:underline; color:#83C0D8}
a:focus { outline: 1px dotted invert;}

hr { border: 0 #ccc solid;	border-top-width: 1px;	clear: both;	height: 0;}

img, img a{ border:0; padding:0; margin:0}

p strong { color:#DADADA}

/* Headings*/
h2, h3, h4, h5, h6 { padding:0; margin:0 0 10px 0}
h1 { display:none}
h2 { font-size: 17px; text-transform: uppercase; font-weight:normal; color:#FFF}
h2 .productostitulo{ display:inline}
.productosfm{ display:inline; text-align:right; float:right; margin-right:330px}
h3 { font-size: 15px; padding:12px 0}
h4 { font-size: 13px;}
h5 { font-size: 11px; color:#FFF; background:url(/img/pic_flecha2.gif) no-repeat left 2px; padding-left:14px }
h6 { font-size: 9px;}


/* Contenedor principal*/

/* Cabecera */
.login{ font-size:11px; float:right; padding-right: 10px; width:350px; color:#009900; text-align:right}
.login a{color:#FF0000 !important; text-decoration:none; font-weight:bold}
.login a:hover{ color:#FFFFFF !important; text-decoration:underline}

.idiomas { padding:11px 0; text-align:right; color:#A49E8C; background:url(/img/bgidiomas.jpg) no-repeat right top}
.idiomas ul{list-style:none; display: inline;}
.idiomas ul li	{ margin-right:20px;display: inline;}
.idiomas ul li a{ color:#DEDEDE; background:url(/img/bulletidiomas.gif) no-repeat left center; padding-left:12px}
.idiomas ul li a:hover{ text-decoration:none; color:#83C0D8}

.divbuscador{ background:url(/img/bgbuscador.gif) no-repeat; width:100%}
.buscador{ margin: 148px 0 8px 0; text-align:right}
.buscador, .buscador a{ color:#67CAF3}
.buscador a:hover{ color:#FFFFFF; text-decoration:none}
.buscador form{	margin:0 10px 0 0;	padding:4px 2px 2px 2px;	display:inline;	border: 1px solid #4C7485;}
.buscador input{color:#FFFFFF; border:none; font-family:"Trebuchet MS"}
.buscador .inputbuscar{ background-color:#8C8B8B; padding-left:5px}
.buscador .inputenviar{ background-color:#6596AA; font-weight:bold}
.buscador .inputenviar:hover{ font-weight:bold;	color: #6596AA;	background: #fff;}

.menu{	background:url(/img/bgmenu.gif) repeat-x;	font-size:14px;	text-transform: uppercase;	color: #DEDEDE; width:100%; padding-bottom:1px}
.menu ul li{ display:inline}
.menu ul li a{ text-decoration:none; display:block; padding:14px 0 10px 0; float:left; margin:0 3px; width:124px; text-align:center; color:#FFFFFF}
.menu ul li a:hover{ color:#FFF; text-decoration:underline; background:url(/img/bgmenumousehover.gif) no-repeat center bottom}
.menu .aproductos{ background:url(/img/bulletproductos.gif) no-repeat center bottom;width:124px; }
.menu .aproductos:hover, .menu .aproductosselect{ color:#83C0D8; text-decoration:underline; background:url(/img/bgproductoshover.gif) no-repeat center bottom !important; font-weight:bold }
.menu .aproductosselect:hover{ font-weight:normal; }
.menuselect{ color:#83C0D8 !important; text-decoration:underline; background:url(/img/bgmenuhover.gif) no-repeat center bottom !important; font-weight:bold}


.submenu{ background-color:#4E4D4D; border-bottom:solid #646464 1px; width:100%}
.submenu ul { margin-left:100px;}
.submenu li{ float:left}
.submenu ul li a{	display:block;	padding:7px 20px 7px 7px; margin:0 5px;	text-transform: uppercase;	font-size:12px; background:url(/img/barrasubmenu.gif) right center no-repeat; text-decoration:none}


/*Contenido*/
.ruta, .enlaces { background:url(/img/bgcontenido.gif) repeat-y top left}
.enlaces{ width:100%}
.ruta{ font-size:10px; color:#868686; padding:8px 0 16px 0;}
.ruta p{ margin-left: 10px}
.ruta a{ color:#b6b6b6}
.ruta a:hover{ color:#83C0D8}

/*Contenido portada */
.contenido { background:url(/img/bgcontenido.gif) repeat-y top left;min-height:350px;}
.izq{ background-color:#333333}
.dch{ background-color:#414141}

/*Contenido interior */
.izq_interior{ padding:10px; border-right:#686868 dotted 1px; margin-bottom:10px}
.dch_interior{ padding:10px}
.izq_interior p, .dch_interior p{ line-height:16px; margin-bottom:8px}

/* pie -> enlaces/copyright/tags */
.enlaces{ border-top: #2A2A2A solid 1px;}
.enlaces ul{ margin-left:180px; text-align:center}
.enlaces ul li{ float:left; padding:6px 0}
.enlaces ul li a{ color:#DFE0E0; text-decoration:none; margin:0 16px}
.enlaces ul li a:hover{ text-decoration:underline; color:#83C0D8}

.copyright{ background-color:#333; border-bottom: #2a2a2a solid 1px; font-size:11px; text-align:center; color:#999999; padding:5px 0; line-height:14px}


.tags{ background-color: #3F3F3F; border-bottom:#4D4B4C solid 1px; font-size:11px; padding:5px}
.tags p{ float:right; text-align:right;}
.tags img{ margin-bottom:5px}
.tagslinks{	color:#000000;}
.tagslinks a{ text-decoration:none; padding:4px 0; line-height:15px; color:#000000}
.tagslinks a:hover, .tags a:hover{ text-decoration:underline; color:#83C0D8}

.img_acrobat{ float:left; margin:-5px 0 0 -10px}
.img_w3c{ float:right; margin:-5px -10px 0 0}
 

/* estilos-clases*/
.sprays, .amarillo:hover{ color:#FEE900; text-decoration:none}
.masillas, .verde:hover{ color:#8CC63E; text-decoration:none}
.resinas, .naranja:hover{ color:#F78E1E; text-decoration:none}
.complementos, .rojo:hover{ color:#E514AC; text-decoration:none}
.lubricantes, .rojolubricantes:hover{ color:#D50000; text-decoration:none}

.selectedsprays{ color:#FEE900; text-decoration:none}
.selectedmasillas{ color:#8CC63E; text-decoration:none}
.selectedresinas{ color:#F78E1E; text-decoration:none}
.selectedcomplementos{ color:#E514AC; text-decoration:none}
.selectedlubricantes{ color:#D50000; text-decoration:none}

.blanco { color:#FFF; background-color:#4A4A4A; padding:3px}

.izq { padding-top:10px}
.izq img{ float:left}
.izq ul{ float:left; margin-left:10px; padding:10px 0}
.izq ul li{ margin:6px 0 6px 0; }
.izq ul li a{border-bottom:#454545 solid 1px; text-decoration:none; background:url(/img/bulletizq.gif) no-repeat left center; padding-left:8px}
.izq ul li a:hover{ border:none; color:#83C0D8; background-image:url(/img/bulletizq_hover.gif); text-decoration:underline}

.bloque{ padding:10px}
.bloque p{ line-height:15px}

.ficha { padding:10px; background-color:#4C4C4C; margin-top:10px}
.ficha img{ float:left; border:#bdbdbd 1px solid; background-color: #FFFFFF; width:80px; margin: 0 16px 16px 0; display:block}
.ficha h4, .ficha p{ float:right; width:320px}
.masinfo{color:#83C0D8; float:right}
.masinfo:hover{color:#FFF}

/*paginación*/
.paginacion{ padding:8px 0;  margin:16px 0 8px 0; text-align:center; color:#CCCCCC}
.paginacion a{color:#CCCCCC; font-weight:bold; margin:0 3px; padding:3px 5px; border: 1px dotted #A9C0E2;}
.paginacion .pag_aqui{padding:3px 5px; background-color:#CCCCCC; color:#FFFFFF;	margin: 0 3px;	text-decoration:none;	font-weight:bold; border: 1px dotted #A9C0E2;}
.paginacion a:hover{background: #ddd; }

/*interior web*/
.list_portada{ width:220px}
.list_portada li{ line-height:14px}
.list_prods{ padding:8px; margin:0; background:#454545}
.list_prods li{ margin:6px 0px; }
.list_prods li a{ border-bottom:#3D3D3D solid 1px; text-decoration:none; background: url(/img/pic_listado_productos.gif) no-repeat left 7px; padding-left:8px}
.list_prods .selec{	text-decoration:none;	color:#83C0D8;	font-weight:bold; padding:1px 8px; background: url(/img/pic_listado_productos_on.gif) no-repeat left 7px; }
 

.list_prods_int img{ float:left; margin-right:9px}
.list_prods_int ul{ width:100%; margin:0; padding:0;}
.list_prods_int li{ width:192px; margin:0 8px 10px 0; float:left}
.list_prods_int li a{ line-height:16px; color:#FFF; padding-top:10px; display:block; background:url(/img/pic_flecha.gif) no-repeat 80px 12px}
.list_prods_int li a:hover{ color:#83C0D8; text-decoration:none}

.ficha_int { padding:10px; background-color:#4C4C4C}
.ficha_int .img_producto{ float:left; border:#bdbdbd 1px solid; background-color: #333; margin-right: 16px; padding:4px;}
.ficha_int .img_producto img{ max-width:300px}
.ficha_int .detalles{ float:right; width:250px}
.ficha_int p { color:#FFF; line-height:16px; margin-bottom:8px}
.ficha_int .masinfo{color:#FFF; float:right; margin-right:10px; display:block; padding:8px}
.ficha_int .masinfo:hover{color:#83C0D8}
.ficha_int .dato{color:#FFF; font-weight:bold}
.ficha_int .dato_detalles{color:#CCCCCC}
.ficha_int .pdfs { float:left; margin:0 0 5px -17px; width:200px; padding:8px 8px 8px 28px;  border:#4C636C solid 1px; background:#3C4E55 url(/img/pic_pdf.gif) no-repeat 8px 8px}

.img_izq{ float:left; margin:0 14px 0 0}

.img_borde{ border:#FFF solid 1px}

.txt_peke{ font-size:90%; padding:0 0 8px 0; margin:8px 0}

.dch_empresa { padding:20px; background: #3C3C3C; }
.dch_empresa p{	width:235px; margin:16px 0; line-height:16px; padding:5px;}

.txt_loca{ text-align:right; padding:8px; background-color:#3C3C3C; float:right; width:150px}

.cargando{ background:#FFFFFF url(/img/cargando.gif) no-repeat center center}

.tabla_contacto{ background-color:#333333; text-align:right}
.tabla_contacto td{ padding:6px 8px}
.tabla_contacto .td_punteada { border-bottom:1px solid #515151}
.asterisco{ color:#FF3737; font-size:110%; font-weight:bold}

.input{ border:none; background:#666666; color:#FFFFFF; width:98%; padding:3px}
.benviar{ background:#999 url(/img/bg_enviar.gif) no-repeat left center; color:#FFFFFF; border:none; padding:7px 0; width:83px}
.benviar:hover{ background:#999 url(/img/bg_enviar.gif) no-repeat -83px center; font-weight:bold }

.formu_distris{ margin: 0 auto; background-color:#333;}
.formu_distris .input{ width:230px}

.indice{ margin:8px 0; padding:8px 0;}
.indice a{	font-weight:bold;	color:#FFFFFF;	text-transform: uppercase; text-decoration:none; margin:0 3px; padding:3px 8px; background-color:#666666}
.indice a:hover{ background-color:#CCCCCC; color:#333333}
 .indice .select { background-color:#CCCCCC; color:#333333; font-weight:bold; text-transform: uppercase; text-decoration:none; margin:0 3px; padding:3px 8px; }

.resultados ul { background-color:#535353; padding:8px; margin:8px 0; width:94%}
.resultados ul li{ border-bottom: 1px dotted #999; background:url(/img/pic_flecha3.gif) no-repeat left 5px; padding-left:10px}
.resultados ul li a{ text-decoration:none; display:block;margin:5px 0; padding:5px;}
.resultados ul li a:hover{ background: #444444;}
.cat_subcat{ color:#FFF}

.mapaweb{ margin:10px 50px; padding:8px}
.mapaweb li{ margin:5px 0; padding:5px 5px;	background: #333333; border: 1px solid #414141;}
.mapaweb li:hover{	background: #414141;}
.mapaweb li a{	text-decoration:none; text-transform: uppercase;}
.mapaweb_anidado { margin:3px; float:left; width:24%}
.mapaweb_anidado .prod_anidado{ margin-left:5px; border:none}
.mapaweb_anidado .prod_anidado a{ text-transform:capitalize}

.txt_avisos{ margin:25px;}
.txt_avisos p{ line-height:16px; margin-bottom:8px}
.txt_avisos ul{ margin:0 0 20px 0}
.txt_avisos ul li { padding:5px 5px 5px 15px; font-weight:bold}
.txt_avisos ul li .selec{ padding-left:15px; color:#83C0D8; background:url(../img/bulletidiomas.gif) no-repeat left 5px;}
.txt_avisos ul li a{ padding:5px 5px 5px 15px; background:url(../img/bulletidiomas2.gif) no-repeat left 10px;}


.resultado_ok { color:#00CC00; background-color:#4A4A4A; padding:5px; width:90%; margin:auto }
.resultado_notok { color:#FF0000; background-color:#4A4A4A; padding:5px; width:90%; margin:auto }

.dpadding10{ padding:10px}
.ptop10{ padding-top:10px}
.fizq10{ float:left; margin-right:10px}
.cwhite{ color:#FFF; font-weight:bold}
.div_destacado{ padding:10px; background-color:#4F4F4F; border:#CCCCCC dotted 1px; width:440px}

.txt_lubricantes{ margin:8px 0 8px 25px; font-weight:bold; color:#FFFFFF; border:dotted 1px #FFFFFF; padding:5px 3px; text-align:center; width:880px; background-color:#333333; font-size:110%}