@charset "utf-8";
/* CSS Document */

body {background:url(../graficos/backgroundDotted.png); font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0; padding:0; color:#333}
h1, h2, h3, h4, h5, h6, form {margin:0; padding:0}
img {border:0}
a:active, a:link, a:visited {color:#339933; text-decoration:underline}
a:hover {text-decoration:none}
strong {font-weight:bold; color:#339933}
.negrita{font-weight: bold;}
p {margin:0 0 10px 0; padding:0}
.textfield {border:1px solid #CCC;}
ul.num{ list-style-type: decimal; }

#fondoCabecera {background:url(../graficos/background.png) no-repeat center top; width:100%; float:left}
#cuerpo {width:910px; margin:0 auto;}
#cabecera {width:910px;}
#contenido {background:url(../graficos/fondoContenido.png); background-repeat:repeat-y; width:910px; float:left}
#contenido .contenidoFondo {background:url(../graficos/fondoPie.png) no-repeat bottom; padding:0 0 20px 0;}
#contenidoSec {padding:20px 50px 30px 50px; width:810px; float:left;}
#contenidoEmpresa, #contenidoRecambios, #contenidoAacondicionado, #contenidoNtaller, #contenidoContacta, #contenidoRecomiendanos, #contenidoCatalogo, #contenidoNoticias {padding:20px 50px 50px 50px; width:810px; float:left;}
#pie {padding:0 30px; clear:both;}
#pie .right {float:right;}
#pie a {color:#333; text-decoration:none}
#pie a:hover {color:#FFF}
#contenidoSec h3, #contenidoContacta h3, #contenidoRecomiendanos h3, #contenidoCatalogo h3 {color:#339933; font-size:20px; font-weight:normal; margin:0 0 5px 0; clear:left}
#contenidoCatalogo h4 {color:#339933; font-size:14px; font-weight:normal; margin:0 0 5px 0; clear:left}
#contenidoEmpresa h3, #contenidoRecambios h3, #contenidoAacondicionado h3, #contenidoNtaller h3{color:#339933; font-size:11px; font-weight:bold; margin:0 0 5px 0; clear:left}
#contenidoRecomiendanos h4 {color:#339933; font-size:14px; font-weight:normal; margin:0 0 5px 0; clear:left}
#contenidoSec .colLeft {float:left; width:500px; padding:0 30px 0 0; background:url(../graficos/dot.gif) repeat-y right}

#contenidoSec .colRight {float:left; width:250px; padding:0 0 0 30px}

#contenidoCatalogo  .colLeft {float:left; width:500px; padding:0 30px 0 0; background:url(../graficos/dot.gif) repeat-y right}
#contenidoCatalogo  .colRight {float:left; width:250px; padding:28px 0 0 30px; margin: 0 0 40px 0;}

#seleccionProducto {margin:0 0 20px 0; padding:0; float:left; width:500px}
#seleccionProducto .producto {margin:0; padding:10px 40px 0 0;list-style-type:none; float:left; width:140px;}
#seleccionProducto .none {padding:10px 0 0 0}

#noticias, #articulo {margin:0; padding:0; display:block; width:500px; float:left;}
#noticias .portada, #articulo .portada {margin:0 0 20px 0; padding:0; display:block; list-style-type:none; width:500px; float:left;}
#noticias .contenido, #articulo .contenido {height:90px; color:#666}
#noticias .img, #articulo .img {width:160px; float:left; margin:0 18px 10px 0;}
#noticias .img img, #articulo .img img {border:1px solid #CCC}
#noticias h4, #articulo h4 {float:left; width:320px; font-size:14px; font-weight:bold; margin:0 0 10px 0;}
#noticias h4 .right, #articulo h4 .right {float:right; font-size:10px; font-weight:normal; padding:3px 0 0 0;}
#noticias .desc, #articulo .desc {float:left; width:320px; margin:0 0 10px 0}
#noticias .widget {float:right; width:320px; text-align:right; margin:0; padding:0;}
#noticias .widget {float:right; width:320px; text-align:right; margin:0; padding:0;}
#articulo .widget {float:right; width:320px; text-align:right; margin:0 0 1px 0; padding:6px 6px 6px 0; background: transparent url(../graficos/f_widget.png) no-repeat right top; display:block; color: #5f5f5f; font-weight: bold;}
#articulo .widget a{text-decoration: none; color: #5f5f5f; font-weight: bold;}
#articulo .widget a:hover{color: #8e8e8e;}
#articulo .widget img{margin: 0 0 0 5px;}
#articulo .widget input.texto{border: 1px solid #cccccc; height: 14px; width: 40px; margin: 0 0 0 5px;}

.ico-pdf {background:url(../graficos//ico-pdf.gif) no-repeat; padding:0 0 5px 20px}

#paginador {clear:both; text-align:center;}

#contenidoContacta .form label {float:left; width:180px; text-align:right; padding:3px 3px 0 0;}
#contenidoContacta .form .requier, #contenidoRecomiendanos .form .requier {color:#339933;}
#contenidoContacta .form .textfield {border:1px solid #CCC; float:left; width:405px; margin:0 0 2px 0}

#contenidoRecomiendanos .form label {float:left; width:100px; text-align:right; padding:3px 3px 0 0;}
#contenidoRecomiendanos .form .textfield {border:1px solid #CCC; float:left; width:485px; margin:0 0 2px 0}
#contenidoRecomiendanos .requierNota {clear:both; padding:0 0 0 105px;}
#contenidoRecomiendanos .h4Form {padding:0 0 0 105px;}

#contenidoContacta .colLeft, #contenidoRecomiendanos .colLeft {float:left; width:200px;}
#contenidoContacta .colRight, #contenidoRecomiendanos .colRight {float:left; width:610px;}
#contenidoContacta .mapa {font-size:14px; background:url(../graficos/mapa.png) no-repeat; display:block; padding:15px 0 20px 55px;}
#contenidoContacta .h3Form {padding:0 0 0 185px;}
#contenidoContacta .requierNota {clear:both; padding:0 0 0 185px;}
#contenidoContacta .btnPos, #contenidoRecomiendanos .btnPos {clear:both; text-align:right; padding:0 20px 0 0;}

.button {background:url(../graficos/btnEnviar.png) no-repeat; width:70px; height:22px; border:0; cursor:pointer; color:#666; font-size:11px}

.imgLeft {float:left; margin:0 10px 5px 0;}
.imgRight {float:right; margin:0 0 5px 10px;}

#contenidoCatalogo .colRight .menu {margin: 0; padding:0; width: 250px; background: transparent url(../graficos/cat_menu_fondo.png) repeat-y left top;}
#contenidoCatalogo .menu .familiaLi {margin:0; padding:0; list-style-type:none; border-bottom: 1px solid #cccccc;}
#contenidoCatalogo .menu .familiaLi .familia {padding:10px 0 10px 20px; display:block; width:230px; text-decoration: none; font-weight: bold; margin: 0;}
#contenidoCatalogo .menu .familiaLi .familia:hover {color: #40bf40;}
#contenidoCatalogo .menu li.last  {border: 0;}
#contenidoCatalogo .menu .subMenu {margin:0; padding:0;}
#contenidoCatalogo .menu .subMenu .subfamiliaLi {margin:0; list-style-type:none; border: none; background:#ececec;}
#contenidoCatalogo .menu .subMenu .subfamiliaLi .subfamilia {display:block; padding:5px 20px; width:210px; text-decoration: none; font-weight: bold; margin: 0; color: #5f5f5f;}
#contenidoCatalogo .menu .subMenu .subfamiliaLi .subfamilia:hover {color: #8e8e8e;}

#contenidoCatalogo .colRight .cesta {margin: 0; padding: 0; width: 250px; background: transparent url(../graficos/cat_menu_fondo.png) repeat-y left top; list-style-type:none;  font-weight: bold;}
#contenidoCatalogo .cesta li {padding: 5px 0 5px 40px;}
#contenidoCatalogo .cesta .texto {float: right; border: 1px solid #cccccc; height: 14px; width: 60px; margin: 0 60px 0 0;}
#contenidoCatalogo .cesta .texto2 {float: right; border: 1px solid #cccccc; height: 14px; width: 60px; margin: 0;}
#contenidoCatalogo .cesta .euro {float: right; margin: 0 50px 0 5px}
#contenidoCatalogo .cesta .boton { width: 35px; height: 20px; font-weight: bold; font-size: 11px; color: #333333; margin-left: 115px; margin-top: 5px;}

#contenidoCatalogo .colRight .buscador{margin: 0; padding: 0; width: 250px; background: transparent url(../graficos/cat_menu_fondo.png) repeat-y left top; list-style-type:none; font-weight: bold;}
#contenidoCatalogo .buscador li {padding: 5px 0 5px 20px;}
#contenidoCatalogo .buscador .texto {border: 1px solid #cccccc; height: 14px; width: 90px; margin:0 10px 0 10px;}
#contenidoCatalogo .buscador .boton {width: 50px; height: 20px; font-weight: bold; font-size: 11px; color: #333333; margin: 0;}

#contenidoCatalogo .colLeft .listaArticulos {margin:0; padding:0; display:block; width:500px; float:left;}
#contenidoCatalogo .listaArticulos .articulo {margin:0 5px 5px 0; padding:0; list-style-type:none; width:120px; float:left; display:block; text-align:center; background:url(../graficos/articuloPeqFono.png) no-repeat; height:260px;}
#contenidoCatalogo .listaArticulos .articulo h4 {padding:5px; margin:0 0 5px 0; display:block; height:30px; font-size:11px; border-bottom:1px solid #CCC}
#contenidoCatalogo .listaArticulos .articulo .imgPeq {margin:0; padding:0; border:1px solid #CCC;}
#contenidoCatalogo .listaArticulos .articulo .desc {margin:0; padding:5px; font-size:10px; text-align:left; height:60px}
#contenidoCatalogo .listaArticulos .articulo .widget {margin:0; padding:2px; display:block; border-top:1px solid #CCC}

#contenidoCatalogo .progresoPasos {margin:0 0 10px 0; padding:0; float:left; width:500px;}
#contenidoCatalogo .progresoPasos .paso {margin:0 15px 0 0; padding:0; list-style-type:none; width:130px; float:left; display:block; padding:5px 10px;}

#contenidoCatalogo .tabla01 {margin:0 0 20px 0}
#contenidoCatalogo .tabla01 th {text-align:left; padding:0 5px;}
#contenidoCatalogo .tabla01 td {padding:5px;}
#contenidoCatalogo .tabla01 .precio {text-align:right; padding:5px;}
#contenidoCatalogo .tabla01 .textfield {width:100%;}
#contenidoCatalogo .tabla01 .up {background:url(../graficos/tablaUpFondo.png) no-repeat bottom; height:15px}
#contenidoCatalogo .tabla01 .down {background:#DEDEDE url(../graficos/tablaDownFondo.png) no-repeat bottom;}
#contenidoCatalogo .tabla01 .yes {background:#CCC;}
#contenidoCatalogo .tabla01 .no {background:#DEDEDE;}
#contenidoCatalogo .ventana {margin:0; padding:0; clear:both;}

#contenidoNoticias ul {margin:0; padding:0;}
#contenidoNoticias ul li {margin:0 0 20px 0; padding:0; display:block; list-style-type:none; float:left;}
#contenidoNoticias ul .img {width:160px; float:left; margin:0 18px 10px 0;}
#contenidoNoticias ul .img img {border:1px solid #CCC}
#contenidoNoticias ul h4 {font-size:14px; font-weight:bold; margin:0 0 10px 0; display: block;}
#contenidoNoticias ul h4 .right {float:right; font-size:10px; font-weight:normal; padding:3px 0 0 0;}
#contenidoNoticias ul .desc {margin:0 0 10px 0}
#contenidoNoticias ul .widget {float:right; width:320px; text-align:right; margin:0; padding:0;}


/*
#noticias, #articulo {margin:0; padding:0; display:block; width:500px; float:left;}
#noticias .portada, #articulo .portada {margin:0 0 20px 0; padding:0; display:block; list-style-type:none; width:500px; float:left;}
#noticias .contenido, #articulo .contenido {height:90px; color:#666}
#noticias .img, #articulo .img {width:160px; float:left; margin:0 18px 10px 0;}
#noticias .img img, #articulo .img img {border:1px solid #CCC}
#noticias h4, #articulo h4 {float:left; width:320px; font-size:14px; font-weight:bold; margin:0 0 10px 0;}
#noticias h4 .right, #articulo h4 .right {float:right; font-size:10px; font-weight:normal; padding:3px 0 0 0;}
#noticias .desc, #articulo .desc {float:left; width:320px; margin:0 0 10px 0}
#noticias .widget {float:right; width:320px; text-align:right; margin:0; padding:0;}
*/


.descargas{
width:300px;
height:140px;
margin:0 0 0 0;
background:url(../graficos/bg-descargas.png) no-repeat;
_behavior: url(iepngfix.htc);
}
.descargas h3{
float:left;
height:81px;
vertical-align:middle;
padding:50px 0 0 20px;
}
.descargas img{
float:right;
margin:20px 60px 0 0 ;
}

.descargas_list{
display:block;
float:right;
list-style:none;}

.descargas_list li{
background:url(../graficos/icono.png) top left no-repeat;
_behavior: url(iepngfix.htc);
height:40px;
width:200px;
}

.descargas_list li a{
margin:20px 0 0 50px;
text-decoration:none;
vertical-align:middle;
line-height:25px;
}