/* INICIALIZADORES ======================================== */

/* Neutraliza los estilos de los diferentes navegadores: 
   Elementos que queremos limpiar enteramente: */
html, body, form, fieldset {
	margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;color:#4c4c4c;
	font-size:11px;line-height:15px;
}

/* Neutraliza estilos: 
   Elementos que deben llevar margen vertical: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin:1em 0;padding:0;
}

/* Se aplica margen izquierdo:
   Solo a los elementos que los necesitan: */
li, dd, blockquote {
	margin-left:3em;
	padding:2px 0;
}

/* Miscelaneos: */
form label {cursor:pointer;}
fieldset {border: none;}

/* Form field text-scaling */
input, select, textarea {font-size: 100%;}



/* GENERALES ============================================= */

body {background:#FFF url(../images/bg_body.jpg) left top repeat-x}

a {color:#A46E52;}

/* CONTENEDORES PRINCIPALES ============================= */

/* wrapper */
#wrapper {position:relative;margin:0 auto;width:740px;overflow:hidden;background:url(../images/bg_home.jpg) left top no-repeat}
#body-vinos #wrapper {background:url(../images/bg_vinos.jpg) left top no-repeat}
#body-quienes #wrapper {background:url(../images/bg_quienes.jpg) left top no-repeat}
#body-licores #wrapper {background:url(../images/bg_quienes.jpg) left top no-repeat}
#body-noticias #wrapper {background:url(../images/bg_quienes.jpg) left top no-repeat}
#body-cotizacion #wrapper {background:url(../images/bg_quienes.jpg) left top no-repeat}
#body-registro #wrapper {background:url(../images/bg_quienes.jpg) left top no-repeat}
#body-contacto #wrapper {background:url(../images/bg_quienes.jpg) left top no-repeat}

/* sidebar */
#sidebar {float:left;margin:56px 0 0 5px;padding-top:22px;width:211px;height:553px;
  background:url(../images/bg_sidebar.jpg) left top no-repeat}
  
/* content-area */
#content-area {float:left;margin:235px 0 20px 4px;padding-bottom:50px;width:510px;background:url(../images/bg_content_area.jpg) left bottom no-repeat}
#home #content-area {margin-top:383px;background:none;padding-bottom:0}
#body-vinos #content-area {background:none;padding-bottom:0}

/* footer */
#footer {clear:both;text-align:right}



/* ELEMENTOS ESPECIFICOS =============================== */

/* logo */
h1#logo {margin:0 auto;width:144px;height:92px;background:url(../images/logo.jpg) left top no-repeat}
#logo span {display:none}

/* mainNav */
ul#mainNav {margin:0px auto;padding:21px 9px 0 9px;width:170px;height:302px;list-style:none;
  background:url(../images/bg_mainNav.jpg) left top no-repeat}
#mainNav li.mn_li {float:left;margin:0px;padding:0px;width:170px;height:35px}
#mainNav li.mn_li a.mn_a {display:block;float:left;width:170px;height:35px;}
#mainNav li.mn_li a.mn_a span {display:none}

#mn_home a.mn_a {background:url(../images/btn_home.jpg) left top no-repeat}
#mn_home a.mn_a:hover {background:url(../images/btn_home.jpg) left bottom no-repeat}
#mn_home a#mn_current {background:url(../images/btn_home.jpg) left bottom no-repeat}

#mn_quienes a.mn_a {background:url(../images/btn_quienes.jpg) left top no-repeat}
#mn_quienes a.mn_a:hover {background:url(../images/btn_quienes.jpg) left bottom no-repeat}
#mn_quienes a#mn_current {background:url(../images/btn_quienes.jpg) left bottom no-repeat}

#mn_vinos a.mn_a {background:url(../images/btn_vinos.jpg) left top no-repeat}
#mn_vinos a.mn_a:hover {background:url(../images/btn_vinos.jpg) left bottom no-repeat}
#mn_vinos a#mn_current {background:url(../images/btn_vinos.jpg) left bottom no-repeat}

#mn_licores a.mn_a {background:url(../images/btn_licores.jpg) left top no-repeat}
#mn_licores a.mn_a:hover {background:url(../images/btn_licores.jpg) left bottom no-repeat}
#mn_licores a#mn_current {background:url(../images/btn_licores.jpg) left bottom no-repeat}

