/**************************** GENERAL *****************************/

body{
	margin: 0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center; 
	background: #E8E8E8 url(../img/back.jpg) repeat-x;
}

li{
	font-size: 10px;
	}

.clr{
	clear: both;
	}

div#main_container{
	width: 950px;
	sheight: 884px;
	border-left: 1px solid #772311;
	border-right: 1px solid #772311;
	border-top: 1px solid #772311;
	background: #FFF url(../img/fondo.gif) no-repeat top left;
	margin: 0 auto;
	sborder: 1px solid blue;
	}

a:link, a:visited{
	color: #FFF;
	padding-left: 10px;
	padding-right: 5px;
	text-decoration: none;
	background: url(../img/arrow.gif) no-repeat center left;
	font-size: 12px;
	}
	
a:hover, a:active, a:focus{
	background: url(../img/arrow_mo.gif) no-repeat center left;
	text-decoration: underline;
	}

h3{
	text-align: left;
	padding-left: 4px;
	color: #772311;	
	}

h4{
	text-align: left;
	margin-bottom: 0;
	margin-top: 4px;
	color: #772311;	
	}

label{
	font-size: 10px;
	color: #772311;
	}

/**************************** HEADER *****************************/

	
div#logo{
	width: 100%;
	height: 87px;
	background: #FFF;
	margin-top: 25px;
	text-align: right;
	}

div#logo a{
	padding: 0px;
	}

/****************************** BODY *******************************/	

/*div#menu{
	background: #D02433;
	width: 495px;
	float: left;
	color: #FFF;
	height: 16px;
	text-align: right;
	padding-top: 2px;
	}
*/
div#menu {
background:#D02433 none repeat scroll 0 0;
color:#FFFFFF;
float:left;
height:16px;
padding-right:5px;
padding-top:2px;
text-align:right;
width:514px;
}
/******** LA IZQUIERDA **********/

div#left{
	height: 650px;
	width: 133px;
	float: left;
	margin-top: 85px;/*para img1 */
	margin-top: 65px;
	text-align: right;
	sborder: 1px solid black;
	}
	
div#mod_newsletter{
	width: 125px;
	height: 45px;
	background: #772311;
	margin-bottom: 15px;
	padding-top: 5px;
	text-align:left;
	float: right;
	border:1px solid #000;
	}
div#mod_enquesta{
	width: 125px;
	height: 275px;
	background: #D02433;
	text-align: left;
	margin-bottom: 15px;
	margin-top: 50px; /* quitar con img1 */
	padding-top: 10px;
	float: right;
	}

div#rightenquesta, div#rightenquesta table td {
	color: #FFF;
	font-size: 10px;
	margin-top: 10px;
	margin-left: 15px;
	}
	
/*
div#leftmain{
	width: 122px;
	height: 465px;
	background: url(../img/paginas/default.jpg) no-repeat bottom right;
	}

div#leftactivitats{
	width: 122px;
	height: 465px;
	background: url(../img/paginas/default.jpg) no-repeat bottom right;
	}
	
div#leftcirculars{
	width: 122px;
	height: 465px;
	background: url(../img/paginas/circulars.jpg) no-repeat bottom right;
	}

div#leftformacio{
	width: 122px;
	height: 465px;
	background: url(../img/paginas/default.jpg) no-repeat bottom right;
	}

div#leftnormatives{
	width: 122px;
	height: 465px;
	background: url(../img/paginas/normatives.jpg) no-repeat bottom right;
	}

div#leftpremsa{
	width: 122px;
	height: 465px;
	background: url(../img/paginas/default.jpg) no-repeat bottom right;
	}

div#leftavisos{
	width: 122px;
	height: 465px;
	background: url(../img/paginas/default.jpg) no-repeat bottom right;
	}

div#leftcontacte{
	width: 122px;
	height: 465px;
	background: url(../img/paginas/default.jpg) no-repeat bottom right;
	}

div#leftenllazos{
	width: 122px;
	height: 465px;
	background: url(../img/paginas/default.jpg) no-repeat bottom right;
	}

div#leftnovetats{
	width: 122px;
	height: 465px;
	background: url(../img/paginas/default.jpg) no-repeat bottom right;
	}

div#leftlaec{
	width: 122px;
	height: 465px;
	background: url(../img/paginas/default.jpg) no-repeat bottom right;
	}

div#leftescoles{
	width: 122px;
	height: 465px;
	background: url(../img/paginas/default.jpg) no-repeat bottom right;
	}

div#leftdocuments{
	width: 122px;
	height: 465px;
	background: url(../img/paginas/default.jpg) no-repeat bottom right;
	}	

div#leftresultados{
	width: 122px;
	height: 465px;
	background: url(../img/paginas/default.jpg) no-repeat bottom right;
	}

div#leftnewsletter{
	width: 122px;
	height: 465px;
	background: url(../img/paginas/default.jpg) no-repeat bottom right;
	}
	
div#leftlogin{
	width: 122px;
	height: 465px;
	background: url(../img/paginas/default.jpg) no-repeat bottom right;
	}
*/

