/* Reset styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px 0px; padding: 0px 0px; border: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
ol, ul, li { list-style-type: none; }
table { border-collapse: separate; border-spacing: 0px; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

body { line-height: 1; color: #fff; background: #000; margin-bottom: 30px; font-family:Arial, Helvetica, sans-serif; }
/* Main styles */
a:active, a:visited, a:link { color: #fff; text-decoration: none; }
a:hover {color: #fff; }
hr, * .hide, #langs li span, #menu li span { display: none; }

#global { text-align: center; margin: 20px auto; width: 770px; height: 600px; border: 1px solid #787878; background: url("../images/background.jpg") no-repeat left bottom; position:relative }

#header { height: 22px; background: url("../images/gradient.png") repeat-x 0px 0px; position: relative; }
#header ul { position: absolute; top: 0px; }
#header ul li a { color: #fff; text-transform: uppercase; border-right: 1px solid #787878; font-size: 0.7em; line-height: 1.5em; height: 19px; padding: 3px 5px 5px 5px; }
*:first-child+html #header ul li a { display:block; padding-bottom:0}

#header ul#langs { right: 20px; }
#header #langs a { font-weight: normal; color: #888; }

#header ul#menu { left: 20px; }
#langs li, #menu li { height: 24px; float: left; display: inline; }
#header a:hover { background-color:#B7B7B7 }
#header a.current { height: 18px; padding: 3px 5px 5px 5px; border-bottom: 1px solid #000; background-color:#B7B7B7!important; background-image:none!important }
#header a.first { border-left: 1px solid #787878; }
#header a.featured { background: url("../images/bk-featured.jpg") repeat-x 0px 0px; }
#header a.featured:hover {background-color:#B7B7B7; background-image:none }

h1 { font-size: 3.4em;  margin: 30px 0px 30px 30px; text-align: left; font-weight: normal; }
h1 span{ font-size:.5em; color:#666666 }
#content { margin: 30px 0px 30px 30px; height: 363px; overflow: auto; }

#content .images { float: left; width: 350px; }
#content .images li { margin-bottom: 25px; text-align: left; }
#content .images li span { display: block; width: 100%; font-size: 0.8em; margin-top: 5px; }

#content div { float: right; width: 370px; text-align: left; font-size: 0.9em; line-height:1.2em }
#content div p { margin-bottom: 15px; margin-right: 10px; }
#content div p strong { font-weight: bold; }
#content div p a { color: #FFAC98; font-weight: bold; }
#content div p a:hover { color: #FFF; }

.img_peix a{ width: 505px; height: 130px; text-indent: -9999px; margin: 120px auto 0px auto; background: url("../images/peixateries_costa_pujol.png") no-repeat 0px 0px; display:block }
.img_text { width: 333px; height: 126px; text-indent: -9999px; margin: 50px auto 0px auto; background: url("../images/peixos.gif") no-repeat 0px 0px; }

body#contact h2 { width: 380px; float: left; text-align: center; line-height:350px; font-weight:bold }
body#contact h2 a{ color:#FFAC98}
body#contact h2 a:hover{ color:#FFF}

#addresses li { overflow: hidden; margin-bottom: 20px; width: 45%; }
#addresses address { font-style: normal; float: left; width: 140px; margin-left: 20px; text-align: left; font-size: 0.8em; line-height: 1.4em; }
#addresses address strong { font-weight: bold; display: block; margin-bottom: 10px; font-size: 1.2em; }

.gMap { text-align: left; }
.gMap a { font-size: 0.7em; color: #FFBCB7; }
.gMap a:hover {  text-decoration: none; }




#detail { padding: 30px 0px 0px 0px; color: #000; text-align: left; float: right; width: 350px; display: inline; margin: 0px 30px 0px 0px; background: #B2B2B2 url("../images/paper.jpg") repeat-y 0px 0px; height: 305px; overflow: auto;  }
#detail dt, #detail dd, #detail ul, #detail h3, #detail p { padding: 0px 30px 10px 30px; font-size:.9em; line-height:1.2em }
#detail dt, #detail h3  { font-weight: bold; margin-top: 15px; }
#detail h2 { margin-left: 30px; font-weight: bold; }
#detail li { list-style:none; padding-left:15px;  background: url("../images/bullet.gif") no-repeat 0px 0px;}
#detail p strong{ font-weight:bold}


#detail a.download { padding-left: 25px; background: url("../images/pdf.gif") no-repeat 0px 0px; text-decoration: underline;  color: #000; font-size: 0.7em; display: block; height: 20px; line-height: 1.4em; margin-top: 20px; margin-bottom:10px; display:block }
#detail p.externalLink { top:485px; position:absolute; margin-left:0px }
#detail p.externalLink a{ color: #FFAC98; font-size: 0.8em; font-weight:bold; line-height:1.5em; display:block}
#detail p.externalLink a:hover{ color: #FFF; }

#receptesList { display: inline; float: left; width: 45%; margin: 0px 0px 0px 30px; text-align: left; }
#receptesList li { margin-bottom: 10px;  }
#receptesList li a { color: #FFAC98; font-weight: bold; font-size: 0.8em; }
#receptesList li a:hover, #receptesList li.current a { color: #FFF; }


#content.credits div  { margin-top:40px; }
#content.credits h2 { font-weight:bold; margin-top:25px}
#content.credits div p { margin-top:20px; margin-bottom:40px}
#content.credits div p a { font-weight:normal;}
#content.credits div p a:hover { color:#FFFFFF}

#footer { bottom: 0px right: 0px; }
#footer span{ width: 100%; height: 50px; position: absolute; text-indent: -9999px; left: 0px; bottom: 0px; background-color: #FFDBC0; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; }
#footer strong { width: 100%; height: 50px; position: absolute; text-indent: -9999px; left: 0px; bottom: 0px; background: url("../images/footer.gif") no-repeat 98% 8px; }

#footer p.firefox { position: absolute; bottom: -20px; left: 0px; font-size: 0.7em; color: #ababab;}
#footer ul { position: absolute; bottom: -20px; right: 0px; }
#footer ul li { display: inline; float: left; margin-left: 5px; }
#footer ul li a { font-size: 0.7em; color: #ababab; }
#footer ul li a:hover {color: #FFAC98; }
#footer ul li.last { padding-left: 8px; background:url(../images/sepFooter.gif) no-repeat bottom left }