/* CSS Document */

*{margin:0;padding:0;}

body{
background-color: #6F91DE;
font-family:Geneva, Arial, Helvetica, sans-serif; 
font-size:0.9em;
}

p{margin: 10px 15px 0px 15px; line-height:1.5em; padding-left:2px; }
ul, li{margin: 10px 10px 0px 15px; line-height:1.5em; padding-left:2px;}


H1{color:#254993;
	font-size:1.2em;
	line-height:2em;
	padding: 20px 0 5px 15px;
}

H2{font-size:1em;
	padding: 15px 0 10px 15px;
	line-height:1.5em;
}
H3{
	line-height:1em;
	font-weight:bold;
	font-size:0.9em;
	font-style:normal;
	color: #244892;
	border-bottom:1px solid #244892; 
	border-left: 2px solid #244892;
	margin: 30px 15px 0 15px;
	padding-left:2px;
	padding-bottom:1px;
}

a {color:#254993;}
a:hover {color:#7F007F;}
a:visited {color:#333333;}

img {border: 2px solid #663333;}

.clear {clear:both;}
.forta { font-weight: bold;}
.migforta {color:#244892; font-weight:bold;}
.centrat {text-align:center;}
.sagnat {padding-left: 20px;}
.petita{font-size:0.7em;}
.blanca{color: #6F91DE;}

#flashcontent{background-color:#FFFFFF;height:100%;}
#taulatecles { width:80%;margin: 10px auto;}
#taulatecles table, td, th{ border-collapse:collapse; border: 1px solid #6F91DE; padding:0;}
#taulatecles tr {line-height:1.5em;}


#tot{width:90%; margin: 10px auto auto auto; padding-left:15px; border: 0px solid black;}
#contenidor {
	position:relative;
	width: 100%; 
	margin: 10px auto auto 10px;
	min-height: 600px;
	height:auto !important;
	height:600px;
	overflow: visible;
}

#logo  {font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; 
		color: white; 
	position:absolute;
	left:-37px;
	top:10px;
	z-index: 4;		
	}
#logo .titol1 {font-size: 2em;
	margin: 0;
	padding:0;
	line-height:1.5em; 
	display:block;
	font-weight:bold;
	color: #FFFFFF;}	
#logo .titol2 {font-size:1em;
	margin: 0;
	padding: 0;
	font-weight:bold;
	line-height:1em; 
	display:block;
	color:#FFFFFF;}
#logo a, a.hover {text-decoration: none; color: #FFFFFF; }
	
#bib{}

#bib p{margin: 5px 15px 0px 15px; line-height:1.2em;}	
	
#esquerra{width: 290px; position:absolute;left:0;z-index:3;
	height: 387px;
	background: transparent url(../imatges/alleta3.jpg) no-repeat;
	background-color: #6F91DE;
	border: 3px solid #003399;
}
	
#dreta{position: absolute; left:288px;
 min-width:402px; max-width:700px;  margin-top:17px; margin-left:-8px; z-index:7;}


#dretadalt{	background-color:#FFFFFF;
	margin-top:0;
	padding-bottom:20px;
	border: 3px solid  #003399; 
	min-height: 400px;
	height:auto !important;
	height:400px;
	 }	

#peufinal {
	min-height: 50px;
	height:auto !important;
	height:50px;
	margin-bottom:1px;
	font-size:0.8em;
	line-height: 0.8em;
	color: #FFFFFF;
	text-align:right;
	z-index:8;
 }
 
#peufinal a {color:#FFFFFF; text-decoration:underline;}

/*-------menu vertical ----*/

#navcontenidor{
position:absolute;
left:-24px;
top:170px;
margin-left: 5px;
padding-bottom:0;
margin-bottom:0;
width: 80px;
z-index:5;
}

#navlist
{

width:80px;
margin-left:10px; /*la meitat del width per a que la vora quedi centrada*/
border-left: 4px solid #6F91DE;
border-right: 0px dotted red;
padding-bottom:0;
margin-bottom:0;


}
#navlist ul
{
position: relative;
margin-left:-45px; 
width:100%; /*per a IE, sinó només es veu la meitat*/
padding-bottom:0;
margin-bottom:0;

}

#navlist li
{
list-style-type: none;
text-align: left;
margin-top:20px;
margin-bottom:20px; /*alçada línia de separació*/
background-color:#FFFFFF;
width:10em; /*afegir amplada*/

}

#navlist li a
{
color: #6F91DE;
color: #3468D0; /* per la lletra del menu */
color: #254993;
/*border: 1px solid #D6DFF7;
border-top: 2px solid #D6DFF7;
border-bottom: 2px solid #D6DFF7;*/
text-decoration: none;
font-weight:bold;
display:block; padding-left:5px;
}

#navlist li a:hover
{
color: #990099;
/*border: 1px solid #6F91DE;
border-top: 2px solid #6F91DE;
border-bottom: 2px solid #6F91DE;*/
}

.icones{display:inline; margin-left: 30px;}
.icones img{border:none;}

.cols{overflow:visible;margin:0;padding:0;}

.col1 {float:left;margin:0 0 0 5px; }
.col2 {float:left;margin:0 0 0 0px;}


.cols li{margin:0;list-style-position:inside;
line-height:25px;}

hr {width:80%;color:#3399FF; background-color: #3399FF; 
margin:0;
margin-left:30px;
margin-top:1px;}


/* Holly hack for IE \*/
* html #navcontenidor,
* html #sizer,
* html #navlist { height: 0; }
* html #peullarga { height: 100px; }
* html hr {margin-left:-55px;padding-left:0;margin-top:0px;}
/* */

/* estil de l'opció actual del menu de navegacio */
#index #menu1 a {color: #FFFFFF; background-color:#6F91DE;}
#exit #menu2 a {color: #FFFFFF; background-color:#6F91DE;}
#faq #menu3 a{color: #FFFFFF; background-color:#6F91DE;}
#alimentacio #menu4 a{color: #FFFFFF; background-color:#6F91DE;}
#doula #menu5 a{color: #FFFFFF; background-color:#6F91DE;}
#enllacos #menu6 a {color: #FFFFFF; background-color:#6F91DE;}
#biblio #menu7 a {color: #FFFFFF; background-color:#6F91DE;}
#guia #menu8 a {color: #FFFFFF; background-color:#6F91DE;}
#album #menu9 a {color: #FFFFFF; background-color:#6F91DE;}
#contacte #menuQ a {color: #FFFFFF; background-color:#6F91DE;}



/*-------fi menu vertical ----*/

/*
=Start table structure - taula de llibres a la pàgina Bibliografia
*/
#Summary, #Caption {
	width: 28em;
}

.tableStyle {
	width: 90%;
	margin: 1em 0 1em 15px;
	border-width: 1px 0 1px 0;
	border-collapse: collapse;
}

.tableStyle th, .tableStyle td {
	border-width: 1px 0 1px 0;

	padding: 0.2em;
}
.tableStyle caption {color:#333366; display:none;}
/*
=End table structure
*/

/*
=Start grey colour scheme
*/
.greyScheme, .greyScheme th, .greyScheme td {
	border-color: #6F91DE;
}

.greyScheme .even {
	background-color: white;
}
/*primera fila*/
.greyScheme th, .greyScheme thead td {
	background-color: white;
}
/*primera columna*/
.greyScheme th.firstColumn {
	background-color: white; text-align: center; width: 30%;
}
.greyScheme th.segona {
	background-color: white; text-align: left; width: 70%;
}
.greyScheme td.firstColumn {background-color:white; text-align:center;}



/*
=End grey colour scheme
*/