/******** CONTENT **********/	

div#content{
	sheight: 465px;
	width: 636px;
	margin-left: 13px;
	float: left;
	margin-top: 59px;
	margin-bottom: 20px;
	}

div#cont_normatives, div#cont_circulars, div#cont_premsa, div#cont_activitats, div#cont_formacio, 
div#cont_novetats, div#cont_avisos, div#cont_contacte, div#cont_enllazos, div#cont_escoles,
div#cont_documents, div#incl_resultados, div#cont_newsletter, div#cont_login, div#cont_videos,
div#cont_laec{
	width: 100%;
	float: left;
	background: url(../img/pixeltrans80.png)!important;
	background: #FFF;
	filter: alpha(style=0 opacity=80);
	}

div#cont_normatives p{
	padding: 10px;
	text-align: justify;
	}

div#main{
	float: left;
	sborder: 1px solid blue;
	}
		
div#main_circulars, div#main_normatives, div#main_notes, div#main_activitats, div#main_formacio, div#novetats {
	width: 96%;
	border: 1px solid #CC3333;
	text-align: left;
	padding: 4px;
	float: left;
	background: url(../img/pixeltrans.png);
	margin-bottom: 8px;
	}

table#circulars, table#normatives, table#premsa, table#activitats, table#formacio, table#novetats, table#contacte, table#enllazos, table#escoles, table#escol, table#documents{
	font-size: 10px;
	width:95%;
	}
td.titolvideos,td.textovideos,
td.titol, td.texto {
width: 40%;
}

table#videos{width:100%;}
td.titolvideos,
h2.titolvideos{
color:#772311;
font-weight:bold;
padding:0;
font-size:11px;
}
td.textovideos,
p.textovideos{
font-weight:bold;
padding:0;
font-size:10px;
padding-bottom:10px;
clear:right;
}
div.videos_enlace_over,
div.videos_enlace{display:block;padding:2px;background:none; cursor:pointer;width:95%;min-height:100px;}
div.videos_enlace_over{background:transparent url('../img/fondo-video.png') top left  repeat;}
div.videos_enlace_over img,
div.videos_enlace img{float:left; border:0px; margin:4px 2px;}
div.videos_enlace_over div.info_videos,
div.videos_enlace div.info_videos{float:left; width:455px;}

table#circulars td.titol a:link, table#circulars td.titol a:visited, table#normatives td.titol a:link, table#normatives td.titol a:visited,
table#premsa td.titol a:link, table#premsa td.titol a:visited, table#novetats td.titol, table#enllazos td.titol a:link, table#enllazos td.titol a:visited,
table#escoles a:link, table#escoles a:visited{
	color: #772311;
	font-weight: bold;
	text-decoration: none;
	background: transparent;
	padding: 0;
	}

table#circulars td.titol a:active, table#circulars td.titol a:focus, table#circulars td.titol a:hover, table#normatives td.titol a:active, table#normatives td.titol a:focus, table#normatives td.titol a:hover,
table#premsa td.titol a:active, table#premsa td.titol a:focus, table#premsa td.titol a:hover, table#enllazos td.titol a:hover, table#enllazos td.titol a:active, table#enllazos td.titol a:focus,
table#escoles a:hover, table#escoles a:active, table#escoles a:focus {
	text-decoration: underline;
	}
	
