@charset "utf-8";
@import url("estils.css");

/* WRAPPER
------------------------------------------------------------------------*/
#wrapper {
position:relative;
width:974px;
margin:0 auto;
text-align:left; /*anulo text centrat body*/
}

/* HEADER
------------------------------------------------------------------------*/
#header {
position:absolute;
top:0;
left:0;
width:974px;
height:124px;
background:url(/img/bg_header.gif) no-repeat 31px 15px #000;
}

/* MENU PRINCIPAL
------------------------------------------------------------------------*/
#navigation {
position:absolute;
top:124px;
left:0;
width:974px;
height:31px;
overflow:hidden;
background:url(/img/bg_nav.png) no-repeat 10px 0px #000;
}

/* CONTENT
------------------------------------------------------------------------*/
#container {
position:absolute;
top:155px;
left:0;
width:974px; /*obligatori xqe funcioni SCoF en IE5/6*/
overflow:hidden; /*Simple Clearing of Floats*/
background-color:#000;
}

#innercontainer {
position:relative;
width:952px; /*width desitjat(954)-borders(2)*/
margin:15px auto 0 auto;
padding:10px 0 20px 0;
border:1px solid #847200;
overflow:hidden; /*Simple Clearing of Floats*/
}

/*** Navigation side ***/
#navigationSide {
float:right;
width:282px;
margin:20px 20px 0 0;
display:inline; /*fixes IE5/6 Doubled Float-Margin Bug*/
}	

/*** Content ***/
#content, #contentMap {
float:left;
margin:20px 0 20px 20px;
display:inline; /*fixes IE5/6 Doubled Float-Margin Bug*/
}

#content {width:615px;}
#contentMap {width:912px;}

/* FOOTER
------------------------------------------------------------------------*/
#footer {
clear:both;
position:relative;
width:974px;
height:58px;
font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#999;
text-align:center;
overflow:hidden;
}

#footer a:link, #footer a:visited, #footer a:hover {color:#847200;}
#footer a:active {text-decoration:none; color:#fff;}