/* main */

* {	margin: 0; padding: 0; font-size: 14px; }

BODY {
	margin:0;
	padding:0;
	line-height: 1.5em;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #F0EBC8;
	/* background-image:url(../img/web/bg.gif); */
	/* background-repeat:repeat-y; */
	/* border:1px solid black; */
}

A 			{ text-decoration: none; color:#041BBC; }
A:visited 	{ color: #041BBC; }
A:hover		{ text-decoration: underline; color: #FF6600; }

IMG { border:0px; }

H1 { font-size: 20px; }
H2 { font-size: 13px; }
H3 { font-size: 12px; }
H4 { font-size: 12px; }

HR { border:0 }

div .clear {
	clear:both;
}

	/* clearfix */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* common */

#main {
	width: 760px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	background-color: #FBFAEA;
	border-top:5px solid #900;
	border-right:5px solid #900;
	border-bottom:5px solid #900;
	border-left:5px solid #900;
}

/* right */

#cr {
	margin:0;
	padding:0;
	margin-bottom:20px;
	text-align:left;
}
#cr H1 {
	margin:0;
	padding:0;
}
#content{
	margin:0;
	padding:0;
	padding:10px;
	text-align:left;
}
DIV#content H1 {
	margin:0;
	padding:0;
	margin-bottom:20px; 
	color:#006;
}
#content H2 {
	color:#0066FF;
}
#content UL {
	margin:10px 0 10px 20px;
}

#content .box {
	margin:20px;
	padding:10px;
	border:1px solid #95A587;
	background-color: #FAFAFA;
	font-weight:bold;
}


/* left */

#cl {
	margin-bottom:20px;
	width: 170px; /*Width of left column*/
	background-color: #990000;
	border-right:1px solid #EEE;
}

/* footer */

#footer{
	width:760px;
	height:90px;
	margin:30px 0px 0px 0px;
	border-top:5px solid #990000;
	background-color: #CC0000;
	color: #FFFFCC;
	text-align: center;
	padding: 4px 0;
}
#footer a{
	color: #FFFF80;
}
#footer .footer_col_1 {
	float:left;
	width:360px;
	text-align:right;
	border-right:1px solid #EEEEEE;
	padding-right:10px;
	color:#FFFFCC;
}
#footer .footer_col_1 A {
	text-decoration:none;
	border-bottom:1px dashed #EEE;
}
#footer .footer_col_2 {
	float:left;
	width:300px;
	padding-left:10px;
	text-align:left;
	color:#FFFFCC;
}
#footer .footer_col_2 IMG {
	margin-right:10px;
}

/* innertube */

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/* menu */

#menu
{
	width: 170px;
	padding:0;
	margin-bottom: 0px;
	text-align:left;
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
	background-color: #900;
}
#menu #menu_list
{
	width: 170px;
}
#menu ul
{
	width: 300px;
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#menu li
{
	width: 170px;
	border-bottom: 1px solid #300;
	margin: 0;
}
#menu li a
{
	width:150px;
	display: block;
	padding: 5px 5px 5px 5px;
	border-left: 10px solid #600;
	border-right: 1px solid #600;
	font-size:12px;
	font-weight: bold;
	background-color: #E5E5CC;
	color: #900;
	text-decoration: none;
}

html>body #menu li a { 	width: 150px; }

#menu #active
{
	width: 150px;
	border-bottom: 1px solid #FFF;
	margin: 0;
}
#menu #current
{
	width: 150px;
	border-left: 10px solid #300;
	background-color: #900;
	color: #fff;
}

#menu li a:hover
{
	width: 150px;
	border-left: 10px solid #300;
	background-color: #900;
	color: #fff;
}
#box_productos
{
	background-color:#F0EBC8;
	padding-left:10px;
	margin-bottom:20px;
	border-right:1px solid #330000;
	border-left:10px solid #D18E85;
}
#box_productos A
{
	font-size:12px;
	font-weight:bold;
	color:#660000;
}

	/* submenu */

.submenu_list {
	margin-left:20px;
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	font-size:11px;
	background-color:#FBFAEA;
	border-right: 1px solid #600;
}
.submenu_list A {
	margin-left:20px;
	font-size:11px;
	font-weight: bold;
	color: #008;
	text-decoration: none;
}
.submenu_list A:hover {
	text-decoration: underline;
}



/* forms */


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

/* header */

div#header {
	position:relative;
	width:760px;
	height:160px; /*Height of top section*/
	/* background-image:url(../img/web/shadow.png); */
	/* background-repeat:repeat-x;  */
}
div#header_separator {
	height:16px;
	background-color:#D1CDBE; 
}
div#header #logo {
	width:180px;
	height:75px;
	position: absolute;
	top:0px;
	left:5px;
}
div#header #lang {
	position: absolute;
	width:200px;
	top:129px;
	left:15px;
}
div#header #lang A {
	margin-right:10px;
}
div#header_img {
	position:absolute;
	top:0px;
	height:120px;	
	width:760px;
	border-bottom:5px solid #900;
}
div#header_img IMG {
	height:120px;	
	width:760px;
}