.fecha{
	color: #772311;
	width: 10%;
	}
	
.texto{
	text-align: justify;
	}

.emph{
	font-weight: bold;
	}

table#activitats td.titol {
	font-size: 12px;
	font-weight: bold;
	}


div#main_normatives{
	background: url(../img/pixeltrans80.png);
	}

div#main_notes{
	background: url(../img/pixeltrans60.png)!important;
	background: #FFF;
	filter: alpha(style=0 opacity=60);
	}

div#main_activitats{
	background: url(../img/pixeltrans40.png)!important;
	background: #FFF;
	filter: alpha(style=0 opacity=40);
	}

div#main_formacio{
	background: url(../img/pixeltrans20.png)!important;
	background: #FFF;
	filter: alpha(style=0 opacity=20);
	}

div.iniciotext, div.contenttext{
	position: relative;
	z-index: 2;
	padding-left: 15px;
	}

div#cont_avisos div.contenttext{
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
	}
	
div.titulo_rojo a:link, div.titulo_rojo a:visited{
	color: #CC3333;
	text-transform: uppercase;
	padding: 0;
	background: transparent;
	font-weight: bold;
	}

div.titulo_blanco a:link, div.titulo_blanco a:visited{
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 0;
	background: transparent;
	}

ul.main{
	list-style-position: outside;
	margin: 2px;
	margin-left: 0px!important;
	margin-left: 15px;
	padding-left: 15px!important;
	padding-left: 0px;
	text-align: left;
	}
		
li.main{
	list-style-type: square;
	font-size: 10px;
	padding-bottom: 10px!important;
	padding-bottom: 5px;
	text-transform: uppercase;
	}

table#contacte td a.sinarrow:link, table#contacte td a.sinarrow:visited, table#contacte td a.sinarrow:active,
table#contacte td a.sinarrow:hover, table#contacte td a.sinarrow:focus, 
table#enllazos td a.sinarrow:link, table#enllazos td a.sinarrow:visited, table#enllazos td a.sinarrow:active,
table#enllazos td a.sinarrow:hover, table#enllazos td a.sinarrow:focus{
	background: transparent;
	padding: 0px;
	}
a.sinarrow:link, a.sinarrow:visited, a.sinarrow:active,
a.sinarrow:hover, a.sinarrow:focus {
	background: transparent;
	padding: 0px;
	color: #811D29;
	}

table#laec{
	margin-top: 30px;
	margin-bottom: 30px;
	width:95%;
	}

table#laec td.tab a{
	background: none;
	padding: 0;
	}

table#laec td.tab{
	border-bottom: 1px solid #D02432;
	}

table#laec td.bbot{
	border-bottom: 1px solid #D02432;
	width:40%;
	}

table#laec td.lbody{
	border-left: 1px solid #D02432;
	border-right: 1px solid #D02432;
	border-bottom: 1px solid #D02432;
	padding-top: 25px;
	padding-bottom: 25px;
	}

table#laec td.lbody p{
	font-size: 10px;
	padding-top: 5px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: justify;
	}

table#laec a.tab{
	background: transparent;
	color: #782211;
	padding: 0;
	}

table.organigrama td {
	font-size:10px;
	}
	
table.organigrama{
	margin-left:12px;
	}

/*** ESCOL POP-UP ***/

div#escol{
	background: #FFF;
	text-align: right;
	}

table#escol{
	background: #FFF url(../img/pu_fondo.jpg) no-repeat bottom right;
	text-align: left;
	}

/******** MODULOS A LA DERECHA **********/	

div#right{
	height: 850px;
	width: 168px;
	position: relative;
	top: 0px;
	right: 0px;
	float: right;
	margin-top: -16px;
	text-align: left;
	}

div#mod_activitat{
	width: 136px;
	height: 185px;
	background: #D02433;
	margin-bottom: 15px;
	padding-top: 5px;
	padding-left: 15px;
	}

div#mod_login{
	width: 134px;
	height: 125px;
	background: #782211;
	border: 1px solid #000;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-left: 10px;
	}

div#mod_login td{
	font-size: 10px;
	color: #FFF;
	}

