/***********************************************/
/* Aquest estil s'aplica a les pàgines principals de cada secció                            */
/* del lloc www.ccooensenyament.net         */
/***********************************************/

/*TOT CENTRAT*/

#contenidor{ margin:0 auto;	padding:0;width:950px; text-align:left; vertical-align: middle;}
/*barra de busqyeda a l'esquerra*/
.cercador{ float:right; margin-top:5px; padding:0px 0px 0px 0px; margin-right:-90px; width:257px; }
/*icono rss de busqyeda a l'esquerra*/
.rss{float:left; border:0px;  margin-top:5px; margin-left:2px; margin-right:12px; }
	
/* Buscador: canvi de color i lupa de fons */

.formulari{ background:#ffffff url(http://www.ccooensenyament.net/imatges/lupa_buscar.gif) no-repeat  0% 50%; width: 125px; height:17px; border-top: 1px solid #9da5ad; border-right: 1px solid #cbd6dc; border-bottom: 1px solid #cbd6dc; border-left: 1px solid #9da5ad; font-size:0.8em; margin:1px 0px 8px 0px; padding:0px 0px 0px 19px; line-height:17px; }	
.formulari:focus{ background: #fbea7f url(http://www.ccooensenyament.net/imatges/lupafocus.gif) no-repeat  0% 50%;}

/*


/* CAPA DEL MENU SUPERIOR HORITZONTAL */
	
	#barra , #barraIndex{ background:transparent url(http://www.ccooensenyament.net/imatges/barra.png) no-repeat top left; margin:3px 0 4px 5px; padding:0px; width:937px; height:34px; line-height:normal; }
		/* Navegacio */
	
	.solidblockmenu{
	margin: 0px 0 0px 40px;
	padding:0;
	float: left;
	font-size:13px;
	font-weight:bold;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	width: 900px;
	border:0px solid #FF0000;
	}
	
	.solidblockmenu li{
	padding:0px;
	margin:0px; 
	display: inline;
	}
	.solidblockmenu ul{
	margin:0px; padding:0px;}
	
	
	.solidblockmenu li a{
	float: left;
	color: #2b5a90;
	padding: 6px 15px 12px 15px;
	margin:0px;
	text-decoration: none;
	background:  transparent url(http://www.ccooensenyament.net/imatges/menCenter1.png) center left no-repeat;
	}
	
	.solidblockmenu li a:visited{
	color: #2b5a90;
	}
	
	.solidblockmenu li a:hover, .solidblockmenu li .current{
	margin-top:0px;
	color: #2b5a90;
	background: transparent url(http://www.ccooensenyament.net/imatges/menCenterRoll.gif) top center repeat-x;
	}
	



/* calendari sota els div amb info */

.calendari{
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	font-size: 9px;
	color: #999999;
	text-indent: 5px;
	text-align: right;
	white-space: normal;
	margin-top: 2px;
	margin-bottom: 4px;
	padding-top: 2px;
	padding-bottom: 4px;
	height: auto;
	width: auto;
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url(http://www.ccooensenyament.net/imatges/mini_calendari.gif);
}

/* ESTILS DELS FREQUADRES ACORDEon */


.mypets, .titulo_menu{
	cursor: hand;
	cursor: pointer;
	padding: 2px 5px;
	border: 1px solid gray;
	background: #E1E1E1;
	list-style-type: none;
}

.caja_info, .caja_info2{
    cursor: hand;
	cursor: pointer;
	padding: 2px 5px;
	background: #E1E1E1;
	list-style-type: none;
	FONT-WEIGHT: bold;
	FONT-SIZE: 13pt;
	PADDING-BOTTOM: 3px;
	COLOR: #666666;
	PADDING-TOP: 3px;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	BACKGROUND-COLOR: #CCCCCC;
	text-align: left;
	text-indent: 15px;
	list-style-type: circle;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	border-top-width: thin;
	border-right-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
}

 .technology2{ /*botó que he col·locat a la part superior de la pàgina*/
cursor: hand;
cursor: pointer;
padding: 1px 5px;
border: 1px solid gray;
background: #999999;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
background: #FFE19D;
}

.technology { /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 10px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}


/* WEB fer requadres redondeats  http://ponguapotublog.blogspot.com/2006/11/bordes-redondeados-solo-con-css.html*/




/* nou css per menu tab desplegable*/
td.gilTab_taboff {
	background-color: #E8E8FD;
	color: #fff;
	background-image: url(../ccooense06/imatges/background_menuitem_shadow.gif);
	background-repeat: repeat;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #666666;
 
}
td.gilTab_tabon {
	background-color: #ffd038;
	background-image: url(../ccooense06/imatges/linia_menu1.gif);
	background-repeat: repeat;
	border-top-width: thin;
	border-right-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-left-color: #666666;
 

}
td.gilTab_tabmouseover {
	background-color: #fff;
	color: #000098;
	background-image: url(../ccooense06/imatges/background_menuitem_shadow2.gif);
	background-repeat: repeat;
	cursor: hand;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
 }
 
 
 /*  Menu expandir-lo   color anterior de menu  E8E8FD*/
 

 ul#menu {
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	border-top: 1px solid #b9a894;
	margin: 0;
	padding: 0;
	background-color: #999999;
	border-bottom: 1px solid #B9A894;
	list-style-type: none;
	border-right: 2px dotted #666666;
	width: 100%;
}

ul#menu ol {
	display: none;
	text-align: left;
	list-style-type: none;
	margin: 0;
	padding: 1px;
	BACKGROUND-COLOR: #FBF2EE;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CC0000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
	width: 100%;
}



ul#menu li {
	border-bottom: 1px solid #b9a894;
	line-height: 15px;
	list-style-type: none;
	list-style-position: inside;
	list-style-image: url(http://www.ccooensenyament.net/imatges/noticies3.gif);
	background-color: #F2FECF;
	text-indent: 3pt;
}

ul#menu ol li {
	background-color: #FEFAED;
	list-style-type:none;
	list-style-image: none;
	text-indent: 5pt;
	list-style-position: outside;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #3F4C6B;
}

ul#menu a:hover {
	color: #CC0000;	
}

ul#menu a.active {
	COLOR: #333333;
	font-size: 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-left-style: dotted;
	border-top-color: #666666;
	border-right-color: #666666;
	border-left-width: 1px;
	border-left-color: #666666;
	padding: 1px 2px 2px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	background-color: #CDEB8B;
	margin-right: 3px;
	margin-left: 3px;
}

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 