#mn_noticias a.mn_a {background:url(../images/btn_noticias.jpg) left top no-repeat}
#mn_noticias a.mn_a:hover {background:url(../images/btn_noticias.jpg) left bottom no-repeat}
#mn_noticias a#mn_current {background:url(../images/btn_noticias.jpg) left bottom no-repeat}

#mn_cotizacion a.mn_a {background:url(../images/btn_cotizacion.jpg) left top no-repeat}
#mn_cotizacion a.mn_a:hover {background:url(../images/btn_cotizacion.jpg) left bottom no-repeat}
#mn_cotizacion a#mn_current {background:url(../images/btn_cotizacion.jpg) left bottom no-repeat}

#mn_registro a.mn_a {background:url(../images/btn_registro.jpg) left top no-repeat}
#mn_registro a.mn_a:hover {background:url(../images/btn_registro.jpg) left bottom no-repeat}
#mn_registro a#mn_current {background:url(../images/btn_registro.jpg) left bottom no-repeat}

#mn_contacto a.mn_a {background:url(../images/btn_contacto.jpg) left top no-repeat}
#mn_contacto a.mn_a:hover {background:url(../images/btn_contacto.jpg) left bottom no-repeat}
#mn_contacto a#mn_current {background:url(../images/btn_contacto.jpg) left bottom no-repeat}

/* submenus */
#submenu_vinos {top:255px;left:196px}
#submenu_licores {top:290px;left:196px}

/* noticias-home */
#noticias-home {margin-bottom:20px;padding-left:18px;height:348px;background:url(../images/bg_noticias_home.jpg) top left no-repeat}
#noticias-home .content {height:220px;}

#noticias-home h3 {margin:0px;}
#noticias-home h3.block-title {height:71px}
#noticias-home h3.block-title span {display:none}

#noticias-home .fecha {display:block;font-size:11px;line-height:14px;color:#A46E52}
#noticias-home h4 {margin:0 0 0 0;font-size:11px;color:#A46E52;line-height:14px}
#noticias-home img {margin-bottom:5px}

#noticias-home .buttons {padding-left:140px}

#noticias-home a.ver-mas {display:block;width:84px;height:27px;
  background:url(../images/btn_vermas.jpg) left top no-repeat}
#noticias-home a.ver-mas span {display:none}

/* noticias-left */
#noticia-left {float:left;width:228px}
/* noticias-right */
#noticia-right {float:left;margin-left:21px;width:228px}

/* section-title */
h2#section-title span {display:none}
#body-vinos h2#section-title {margin:0;margin-bottom:30px;height:44px;background:url(../images/tit_vinos.jpg) left top no-repeat}
#body-quienes h2#section-title {margin:0;margin-bottom:30px;height:44px;background:url(../images/tit_quienes.jpg) left top no-repeat}
#body-licores h2#section-title {margin:0;margin-bottom:30px;height:44px;background:url(../images/tit_licores.jpg) left top no-repeat}
#body-noticias h2#section-title {margin:0;margin-bottom:30px;height:44px;background:url(../images/tit_noticias.jpg) left top no-repeat}
#body-cotizacion h2#section-title {margin:0;margin-bottom:30px;height:44px;background:url(../images/tit_cotizacion.jpg) left top no-repeat}
#body-registro h2#section-title {margin:0;margin-bottom:30px;height:44px;background:url(../images/tit_registro.jpg) left top no-repeat}
#body-contacto h2#section-title {margin:0;margin-bottom:30px;height:44px;background:url(../images/tit_contacto.jpg) left top no-repeat}


/* vinos */
#vinos {margin-bottom:20px;padding-left:18px;background:url(../images/bg_contenido.jpg) top left no-repeat;}
#vinos h3.block-title {padding:15px 0;font-family:Georgia, "Times New Roman", Times, serif;font-size:17px;color:#84421A;text-transform:uppercase}
#vinos h4 {font-family:Georgia, "Times New Roman", Times, serif;font-size:15px;color:#84421A;}
#vinos .content {width:470px;text-align:justify}
#vinos a {color:#84421A;}

/* cotizacion */
#cotizacion {margin-bottom:20px;width:470px;border-bottom:solid 1px #ccc}
#cotizacion h4 {margin:0px;padding:8px;height:16px;font-size:12px;color:#FFF;background:#DDDBDA url(../images/bg_pedido.jpg) left top no-repeat;}
#cotizacion table {border-left:solid 1px #ccc;border-right:solid 1px #ccc}
#cotizacion td {padding:4px 8px;border-bottom:solid 1px #ccc;font-size:9px;}
#cotizacion td span {color:#492410}