div#mod_login td input#username, div#mod_login td input#password {	
	width: 100px;
	}

input#username, input#password{
	border: 1px solid #000;
	}
	
table#login td{
	font-size: 10px;
}

div#mod_rightmenu{
	width: 151px;
	height: 132px;
	background: #D02433;
	margin-bottom: 15px;
	padding-top: 2px;
	}

div#rightactivitat{
	color: #FFF;
	font-size: 10px;
	text-align: left;
	}

span#mod_titol{
	font-weight: bold;
	font-size: 12px;
	}

span#mod_fecha{
	font-size: 10px;
	}

div#rightactivitat a:link, div#rightactivitat a:visited,
div#rightactivitat a:hover, div#rightactivitat a:active, div#rightactivitat a:focus {
	text-align: left;
	background: none;
	padding-left: 0;
	margin: 0;
	font-size: 10px;
	}

div#rmenu_items, div#rightnewsletter, div#rightactivitat{
	margin-top: 12px;
	}

div#rmenu_items a, div#rightnewsletter a, div#rightactivitat a{
	display: block;
	margin: 0px 0px 8px 13px;
	}


div#mod_buscador{
	width: 149px;
	height: 84px;
	background: #782211;
	border: 1px solid #000;
	margin-bottom: 15px;
	color: #FFF;
	}

div#rightbuscador{
	margin-left: 15px;
	margin-top: 10px;
	font-size: 12px;
	}
	
input.searchkey{
	width: 100px;
	border: 1px solid #000;
	}

input.button{
	border: 1px solid #000;
	background: #E8E8E8;
	cursor: hand;
	font-size: 10px;
	}

div#mod_rss{
	width: 143px;
	height: 206px;
	background: #E8E8E8;
	margin-bottom: 15px;
	padding: 8px 4px 4px 4px;
	}

div#mod_rss a:link, div#mod_rss a:visited{
	color: #000;
	padding-left: 0;
	padding-right: 0;
	text-decoration: none;
	background: transparent;
	font-size: 11px;
	}
	
div#mod_rss a:hover, div#mod_rss a:active, div#mod_rss a:focus{
	background: transparent;
	text-decoration: underline;
	}

div#pregunta{
	font-size: 12px;
	}

div#radiobuttons{
	text-align: left;
	margin-left: -4px;
	}



	
/**************************** FOOTER *****************************/

div#footer{
	width: 950px;
	height: 45px;
	position: relative;
	float: left;
	background: #FFFFFF;
	sborder:1px solid red;
	border-left: 1px solid #772311;
	border-right: 1px solid #772311;
	margin-left: -1px;
	}

div#footermenu{
	width: 100%;
	height: 20px;
	background: #FFF;
	text-align: left;
	}

div#footermenu img{
	margin-right: 10px;
	}

div#footermenu a:link, div#footermenu a:visited, table.contenttable a:link, table.contenttable a:visited{
	color: #772311;
	padding-left: 12px;
	padding-right: 13px;
	text-decoration: none;
	background: url(../img/arrow2.gif) no-repeat center left;
	}
	
div#footermenu a:hover, div#footermenu a:active, div#footermenu a:focus,
table.contenttable a:hover, table.contenttable a:active, table.contenttable a:focus{
	background: url(../img/arrow2_mo.gif) no-repeat center left;
	text-decoration: underline;
	}

div#footercredits{
	width: 100%;
	height: 22px;
	color: #FFF;
	padding-top: 3px;
	background: #811D29;
	}

div#creaccredits{
	text-align:right;
	}

div#creaccredits a:link, div#creaccredits a:visited{
	color: #000;
	background: none;
	font-size: 10px;
	}

/**************************** NAVIGACION DE PAGINAS *****************************/
/*
td.pagnav{
	text-align: center;
	}

td.pagnav a:link, td.pagnav a:visited{
	background: transparent;
	color: #772311;
	padding: 0px;
	}

td.pagnav a:hover, td.pagnav a:active, td.pagnav a:focus {
	background: transparent;
	}
*/
td.result{
	padding-left: 10px;
	}

td.result a:link, td.result a:visited, td.result a:hover, td.result a:active, td.result a:focus {
	padding: 0;
	background: transparent;
	}