body{
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	color: #333333;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-color: #FFFFFF;
	font-size: 11px;
}
TD {
	FONT-SIZE: 9pt;
	COLOR: #000000;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
}
a {
	color: #000000;
	text-decoration: none;
}

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

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

a:hover{
	color: #750000;
	text-decoration: underline;
}
a:active {
	COLOR: #000066; TEXT-DECORATION: none
}
h1{
 font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
 font-size: 114%;
 color: #CC3009;
 margin: 0px;
 padding: 0px;
}

h3{
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	font-size: 100%;
	color: #334d55;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

h4{
 font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
	list-style-type: disc;
	text-align: left;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/***********************************************/
/* Components                                  */
/***********************************************/
#navBar{
	float: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #F5F4F3;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #cccccc;
	border-bottom-color: #666666;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #6666FF;	
}

/* fix for browsers that don't need the hack */
html>body #navBar li {
	
	width: auto;
}
#navBar_vigents {

	float: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFCC;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

/*********** #sectionLinks styles ***********/

#sectionLinks{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 10px;
	background-position: left center;
	list-style-type: none;
}
#destacats {
	margin: 3px 8px 12px 3px;
	padding: 4px 10px 10px 4px;
	font-size: 98%;
	background-position: left top;
	color: #000000;
	text-align: left;
	text-indent: 2pt;
	vertical-align: baseline;
	top: 0px;
	background-color: #F9FCFF;
	line-height: 130%;
	border: 2px dotted #E9E4E2;
}
#destacats ol li{
	list-style-type: circle;	
}


#sectionLinks h3{
	padding: 2px 2px 2px 2px;
	text-indent: 4px;
}

#sectionLinks a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 2px;
}

#sectionLinks a:hover{
	background-color: #F4E2E2;
	
}




#navBar2 {

	float: left;
	width: 20%;
	margin: 0px;
	padding: 0px;
	background-color: #F0EEE2;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.requadre{
	
	border-right: 2px dashed #6262A4;
	border-bottom: 2px solid #6262A4;
}