/* lista-productos */
#lista-productos {width:470px;border-bottom:solid 1px #ccc}
#lista-productos h4 {margin:0px;padding:8px;height:16px;font-size:12px;color:#492410;background:#DDDBDA url(../images/bg_acordeon.jpg) left top no-repeat;cursor:pointer}
#lista-productos div {display:none}

.lista-interna h5 {margin:0px;padding:4px 10px;font-size:12px;font-weight:100;color:#492410;border-bottom:solid 1px #ccc;border-left:solid 1px #ccc;border-right:solid 1px #ccc;background:#EaEaEa;cursor:pointer}
.lista-interna table {border-left:solid 1px #ccc;border-right:solid 1px #ccc}
.lista-interna td {padding:4px 8px;border-bottom:solid 1px #ccc;font-size:9px;}
.lista-interna td span {color:#492410}

/* fm-form */
#cotForm {display:none}

#fm-form {width:470px}
#fm-form fieldset {margin: 1em 0;border: none;border-top: 1px solid #ccc;}
#fm-form legend {margin: 1em 0;padding: 0 .5em;color:#492410;background: transparent;font-size:12px;font-weight: bold;}
#fm-form label {float: left;width: 140px;padding: 0 1em;text-align: right;}
#fm-form fieldset div {margin-bottom: .5em;padding: 0;display: block;}
#fm-form fieldset div input, fieldset div textarea {width: 150px;border-top: 1px solid #555;border-left: 1px solid #555;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;padding:1px;	color: #333;}
#fm-form fieldset div input.error, fieldset div textarea.error {border:solid 1px red}
#fm-form fieldset div select {padding: 1px;}
#fm-form div.fm-multi div {margin: 5px 0;}
#fm-form div.fm-multi input {width: 1em;}
#fm-form div.fm-multi label {display: block;width: 200px;padding-left: 5em;text-align: left;}
#fm-form input:focus, textarea:focus {background: #efefef;color: #000;}
#fm-form fieldset div.fm-req {font-weight: bold;}
#btnes_form1 {display:none}
#btnes_form2 {display:none}

#frmError label {float:none;display:inline;padding:0;text-align:left}

/* productos-carousel */
#productos-carousel {clear:both;position:relative;margin-bottom:20px;padding:50px 15px;height:180px;background:url(../images/bg_carousel.jpg) left top no-repeat}
#productos-carousel-clip {position:relative;margin:0 auto;width:420px;height:188px;overflow:hidden}

ul#productos-carousel-list {position:absolute;left:0;margin:0;list-style:none}
#productos-carousel-list li.productos-carousel-item {float:left;margin:0 8px;width:120px;text-align:center}

a#productos-carousel-prev {display:block;position:absolute;top:90px;left:25px;width:27px;height:33px;background:url(../images/btn_prev.jpg) left top no-repeat}
a#productos-carousel-prev span {display:none}
a#productos-carousel-next {display:block;position:absolute;top:90px;left:460px;width:27px;height:33px;background:url(../images/btn_next.jpg) left top no-repeat}
a#productos-carousel-next span {display:none}

.productos-carousel-item img.productos-img {margin-bottom:5px;padding:1px;background:url(../images/bg_img_prod.jpg) left top no-repeat}
.productos-carousel-item span.productos-name {display:block;height:36px;color:#84421A;}
.productos-carousel-item a.ver-mas {display:block;margin:0 auto;width:84px;height:27px;
  background:url(../images/btn_vermas.jpg) left top no-repeat;outline:none}
.productos-carousel-item a.ver-mas span {display:none}

/* imagen-superior */
#promo-home {position:absolute;top:70px;left:230px;}
  
/* imagen-superior */
#imagen-superior {position:absolute;top:70px;left:450px;}

/* sombra-producto-detalle */
/*#sombra-producto-detalle {position:absolute;top:375px;left:135px;display:none;width:600px;height:500px;background:#ccc}*/
#sombra-producto-detalle {display:none;position:fixed;top:50%;left:50%;margin-top:-265px;margin-left:-285px;width:600px;height:560px;background:#ccc}
* html #sombra-producto-detalle { /* ie6 hack */
position: absolute;top:20px;left:140px;margin:0;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 290 + 'px');
}

#clickMessage{display:none;position:absolute;top:645px;left:350px;width:350px;padding:2px;text-align:center;background:#FDFDBF;border:solid 1px #333}
#clickMessage p {margin:0px}


/* ELEMENTOS ESPECIFICOS POR CLASE =============================== */

/* submenu */
ul.submenu {clear:both;position:absolute;display:none;padding: 5px 0px 0px 0px;width:185px;list-style:none;
  font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-weight:bold;
  background:url(../images/bg_submenu.gif) right top no-repeat;z-index:500;}
.submenu li {margin-left:1em;padding:4px 4px 4px 25px;}
.submenu li.last {padding-bottom:10px;background:url(../images/bg_submenu.gif) right bottom no-repeat;}
.submenu li a {color:#FFF;text-decoration:none}
.submenu li a:hover {color:#999900}

/* noticia */
.noticia {margin-bottom:20px;padding-bottom:5px;width:98%;overflow:hidden;border-bottom:solid 1px #CCC}
.noticia img {margin-bottom:5px;}
.noticia .fecha {display:block;font-size:11px;line-height:14px;color:#A46E52;}
.noticia h4 {margin:0 0 0 0;font-size:11px;color:#A46E52;line-height:14px}
.noticia .buttons {padding-left:360px;}
.noticia a.ver-mas {display:block;width:84px;height:27px;
  background:url(../images/btn_vermas.jpg) left top no-repeat}
.noticia a.ver-mas span {display:none}

/* cuadro */
.cuadro {margin-bottom:20px;padding-left:18px;background:url(../images/bg_contenido.jpg) top left no-repeat;}
.cuadro h3.block-title {padding:15px 0;font-family:Georgia, "Times New Roman", Times, serif;font-size:17px;color:#84421A;text-transform:uppercase}
.cuadro .content {padding-bottom:30px;padding-right:30px}

/* cuadro-noticia */
.cuadro-noticia {margin-bottom:20px;padding-left:18px;background:url(../images/bg_contenido.jpg) top left no-repeat;}
.cuadro-noticia h3.block-title {padding:15px 0;font-family:Georgia, "Times New Roman", Times, serif;font-size:17px;color:#84421A;text-transform:uppercase}
.cuadro-noticia h4 {margin-top:3px;font-family:Georgia, "Times New Roman", Times, serif;font-size:17px;color:#84421A;}
.cuadro-noticia .fecha {display:block;font-size:11px;line-height:14px;color:#A46E52;text-align:right}
.cuadro-noticia .content {padding-bottom:30px;padding-right:30px}

/* licor-producto */
.licor-producto {margin-bottom:20px;width:90%;overflow:hidden;border-bottom:solid 1px #CCC}
.licor-producto-last {margin-bottom:20px;width:90%;overflow:hidden}
.licor-producto img.productos-img,
.licor-producto-last img.productos-img {float:left;margin-bottom:5px;margin-right:7px;padding:1px;background:url(../images/bg_img_prod.jpg) left top no-repeat}
.licor-producto h4.nombre-producto,
.licor-producto-last h4.nombre-producto {font-size:12px;color:#84421A;}

/* productos-detalle */
/*.productos-detalle {position:absolute;top:370px;left:130px;display:none;padding:10px;width:580px;height:480px;background:#FFF;border:solid 1px #ccc}*/
.productos-detalle {display:none;position:fixed;top:50%;left:50%;margin-top:-270px;margin-left:-290px;padding:10px;width:580px;height:540px;background:#FFF;border:solid 1px #ccc;z-index:200}
* html .productos-detalle { /* ie6 hack */
position: absolute;top:15px;left:135px;margin:0;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 290 + 'px');
}
.productos-detalle .boton-cerrar {display:block;width:580px;text-align:right}
.productos-detalle .boton-cerrar a {display:block;float:right;width:14px;height:14px;background:url(../images/btn_cerrar.jpg) left top no-repeat}
.productos-detalle .boton-cerrar a span {display:none}

.productos-detalle img.productos-img {float:left;margin-right:10px}

.productos-detalle h2 {margin-left:180px;margin-bottom:4px;font-family:Arial, Helvetica, sans-serif;font-size:20px;line-height:1.2em;color:#84421A;}
.productos-detalle h3 {margin-left:180px;margin-top:0;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#84421A;}

.productos-detalle .content {padding-right:20px;height:410px;overflow:auto}
.productos-detalle .content h4 {margin-top:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#84421A;}
.productos-detalle .content ul {margin-left:20px;}


.btnes_right {margin:0 0 20px 0;padding:10px;text-align:right}