/* CSS Document */

* {margin: 0; padding: 0;} /* selector universal */

body {
	margin:0 auto;
	width:  800px;
	height: 865px;
	background: url(../images/fons_main.gif) repeat scroll left top ;
	/*scrollbar-3dlight-color:#663333;
    scrollbar-arrow-color:#D42E25;
    scrollbar-base-color:#F0F0F0;
    scrollbar-darkshadow-color:#F0F0F0;
    scrollbar-face-color:#A6A6A6;
    scrollbar-highlight-color:whitesmoke;
    scrollbar-shadow-color:#663333;*/
}

#pagina {
	 position:relative;
}

#logo_psc {
	position:absolute;
    top: 65px; 
	left: -1px;
	width:  92px;
	height: 92px;
	background: url(../images/logo_psc.gif) no-repeat left top;
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
	z-index:3;
}

#logo_escola {
	position:absolute;
    /*top: 55px; 
	left: -75px;*/
	top: -10px; 
	left: -10px;
	width:  149px;
	height: 76px;
	background: url(../images/logo_escola_home.gif) no-repeat left top;
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
	z-index:4;
}

#capcalera {
	position:absolute;
    top: -5px; 
	left: -2px;
	width: 800px;
	height:150px;
	background: url(../images/fons_header.jpg) no-repeat left top;
	z-index:2;
}

#capcalera #banner{
	position:absolute;
    top: 20px; 
	left: 150px;
	width: 450px;
	height: 76px;
	background: url(../images/banner.gif) no-repeat left top;
	filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;
	z-index:3;
}

#capcalera #ddtopmenubar{
	position:absolute;
    top: 100px; 
	left: 70px;
	width: 570px;
	height: 76px;
	z-index:4;
}

#capcalera #contacta{
	position:absolute;
    top: 15px; 
	left: 610px;
	width: 180px;
	height: 76px;
	background:url(../images/icon_contact.png) no-repeat top right;
	font: 12px Trebuchet MS;
	color: #d42e25;
	z-index:3;
}

#capcalera #contacta a{
	color:#663333;
	text-decoration:none;
}

#capcalera #contacta a:hover{
    color: #d42e25;
    text-decoration: underline;
}


#capcalera p {
	list-style-type: none;
	padding-left: 0.3em;
	padding-top: 0.3em;
	color:#0033FF;
}

#capcalera #contacta p {
	list-style-type: none;
	padding-left: 0.3em;
	padding-top: 0.1em;
	color: #d42e25;
}

#lateral {
	width: 195px;
	height: 560px;
	position:absolute;
	top: 73px; 
	left: 613px;
	background: url(../images/fons_lateral.jpg) no-repeat left top;
	z-index:3;
}

#lateral ul{
	padding-left: 0.3em;
	padding-top: 0.3em;
}

#lateral li {
	padding-left: 0.5em;
	padding-top: 0.3em;
	list-style-type:none;
}

#lateral a {
    font: 14px Trebuchet MS;
}

#lateral a:link {
    font: 14px Trebuchet MS;
	color: #FFFFFF;
	text-decoration:none;
}

#lateral a:visited {
    font: 14px Trebuchet MS;
	color: #FFFFFF;
	text-decoration:none;
}


#lateral a:hover {
	color: #FFFF00;
	text-decoration:underline;
}

#lateral form {
	color: #FFFFFF;
	background:url(../images/fons_acces_personal.gif) repeat-x;
	margin-top:2px;
	border:1px solid #fff;
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
	/*font: normal 12px "Bitstream Charter", Verdana,Arial,serif;*/
	padding-left: 0.5em;
	padding-right: 0.5em;
}

#lateral fieldset {
    color: #FFFFFF;
	font:14px Trebuchet MS;
	padding-bottom: 0.5em;
	border:0px;
	border-bottom: 0px dotted #4e2e2c;
}

#lateral legend {
    color: white;
	width:155px;
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
	background: black url(../images/titlebar-active.png) repeat-x center left;
}