.fuente8b {
	FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: verdana,arial,helvetica
}
.fuente8 {
	FONT-SIZE: 8pt;
	FONT-FAMILY: verdana, arial, helvetica;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
}
.fuente10 {
	FONT-SIZE: 12pt;
	FONT-FAMILY: verdana,arial,helvetica;
}
.titcol {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12pt;
	COLOR: #333333;
	FONT-FAMILY: verdana, arial, helvetica;
	BACKGROUND-COLOR: #f3f1d1;
	line-height: normal;
	text-decoration: blink;
}
.titcolnoborde {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; BACKGROUND-IMAGE: url(images/ftcolv3.jpg); COLOR: #333333; FONT-FAMILY: verdana,arial,helvetica; BACKGROUND-COLOR: #f3f1d1
}
.nvi {
	BACKGROUND-COLOR: #f9f7ea
}
.nvi2 {
	BACKGROUND-IMAGE: url(images/ftcolv3.jpg); BACKGROUND-COLOR: #f3f1d1
}
.titcol2 {
	BORDER-RIGHT: #b1b1b1 1px solid; BORDER-TOP: #b1b1b1 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 10pt; BORDER-LEFT: #b1b1b1 1px solid; COLOR: #333333; BORDER-BOTTOM: #b1b1b1 1px solid; FONT-FAMILY: verdana,arial,helvetica; BACKGROUND-COLOR: #f3f1d1
}
.caja1, .caja2 {
	FONT-SIZE: 10pt;
	COLOR: #333333;
	FONT-FAMILY: verdana,arial,helvetica;
	list-style-image: url(http://www.ccooensenyament.net/imatges/fletxadreta.gif);
	list-style-type: none;
	border-bottom: 1px dotted #666666;
}



.b1, .b2, .b3, .b4, .b5, .b6 {
	
	FONT-SIZE: 10pt;
	COLOR: #333333;
	PADDING-TOP: 3px;
	PADDING-BOTTOM: 3px;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	BACKGROUND-COLOR: #f6f6ff;
	background-repeat:  repeat-x;
	background-position: left;
	text-indent: 4pt;
}
.b1 {
	BACKGROUND-IMAGE: url(http://www.ccooensenyament.net/imatges/fons_linia.gif);
	BACKGROUND-COLOR: #F9F7ED;
}
.b3 {
	
	BACKGROUND-COLOR: #FAE9DA;
}
.b4 {
	background-image: url(http://www.ccooensenyament.net/imatges/linia_blava.gif);
}
.b5 {
	background-image: url(http://www.ccooensenyament.net/imatges/linia_gris.gif);
}
.b6 {
	COLOR: #000000;
	PADDING-TOP: 1px;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	BACKGROUND-COLOR: #EBEBEB;
	text-indent: 4pt;
	padding-bottom: 1px;
}
.b7 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 13pt;
	BACKGROUND-IMAGE: none;
	PADDING-BOTTOM: 3px;
	COLOR: #FFFFFF;
	PADDING-TOP: 3px;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	BACKGROUND-COLOR: #EBD0B4;
	text-align: center;
}
.b8 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	COLOR: #333333;
	PADDING-TOP: 3px;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	BACKGROUND-COLOR: #f6f6ff;
	background-image: url(http://www.ccooensenyament.net/imatges/fons_quadre.gif);
	background-repeat:  repeat-x;
	background-position: left;
	text-align: center;
	width: auto;
	height: auto;
	margin-right: 0px;
}
.bdia {
	FONT-WEIGHT: bold;
	FONT-SIZE: 8pt;
	COLOR: #FFFFFF;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	BACKGROUND-COLOR: #CC0000;
	text-indent: 4pt;
}

.b_noticies_dia {
	text-indent: 4pt;
	list-style-position: inside;
	list-style-image: url(http://www.ccooensenyament.net/imatges/fletxeta.gif);
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CC0000;
	border-right-color: #CC0000;
	border-bottom-color: #FFFFFF;
	border-left-color: #CC0000;
}

.b_clic {
	FONT-WEIGHT: bold;
	FONT-SIZE: 8pt;
	COLOR: #FFFFFF;
	PADDING-TOP: 3px;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	BACKGROUND-COLOR: #CC0000;
	background-repeat:  repeat-x;
	background-position: left;
	margin-left: 3px;
	padding-left: 4px;
}
.b_titol_noticies_dia {
	FONT-WEIGHT: bold;
	FONT-SIZE: 13pt;
	BACKGROUND-IMAGE: none;
	PADDING-BOTTOM: 3px;
	COLOR: #000000;
	PADDING-TOP: 3px;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	BACKGROUND-COLOR: #FDF8E3;
	text-align: left;
	text-indent: 15px;
	list-style-type: circle;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #990000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #990000;
}
.b_titol_general, .b_titol_publica, .b_titol_lleure, .b_titol_privada, .b_titol_laborals, .b_titol_poliedu, .b_titol_municipal, .b_titol_interins{
	
	FONT-WEIGHT: bold;
	FONT-SIZE: 13pt;
	PADDING-BOTTOM: 3px;
	COLOR: #666666;
	PADDING-TOP: 3px;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	BACKGROUND-COLOR: #EEEEEE;
	text-align: left;
	text-indent: 15px;
	list-style-type: circle;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	border-top-width: thin;
	border-right-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
	text-decoration: none;
}
.b_titol_publica {
	
	BACKGROUND-C