div#header_contact {
	position: absolute;
	top:25px;
	left:250px;
}
div#header_contact_data {
	position: absolute;
	width:250px;
	top:0px;
	left:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	color:#FFF;
}

	/* menu sup */

#menu_sup {
	position: absolute;
	top:124px;
	right:0px;
}
#menu_sup ul
{
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}
#menu_sup li
{
	display: inline;
	list-style-type: none;
	font-size:12px;
	font-weight:bold;
	padding-left:10px;
}
#menu_sup a { 
	padding: 2px 10px; 
}

#menu_sup a:link, #menu_sup a:visited
{
	color: #FFF;
	background-color: #990000;
	text-decoration: none;
}
#menu_sup a:hover
{
	color: #FFF;
	background-color: #330000;
	text-decoration: none;
}
#menu_sup a.active {
	background-color: #330000;
}


	/* menu nav */

#menu_nav {
	width:100%;
	height:30px;
	padding:5px 0px 1px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#menu_nav A {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}


div.box_1 {
	border:1px solid #D1CDBE;
}
div.box_1 P {
	padding:3px;
}
div.box_1 .title {
	background-color:#D1CDBE;
	color:#2E2F76;
	font-weight:bold;
	padding:3px 6px;
}
div.box_1 .price {
	color: #FF0000;
}

/* home */

#home_img_1 {
	float:right;
	margin-left:10px;
	width:190px;
	height:117px;
}
#home_img_cerveza_otro_mundo {
	float:right;
	margin-left:10px;
	width:89px;
	height:118px;
	border:0;
}

#h__oferta_1 {
	width:250px;
	height:260px;
	float:left;
	margin:0 20px 0 0;
}
#h__oferta_1 IMG {
}
#h__oferta_2 {
	width:250px;
	height:260px;
	float:left;
}
#h__oferta_2 IMG {
}


	/* product_home */

#product_home {

}

#product_home IMG {
	height:250px;
	width:140px;
	border:2px solid #DDD;
}


.home_box {
	height:208px;
	width:420px;
	border:1px solid #DDD;
	background-color:#FFF;
	margin:0 0 30px 50px;
}
.home_box_l {
	float:left;
	width:200px;
	font-size:11px;
	padding:5px;
}
.home_box_l IMG {
	width:200px;
	height:60px;
}
.home_box_r {
	float:right;
	width:208px;
}
.home_box_r IMG {
	width:208px;
	height:208px;
}


	/* box prsupuesto */
	
#box_presupuessto {
	margin:5px;
	background-color:#FFFFFF;
}
#box_presupuessto IMG {
	width:158px;
	height:73px;
}
		
	/* product */

#product {
}
#product .box_2 {
	border:2px solid #EEE;
	background-color: #FAFAFA;
	margin:20px;
	padding:10px;
}
#product H2 {
	font-size:17px;
	color:#900;
}
#product_img_1 {
	float:right;
	margin-left:10px;
	width:190px;
	height:117px;
}
#product_img_2 {
	float:right;
	margin-left:10px;
	width:190px;
	height:117px;
}
#product_wine {
	margin-left:20px;
}
#product_wine .product_img {
	height:250px;
	width:140px;
	border:2px solid #900;
	margin:0px;
}
#product_wine_table {
	width:510px;
}
#product_wine_table TD {
	font-size:10px;
}
#product_wine_table P {
	font-size:12px;
	padding: 3px;
}
#product_wine_table .data {
	color:#006;
	font-size:12px;
	font-weight: bold;
	margin-top: 10px;
	padding: 3px;
}
#product_wine_table H3 {
	font-size:13px;
	color:#FFF;
	background-color:#900;
	padding: 2px 2px 2px 5px;
	margin-bottom: 10px; 
}

	/* box destacados */
	
#destacados {
	font-size:11px;
}

#destacados .destacados_img {
	float:left;
	width:60px;
	height:60px;
	border:2px solid #300;
	margin-right:5px;
	margin-bottom:2px;
}
.destacados_link {
	margin-bottom:15px;
	color:#FFFFCC;
	font-size:13px;
}
.destacados_link A {
	color:#FFFFCC;
	font-size:13px;
	text-decoration:none;
}
.destacados_link A:hover {
	color:#FFFFCC;
	text-decoration:underline;
}
.destacados_link A:visited {
	color:#FFFFCC;
	font-size:13px;
	text-decoration:none;
}