/* CSS Document */
*             {padding:0; margin:0}
body       {background:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:67.5%; height:100%;}
#wrapper   {position:absolute; width:800px; left:50%; margin-left:-400px; z-index:8; padding:0}
#contingut {width:800px; background: url(../imatges/bg-contingut.png) repeat-y left top;}
#contentNav{float:left; width:195px;}

#familia   {position:absolute;/* si es relative no va al IE6---- z-index:10; */height:350px; 
	top:0px; left:-25px; width:212px; background:url(../imatges/sagrada-familia.png) no-repeat top left;}
#info	   {position:relative; top:0; width:588px;}
#banner    {width:800px; height:256px; background: url(../imatges/banner.png) no-repeat left top;}

/* PNG per a què es veguin bé al IE6 -----------------------*/
img, div, a, input { behavior: url(includes/iepngfix.htc)}

img, a{ outline:none}
img{ border:0;}
.clear{ clear:both}
p {margin-bottom:8px}

/* TITOL EDICIO PESSEBRE ------------------------------*/
.edicio {color:#c67a7a; position:relative; top:172px; left:197px; font-weight:bold; font-size:1.1em; width:400px; margin:0}
.horari {color:#000; position:relative; top:200px; left:222px; font-weight:bold; font-size:1.2em; margin:0 }
.idiomes {color:#FFF; position:relative; top:190px; left:222px;  margin:0 }
.idiomes a { color:#000; text-decoration:none; display:block; float:left; line-height:2.3em; margin:4px 10px 0 0}
.idiomes a:hover { color:#000; text-decoration:underline}

/* ATRIBUTS COMUNSSS-----------------------------*/
.contextInici h2, .context h2, #context2 h2, .turist h2, .docs h2, .logos h2 {padding-bottom:6px; font-size:1.5em; color:#ffb60f}

/* MENÚ GENERAL------------------------*/
.menuGral      {/*float:left;*/ width:165px; padding:90px 0 15px 0;margin-left:25px }
.menuGral li   {list-style:none; padding-bottom:14px; font-size:1.1em;  width:105px; overflow:visible}
.menuGral li a {text-decoration:none; color:#ffb60f; font-weight:bold; }
.menuGral li a:hover { color:#FFF; font-weight:bold;}

.menuGral ul li.current_page_item a,
.menuGral ul li.current_page_item a:active {color:#FFF; }
/*.menuGral li a:hover{ display:block; width:65px; height:65px; top:-20px; padding:0px; background:url(../imatges/estrella.png) no-repeat 10% 80%; 
	overflow:visible}*/

/* MENÚ GENERAL 2 TIPO------------------------*/
.menuDocs      {float:left; font-size:0.9em; width:170px; padding:12px }
.menuDocs h2   {display:block; padding:5px 9px; font-size:1.2em; border:#CC9900 dotted 1px; color:#CCCCCC; margin-bottom:4px}
.menuDocs ul   {line-height:1.5em; list-style-type:none; padding-bottom:10px}
.menuDocs li a {color:#CCC; text-decoration:none;}
.menuDocs li a:hover {color:#CCC; text-decoration: underline; border-width:medium}

/* IMATGES------------------------*/
.contimag    {float:left; width:236px; text-align:center}
.contimag img{ margin-bottom:12px;}

/* TEXTOS INICI NOTICIES------------------------*/
#context2  {float:left; width:573px; padding:16px; color:#FFFFFF; font-size:1em; line-height:16px; }
#context2 h2  {border-bottom:#CCCCCC dotted 1px; margin-bottom:6px}
#context2 a { color:#ffb60f; text-decoration:none}
#context2 a:hover { color:#ffb60f; text-decoration:underline}
.intocol   { margin:0 0 20px 0; padding:10px; }

/* TEXTOS------------------------*/
.context    {float:right; width:359px; margin: 10px 10px 20px 0; color:#FFFFFF; font-size:1em; line-height:16px}
.context h3 {padding-bottom:6px; font-size:1.2em;}
.context ul {list-style:none; padding-bottom:8px;}
.context li {font-size:0.8em}
	
/* INFORMACIÓ TURÍSTICA--------------------------------------*/
.turist{ margin-left:15px;}
.turist ul{ margin-bottom:15px }
.turist li{ list-style:none;padding-left:15px; color: #CCC}
.turist h3{ padding-top:10px; padding-bottom:3px; color:#FFF }
.turist a{color:#ffb60f; text-decoration:none}

/* GOOGLE MAPS -----------------------------------------------*/
#idMapa{ width:575px; height:300px; overflow:hidden}
.mapa {margin:20px}
.mapa a{text-decoration:none; color: #CCC;}
.mapa a:hover {color:#FFF; text-decoration: underline}

/* CAL SERRA ----------------------------------*/
.docs{margin-left:15px; color:CCC }
.docs h3 {padding-bottom:6px; font-size:1.2em; color:CCC}
.docs a  {padding:1px 6px;}
.docs p, .docs ul {color:#CCCCCC; padding-bottom:6px; font-size:1.2em;}
.docs h3{ padding-top:10px; padding-bottom:3px; color:#FFF }
.docs a{color:#ffb60f; text-decoration:none}
.docs a:hover{color:#ffb60f; text-decoration: underline}
.docs li{ padding-left:15px; list-style:inside}

.llista li{ color: #ffb60f; padding-bottom:6px; padding-left:25px; list-style:inside}
.llista li a{color:#999; }
.llista li a:hover{ text-decoration: underline; color: #ffb60f; }

/* FOOTER------------------------*/
#footer {clear:both; height:250px; border-top:#fff dotted 1px; color:#FFFFFF }
/*
#pie{width:780px; clear: both; padding:10px; background: #663333; color:#fff; bottom:0px; position: fixed; z-index:25; left:50%; margin-left:-400px;}
#pie{width:100%; height:700px; clear: both; background: #663333; color:#fff; bottom:0px; position: fixed; z-index:1; 
		background:transparent url(../imatges/bg-inici-bottom.jpg) repeat-x; background-position:bottom;}
*/

/* per les capes de imatges de fons ----------------*/
#extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, span {position:absolute;}
#extraDiv1 {background:transparent url(../imatges/bg-inici-top.jpg) repeat-x scroll ; height:878px; left:0px; top:0px; width:100%; z-index:1;}
#extraDiv2 {clear:left; background:transparent url(../imatges/bg-inici-bottom.jpg) repeat-x; height:700px; left:0; 
			top:70em; width:100%; z-index:2;}
			
span{ position:inherit}	/* --------per la galeria de imatges els spans que monstren el número de les imatges */	

.logos{margin:10px 10px; border-bottom:#ccc dotted 1px; padding-bottom:15px; overflow:hidden}
.logos li {margin:2px;padding:0; float:left; list-style:none}
.logos li a{float:left; padding:4px; border:#999999 dotted 1px; margin:4px; text-decoration:none;}

.destacat {padding:10px; border:#FFB60F dotted 1px}