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

body {
	font-family:Verdana;
	font-size: 10pt;
	margin-top:0px;
	background-color:#CCCCCC;
}

td,th {
	font-family:Verdana;
	font-size: 10pt;
	background-color:#FFFFFF;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 36px;
	color:#FFFFFF;
	font-weight:bold;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color:#000066;
	font-weight:bold;
}

/*LINKS*/

#sotacos a:link {
	color: #FF6633;
	text-decoration:none
}

#sotacos a:hover {
	color: #FF6633;
	font-weight:bold;
	text-decoration:none
}

#sotacos a:link:visited {
	color: #FF6633;
	text-decoration:none
}

#sotacos a:hover:visited {
	color: #FF6633;
	font-weight:bold;
	text-decoration:none
}


#sotacos a:visited {
	color: #FF6633;
	text-decoration:none
}




/*PRIMER LES SECCIONS PRINCIPALS*/



#capsa{
width:950px;
border: 1px #000099 solid;
border-top:  0px;
background-color:#FFFFFF;
}

#header{
	background-color:#000099;
}

.titol{
float:left;
text-align:center;
width:890;
height:120px;
}

.imatge{
float:right;
height:120px;
}

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

#sotacos{
width: 950px;
background-color:#FFFFFF;
/*border: 1px #000066 solid;
border-top:  0px;*/
	/*border:#000000 solid 1px;
	margin-top:20px;*/
}

#botonets{
float:left;
background-color:#CCCCFF;
width:950px;
height:30px;
}



.boto{
font:Arial, Helvetica, sans-serif;
line-height:30px;
font-size:12px;
border-right: 1px solid #000066;
padding-left:5px;
padding-right:5px;
height:30px;
float:left;
}

.botoactiu{
font:Arial, Helvetica, sans-serif;
line-height:30px;
font-size:12px;
font-weight:bold;
background-color:#FFFFFF;
border-right: 1px solid #000066;
padding-left:5px;
padding-right:5px;
height:30px;
float:left;
}

a.boto {
line-height:30px;
font-size:12px;
border-right: 1px solid #000066;
font:Arial, Helvetica, sans-serif;
padding-left:5px;
padding-right:5px;
height:30px;
float:left;
text-decoration:none;
}

a.boto:link{
line-height:30px;
font-size:12px;
border-right: 1px solid #000066;
font:Arial, Helvetica, sans-serif;
padding-left:5px;
padding-right:5px;
height:30px;
float:left;
text-decoration:none;
}

a.boto:hover{
font:Arial, Helvetica, sans-serif;
line-height:30px;
font-size:12px;
border-right: 1px solid #000066;
background-color:#FFFFFF;
padding-left:5px;
padding-right:5px;
height:30px;
float:left;
text-decoration:none;
}

a.boto:visited{
font:Arial, Helvetica, sans-serif;
line-height:30px;
font-size:12px;
border-right: 1px solid #000066;
padding-left:5px;
padding-right:5px;
height:30px;
float:left;
text-decoration:none;
}

a.boto:link:visited{
font:Arial, Helvetica, sans-serif;
line-height:30px;
font-size:12px;
border-right: 1px solid #000066;
padding-left:5px;
padding-right:5px;
height:30px;
float:left;
text-decoration:none;
}

a.boto:hover:visited{
font:Arial, Helvetica, sans-serif;
line-height:30px;
font-size:12px;
border-right: 1px solid #000066;
padding-left:5px;
padding-right:5px;
height:30px;
float:left;
text-decoration:none;
}


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

#dreta {
	text-align:left;
	float:right;
	width: 650px;
	margin:10px;
	margin-left:0px;
}

#iguals{
	text-align: left;
	float: left;
	width: 450px;
	margin:10px;
	margin-right: 5px;
}


#d3{
	text-align: left;
	float: left;
	width: 315px;
	margin:10px;
	margin-right: 5px;
}



#menubox {
	position: relative;
	width: 200px;
}

.menuactiu {
	text-decoration: none;
	display: block;
	margin-bottom: 1px;
	padding: 3px;
	width: 200px;
	text-align: left;
	border-bottom:1px dashed #000000;
	color: #FFFFFF;
	background-color: #000066;
	border-right: 3px solid #CCCCFF;
	}
	
#menubox a.menu{
	text-decoration: none;
	display: block;
	margin-bottom: 1px;
	padding: 3px;
	width: 200px;
	text-align: left;
	border-bottom:1px dashed #000000;
	color:#000066;
	}

#menubox a.menu:link {
	color:#000066;
	background-color:#FFFFFF;
	border-right: 3px solid #000066;
	text-shadow: #999 0px 2px 2px;
}
	
#menubox a.menu:visited {
	color: #000066;
	background-color: #FFFFFF;
	border-right: 3px solid #000066;
	text-shadow: #999 0px 2px 2px
}

#menubox a.menu:hover {
	color: #000066;
	background-color: #CCCCFF;
	border-right: 3px solid #000066;
}


.cautomatic{
width:auto;
text-align:justify;
background-color:#EEEEEE;
border-bottom: 1px solid #000066;
/*border-top: none;*/
padding:5px;
}

.ccapsa{
width:auto;
text-align:justify;
border: 1px solid #000066;
border-top: none;
padding:5px;
}

.ccapsaltres{
width:auto;
text-align:justify;
border: 1px solid #FF6633;
border-top: none;
padding:5px;
}

.ctitol{
width:auto;
padding:5px;
font-weight:bold;
color:#000066;
background-color:#CCCCFF;
border: 1px solid #000066;
border-bottom:none;
}

.ceditorial{
width:auto;
padding:5px;
font-weight:bold;
text-align:center;
color:#FFFFFF;
background-color:#000066;
border: 1px solid #000066;
border-bottom:none;
}

.caltres{
width:auto;
padding:5px;
font-weight:bold;
text-align:center;
color:#FFFFFF;
background-color:#FF6633;
border: 1px solid #FF6633;
border-bottom:none;
}

.cimatges{
width:auto;
text-align:justify;
border: 1px solid #000066;
background-color:#CCCCCC;
text-align:center;
/*border-top: none;*/
padding:5px;
}

.primer{
width:auto;
text-align:left;
padding:5px;
background-color:#CCCCFF;
border-bottom:10px solid #000066;;
}

table.cam {
	border-width: 0px;
	background-color: white;
	width:100%;
}

table.cam th{
	border-width: 0px;
	background-color: white;
/*	width:100%;*/
}

table.cam td{
	border-width: 0px;
	background-color: white;
/*	width:100%;*/
}

.subcolumnaA{
width: 310px;
float:left;
}

.subcolumnaB{
width: 310px;
float:right;
}

.blanc{
background-color:#FFFFFF;
}


.davall{
color:#000066;
}




.clear {
	clear: both }


.style1 {font-weight: bold}
.style3 {color: #FFFFFF}