/* ELEMENTS COMUNS
------------------------------------------------------------------------*/
body {
margin:0;
padding:0;
background-color:#000;
font-family:"Times New Roman", Times, serif;
font-size:15px;
font-weight:normal;
color:#797a7d;
text-align:center; /*si no ho poso IE 5.5 no centrara el contenedor*/
}

a:link {
text-decoration:none;
font-weight:normal;
color:#a29061;
}

a:visited {
text-decoration:none;
font-weight:normal;
color:#a29061;
}

a:hover {
text-decoration:underline;
font-weight:normal;
color:#d0c7b0;
}

a:active {
text-decoration:none;
font-weight:normal;
color:#635841;
}


/* ESTRUCTURA
------------------------------------------------------------------------*/
#contenedor {
width:1010px;
margin:40px auto 0 auto;
text-align:left; /*evita que els textos del contenedor quedin centrats*/
/*background-color:green;*/
}

#columnLeft {
float:left;
width:214px;
height:808px; /* a los 905 iniciales, le restamos 47 para definir una altura definitiva para toda la web */
margin:0;
padding:0;
background:url(../img/bg_logo_xg.gif) left bottom no-repeat;
/*background-color:orange;*/
}

#columnLeft img {
width:214px;
height:117px;
border:none;
}

#columnRight {
float:right;
width:772px;
height:808px;
margin:0;
padding:0;
/*background-color:yellow;*/
}

#continguts {
width:744px; /*li restem els 8px dels borders i els 20px del padding (772-8-20=744)*/
height:643px; /*li restem els 8px dels borders, els 117px del menu principal, els 30 del margin i els 20px del padding (905-8-117-30-20=730)  y 97 menos*/
margin:30px 0 0 0;
padding:10px;
border:4px solid #fff;
overflow:auto;
}

.footer {
clear:both;
text-align:right;
font-size:14px;
color:#a29061;
margin:5px 0 40px 0;
padding:0;
}


/* HEADERS
------------------------------------------------------------------------*/
h1 {
margin:0 0 -15px 0;
padding:0;
font-size:24px;
font-weight:normal;
}


/* MENU PRINCIPAL
------------------------------------------------------------------------*/
#nav {
width:772px;
height:117px;
}

#nav ul {  
list-style:none;
margin:0;
padding:0;
}

#nav ul li {
padding:0 8px 0 0; /*espai dret entre botons*/
float:left;
}

#nav ul li a {
display:block;
width:122px;
height:117px;
text-decoration:none;
}

#nav ul li a:hover {background-position:left 234px;}

#nav ul li a span {display:none;}

#b_01 {background-image:url(../img/sprite_e_01.gif);}
#b_02 {background-image:url(../img/sprite_e_02.gif);}
#b_03 {background-image:url(../img/sprite_e_03.gif);}
#b_04 {background-image:url(../img/sprite_e_04.gif);}
#b_05 {background-image:url(../img/sprite_e_05.gif);}
#b_06 {background-image:url(../img/sprite_e_06.gif);}

.b_actiu {background-position:bottom;}


/* MENU SECUNDARI
------------------------------------------------------------------------*/
#navSec {
float:left;
width:214px;
margin-top:26px; /*espai superior*/
}

#navSec ul {
margin:0;
padding:0;
list-style-type:none;
}

#navSec ul li {
height:18px;
font-family:"Times New Roman", Times, serif;
font-size:18px;
line-height:18px;
text-align:left;
background-color:#fff;
border:2px solid #5a4a42;
margin-bottom:3px;
}

#navSec span {
display:block;
padding-left:8px;
color:#fff;
background-color:#5a4a42;
}

#navSec li a {
display:block;
padding-left:8px;
}

#navSec li a:link {text-decoration:none; color:#5a4a42;}
#navSec li a:visited {text-decoration:none; color:#5a4a42;}
#navSec li a:hover {text-decoration:none; color:#fff; background-color:#a29061;}


