/* CSS Document */

body {margin: 0; background: url(../img/bck_body.gif) repeat-x #2f2f2f; font: 12px/15px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #2f2f2f;}
p, ul, li, h1, h2, h3, h4, h5, h6, form {margin: 0; padding: 0; font-weight: normal;}
input, select, textarea {font: 12px/15px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #2f2f2f;}
a {cursor: pointer;}

h1, h2 {font: bold 20px/22px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #640000; text-transform: uppercase; margin-bottom: 12px;}
h3 {font: bold 14px/17px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #640000;}
h4 {font: bold 14px/17px 'Trebuchet MS', Arial, Helvetica, sans-serif;}

img.left {float: left; margin-right: 10px !important; margin-bottom: 10px;}
img.right {float: right !important; margin-left: 10px !important; margin-bottom: 10px;}

#general {width: 830px; margin: 0 auto; background: url(../img/bck_main.png) repeat-y center; _background: none;}
#main {width:780px; margin: 0 auto; background: #fff; _height: 100%;}



#top {background: url(../img/bck_top.gif) repeat-x; height: 120px; color: #fff; position: relative; z-index: 1000000000;}
#top .logo { display: block; background: url(../img/img_logo.png) no-repeat center; float: left; width: 290px; height: 120px;}
 
#top ul {list-style: none; float: left; height: 30px; border-left: 1px solid #d77777; margin-top: 90px;}
#top ul li {display: block; float: left; position: relative;}
#top ul li a {display: block; height: 23px; color: #fff; text-decoration: none; padding: 2px 0 5px; border-right: 1px solid #d77777; text-align: center;}
#top ul li a:hover { background: url(../img/bck_menu_.gif) repeat-x;_background: none;}

#top li ul { position: absolute; top: 30px; left: 0; border: 0; float: none; height: auto; padding: 0; margin: 0;}
#top li li {display: block; width: 130px; height: 40px; padding: 0; border: 0; background: url(../img/bck_submenu.png); line-height: 40px; margin-bottom: 1px;}
#top li li a {float: none; padding: 0 0 0 9px; border: 0; height: 40px; text-align: left;}
#top li li a:hover {background: #cb0000;}
#top li ul#subProductos li {width: 156px;}
#top li ul#subProductos li a {padding-left: 15px;}

#top #linkEmpresa {width: 130px;}
#top #linkProductos {width: 156px;}
#top #linkNovedades {width: 91px;}
#top #linkContacto {width: 89px;}


#languages {position: absolute; width: 105px; font-size: 10px; top: 0; right: 15px; }
#languages a.select {display: block; color: #fff; text-decoration: none; background: url(../img/languages_bot.png) no-repeat; _background: url(../img/languages_bot.gif) no-repeat; height: 17px; padding: 3px 0 0 12px;}
#languages .languages {background: #000; height: 30px; padding-left: 4px;}
#languages .languages img {margin-top: 15px;}
#languages .languages a {padding: 0 1px;}
#languages .languages a img {filter: alpha(opacity=50); opacity: .5; moz-opacity: .5;}
#languages .languages a:hover img, #languages .languages a.active img {filter: alpha(opacity=100); opacity: 1; moz-opacity: 1;}


#fadeshow {width: 780px; height: 350px; overflow: hidden; _height: 100%; background: #f7f7f7; position: relative; z-index: 1;}

#content {clear: both; background: url(../img/bck_content.gif) repeat-y; overflow: hidden; min-height: 400px;}
.home #content {background: url(../img/bck_content_home.gif) repeat-y;}
.noticias #content, .contacto #content {background: url(../img/bck_content_noticias.gif) repeat-y; _height: 100%;}
.productos #content {background: #fff; min-height: 150px !important;}
.content {padding: 0 12px 0 15px;}
.productos .content {padding-bottom: 20px; overflow: hidden; .min-height: 490px; _height: 100%;}
.productos.detalle .content.otros {border-top: 2px solid #000; background: #eee; padding-top: 16px; clear: both; _height: 100%;} 

div.left {float: left; width: 520px; padding-top: 25px;}
div.right {float: right; width: 259px; background: url(../img/bck_content_right.png) repeat-x #f7f7f7; border-left: 1px solid #c0c0c0; padding-top: 25px; _background: #f7f7f7;}

.home div.left {background: url(../img/bck_content_left.png) repeat-x #fff;}
.home div.right {background: url(../img/bck_content_right_home.png) repeat-x #eee; border-left: 1px solid #c0c0c0;}

.noticias div.lef, .contacto div.left {float: left; width: 570px;}
.noticias div.right, .contacto div.right {float: right; width: 209px;}

.right .buscador {color: #333; height: 320px;}
.right .buscador form {color: #444; width: 215px; margin-left: 5px;}
.right .buscador label {display: block; float: left; width: 70px; _clear: both;}
.right .buscador p {}
.buscador p.nombre {margin-top: 20px;}
.buscador input.nombre {background: url(../img/bck_input.png) no-repeat; border: 0; width: 214px; height: 22px; margin-top: 3px;}
.buscador .options {border-top: 1px solid #c5c5c5; padding-top: 15px; margin-top: 15px;}
.buscador select {background: url(../img/bck_input.png) no-repeat; .background: 0; border: 0; width: 145px; padding-left: 3px; height: 22px; line-height: 18px; margin-bottom: 10px; _float: right;}
select option {background: #fff; .background: 0;}
.buscador input.buscar {background: url(../img/btn_buscar.png); text-align: center; color: #fff; border: 0; float: right; height: 22px; width: 60px; text-transform: uppercase; margin: 20px 2px 35px 0; _margin-left: 40px;}
.buscador input.buscar:hover, .contacto input.enviar:hover {background: url(../img/btn_buscar_.png) !important;}

.content.novedades {min-height: 345px; _height: 345px;}

.novedades h1, .noticia h1 {margin: 0 0 17px 3px;}
.novedades .modulo {border-bottom: 1px dotted #ccc; clear: both; overflow: hidden; padding-bottom: 17px; margin-bottom: 17px; _height: 150px;}
.novedades .modulo.ultimo, .novedades .modulo.noticia {border: 0;} 
.novedades .modulo p, .noticia .modulo p {padding-right: 15px;}
.novedades .modulo.ultimo {margin-bottom: 0; padding-bottom: 34px;}

.novedades img {width: 184px; height: auto; _height: 125px; float: left; margin: 0 12px 0 0; padding: 5px; background: #fff; border: 1px solid #c4c4c4; -moz-box-shadow: 0em 0em .5em #b3b3b3; -webkit-box-shadow: 0em 0em .5em #b3b3b3; margin-left: 3px; margin-bottom: 15px;  max-width: 460px !important;}
.novedades h3, .noticia h3 {margin: 2px 0 10px;}
.novedades h3 a {font: bold 14px/17px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #640000; text-decoration: none;}
.novedades a.link, .noticia a.link {color: red; text-decoration: none; font-weight: bold;}
.novedades a.link:hover, .noticia a.link:hover {color: #212121;}

.novedades .masnovedades {clear: both; display: block; height: 24px; background: #e2e2e2; margin: -10px -12px 0 -15px; text-align: right; color: #666; text-decoration: none; text-transform: uppercase; padding-right: 20px; padding-top: 10px; _margin-bottom: -8px;}
.novedades .masnovedades:hover {color: #212121; background: #d2d2d2;}

.titular {clear: both; background: #eee; height: 37px; border-bottom: 1px solid #ccc;}
.titular h1 {padding: 8px 0 0 17px; text-transform: none;}

.paginacion {clear: both; height: 34px; }
.paginacion .left {width: 570px; float: left; text-align: center;}
.paginacion .right {width: 209px; float: right; background: 0;}
.paginacion a {color: #666; text-decoration: none; padding: 0 1px;}
.paginacion a:hover {color: #000;}
.paginacion a.active {color: #000; font-weight: bold;}
.paginacion .prev {display: inline-block; background: url(../img/pag_prev.gif) no-repeat; width: 15px; height: 15px; margin-right: 8px; padding: 0; margin-bottom: -3px; .vertical-align: top;}
.paginacion .next {display: inline-block; background: url(../img/pag_next.gif) no-repeat; width: 15px; height: 15px; margin-left: 8px; padding: 0; margin-bottom: -3px;.vertical-align: top;}
.productos .paginacion {clear: both; height: 24px; padding-top: 10px; background: #e2e2e2; text-align: center; color: #666;}
.noticias .paginacion .left {background: #ddd; height: 24px; padding-top: 10px;}
.noticias .noticia img.ppal {width: auto; max-width: 470px;}


.noticia h3 {font-size: 18px; border-bottom: 1px solid #999; padding-bottom: 10px; margin-bottom: 18px; color: #999;}
.noticia .modulo {clear: both; overflow: hidden; _height: 100%; padding-bottom: 17px; margin-bottom: 17px;}
.noticia img, .nosotros img {padding: 5px; background: #fff; border: 1px solid #c4c4c4; -moz-box-shadow: 0em 0em .5em #b3b3b3; -webkit-box-shadow: 0em 0em .5em #b3b3b3; margin-left: 3px; margin-bottom: 15px; }
.noticia p, .noticia h4 {margin-bottom: 15px; padding: 0 10px;}
.noticia h4 p {font-weight: bold; padding: 0;}
.noticia p a {color: red; text-decoration: none; font-weight: bold;}
.noticia p a:hover {color: #212121;}

.nosotros {padding-top: 10px; margin-top: -15px; /*_height: 1050px !important;*/}
.nosotros h2 {margin: 25px 0 10px 3px; border-bottom: 1px solid #000; padding-bottom: 4px;}
.nosotros .modulo p {margin: 0 0 15px 10px; padding-top: 3px;}
.nosotros .valores {list-style: none; margin: 0 0 40px 0; padding: 0; height: 240px;}
.nosotros .valores li {float: left; background: url(../img/bck_valores.png) no-repeat; height: 206px; width: 243px; border-top: 5px solid #cd0000; margin: 40px 10px 0 0; position: relative;}
.nosotros .valores li img {position: absolute; top: -39px; left: -5px; border: 0; -moz-box-shadow: none; -webkit-box-shadow: none;}
.nosotros .valores li p {text-align: center; margin: 18px 10px -10px; .margin: 14px 10px 0; padding: 0; color: #fff;}

.archivo {min-height: 560px; _height: 100%; line-height: 24px; font-weight: bold; padding-left: 18px;}
.archivo ul {list-style: none; color: #333; width: 170px;}
.archivo li {font-weight: bold; background: url(../img/flecha_archivo.gif) no-repeat 0 7px; padding-left: 11px;}
.archivo ul ul {margin-bottom: 20px; line-height: 15px; width: 150px;}
.archivo ul ul li {background: none; padding-top: 7px; padding-bottom: 3px; padding-left: 9px;}
.archivo ul a {color: #333; text-decoration: none;}
.archivo ul a:hover, .archivo ul a.active {color: #640000;}

/*.titular {margin-bottom: 10px;}*/

.productos h1 {text-transform: uppercase;}
.productos .titular {margin-bottom: 25px;}
.productos .buscador {float: right; margin-right: 15px; color: #333; width: 751px; margin-top: -53px; margin-bottom: 0; _width: 750px; _margin-right: 5px; _position: relative;}
.productos .buscador a.link {display: block; background: url(../img/btn_buscador.png) no-repeat; width: 149px; height: 21px; padding: 7px 0 0 12px; text-transform: uppercase; color: #640000; text-align: center; float: right; font-weight: bold;}
.productos .buscador .opciones {clear: both; height: 106px;}
.productos .buscador .centro {background: url(../img/bck_buscador.png) repeat-x #e1e1e1; padding-top: 1px; height: 100px;}
.productos .buscador .bottom {background: url(../img/bck_buscador_bot.png) no-repeat; height: 6px; width: 751px;}
.productos .buscador form {color: #444; margin-left: 5px;}
.productos .buscador .opciones p {margin: 13px 0 0 15px;}
.productos .buscador p.nombre {float: left; border-right: 1px solid #999; height: 28px; padding-bottom: 13px; margin-top: 25px; margin-right: 15px; .margin-right: 12px; _width: 210px; _margin-right: 7px; }
.productos .buscador input.nombre {background: url(../img/bck_input_buscador.png) no-repeat; border: 0; width: 200px; height: 22px; margin-top: 3px; margin-right: 15px; .margin-left: -20px; .margin-right: 6px;}
.productos .buscador p.options {float: left; margin: 11px 10px 0 5px; background: none; border: 0; _width: 110px; _margin-bottom: -30px; _margin-right: 5px;}
.productos .buscador select {width: 120px; margin-top: 2px; _width: 110px;}
.productos .buscador input.buscar {margin-top: 16px; /*_margin: -15px 30px 0 365px;*/ _position: absolute; _top: 83px; _right: 30px;}

.productos .modulo a {display: block; background: #fff; padding: 5px 5px 8px; background: #fff; border: 1px solid #c4c4c4; -moz-box-shadow: 0em 0em .5em #b3b3b3; -webkit-box-shadow: 0em 0em .5em #b3b3b3; width: 160px; float: left; text-decoration: none; color: #666; line-height: 13px; margin-right: 20px; margin-bottom: 15px;}
.productos .modulo a.ultimo {margin-right: 0;}
.productos .modulo a img {border: 0; width: 160px; height: auto; _height: 85px; margin-bottom: 8px; .display: block;}
.productos .modulo a:hover {color: #fff; background: #5f0000;}

.productos.detalle .titular {margin-bottom: 10px;}
.productos.detalle .buscador {margin-top: -38px;}

.productos.detalle .content {padding-top: 7px; _height: 480px;}
.productos.detalle .content.otros h3 {color: #666; text-transform: uppercase; margin: 0 0 20px; font-size: 18px; _margin-top: 15px;}
.productos.detalle .imagen {background: #fff; padding: 10px 10px 15px; background: #fff; border: 1px solid #c4c4c4; -moz-box-shadow: 0em 0em .5em #b3b3b3; -webkit-box-shadow: 0em 0em .5em #b3b3b3; font-size: 18px; font-weight: bold; text-transform: uppercase; color: #650000; margin-bottom: 15px;}
.productos.detalle .imagen img {width: 729px; height: auto; _height: 280px; margin-bottom: 15px !important; .display: block;}
.productos.detalle .datos {clear: both; list-style: none; float: left; font-size: 14px; color: #666; width: 265px;}
.productos.detalle .datos li {margin: 5px 0; border-bottom: 1px solid #999; padding-bottom: 8px; padding-left: 12px; }
.productos.detalle .datos span {color: #000;}
.productos.detalle .datos li.btns {border: 0; padding: 10px 0; _margin-bottom: 25px;} 
.productos.detalle .datos li.btns a {display: block; float: left; margin-right: 4px; font-size: 10px; color: #555; text-decoration: none; padding-left: 30px; width: 101px; padding-top: 5px; height: 27px; background-position: 0 0; line-height: 10px;}
.productos.detalle .datos li.btns a.colores {background: url(../img/btn_colores.png) no-repeat;}
.productos.detalle .datos li.btns a.origen {background: url(../img/btn_origen.png) no-repeat; margin-right: -15px;}

.productos.detalle .datos li.btns a:hover {color: #fff; background-position: 0 -32px;}
.productos.detalle .observaciones {float: right; width: 455px; color: #333; margin-right: 10px; _width: 440px;}
.productos.detalle .observacionesText {float: right; width: 455px; color: #333; margin-right: 10px; _width: 440px;}
.productos.detalle .observaciones span {font-size: 14px; color: #666; line-height: 18px;}

.contacto .modulo {border-bottom: 1px dotted #ccc; _height: 100%; clear: both; overflow: hidden; padding-bottom: 17px; margin-bottom: 17px;}
.contacto .modulo.form {border: 0;} 
.contacto .modulo.form p {float: left; margin: 0 10px 8px 0; .margin-right: 4px;}
.contacto .modulo.form p.right {margin-right: 0;} 
.contacto .modulo.form input {background: url(../img/bck_input_contacto.png) no-repeat; height: 22px; width: 264px; border: 0; margin-top: 3px;}
.contacto .modulo.form select {background: url(../img/bck_select_contacto.png) no-repeat; height: 22px; width: 538px; border: 0; margin-top: 3px; line-height: 18px;}
.contacto .modulo.form .textarea {display: block; background: url(../img/bck_textarea_contacto.png) no-repeat; height: 202px; width: 538px; margin-top: 3px; overflow: hidden; _height: 100%;}
.contacto .modulo.form textarea {background: none; border: 0; height: 194px; width: 531px; margin: 4px 0 0 3px;}
.contacto .modulo.form input.enviar { background: url(../img/btn_buscar.png); text-align: center; color: #fff; border: 0; float: right; height: 22px; width: 60px; text-transform: uppercase; margin: -13px -4px 0 0; .margin: -25px 0 0 0;}

.contacto .modulo.form p.btn {float: none; clear: both; padding-top: 17px;}
.contacto div.right {min-height: 580px; _height: 580px; _margin-top: -765px;}
.contacto .right ul {list-style: none;}
.contacto .right li {margin-bottom: 30px;}
.contacto .right li strong {color: #650000;}
.contacto .right p {margin-top: 10px;}
.contacto .modulo p {_width:520px;}



.error {margin: 20px 0; color: #650000; background: #f2f2f2; padding: 20px;}
.error ul {margin-left: 20px;}


#footer {clear: both; background: #000; color: #888; height: 90px;}
#footer p {float: left; font-size: 10px; line-height: 13px; margin: 12px 28px 0 15px; _width: 300px;}
#footer p.primero {margin-right: 408px;}
#footer p .tit {color: #fff; text-decoration: none;}
#footer p a {color: #888; text-decoration: none;}
#footer p a:hover {color: #fff; text-decoration: underline;}



/*  /////////////  */

.content.novedades {min-height: 345px; _height: 345px; position: relative;}
.content.novedades .masnovedades {position: absolute; bottom: 0; width: 500px;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .content.novedades .masnovedades {bottom: -17px;} }


#plantas {list-style: none; margin: 0; padding: 0; width: 750px;}
#plantas li { background: url(../img/bck_plantas_lista.png) repeat-y #cbcbcb; overflow: hidden; _height: 100%; _clear: both; font: 14px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom: 15px;}
#plantas li h4 {font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #cd0000; border-bottom: 1px solid #cd0000; background: #fff; margin-bottom: 5px; padding-bottom: 2px;}
#plantas li p {float: left; width: 150px; _width: 130px;}
#plantas li p.direccion {float: left; width: 200px; margin-right: 60px;}
#plantas li a {display: block; float: right; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; border: 0; color: #fff; font-size: 12px;}
#plantas li a.vermapa { background: url(../img/btn_ver_mapa.png) no-repeat; _background: url(../img/btn_ver_mapa.gif) no-repeat; padding: 20px 0 0 8px; height: 22px; width: 121px;}
#plantas li a.vermapa:hover { background-position: left bottom;}
#plantas li a.verfotos { background: url(../img/btn_ver_fotos.png) no-repeat; _background: url(../img/btn_ver_fotos.gif) no-repeat; padding: 17px 0 0 8px; height: 29px; width: 121px;}
#plantas li a.verfotos:hover { background-position: left bottom;}