*{ margin: 0; padding: 0 }
body{ background-color: #eeeaca; color: #000000; font: 11px "lucida grande", tahoma }
a{ color: #A07A31; text-decoration: none; outline: none }
a:hover{  }
ul{ list-style-type: none }
img{ border: none }
table, tr, td{ border-collapse: collapse }
h1{ font-family: georgia; font-size: 14px; color: #a07a31; font-weight: normal }
h2{ font-family: corbel, "segoe ui", "trebuchet ms"; font-size: 16px; margin-bottom: .5em; color: #808080 }
hr{ border: none; margin: 1em 0 2em 0; background-color: #dedede }

#wrapper{ width: 750px; height: 550px; margin: 0 auto; background-color: #eeeaca; position: absolute; top: 50%; left: 50%; margin-left: -375px; margin-top: -275px }

#intro{ width: 730px; height: 446px; left: 10px; top: 50px; position: absolute }
#plate{ background-image: url( images/botiga.png ); background-repeat: no-repeat; background-position: top left; width: 730px; height: 446px; left: 0px; top: 0px; position: absolute }
#band{ position: absolute; left: 0; right: 0; top: 110px; height: 85px; width: 100%; background-color: #eeeaca }
/*#big_logo{ position: absolute; left: 50%; top: 200px; margin-left: -122px; margin-top: -90px; width: 245px; height: 128px; background-image: url( images/biglogo.png ); text-indent: -9999px }*/
#intro_lang{ position: absolute; bottom: 10px; text-align: center; width: 100% }
#intro_lang a{ font-family: georgia; text-transform: uppercase; color: #816018; padding: 0 1em; position: relative; padding-left: 26px; }

#header{ width: 730px; height: 215px; background-repeat: no-repeat; background-position: 50% 0; position: absolute; left: 10px; top: 10px }
#header a{ color: #808080 }

.main, .ideas, .novelties, .fairs, .awards, .news, .club, .contact, .postres_de_diada{ background-image: url( images/cabeceras-home.jpg ) }
.products{ background-image: url( images/cabeceras-neules.jpg ) }
.neules, .artesania, .farcida, .neula{ background-image: url( images/cabeceras-neules.jpg ) }
.galetes{ background-image: url( images/cabeceras-galletas.jpg ) }
.xocolates{ background-image: url( images/cabeceras-chocolates.jpg ) }
.torrons, .xocolata, .tradicionals, .creacio{ background-image: url( images/cabecera-turrones.jpg ) }
.venta { background-image:url("images/principal_home_capsetes.jpg.png");}

#line{ position: absolute; left: 0; right: 0; bottom: 0; height: 45px; width: 100%; background-color: #eeeaca }
#logo_image{ position: absolute; left: 27px; top: 173px; width: 157px; height: 83px; background-image: url( images/logo.png ); background-repeat: no-repeat; z-index: 0 }
#languages{ height: 35px; margin-right: 20px; width: 320px; color: #9c9c9c; position: absolute; top: 0; right: 0; clear: both }
#languages ul{ float: right }
#languages li{ float: left; padding: 1em 0 1em 1em }
#languages b{ color: #3e3e3e }

#top_nav{ left: 190px; top: 15px; font-size: 16px; }
#bottom_nav{ right: 15px; bottom: 5px; font-size: 10px }
#bottom_lang{ left: 30px; bottom: 10px; font-size: 10px }
.navigator{ position: absolute; font-family: georgia; text-transform: uppercase }
.navigator li{ float: left; margin-right: 4px }
.navigator li a{ padding: 0 .5em; display: block; text-transform: uppercase }
#top_nav a{ color: #a07a31; border-right: 2px solid #a07a31 }
#top_nav a:hover, #top_nav a.on{ color: #000000 }
#top_nav a.first{ border-left: 2px solid #a07a31 }
#bottom_nav a{ color: #000000 }
#bottom_lang a{ color: #000000; position: relative; margin-right: 10px }

div.nested_list b{ margin-left: 2em }
div.nested_list p{ margin-left: 4em }

#container{ clear: both; position: absolute; left: 10px; top: 225px; right: 10px; bottom: 30px; width: 730px; bottom: 25px; background-color: white }
.text{ position: absolute; left: 140px; top: 60px; right: 25px; bottom: 25px; overflow: auto; width: 570px }
.text ul{ list-style-type: disc; margin-left: 2em }
.text li{ padding-bottom: .5em }
.text h1{ margin-bottom: 1em }
.text p{ margin-bottom: 1em; line-height: 1.4em }
.block{ margin-left: 50px }
.text .scroll-pane{ height: 220px; padding-right: 0px  }

#log{ position: absolute; right: 1em; top: 1em; border: 1px solid #dedede; padding: 1em; background-color: black; color: #fefefe }
#log a{ float: right }
#log div{ height: 40em; overflow: auto; clear: both; padding: 2em }

.transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }

#menu{ position: absolute; left: 20px; top: 60px }
#menu li.m{ margin-bottom: 9px }
#menu li.s{ font-family: georgia; font-size: 14px }
#menu a.m{ font-family: georgia; font-size: 14px; color: #907b36; text-transform: uppercase }
#menu a.on{ color: #000000 }
#menu a.s{ font-family: georgia; font-size: 14px; color: #000000; text-transform: capitalize; display: block }
#menu a.son{ background-color: #e8e1cd }

div.text_column{ float: left; width: 245px }
div.picture_column{ width: 285px; float: right }

span.flag{ width: 19px; height: 19px; background-image: url( images/flags.gif ); background-repeat: no-repeat; position: absolute; left: 0; top: 0 }
span.ca{ background-position: 0 0 }
span.es{ background-position: 0 -19px }
span.bot{ background-position: 0 -38px }
#q{ position: absolute; right: 30px; top: -45px; width: 45px; height: 44px; background-image: url( images/q.png ) }

h1 a{ color: #A07A31; text-transform: uppercase }
h1 a:hover, h1 a.on{ color: black }

/*#logo {
 position:absolute;
 margin-left:65px;
 margin-top:175px;
 background-image: url( images/logo2.png );
 width:80px;
 height:80px;
 visibility:hidden;
}*/
#logo {
 position:absolute;
 margin-left:0px;
 margin-top:50px;
 width:80px;
 height:80px;
 visibility:hidden;
}