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

body {margin:0; padding:0; font-family:Tahoma; font-size:11px; background:url(../imagenes/bg.jpg) #CCC; color:#666}
a:active, a:visited, a:link {color:#ff6600; text-decoration:underline}
a:hover {text-decoration:none}
form {margin:0; padding:0}
p {margin:0 0 5px 0; padding:0}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0}
img {border:0}
blockquote {border:1px solid #CCC; padding:5px; margin:2%; background:url(../imagenes/hr_bg.jpg);}

#cuerpo {width:950px; margin:10px auto;}
#contenido {width:950px; float:left; background:#FFF;}
#columna-izq {width:695px; float:left; background:#FFF; padding:5px 0 0 5px; margin:0 3px 0 0}
#columna-der {width:235px; float:left; background:#FFF; padding:5px 5px 0 5px; border-left:2px solid #CCC}
#cabecera {width:695px; clear:both; margin:0 0 10px 0}
#cabecera .fecha {font-weight:bold; color:#4880a6; padding:0 0 5px 0;}
#cabecera .flash h1, #cabecera .flash h2 {display:none;}
#pie {width:940px; height:70px; background:#FFF; clear:both; padding:1px 5px 5px 5px;}
#pie .contenido {border-top:1px solid #CCC; background:url(../imagenes/h3_bg.jpg) repeat-x bottom; height:70px;}
#pie .top {background:#4781a7; padding:0 50px 0 0; text-align:right; margin:1px 0 10px 0;}
#pie .left {display:block; float:left; margin:0 0 0 5px; padding:0;}
#pie .right {display:block; float:right; margin:0 5px 0 0; padding:0;}

#contenido-sec, #contacta-sec {float:left; background: url(../imagenes/dotted.gif) repeat-y 345px}
#productos-sec {float:left; background: url(../imagenes/dotted.gif) repeat-y 140px}
#novedades-sec, #novedades-sec .left, #noticias-sec, #noticias-sec .left, #recomiendanos-sec, #recomiendanos-sec .left, #empresa-sec, #empresa-sec .left {float:left; width:685px}
#contenido-sec .left, #contacta-sec .left {width:345px; float:left; margin:0 13px 0 0;}
#contenido-sec .right, #contacta-sec .right {width:335px; float:left;}
#productos-sec .left {width:140px; float:left; margin:0 13px 0 0;}
#productos-sec .right {width:540px; float:left;}
#contenido-sec h3, #productos-sec h3, #novedades-sec h3, #contacta-sec h3, #noticias-sec h3, #recomiendanos-sec h3, #empresa-sec h3 {display:block; background:url(../imagenes/h3_bg.jpg); text-align:right; margin:0 5px 10px 0;}

#noticias-sec .noticia-peq {border:1px solid #CCC; width:675px; float:left; margin:0 0 10px 0; padding:5px;}
#noticias-sec .noticia-peq .desc {float:left; width:585px;}
#noticias-sec .noticia-peq .img {width:90px; height:80px; float:left;}
#noticias-sec .noticia-peq .desc .fecha {color:#999; font-weight:normal}

#contenido-sec .noticia-peq {border:1px solid #CCC; width:320px; float:left; margin:5px 0 0 0; padding:5px;}
#contenido-sec .noticia-peq .desc {float:left; width:225px;}
#contenido-sec .noticia-peq .img {width:95px; height:95px; float:left;}
#contenido-sec .noticia-peq .desc .fecha {color:#999; font-weight:normal}
#contenido-sec .producto-peq {border-bottom:1px solid #CCC; width:345px; float:left; margin:0 0 1px 0; padding:5px 0 5px 0;}
#contenido-sec .producto-peq .desc {float:left; width:190px;}
#contenido-sec .producto-peq .img {width:145px; height:110px; float:left;} #contenido-sec .producto-peq .img img, #contenido-sec .noticia-peq .img img {border:1px solid #eaeaea}
#contenido-sec .producto-peq .desc h4, #contenido-sec .noticia-peq .desc h4, #noticias-sec .noticia-peq .desc h4 {font-size:11px; color:#4880a6;}

#paginador {clear:both; padding:5px 0 0 0; text-align:right}
#paginador .num {display:block; float:left; padding:1px; border:1px solid #CCC; margin:2px 5px 0 0}
#paginador .puntos {display:block; float:left; padding:1px; margin:2px 5px 0 0; padding:2px 5px}
#paginador .num .current {display:block; padding:1px 7px; background:#ffb710; color:#FFF; text-decoration:none}
#paginador .num a {display:block; padding:1px 7px; background:#FFF; color:#999; text-decoration:none}
#paginador .num a:hover {display:block; padding:1px 7px; background:#ffb710; color:#FFF; text-decoration:none}

#columna-der .menu1 h3 {display:block; width:235px; height:32px; margin:0 0 5px 0; clear:both}
#columna-der .menu1 .rojo {background:url(../imagenes/tit_bg_rojo.jpg) no-repeat right;}
#columna-der .menu1 .azul {background:url(../imagenes/tit_bg_azul.jpg) no-repeat right;}
#columna-der .menu1 .amarillo {background:url(../imagenes/tit_bg_amarillo.jpg) no-repeat right;}

#columna-der .menu1 h3 img, #boletin h4 img {margin:12px 0 0 27px;}
#columna-der .menu1 .desc {background:url(../imagenes/hr_bg.jpg) repeat-x bottom; padding:0 5px 20px 5px;}
#columna-der .menu1 .desc ul {margin:0; padding:0;}
#columna-der .menu1 .desc li {margin:0 0 2px 0; padding:0; list-style-type:none;}
#columna-der .menu1 .desc .btn-pos {text-align:right;}

#columna-der .desc .tit-soporte {background:url(../imagenes/tit_soporte.jpg) no-repeat; height:9px; font-size:2px;}
#columna-der .menu1 .desc .soporte {border-left:1px solid #a4a4a4; text-align:center;}
#columna-der .menu1 .desc .soporte img {margin:15px 0;}

#columna-der .desc .tit-horarios {background:url(../imagenes/tit_horarios.jpg) no-repeat; height:9px; margin:5px 0 0 0; font-size:2px;}
#columna-der .menu1 .desc .horarios {height:90px; border-left:1px solid #a4a4a4; padding:0 0 0 5px;}
#columna-der .menu1 .desc .horarios .left {display:block; float:left; margin:0;}
#columna-der .menu1 .desc .horarios .right {display:block; float:right; margin:5px;}

.textfield {font-family:Tahoma; font-size:11px; border:1px solid #8C8C8C;}
.requier {color:#FF0000;}


#boletin {clear:both; background:url(imagenes/hr_bg.jpg) repeat-x; padding:12px 0 0 0;}
#boletin h4 {display:block; width:345px; height:32px; margin:0 0 5px 0; clear:both}
#boletin .rojo {background:url(../imagenes/tit_bg_rojo2.jpg) no-repeat right;}
#boletin .contenido {padding:0 5px;}

#productos-sec .producto-ul {margin:0; padding:0; display:block;}
#productos-sec .producto-ul li {margin:0; padding:0; list-style-type:none; float:left; width:100%}
#productos-sec .producto-ul a {margin:0; padding:3px 7px; display:block; background:url(../imagenes/hr_bg.jpg); border-top:1px solid #FFF; border-bottom:1px solid #ccc; text-decoration:none; width:126px}
#productos-sec .producto-ul a:hover {background:url(../imagenes/h3_bg.jpg)}

#productos-sec .familia-peq {border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; width:170px; float:left; margin:0 5px 5px 0; padding:0; display:block; text-decoration:none; cursor:pointer;}
#productos-sec .familia-peq .img {width:160px; height:90px; float:left; padding:4px; margin:0} 
#productos-sec .familia-peq h4 {font-size:11px; color:#4880a6; display:block; padding:3px 7px; background:url(../imagenes/hr_bg.jpg); margin:1px; border-bottom:1px solid #eaeaea; height:25px; text-align:center}
#productos-sec .familia-peq .widget {clear:left; background: url(../imagenes/hr_bg1.jpg); margin:1px; text-align:right; height:5px}

#productos-sec .producto-peq {border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; width:260px; float:left; margin:0 5px 5px 0; padding:0;}
#productos-sec .producto-peq .desc {float:left; width:255px; padding:5px 5px 5px 0; height:100px}
#productos-sec .producto-peq .img, #novedades-sec .producto-peq .img {width:130px; height:90px; float:left; padding:0 4px 4px 4px; margin:0 5px 0 0} 
#productos-sec .producto-peq .img img, #productos-sec .familia-peq .img img, #productos-sec .producto-sec .img img, #novedades-sec .img img {border:1px solid #eaeaea}
#productos-sec .producto-peq h4, #novedades-sec .producto-peq h4 {font-size:11px; color:#4880a6; display:block; padding:3px 7px; background:url(../imagenes/hr_bg.jpg); margin:1px; border-bottom:1px solid #eaeaea; height:28px}
#productos-sec .producto-peq .widget, #novedades-sec .producto-peq .widget {clear:left; background: url(../imagenes/hr_bg1.jpg); margin:1px; text-align:right}
#productos-sec .producto-peq .widget a, #novedades-sec .producto-peq .widget a {text-decoration:none; color:#999; display:block; padding:3px 5px;}

#productos-sec .producto-sec {width:535px; float:left;}
#productos-sec .producto-sec .img {width:210px; height:150px; float:left;}
#productos-sec .producto-sec .desc {float:left; width:325px;}
#productos-sec .producto-sec .desc h4 {background:url(../imagenes/h3_bg.jpg); float:left; width:325px; display:block; font-family:Helvetica; font-size:18px; color:#999}
#productos-sec .producto-sec .desc span {display:block; background:#FFF; float:right; padding:0 5px;}
#productos-sec .producto-sec .desc .contenido {clear:both; margin:0; padding:5px 2px 10px 2px;}

#novedades-sec .producto-peq {border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; width:335px; float:left; margin:0 5px 5px 0; padding:0;}
#novedades-sec .producto-peq .desc {float:left; width:330px; padding:5px 5px 5px 0; height:100px}

#formulario-contacta {margin:10px 0 0 0;}
#formulario-contacta label {float:left; width:20%; text-align:right; margin:2px;}
#formulario-contacta .textfield {float:left; width:70%; margin:2px;}
#formulario-contacta .btn-pos {text-align:right; clear:both; padding:3px 22px}

#contacta-sec .right .top-contacta {display:block; margin:0; padding:0;}
#contacta-sec .right .top-contacta h4 {font-size:11px;}
#contacta-sec .right .top-contacta .lista {display:block; margin:0 0 15px 0; padding:10px; list-style-type:none; border:1px solid #CCC}
#contacta-sec .right .top-telefono {display:block; margin:0; padding:0;}
#contacta-sec .right .top-telefono .lista {display:block; margin:0; padding:0; list-style-type:none; border:0}
#contacta-sec .right .lista p {margin:0; padding:0;}

#recomiendanos-sec h4 {clear:both; font-size:11px; background:url(../imagenes/hr_bg.jpg); color:#4880a6; margin:1px; padding:3px 7px; margin:1px 1px 10px 1px}
#recomiendanos-sec .top {display:block; margin:0; padding:0; border:1px solid #CCC; float:left}
#recomiendanos-sec .lista {display:block; margin:0; padding:0 0 10px 0; list-style-type:none; float:left; width:685px}
#recomiendanos-sec label {float:left; width:15%; text-align:right; margin:2px;}
#recomiendanos-sec .textfield {float:left; width:75%; margin:2px;}
#recomiendanos-sec .btn-pos {text-align:right; clear:both; padding:3px 55px}

#empresa-sec .img {border:1px solid #eaeaea; margin:0 0 10px 10px}