html, body {
	background-color: #000000;
	color:#ffffff;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	margin-top:20px;
}

p {
	text-align:justify;
}

h1 {
	font:normal 22px Georgia, "Times New Roman", Times, serif;
	color:#FF0000;
	background: url(/images/logo-do.png) no-repeat left center;
	padding:7px 0px 5px 40px;
	margin:0px;
}


h1 img {
	display: block;
}

h2 { font-size:1.3em; color:#F5E1B4;}

img {
	border: 0;
}
a {
	color: #ff0000;
}
a:hover {
	color: #666666;
}

.clear {
	clear: both;
}

.line { height:1px; size:1px; border:0; background-color:#fff; color:#fff; margin:20px 0px 20px 0px}

body { text-align:left;}


#page {
	width:780px;
	margin:0 auto;
}

#image_left {
	width:160px;
	height:500px;
	float:left;
	background: url(/images/jamon-iberico.jpg) no-repeat;
}

#content {float:left; height:500px; width:620px;}

#header{
	width: 100%;
	height: 100px;
	float:left;
}

#languages {
	width:420px;
	height:37px;
	float:left;
}

#fb-root{ float:right; width:170px; height:20px; text-align:right}

#nav_top { width:420px; float:left; height:33px; background: #ff0000 url(/images/menu_bg.png) no-repeat; /*default background of menu bar*/ }

#logo { float:right; width:192px; height:100px; text-align:left}

#container {
	background: url(/images/bgcuadrotxt.jpg) no-repeat top left;
	height:325px;
	overflow:hidden;
	width:600px;
	float:right;
	position:relative;
	padding: 20px 0px 0px 20px;
}

#gbox {
	height:270px;
	overflow:hidden;
	width:550px;
	float:left;
	position:relative;
}

#gbox .txt {
	position: relative;
	color:#FFFFFF;
	float: left;
	padding-bottom:30px;
}


#Scrollbar-Container {
	float:left;
	width:20px;
	position: relative;
	height:220px;
	margin-top: 20px;
	margin-left:7px;
}
.Scrollbar-Up {
  cursor: pointer;
  position: absolute;
  left:6px;
}
.Scrollbar-Track {
  width: 20px; height: 170px;
  position: absolute;
  top: 20px; left: 2px;
  background: transparent url(/images/scrollbar_track.gif) no-repeat center center;
}
.Scrollbar-Handle {
  position: absolute;
  width: 20px; height: 51px;
  left:14px;
}
.Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  top: 194px;
  left:6px;
}

#mini-banners { width:600px; height:56px; float:right; margin-top:5px;}


#tierradesabor { width:60px; height:56px; float:right;}
#veritas, #calicer { width:100px; height:56px; float:right;}
#products { width:110px; height:50px; background:url(/images/products.jpg) no-repeat; float:left}
#medalla { width:110px; height:50px; float:right;}
#premio { width:110px; height:50px; float:right;}
#facebook { width:200px; height:54px; float:right; background:#000}

#player {width:300px; margin-left:100px; border:1px #fff solid}


/* Album de fotos */

#gallery {
	padding: 10px;
	width: 520px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
	border: 5px solid #3e3e3e;
	border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
	border: 5px solid #fff;
	border-width: 5px 5px 20px;
	color: #fff;
}
#gallery ul a:hover { color: #fff; }


/* Submenu estático */
.submenu {
	background:#000;
}


.submenu ul{
	padding-top: 5px;
	padding-left:10px;
	margin:0;
}

.submenu ul li{
display: inline;
}

/* Sub level menu links style */
.submenu ul li a{
font: normal 10px Verdana;
color:#fff;
padding: 6px 6px 6px 0px;
text-decoration:none;
}

.submenu ul li a:hover{ /*sub menu links' background color onMouseover */
color: #ffcc00;
background:#000000;
}