/* HOME
------------------------------------------------------------------------*/
/*CAIXA 1*/
#caixaHome1 {
width:752px; /*li restem els 20px del padding (772-20=752)*/
height:246px; /*li restem els 20px del padding (266-20=246)*/
margin:30px 0 0 0;
padding:10px;
background-color:#fff;
overflow:hidden;
}

#caixaHome1 img {
width:752px;
height:236px;
border:none;
}

#caixaHome1 p {
margin:0;
padding:0;
line-height:6px;
}

/*CAIXA 2*/
#caixaHome2 {
width:752px; /*li restem els 20px del padding (772-20=752)*/
height:264px; /*li restem els 20px del padding (195-20=175)  + 89 */
margin:5px 0 0 0;
padding:10px;
background-color:#fff;
overflow:hidden;
}

#caixaHome2 img {
/*float:right;*/
margin:0 0 0 5px;
border:none;
}

#caixaHome2 h1 {
margin:0;
padding:0;
font-size:22px;
color:#a29061;
}

#caixaHome2 h1 span {color:#000;}

#caixaHome2 p {
margin:0;
padding:0;
}

#caixaHome2 a:link {text-decoration:none; color:#000;}
#caixaHome2 a:visited {text-decoration:none; color:#000;}
#caixaHome2 a:hover {text-decoration:underline; color:#000;}

/*CAIXES PEQUES*/
.caixaHomePeque {
width:752px; /*li restem els 20px del padding (772-20=752)*/
height:28px; /*li restem els 20px del padding (48-20=28)*/
margin:5px 0 0 0;
padding:10px;
background-color:#fff;
overflow:hidden;
}

.caixaHomePeque h1 {
margin:-4px 0 0 0;
padding:0;
font-size:14px;
}

.caixaHomePeque p {
margin:0;
padding:0;
}

.caixaHomePeque a:link {text-decoration:none; color:#000;}
.caixaHomePeque a:visited {text-decoration:none; color:#000;}
.caixaHomePeque a:hover {text-decoration:underline; color:#000;}

.caixaHomePeque h1 a:link {color:#a29061;}
.caixaHomePeque h1 a:visited {color:#a29061;}
.caixaHomePeque h1 a:hover {color:#a29061;}


/* POSTS
------------------------------------------------------------------------*/
#contingutsPosts {
width:772px; /*NO li restem res*/
height:661px; /*li restem els 117px del menu principal i els 30 del margin (905-117-30=758) -97 */
margin:30px 0 0 0;
padding:0;
border:none;
/*overflow:auto;*/
overflow-x:hidden;
overflow-y:auto;
}

#contingutsPosts1 {
width:772px; /*NO li restem res*/
height:630px; /*li restem els 117px del menu principal i els 30 del margin (905-117-30=758) -97  - barra desplegable (31) */
margin:5px 0 0 0;
padding:0;
border:none;
/*overflow:auto;*/
overflow-x:hidden;
overflow-y:auto;
}

.caixaPosts {
width:752px; /*li restem els 20px del padding (772-20=752)*/
margin:0 0 5px 0;
padding:10px;
background-color:#fff;
}

/*.caixaPosts img {
float:right;
margin:0;
border:none;
}*/

.caixaPosts h1 {
margin:0;
padding:0;
font-size:22px;
color:#a29061;
}

.caixaPosts h1 span {color:#000;}

.caixaPosts p {
margin:0;
padding:0 25px 0 0;
}

.caixaPosts a:link {text-decoration:none; color:#000;}
.caixaPosts a:visited {text-decoration:none; color:#000;}
.caixaPosts a:hover {text-decoration:underline; color:#000;}


/* ALTRES
------------------------------------------------------------------------*/
#contenedor .visita {
clear:both;
text-align:right;
font-size:14px;
color:#a29061;
margin:5px 0 20px 0;
padding:0;
}

#contenedor .visita a:link, #contenedor .visita a:visited {
color:#fff;
text-decoration:none;
}

#contenedor .visita a:hover {text-decoration:underline;}

.anchors{
	background-color:#a29061;
	color:#FFF;
	text-align:right;
	width:767px;
	height:20px;
	padding:3px;
	margin:30px 0 0 0;
}