/* CSS Document */
/*   enero 2010   */

*{
	margin:0;
	padding:0;
	border:0;
}


/*----- no es estándar pero funciona en IE6  --------*/
img, ul { behavior: url(fixes/iepngfix.htc) }

html{
	background:url(../img/fondo.jpg) repeat-x top #4D3302;
	color:#FFF;
}

body{	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

a{
	color:#FF9A00;
}

p{
	font-size:90%;
	line-height:24px;
}

iframe{
	 width:550px;
	 height:400px;
	 margin:10px 20px;
	 border:5px solid #FF9A00;
	 padding:5px;
}

address{
	font-size:90%;
	font-style:normal;
	text-align:right;
	margin:10px 20px;
}
/*       id          */
#container{
	width:970px;
	margin:0 auto;
	background:url(../img/cabecera.jpg) top no-repeat;
}

#header{
	height:160px;
}

#header p.logo{
	float:left;
}

#header h1{
	float:right;
	font-size:150%;
	font-weight:normal;
	margin:100px 10px 0 0;
}

ul#menu-superior{
	clear:both;
	position:relative;
	right:1px;
	padding-left:400px;
}

ul#menu-superior li{
	background-color:#3B2704;
	list-style:none;
	width:175px;
	float:left;
	text-align:center;	
	margin:0 0 0 10px;
}

ul#menu-superior a{
	color:#FF9A00;
	text-decoration:none;
	padding:10px 0;
}

ul#menu-superior a:hover{
	color:#3B2704;
	background-color:#FF9A00;
}

ul#menu-superior li.aqui{
	color:#3B2704;
	background-color:#FF9A00;
	padding:10px 0;
}

ul#menu-superior li, ul#menu-superior a, ul#menu-lateral li, ul#menu-lateral a{	
	display:block;
}

ul#menu-lateral{
	float:left;
	background:url(../img/adorno_lateral.png) bottom no-repeat;
	height:450px;
	width:210px;
}

ul#menu-lateral li{	
	list-style:none;
	width:200px;
	text-align:center;	
	margin-bottom:10px;
}

ul#menu-lateral a{
	background:url(../img/menu_lateral.gif) top right no-repeat #F89800;
	color:#3B2704;
	text-decoration:none;
	padding:7px 0;
	font-size:90%;
}

ul#menu-lateral a:hover{
	color:#FF9A00;
	background:url(../img/menu_lateral.gif) bottom right no-repeat #4A3102;
}


ul#menu-lateral li.aqui{
	color:#FF9A00;
	background:url(../img/menu_lateral.gif) bottom right no-repeat #4A3102;
	padding:6px 0;
	color:#FFF;
}


div#destacados{
	background:url(../img/fondo_destacados.jpg) top no-repeat;
	width:735px;
	height:162px;
	margin-top:20px;
}

#contenido{
	clear:both;
	padding-top:30px;
}

#contenido #columna h2{
	padding:20px 20px 0 20px;
	color:#FF9A00;
	font-weight:normal;
	font-size:180%;
}
 
#contenido h3{
	padding:15px 20px 5px 20px;
	color:#FF9A00;
	font-weight:normal;
}

#columna.vinos{
	background:url(../img/adorno_vinos.jpg) top right no-repeat #4a3102;
}

#columna.destilados{
	background:url(../img/adorno_destilados.jpg) top right no-repeat #4a3102;
}

#columna.alimentacion{
	background:url(../img/adorno_alimentacion.jpg) top right no-repeat #4a3102;
}


#contenido p.subtitulo, #contenido h3.subtitulo{
	padding:0;
	margin:0;
	margin-top:-5px;
	font-size:140%;
	padding:0 20px;
	color:#98734d;
	
}

#contenido h3.subtitulo{
	margin:10px 20px;
}

#columna{	
	background-color:#4a3102;
	width:734px;
	padding:5px;
	float:right;
	min-height:450px;
}

#contenido p, #columna ul{
	padding:5px 20px;
}

#contenido #columna div.destacado li{
	margin-left:0px;
}

#columna li{
	margin-left:40px;
	font-size:90%;}

#intro{
	width:734px;
	height:230px;
	background:url(../img/intro.jpg) top no-repeat;
}

#marcas li{
	list-style:none;
	display:inline;
}

#pie{
	clear:both;
	color:#ccc;
	font-size:80%;
	padding-top:10px;
}

#pie p{
	float:left;
}

#pie strong{
	font-weight:normal;
}

#pie ul{
	float:right;
}

#pie li{
	list-style:none;
	display:inline;
}

#pie li a{
	color:#ccc;
}

#pie li a:hover{
	color:#FF9A00;
}



/*-------- class ---*/

.logo{
	float:left;
	margin:15px 0 0 5px;
}

/*p.logo{
	width:315px;
	height:96px;
	position:relative;
	margin-top:55px;
	margin-left:12px;
}

p.logo span{
	position:absolute;
	width:100%;
	height:100%;
}

p.logo span{background: url(../img/logo.png) center no-repeat transparent; z-index:200}
p.logo a{
	color:#000;
}*/


/*---- elementos de destacados -*/
div.destacado{
	width:180px;
	float:left;
	margin:10px;
	padding:10px 0 0 17px;
}

#contenido #columna div.destacado h2{
	font-variant:small-caps;
	font-weight:normal;
	font-size:120%;
	color:#FFF;
	padding:0;
}

#contenido div.destacado h3{
	padding:0;
	color:#FF9A00;
	font-weight:normal;
}

#contenido div.destacado p{
	padding:0;
}

div.linea{
	border-left:2px solid #000;
}

div.grande{
	width:250px;
}

/* para listados de productos en 2 columnas */
div.relacion{
	width:42%;
	float:left;
}

div.cincuenta{
	width:42%;
}

div.destacado li{
	list-style-image:url(../img/vineta.gif);
	font-size:80%;
	margin-left:20px;
	vertical-align:middle;
	padding-left:3px;
	/*background:url(../img/vineta.gif) left no-repeat;*/
}

div.destacado a{
	font-size:80%;
	margin-top:10px;
}
.clear{
	clear:both;
}


/*-- espciales -----------*/
#adv{
	background-color:#FFF;
}

#adv p{	
	border:1px dashed #036;
	color:#333;
	font-size:90%;
	padding:20px;
	width:400px;
	margin:5px auto;
	text-align:center;
}