/* Aquest es el full d'estils per la web del CENTRE ENRIC D'OSSÓ */

body,td,th {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin-top:0px;
}

body {
/*	background-color:#6699CC;*/
	background-color: #ffffff;
}

h1 {
	font-size: 36px;
	color:#000066;
	font-family: Arial Narrow, Trebuchet MS, MS Sans Serif;
	font-weight:bold;
}

h2 {
	font-size: 24px;
	color:#000066;
}

h3 {
	font-size: 16px;
	color:#000066;
	font-weight:bold;
}

h4 {
	font-size: 14px;
	color:#000066;
	font-weight:bold;
}

/*PRIMER LES SECCIONS PRINCIPALS*/


#total{
width: 900px;
}

#capsa{
width:850px;
background-color:#FFFFFF;
}

#header{
	width: 850px;
	height: 125px;
}

#cos{
width: 850px;
/*border: 1px #000066 solid;
border-top:  0px;*/
	border:#000000 solid 1px;
	margin-top:20px;
}

.ratllah{
	position: absolute;
	top: 155px;
	width:100%;
	height:5px;
	background-image:url(imatges/horitzontal.png);
	background-repeat:repeat-x;
	z-index:1;
}

.ratllav{
	position: absolute;
	top: 0px;
	width:30px;
	height:100%;
	background-image:url(imatges/vertical.png);
}

.boto{
font-size:12px;
font:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
padding-top:5px;
padding-left:5px;
padding-right:5px;
height:25px;
float:left;
border-bottom:5px solid #FF0000;
}

a.boto:link{
font-size:12px;
font:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
padding-top:5px;
padding-left:5px;
padding-right:5px;
height:25px;
float:left;
border-bottom:5px solid #FFCC00;
}

a.boto:hover{
font-size:12px;
font:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#FFCC00;
font-weight:bold;
padding-top:5px;
padding-left:5px;
padding-right:5px;
height:25px;
float:left;
border-bottom:5px solid #FFFFFF;
}

a.boto:visited{
font-size:12px;
font:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
padding-top:5px;
padding-left:5px;
padding-right:5px;
height:25px;
float:left;
border-bottom:5px solid #FFCC00;
}

a.boto:visited:hover{
font-size:12px;
font:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#FFCC00;
font-weight:bold;
padding-top:5px;
padding-left:5px;
padding-right:5px;
height:25px;
float:left;
border-bottom:5px solid #FFFFFF;
}

.bbotonets{
position:relative;
width:auto;
height:30px;
z-index:2
}


#esquerra {
	text-align: left;
	float: left;
	width: 400px;
	margin:10px;
	padding-top:5px;
/*	border:#000000 solid 1px;*/
	}

#dreta {
	text-align:left;
	float:right;
	width: 390px;
	margin: 10px;
	margin-left:0px;
	padding:5px;
/*	background-color:#CCCCFF;*/
	line-height: normal;
/*	border:#000000 solid 1px;*/
}


#ample{
/*	display:block;*/
/*	background-color:#FFFFFF;*/
	/*top:250px;*/
	/*left:100px;*/
	padding-top:10px;
	padding-bottom:10px;
	width:810px;
	text-align:left;
	border:solid 1px #000000;
/*	height:332px;*/
/*	position: absolute;*/
}

#footer{
position:relative;
color:#FFFFFF;
text-align:center;
display:block;
width:100%;
height: 30px;
font-weight:bold;
line-height:30px
}


.titol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#000066;
	height: 80px;
	width: 800px;
	position: absolute;
	left: 0px;
	top: -3px;
	visibility: visible;
}
.imatgecapcal {
	height: 180px;
	width: 800px;
	left: 0px;
	top: 10px;
	position: absolute;
	visibility:inherit;
}
.bototitol {
	height: 116px;
	width: 422px;
	left: 378px;
	top: 8px;
	position: absolute;
	visibility: visible;
}

.barramenu {
	height: 25px;
	width: 800px;
	position: absolute;
	left: 0px;
	top: 180px;
}

#header a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#header a:visited {
	text-decoration: none;
	color: #FFFFFF;
}


.text1{
padding:5px;
display: block;
}

.text2{
padding:5px;
background:#EEEEEE;
}


.clear {
	clear: both }

.sotasota{
font-size:9px;
}

/*Aqui començo a definir arees*/

a:link {
	color: #000066;
	font-weight:bold;
	text-decoration:none
}
a:visited {
	color: #000066;
	font-weight:bold;
	text-decoration:none
}