#lateral .boton
{
   BORDER-LEFT: #CCCCCC 0px solid; 
   BORDER-RIGHT: #635D87 0px solid; 
   BORDER-TOP: #CCCCCC 0px solid; 
   BORDER-BOTTOM: #635D87 0px solid;
   background:url(../images/fons_boto_menu.png) repeat-x;;
   font:14px Trebuchet MS;
   COLOR: #fff; 
}

#contingut {
	/*background-color: #fff;*/
	/*background: url(images/fons_content.jpg) no-repeat left top;*/
	color: #333;
    /*width: 661px;*/
	/*height:442px;*/
    /*float:left;*/
	/*padding-left: 0.5em;
	padding-top: 1.6em;*/
	position:relative;
	top:143px;
	left:-6px;
	z-index:1;
}

#contingut .header{
    background: url(../images/fons_header_content.jpg) no-repeat left top;
	border: 0px dotted #000000;
	z-index:1;
	position: relative;
	top:0px;
	left:4px;
	width: 800px;
	height:20px;
}

#contingut .content{
    background: url(../images/fons_body_content.jpg) repeat-y left top;
	border: 0px dotted #000000;
	position: relative;
	z-index:1;
	left:4px;
	top:0px;
	width: 800px;
	height: 580px;
	
}

#contingut .footer{
    background: url(../images/fons_footer_content.jpg) no-repeat left top;
	border: 0px dotted #000000;
	position: relative;
	bottom:0px;
	left:4px;
	width: 800px;
	height: 18px;
}

#contingut .noticies{
    position:relative;
	left: 2px;
	top: 0px;
	float:left;
	padding-left: 0.3em;
}

#contingut .noticies p {
    text-align:left;
	color:#333333;
	font-family:Verdana;
	font-size:12px;
}

#contingut .agenda{
    position:absolute;
	left: 270px;
	top: -25px;
	padding-right: 0.3em;
	padding-top: 1.6em;
}

#contingut h2{
	padding-left: 0.3em;
	padding-top: 1.3em;
	display:block;
}

#contingut p{
	padding-left: 0.3em;
	padding-top: 0.3em;
	display:block;
	color:#333333;
	font-family:Verdana;
	font-size:12px;
}

#contingut .texte{
	padding-left: 0.3em;
	margin-left: 0.3em;
	padding-top: 0.1em;
	display:block;
	color:#333333;
	font: 12px Verdana;
}

#contingut .texte_taula{
	padding-left: 0.3em;
	margin-left: 0.3em;
	padding-top: 0.1em;
	color:#333333;
	font: 12px Arial;
}

#contingut .texte_petit{
	padding-left: 0.3em;
	margin-left: 0.3em;
	padding-top: 0.1em;
	/*display:block;*/
	color:#333333;
	font: 12px Arial;
}

#contingut .titol{
    padding-left: 0.5em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	display:block;
	color: #000000;
	font: bold 12px Verdana;
}

#contingut .titol_taula{
	padding-left: 0.3em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	color:#333333;
	font: 12px Arial;
	font-weight:bold;
}

#contingut .titolroig {
    padding-left: 0.3em;
    font: 12px Verdana;
    color: #D42E25;
}

#contingut a {
    font:bold 12px Verdana;
	color:#663333;
    text-decoration:none;
}
#contingut a:hover {
	color: #d42e25;
	text-decoration:underline;
}

#peu {
	position:absolute;
	padding-top:1.3em;
	padding-left:1.3em;
	color:#FFFFFF;
	font:normal 14px Trebuchet MS;
    top: 752px; 
	left: -4px;
	width: 780px;
	height:90px;
	background: url(../images/fons_footer.jpg) no-repeat left top;
	z-index:1;
}

#peu #seccio{
   float: left;
   border: 0px dotted #999999;
   width: 360px;
   padding-top: 0.2em;
   padding-left: 0.2em;
   padding-right: 0.5em;
}
#peu a:link {
 	color: #FFFFFF;
	text-decoration:none;
}

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

#peu a:hover {
	color: #FFFF00;
	text-decoration:underline;
}