@charset "utf-8";
/* CSS Document */
/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
html { background-color: #f6f5f1; height: 100%; }
body { height: 100%; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; }
hr { width: 80%; margin: 10px auto; background-color: #DADADA; height: 1px; border: none; }
em { font-style: italic; }
/* CLEAR FIX*/
.clearfix:after { content: ".";	display: block;	height: 0; clear: both;	visibility: hidden;}
.clearfix {display: inline-block;}

/* TEXTOS */
body h1 { font: 24px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #002469; font-weight: bold; margin: 0px 0px 8px 0px; }
body h2 { font: 16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #002469; font-weight: bold; margin: 0px 0px 8px 0px; }
body h3 { font: 14px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #002469; font-weight: bold; margin: 0px 0px 8px 0px; }
body h4 { font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #002469; font-weight: bold; margin: 0px 0px 8px 0px; }
body h4 a:hover { color: #bb030c; }
body p { margin: 0px 0px 1em 0px; }
a { text-decoration: underline; color: #002469; }
a:hover { color: #bb030c; }
strong { font-weight: bold; }
div#footer a { color: #735f0a; text-decoration: none; }
div#footer a:hover { text-decoration: underline; }
div#footer p { margin-left: 40px; margin-top: 20px; }
div#footer ul { margin-left: 40px; padding-top: 20px; }
div#footer li { line-height: 25px; }
div.module h3 { color: #FFFFFF; line-height: 30px; margin-left: 10px; margin-bottom: 12px; text-shadow: #002469 0px -2px 0px; }
div.module.red h3 { text-shadow: #9d0109 0px -2px 0px; }
div.module h4 { font-size: 14px; margin: 3px 0 5px 5px; }
div.module h4 a { text-decoration: none; }
div.module-content h3 { color: #FFFFFF; line-height: 30px; margin: 3px 0px 15px 10px; text-shadow: #002469 0px -2px 0px; }
span.alert, span.notice, span.info { display:block; margin:15px 0 5px 0; padding:8px 10px 8px 36px;}
span.alert { background:#FFD5D5 url(/public/images/alert.png) no-repeat scroll 10px 12px; border:1px solid #FFACAD; color:#CF3738; }
span.notice { background:#CDEFA6 url(/public/images/notice.png) no-repeat scroll 10px 12px; border:1px solid #9BCC54; color:#648434; }
span.info { background:#A8CDE3 url(/public/images/exclamation.png) no-repeat scroll 10px 12px; border:1px solid #6ABCE2; color:#1C6B8B; }
.alert p, .notice p, .info p { padding: 0px; }
.alert h1, .alert h2, .alert h3, .alert h4 { color: #bb030c; }
.notice h1, .notice h2, .notice h3, .notice h4 { color: #47790d; }
span.precio-oferta { font-weight: bold; color: #bb030c; text-align: center; margin: 0 auto; width: 100%; }
span.preoferta { font-size: 14px; font-weight:  bold; color: #ed2e38; text-decoration: line-through; }
h2.precio { margin: 0; }
#tags { line-height: 30px; text-align: center; margin: 0; width: 100%; }
#tags a { padding: 0px; text-decoration: none; font-weight: bold; color: #2c5197; }
#tags a:hover { color: #bb030c; }
#tags li { display: inline; background: none; padding: 5px; }
#tags li:hover { background-color: #bccbe4; }
.tag_1 { font-size: 10px; }
.tag_2 { font-size: 13px; }
.tag_3 { font-size: 16px; }
.tag_4 { font-size: 19px; }
.tag_5 { font-size: 22px; }
ul.post-info { font-size: 12px; margin: 0px 0px 10px 0px; color: #40403F; }
ul.post-info a { color: #2c5197; text-decoration: none; }
ul.post-info a:hover { color: #bb030c; }
ul.post-info li { float: left; padding: 1px; margin: 0 6px 0 0 !important; list-style: none !important; line-height: normal !important }
ul.post-info li.n_comments { background: transparent url(/public/images/balloon.png) 1px 2px no-repeat; padding-left: 20px; }
ul.post-info li.post-category { background: transparent url(/public/images/folder.png) 1px 2px no-repeat; padding-left: 20px; }
a.leer-mas { width: 70px; height: 20px; background: transparent url(/public/images/leermas-button.png) left top no-repeat; display: block; position: absolute; bottom: 32px; right: 15px; }
a.leer-mas:hover { width: 70px; height: 20px; background: transparent url(/public/images/leermas-button.png) left bottom no-repeat; display: block; }
a.leer-mas span { display: none; }
.red { color: #ed2e38; }
ul#fotos-instalacion { display: block; margin: 10px 0 0 0; }
ul#fotos-instalacion li { display: block; float: left; margin: 0 9px 0 0; }
ul#fotos-instalacion li a { border: 2px solid #2C5197; display: block; line-height: 0; padding: 3px; }
ul#fotos-instalacion li a { -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; }
ul#fotos-instalacion li a:hover { border: 2px solid #BB030C; }
ul#fotos-instalacion img { border: none; background: none; padding: 0; margin: 0; }
#content ul { list-style: disc inside none; margin: 0 0 1em; }
#content li { margin-left: 20px; line-height: 25px; }
#respuesta ul { list-style: none; margin: 0; }
#respuesta li { margin-left: 0; line-height: normal; }


/* LAYOUT */
body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; background-color: #f6f5f1; color: #151515; }
body { padding: 0; margin: auto; background: url(/public/images/body-bg.jpg) left top repeat-x; height: 100%; }
body#tinymce { background: none; }
div#bg { width: 100%; min-height: 100%; position: absolute; left: 0; top: 0; background: transparent url(/public/images/bg.jpg) no-repeat 50% 0; }
#wrapper { width: 960px; margin: 0px auto; min-height: 100%; height: auto !important; height: 100%; position: relative;}
body > #wrapper { height: auto; min-height: 100%; }
#main { padding: 33px 0px 179px 0px; margin-bottom: 0px; width: 960px; }
div#logo { width: 918px; height: 82px; margin: 1px auto; }
div#menu { width: 936px; height: 35px; margin: 0 auto; background: transparent; }
div#toolbar { width: 892px; height: 25px; margin: 38px auto 5px; background: transparent url(/public/images/toolbar-bg.jpg) bottom left no-repeat; padding: 0 10px; }
div#sidebar-left { width: 228px; float: left; margin: 0px 0px 50px 12px; }
div#sidebar-right { width: 228px; float: right; margin: 0px 12px 50px 0px; }
div.block-sidebar { width: 208px; margin: 13px 10px 0 10px; }
div#content { width: 688px; float: left; margin: 13px 12px 50px 0; padding: 0 10px; font-size: 1.2em; line-height: 1.4em; font-family: Arial,Helvetica,sans-serif; }
div#content.portada { width: 470px; float: left; margin: 13px 0 50px 0; padding: 0 5px; font-size: 12px; line-height: 18px; }
div#content.completo { width: 910px; padding: 0 25px; margin: 15px 0 50px 0; }
div#content.siteoffline { width: 910px; padding: 0 25px; margin: 80px 0 50px 0; text-align: center; }
div#content.siteoffline span { width: 400px; margin: 30px auto; text-align: left; }
div#content.errorpage { width: 910px; padding: 0 25px; margin: 15px 0 50px 0; text-align: center; }
div#content.errorpage h1 { font-size: 28px; }
div#content.errorpage p { width: 700px; font-family: "Times News Roman", Times, serif; font-size: 20px; font-style: italic; margin: 0 auto 20px; line-height: 26px; }
div#footer { position: relative; margin-top: -179px; /* valor negativo del alto del footer */ min-height: 179px; background: url(/public/images/footer-bg.gif) left top repeat-x #dcb408; color: #735f0a; font-size: 14px; }
div#footer-wrapper { width: 960px; min-height: 179px; margin: 0 auto; background: transparent url(/public/images/footer-wrapper-bg.gif) left top no-repeat; }
div.module { width: 182px; min-height: 170px; background: transparent url(/public/images/module-blue-bg.gif) top left no-repeat; padding: 23px 23px 0px 23px; margin-bottom: 10px; }
div.module p { margin: 0; }
div.module.red { width: 182px; min-height: 184px; background: transparent url(/public/images/module-red-bg.gif) top left no-repeat; padding: 23px 23px 0px 23px; }
div.module li { background: url(/public/images/li-arrow.png) 1px 7px no-repeat; padding: 0px 0px 0px 10px; margin-bottom: 5px; }
div.module span.fecha-noticias { font-weight: bold; font-size: 10px; }
div.module input[type=text] { display: block; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #ace; font-size: 12px; margin:0 0 3px; padding: 3px; width: 180px; }
div.module-content { width: 424px; min-height: 180px; background: transparent url(/public/images/module-content-blue-bg.gif) left top no-repeat;  padding: 25px 23px 0px 23px; }
div.module ul { width: 172px; margin: 0 5px; }
ul.lista-categorias li { border-bottom: 1px dashed #909090; margin-bottom: 4px; padding-bottom: 6px; }
ul.lista-subcategorias li { border: none; margin-bottom: 0; padding-bottom: 0; }
ul.lista-categorias a { text-decoration: none; color: #40403f; display: block; }
ul.lista-categorias a:hover { color: #bb030c; }
ul.lista-comentarios li { border-bottom: 1px dashed #909090; margin-bottom: 4px; padding-bottom: 6px; }
ul.lista-comentarios a { text-decoration: none; color: #40403f; display: inline; }
ul.lista-comentarios a:hover { color: #bb030c; }
#submit-enviar { width: 70px; height: 20px; border: none; background:transparent url('/public/images/submit-enviar-bg.png') no-repeat scroll left top; margin:3px 0 0 5px; float: left; }
#submit-enviar:hover, #submit-enviar:focus { background-position: bottom; cursor: pointer; }
div#block-content { margin-top: 15px; }
div#map_canvas { width: 425px; height: 450px; border: 5px solid #B0DDF3; float: left; }
div#contact-sidebar { width: 233px; float: right; margin-left: 12px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 12px; line-height: 18px; }
#contact-sidebar input[type=text] {
	display:block;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #ace;
    font-size:12px;
    margin:3px 0 2px 0;
    padding:5px;
    width:220px;
    float: left;
    color: #828282;
}
div#directions { width: 678px !important; float: none; clear: both; }
div.pagination { width: 648px; height: 40px; background: transparent url(/public/images/pagination-bg.gif) top left no-repeat; margin-bottom: 15px; padding: 5px 20px; position: relative;}
div.pagination-left { width: 400px; float: left; }
.pagination h1 { display: block; color: #3a2f00; margin: 0px; font-size: 18px; }
.pagination h2 { color: #3a2f00; margin: 0px; line-height: 40px; }
.pagination span.prod-totales { color: #3a2f00; font-size: 12px; float: left; }
.pagination span.prod-paginas { color: #3a2f00; float: right; font-size: 12px; line-height: 40px; }
.pagination span.prod-paginas a { border: 1px solid #3a2f00; color: #3a2f00; background: #fef1b6; text-decoration: none; padding: 2px 5px; margin-right: 2px; }
.pagination span.prod-paginas a:hover { border: 1px solid #1f1900; color: #1f1900; background: #edc100; }
#select_productos { width: 100px; margin-left: 10px; float: left; }
#select_productos select { padding: 1px; font-size: 12px; height: 20px; }
div.products-container { width: 668px; margin: 0 0 15px 0; padding: 10px; background-color: #FFFFFF; border: 1px solid #dadada; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
div.products-container hr { margin: 15px auto 20px auto; }
div.product-container { width: 668px; overflow: hidden; position: relative; }
div.product-thumb { float: left; width: 200px; text-align: center; padding-top: 10px; }
div.product-thumb a:hover { cursor: pointer; }
div.product-thumb p.zoom { margin: 5px 0 5px 10px; background: transparent url(/public/images/zoom.png) no-repeat scroll 15px 1px; }
div.product-info { float: left; width: 468px; }
div#product-extras { width: 648px; height: 40px; background: #e6efff; color: #2c5197; border-top: 1px dashed #2c5197; border-bottom: 1px dashed #2c5197; margin: 15px 0 10px 0; padding: 5px 10px; font-size: 12px; float:left; }
span.product-categorias { float: left; display: block; }
span.product-categorias p { margin-bottom: 2px; }
span.product-categorias ul { display: inline-block; list-style: none !important; margin: 0 !important; }
span.product-categorias li { float: left; padding: 0 0 0 20px; line-height: inherit !important; margin-left: 0 !important; }
li.fabricante { background: transparent url(/public/images/cog.png) no-repeat scroll 0px 1px; margin-right: 15px; }
li.categoria { background: transparent url(/public/images/star_2.png) no-repeat scroll 0px 1px; }
span.product-precio { float: right; line-height: 45px; font-size: 16px; font-weight: bold; color: #002469; }
span.product-precio-preoferta { float: right; font-size: 16px; font-weight:  bold; color: #8c9dbc; text-decoration: line-through; }
span.product-precio-oferta { float: right; font-size: 16px; font-weight: bold; color: #002469; clear: right; }
a.product-link { width: 70px; height: 20px; background: transparent url(/public/images/detalles-button.png) left top no-repeat; display: block; position: absolute; bottom: 5px; right: 10px; }
a.product-link:hover { width: 70px; height: 20px; background: transparent url(/public/images/detalles-button.png) left bottom no-repeat; display: block; }
a.product-link span { display: none; }
div.columna-fabricantes { width: 192px; float: left; margin: 15px 15px 0px 15px; }
div.columna-fabricantes h2 { border-bottom: 1px solid #002469; margin-bottom: 10px; padding-left: 5px; color: #002469; font-weight: bold; }
div.columna-fabricantes ul { margin-bottom: 25px; }
div.columna-fabricantes li { padding: 0 0 0 20px; line-height: 20px; background: transparent url(/public/images/li-arrow.png) 5px 7px no-repeat; }
div.columna-fabricantes a { color: #40403F; text-decoration: none; }
div.columna-fabricantes a:hover { color: #BB030C; }
div.product-similar { float: left; width: 187px; margin: 0px 10px 15px 10px; padding: 10px; background-color: #FFFFFF; border: 1px solid #dadada; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
div.product-similar h3 { color: #2c5197; text-align: center; }
a.detalles-button { width: 70px; height: 20px; background: transparent url(/public/images/detalles-button.png) left top no-repeat; display: block; margin-top: 10px; }
a.detalles-button:hover { width: 70px; height: 20px; background: transparent url(/public/images/detalles-button.png) left bottom no-repeat; display: block; }
a.detalles-button span { display: none; }
div.post-content { width: 658px; padding: 20px 10px 50px 20px; background: transparent url(/public/images/post-bg.gif) top left no-repeat; position: relative; }
.post-content img { padding: 5px; border: 1px solid #2c5197; background-color: #cfd6e1; margin: 0 10px; }
.post-content .no-border { padding: 0; border: none; background-color: none; }
.pag { margin: 0 auto; padding: 0; overflow: hidden; width: 95%; text-align: center; }
.pag li { float: left; width: 50%; }
a.prev-page { width: 110px; height: 20px; background: transparent url(/public/images/prev-page-bg.png) left top no-repeat; display: block; float: left; }
a.prev-page:hover { width: 110px; height: 20px; background: transparent url(/public/images/prev-page-bg.png) left bottom no-repeat; display: block; }
a.prev-page span { display: none; }
a.next-page { width: 110px; height: 20px; background: transparent url(/public/images/next-page-bg.png) left top no-repeat; display: block; float: right; }
a.next-page:hover { width: 110px; height: 20px; background: transparent url(/public/images/next-page-bg.png) left bottom no-repeat; display: block; }
a.next-page span { display: none; }
#tags_list { padding: 5px 10px; overflow: hidden; width: 638px; height: 25px; background: transparent url(/public/images/tags-list-bg.gif) top left no-repeat; font-size: 12px; line-height: 25px; }
ul#tags_list { list-style: none; margin: 0; }
#tags_list li { float: left; margin-right: 10px; margin-left: 0; }
#tags_list li.tag_label { padding-left: 20px; background: transparent url(/public/images/tag-label.png) 0px 3px no-repeat; margin-right: 5px; }
#tags_list a { padding: 0px; text-decoration: none; font-weight: bold; }
ol#comments { padding-top: 15px; width: 568px; margin: 0 auto; }
ol#comments li { width: 548px; padding: 20px 10px 45px 10px; background: transparent url(/public/images/comment-bg.gif) top left no-repeat; position: relative; line-height:inherit; margin-left: 0; }
.comment-number { color: #5f86d3; font-size: 36px; font-weight: bold; line-height: 44px; float: left; display: inline; width: 45px; text-align: center; margin-right: 10px; }
#comments cite img { background-color: #CFD6E1; border: 1px solid #2C5197; padding: 3px; margin-right: 10px; float: left; }
#comments .comment-author { font-variant: small-caps; font-weight: bold; color: #002469; }
#comments .comment-date { padding-left: 20px; background: transparent url(/public/images/clock.png) 0px 1px no-repeat; font-size: 12px; display: block; float: left; margin-top: 4px;}
#comments .comment-text { clear: both; padding: 20px 10px 10px 20px; }
#comments .comment-footer { width: 545px; height: 32px; margin-left: 5px; background: transparent url(/public/images/comment-footer-bg.gif) top repeat-x; line-height: 32px; }
#comments .comment-footer a { padding-left: 20px; color: #FFFFFF; text-decoration: none; margin-left: 12px; background: transparent url(/public/images/chain.png) 0px 1px no-repeat; }
#comments .comment-footer a:hover { text-decoration: underline; }
#respuesta { width: 668px; padding: 20px 10px 45px 10px; background: transparent url(/public/images/post-bg.gif) top left no-repeat; position: relative; font-size: 12px; }
.cbox-left { width: 280px; float: left; margin-right: 20px; padding-top: 23px; }
.cbox-right { width: 360px; float: left; }
#respuesta input[type=text] {
display:block;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #ace;
    font-size:1.2em;
    margin:3px 0 2px 0;
    padding:6px;
    width:260px;
    float: left;
}
#recaptcha_image img {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ace;
	height:59px;
	width:270px;
}
div.recaptcha_icons { width: 150px; }
.recaptcha_icons img { float: left; margin: 10px 10px 0 0; }
div.instalacion-intro-container { width: 290px; float: left; background: transparent url(/public/images/instalacion-intro-bg.gif) left top no-repeat; padding: 15px 10px 30px 10px; margin: 0px 27px 0px 20px; }
div.instalacion-intro-container h2 { margin: 0 0 12px 0; }
div.instalacion-intro-container.inst-dcha { margin-right: 0px; }
div.instalacion-intro-container img { background-color: #CFD6E1; border: 1px solid #2C5197; padding: 5px; }
div#contact-container { width: 515px; margin: 10px 0 50px 24px; padding: 10px 45px; float: left; border: 1px solid #dadada; -moz-border-radius: 6px; -webkit-border-radius: 6px; background: #FFFFFF url(/public/images/sellos.jpg) right bottom no-repeat; }
div.contact-header { width: 380px; margin: 15px auto 20px; padding:0 60px; background: transparent url(/public/images/note_icon.png) left top no-repeat; }
div#contact-container p { margin-bottom: 20px; }
div.contact-info { width: 285px; float: left; margin: 11px 0px 50px 20px; text-shadow: 0 1px 0 #ace; }
div.contact-info img { padding: 5px; background-color: #ace; margin-bottom: 15px; }
div.contact-info img:hover { background-color: #f86068; }
div.contact-info span { float: left; display: block; width: 85px; color: #2c5197; font-weight: bold; }
div.contact-info p { float: left; width: 180px; }
#contact-form label { float: left; }
#contact-form label.checkbox { float: none; }
#contact-form label.checkbox:hover { cursor: pointer; }
#contact-form input[type=text] {
    display:block;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #ace;
    font-size:14px;
    margin:3px 0 2px 0;
    padding:3px 4px 3px 4px;
    width:500px;
    float: left;
    clear: both;
    color: #002469;
    background-color: #f6f5f1;
    outline: none;
}
#contact-form input[type=text]:focus {
    border:1px solid #3A2F00;
    background-color: #f9d743;
    color: #3A2F00;
    font-weight: bold;

}
#contact-form textarea {
    display:block;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #ace;
    font-size:14px;
    margin:3px 0 2px 0;
    padding:3px 4px 3px 4px;
    width:500px;
    float: left;
    clear: both;
    color: #002469;
    background-color: #f6f5f1;
    outline: none;
}
#contact-form textarea:focus {
	border:1px solid #3A2F00;
    background-color: #f9d743;
    color: #3A2F00;
    
}
div#userpanel { width: 400px; padding: 20px; margin: 50px auto 0px; border: 1px solid #dadada; -moz-border-radius: 6px; -webkit-border-radius: 6px; background-color: #FFFFFF; }
div#profile-header { width: 100%; margin-bottom: 10px; }
div#profile-header img { float: left; margin-right: 15px; }
div#profile-header h1 { line-height: 36px; }
div#userpanel.login { background: #FFFFFF url(/public/images/candado.jpg) 20px 48% no-repeat; padding-left: 120px; width: 300px; }
div#userpanel.register-user { background: #FFFFFF url(/public/images/register-bg.jpg) 10px 48% no-repeat; padding-left: 120px; width: 300px; margin-top: 0px; }
div#userpanel.profile { background: #FFFFFF url(/public/images/perfil-bg.jpg) 10px 48% no-repeat; padding-left: 120px; width: 640px; margin-top: 0px; margin-left: 66px; }
div.profile-info { width: 320px; float: left; }
div.profile-password { width: 320px; float: left; }
div#userpanel span { margin: 0 0 15px 0; }
div#userpanel span p { margin-bottom: 2px; }
div#userpanel a { text-decoration: none; }
div#userpanel h2 { margin-bottom: 15px; }
#userpanel label { float: left; }
#userpanel label.checkbox { float: none; }
#userpanel label.checkbox:hover { cursor: pointer; }
#userpanel input[type=text], #userpanel input[type=password] {
    display:block;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #ace;
    font-size:14px;
    margin:3px 0 2px 0;
    padding:5px 6px 5px 6px;
    width:290px;
    float: left;
    clear: both;
    color: #002469;
    background-color: #f6f5f1;
    outline: none;
}
#userpanel input[type=text]:focus, #userpanel input[type=password]:focus {
    border:1px solid #3A2F00;
    background-color: #f9d743;
    color: #3A2F00;
    font-weight: bold;

}
#userpanel input.loginform[type=submit] { float: right; margin-top: 19px; }

/* SEARCH & LOGIN FORMS */
div#login { float: left; line-height: 25px; position: absolute; margin-left: 10px; z-index: 90; }
div#login span.panel-closed { background: #e3e3e3 url(/public/images/arrow-down.jpg) 55px 9px no-repeat; margin-left: 20px; padding-right:  20px; padding-left: 15px; padding-top: 2px; padding-bottom: 4px; z-index: 95; }
div#login span.panel-opened { background: #d0d0d0 url(/public/images/arrow-up.jpg) 55px 7px no-repeat; margin-left: 20px; padding-right: 20px; padding-left: 15px; border: 1px solid #2277BB; border-bottom: none; z-index: 95; }
div#login a { text-decoration: none; }
div#login a.login-link-hided { display: none; }
div#search { float: right; line-height: 25px; margin-right: 10px; }
#search-form input[type=text] {
    display:block;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #ace;
    font-size:12px;
    margin:3px 0 2px 0;
    padding:2px 3px 1px 3px;
    width:160px;
    float: left;
}
#submit-search {
	width: 70px;
	height: 20px;
	border: none;
    background:transparent url('/public/images/submit-search-bg.png') no-repeat scroll left top;
    margin:3px 0 0 5px;
    float: left;
}

#submit-search:hover, #submit-search:focus {
	background-position: bottom;
	cursor: pointer;
}
#login-menu {
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    border: 1px solid #2277BB;
    border-top: none;
    background: #d0d0d0 url(/public/images/login-panel-top-bg.gif) top left no-repeat;
    overflow: auto;
    position:relative;
    width:200px;
    z-index:90;
    text-align:left;
    padding:0px 10px 10px 10px;
    top: -2px; 
    right: 6px;
    margin-right: 0px;
    *margin-right: -1px;
    color:#789;
    font-size:11px;
}
#login-menu input[type=text], #login-menu input[type=password] {
    display:block;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #ace;
    font-size:12px;
    margin:0 0 3px;
    padding:3px;
    width:190px;
}
#login-menu p {
    margin:0;
    line-height: 20px;
}
#login-menu a {
    color:#6AC;
    text-decoration: none;
}
#login-menu p a:hover { color: #ed2e38!important; }
#login-menu label {
    font-weight:normal;
}
#login-menu p.remember {
    padding:10px 0;
}
#login-menu p.forgot, #login-menu p.complete {
    clear:both;
    margin:5px 0;
}
#login-menu p a {
    color:#27B!important;
}

#submit-login {
	width: 70px;
	height: 20px;
	border: none;
    background:transparent url('/public/images/submit-login-bg.png') no-repeat scroll left top;
    margin:0 5px 0 0;
}

#submit-login:hover, #submit-login:focus {
	background-position: bottom;
	cursor: pointer;
}

/* MENU PRINCIPAL */
ul#menu-nav { width: 900px; height: 35px; list-style:  none; margin: 2px 0 0 20px; }
ul#menu-nav li { float: left; height: 35px; margin: 0 5px; position: relative; }
ul#menu-nav li a span:hover { cursor: pointer; }
ul#menu-nav li a { background: url(/public/images/menu.jpg) no-repeat scroll top left; display: block; height: 35px; position: relative; }
ul#menu-nav li a.inicio { background-position: 0px 0px; width: 90px; }
ul#menu-nav li a.catalogo { background-position: -90px 0px; width: 131px; }
ul#menu-nav li a.servicios { background-position: -221px 0px; width: 108px; }
ul#menu-nav li a.noticias { background-position: -329px 0px; width: 114px; }
ul#menu-nav li a.instalaciones { background-position: -443px 0px; width: 149px; }
ul#menu-nav li a.contacto { background-position: -592px 0px; width: 105px; }
ul#menu-nav li a.inicio.active { background-position: 0px -70px; width: 90px; }
ul#menu-nav li a.catalogo.active { background-position: -90px -70px; width: 131px; }
ul#menu-nav li a.servicios.active { background-position: -221px -70px; width: 108px; }
ul#menu-nav li a.noticias.active { background-position: -329px -70px; width: 114px; }
ul#menu-nav li a.instalaciones.active { background-position: -443px -70px; width: 149px; }
ul#menu-nav li a.contacto.active { background-position: -592px -70px; width: 105px; }
ul#menu-nav li a.inicio:hover { background-position: 0px -35px; width: 90px; }
ul#menu-nav li a.catalogo:hover { background-position: -90px -35px; width: 131px; }
ul#menu-nav li a.servicios:hover { background-position: -221px -35px; width: 108px; }
ul#menu-nav li a.noticias:hover { background-position: -329px -35px; width: 114px; }
ul#menu-nav li a.instalaciones:hover { background-position: -443px -35px; width: 149px; }
ul#menu-nav li a.contacto:hover { background-position: -592px -35px; width: 105px; }

/*Suckerfish menu*/
ul#menu-nav div.dropdown { display: none; visibility: hidden; }
.suckerfishmenu ul#menu-nav li ul{ position: absolute; left: 0; top: 35px; width: 250px; display: none; visibility: hidden; padding-bottom: 16px; padding-top: 5px; margin-left: -10px; background: transparent url(/public/images/submenu-nav-bot-bg.png) bottom left no-repeat; }
.suckerfishmenu ul#menu-nav li ul li{ display: list-item; float: none; margin: 0; height: 30px; width: 250px; background: transparent url(/public/images/submenu-nav-bg.png) top left repeat-y; }
.suckerfishmenu ul#menu-nav li ul li.first-item{ display: list-item; float: none; margin: 0; height: 30px; width: 250px; background: transparent url(/public/images/submenu-nav-top-bg.png) top left no-repeat; }
.suckerfishmenu ul#menu-nav li ul li ul{ top: 0; }
.suckerfishmenu ul#menu-nav li ul li a{ font-size: 12px; color: #002469; text-decoration: none; font-weight: bold; text-transform: uppercase; background: transparent url(/public/images/subnav-list-separator.jpg) bottom left no-repeat; width: 211px; height: auto; line-height: 30px; margin-left: 20px; text-shadow: #fff5c7 0px 1px 0px; }
.suckerfishmenu ul#menu-nav li ul li a:hover{ color: #bb030c; text-shadow: #c4a934 0px 1px 0px; } 
/* Holly Hack for IE \*/
.suckerfishmenu { position: absolute; }
* html .suckerfishmenu{height: 1%;} /*Holly Hack for IE7 and below*/

/*SLIDER PORTADA */
div.slider-buttons { width: 470px; height: 230px; clear: both; position: relative; float: left; }
.slider-buttons a.prev, .slider-buttons a.next, .slider-buttons a.prevPage, .slider-buttons a.nextPage { margin-top: 90px; }
div.slider { width: 470px; height: 230px; position:relative; overflow: hidden; }
div#sliderContent { width: 20000px; position: absolute; clear: both; }
div.slider-contents { float: left; position: relative; }
.slider p { position: absolute; bottom: 0px; left: 0; width: 440px; padding: 10px 10px 10px 20px; margin: 0; background-color: #000000; color: #C2C2C2; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.slider strong { font-weight: bold; display: block; font-size: 18px; color: #EECC2E; padding-bottom: 3px; }
.slider span { display: block; cursor: pointer; }
.slider span.no-cursor { cursor: auto; }
.slider a { text-decoration: none; }
div.navi { position: relative; height: 20px; width: 470px; margin-top: 5px; }
div.navi a { width:8px;	height:8px;	float:left;	margin:3px;	background:url(/public/images/navigator.png) 0 0 no-repeat;	display:block; font-size:1px; }
div.navi a:hover { background-position:0 -8px; }
div.navi a.active { background-position:0 -16px; }
a.prev, a.prevPage { position: absolute; left: 0; z-index: 80; }
a.next, a.nextPage { position: absolute; right: 0; z-index: 80; }
a.prev, a.next, a.prevPage, a.nextPage { display:block;	width:42px;	height:42px; background:url(/public/images/panel-nav-prev.png) no-repeat; float:left; margin:110px 0px; cursor:pointer; font-size:1px; }
a.disabled { visibility:hidden !important; }
a.next, a.nextPage { background-image:url(/public/images/panel-nav-next.png); clear:right; }

/* SLIDER DE PRODUCTOS */
.product { width: 205px; height: 80px; }
.product .pic { width: 70px; height: 100px; float: left; margin-right: 5px; }
.product .title { font-weight: bold; }
.product .precio { font-size: 10px; }
.product .link { font-size: 10px; }
.product .link a { text-decoration: none; }