@charset "utf-8";
* { margin:0; padding:0; outline:0; border:0; }
body { background-color:#e2e5e7;}


/* ********************************************************************* */
/* ***************************CSS ESTRUCTURA *************************** */
/* ********************************************************************* */
#tot_contingut { 
	background-color:white;
	position:absolute;
	top:10px; height:auto; /* marge superior */
	left:50%; margin-left:-485px; width:970px; /*centrat*/ }
#capsalera {
	background-color:white;
	width:970px; height:auto;  }
#menu {  
	background-color:white; background-image:url('menu_fons.gif');
	background-repeat:no-repeat; 
	width:200px; min-height:370px; height:auto; float:left; }
#cos { 
	background-color:white; background-image:url('cos_fons.gif');
	background-repeat:no-repeat; background-attachment:fixed; background-position:right bottom;
	width:770px; min-height:370px; height:auto; float:left; }
#peu {
	background-color:transparent; background-image:url('peu_fons.gif'); background-repeat:no-repeat;
	width:770px; margin-left:200px; clear:left;
	} 
.popup {
	background-color:#ecf6ec; 
	position:absolute;
	width:auto; height:auto; max-width:400px; visibility:hidden;
}


/* ********************************************************************* */
/* ***************************CSS DISSENY *************************** */
/* ********************************************************************* */
div.hidden { display:none; }
div.visible { display:inline; }


/* ************************** */
/* ***** MENU I SUBMENU ***** */
/* ************************** */
#menu h2 { /* opcions principals */
	padding-top:10px; padding-left:22px;
	font-size:14px; font-weight:bold; font-family:Georgia, Helvetica, Arial, sans-serif;
	color:#335599; text-indent:0px; }
#menu h3 { /* opcions del menu */
	padding-left:24px;
	font-size:12px; font-weight:normal; font-family:Georgia, Helvetica, Arial, sans-serif;
	line-height:20px; text-indent:10px; letter-spacing:1px; }
#menu h3 a { color:black; text-decoration:none; }
#menu h3 a.selected { color:red; }
#menu h3 a:hover { font-weight:bold; }


#cos table#submenu { /* submenu */
	padding-bottom:10px;
	font-size:12px; font-weight:normal; font-family:Georgia, Helvetica, Arial, sans-serif;
	font-weight:bold; text-transform:uppercase;
	letter-spacing:1px; }
#cos table#submenu td { width:150px; overflow:hidden; text-align:center; }
#cos table#submenu a { color:#335599; text-decoration:underline; }
#cos table#submenu a.selected { color:red; }


/* ***** *** ***** */
/* ***** COS ***** */
/* ***** *** ***** */
#cos h1 { /* titol */ 
	padding-top:24px; padding-left:48px; padding-right:24px; padding-bottom:14px;
	font-size:14px; font-weight:bold;  font-family:Georgia, Helvetica, Arial, sans-serif; 
	color:black; letter-spacing:4px; }
#cos h1 img {  /* index.php: titol fet amb imatges */
	text-align:center; }
#cos h2 { /* subtitol */
	padding-top:10px; padding-left:48px; padding-right:24px; padding-bottom:10px;
	font-size:14px; font-weight:bold; font-family:Georgia, Helvetica, Arial, sans-serif; 
	color:#335599; letter-spacing:2px; }	
	
	
#cos h3 { /* text normal */
	padding-left:24px; padding-right:24px; padding-bottom:10px;
	font-size:14px; font-weight:normal; font-family:Georgia, Helvetica, Arial, sans-serif; 
	color:black; line-height:18px; text-align:justify; }
#cos h3.quote { font-style:italic; } /* cita */
#cos h3.despl { padding-left:48px; } /* text desplaçat */
#cos h3 img { 
	padding-left:24px; padding-right:24px; padding-top:10px; padding-bottom:10px;
	float:right; } 
#cos h3 a { text-decoration:underline; }
#cos h3 span.definicio { color:green; font-weight:bold; text-decoration:underline; }
#cos h3 ul { padding-left:24px; } 
#cos h3 table.horaris { font-size:12px; }
#cos h3 table.horaris td.col1 {
	padding-left:48px; padding-top:12px; padding-right:12px;
	font-weight:bold; text-align:right; border-right:1px solid #e3e3e5; }
#cos h3 table.horaris td.col2 {
	padding-left:12px; padding-top:12px; padding-right:12px;
	text-align:left; }


.popup h4 { /* text de les finestres de definicions */
	padding:10px 10px 10px 10px;
	font-size:10px; font-weight:normal; font-family:Georgia, Helvetica, Arial, sans-serif;
	border:solid 1px black; color:black; text-align:justify;
	}


#comarribar #cos div#text { width:350px; height:auto; float:left; text-align:center; }
#comarribar #cos div#mapa { width:420px; height:auto; float:left; text-align:center; }
#fotos #cos div#miniatures { width:300px; height:auto; float:left; text-align:center; }
#fotos #cos div#ampliacio { width:470px; height:400px; line-height:400px; float:left; text-align:center; }
#fotos #cos div#ampliacio img { vertical-align:middle; }
/* #lloguer #cos div#galeria { text-align:center; } */


/* ***** *** ***** */
/* ***** PEU ***** */
/* ***** *** ***** */
#peu h3 { /* text del peu */
	padding-top:10px; padding-bottom:10px; padding-left:24px;
	font-size:12px; font-weight:normal; font-family:Georgia, Helvetica, Arial, sans-serif;
	color:#3e3e40; text-align:center; }