body {
font-family: Arial, Helvetica, sans-serif;
background-color:black;
color:#575353;
margin:0 auto;
}

#dhtmltooltip {
    border: 2px solid black;
    color: black;
    padding: 10px;
    position: absolute;
    text-align: justify;
    visibility: hidden;
    width: 250px;
    z-index: 100;
}

div#contenidor {
width:955px;
margin:0 auto;
padding-bottom:10px}

div#contenidor_gran {
    margin: 0 auto;
    padding-bottom: 10px;
    width: 1195px;
}

.titular_ects {
	margin:0px 0px 20px 40px;
}

.titular_serveis_01 {
font-size:2.5em;
color:#E20A16}

.titular_serveis_02 {
font-size:2em;
color:#E20A16}

.subtitular_serveis_02 {
    color: #E20A16;
    float: right;
    font-size: 1.5em;
    margin-right: 120px;
}

div#dhtmltooltip {
    background: none repeat scroll 0 0 rgba(164, 208, 232, .95) !important;
    border: 1px dashed #333333;
    color: black;
    text-align: left;
	font-size:0.8em;
}

a.tooltip_hover:hover {
	cursor: help;
}

/******COLORS******/
.blanc_1, a.blanc_1:link, a.blanc_1:visited {color:white}
.blau_1, a.blau_1:link, a.blau_1:visited {color:#0083D7}
.vermell_1, a.vermell_1:link, a.vermell_1:visited {color:#E20A16}
.taronja_01, a.taronja_01:link, a.taronja_01:visited {color:#FC7216;} 
.rosa_1, a.rosa_1:link, a.rosa_1:visited {color:#DC0067}


.f_rosa_1 {background-color:#C95E65}
.f_gris_1 {background-color:#575353}
.f_groc_1 {background-color:#FFF1B4}
.f_blanc_1 {background-color:#FFFFFF}


div.separador_h_1 {
height:30px;
background:transparent url(fons_02.gif) left center repeat-x;
margin-right:10px
}

div.separador_h_1_home {
height:10px;
background:transparent url(fons_02.gif) left center repeat-x;
margin-right:10px
}

div.separador_h_2 {
height:15px;
background:transparent url(fons_02.gif) left bottom repeat-x;
}

.ratlla_horitz_01 {
background:url(ratlla_01.gif) repeat-x left;
height:3px;
padding:5px 0;
}

/***************MARGES***********/

.espaiat_8_6_5_10 {padding:8px 6px 5px 10px}
.espaiat_5_10_5_40 {padding:5px 10px 5px 40px}
.espaiat_dreta_30 {padding-right:30px}
.per_esquerra_30 {margin-left:30px !important;}
.per_esquerra_150 {margin-left:150px}
.per_dreta_150 {margin-right:150px}
.per_esquerra_120 {margin-left:220px}

.marges_peu_serveis {margin:0 auto;}


/********ALÇADES i AMPLADES*********/

.h_10 {height:10px}
.h_40 {height:40px}
.h_100 {height:100px}
.h_150 {height:150px}
.h_205 {height:205px}
.h_240 {height:240px}
.w_660 {width:660px}
.w_220 {width:220px}
.h_70 {height:70px}
.w_150 {width:260px}
.w_200 {width:200px}

/************VINCLES*******/
a, a:active, a:link, a:visited {color:#ffffff; text-decoration:underline;}
a:hover {text-decoration:none;}

a.menu_serveis:link, a.menu_serveis:visited  {
color:white;
font-size:1.1em;
background:#9C9A9A url(fletxa_01.gif) 180px 10px no-repeat ;
}

a.menu_serveis:hover  {
background:#00A09F url(fletxa_02.gif) 180px 10px no-repeat;
}

a.menu_serveis {
display:block;
padding:5px;
}

a.menu_serveis_participar:link, a.menu_serveis_participar:visited  {
color:white;
font-size:1.1em;
background:#9C9A9A url(fletxa_01.gif) 280px 10px no-repeat ;
}

a.menu_serveis_participar:hover  {
background:#00A09F url(fletxa_02.gif) 280px 10px no-repeat;
}

a.menu_serveis_participar {
display:block;
padding:5px;
}


a.home:link, a.home:visited {color:#464241; text-decoration:none}
a.home:hover{color:#058CE3;text-decoration:underline}
 
 
a.veure_mes:link, a.veure_mes:visited {
background:#575353 url(fons_01.gif) no-repeat right;
color:white;
font-size:0.8em;
padding-right:30px;
}

h2.subtitular_gris {
font-weight:bold;
font-size:14px;
margin-bottom:5px}

h2.subtitular_rosa {
font-weight:bold;
font-size:15px;
margin-bottom:5px;
color:#DC0067}

/*Colors*/
.c_blau {color:#0083D7}
.c_vermell{color:#E20A16}
.c_taronja {color:#FC7216;} 

ul {line-height:1.5em;}
ul li {line-height:1.5em;}

.marges_peu_serveis {
    margin: 0 auto;
}

.peu_serveis {
    padding-bottom: 15px;
    width: 955px;
	text-align: center;
}

html,body { height: 100%; margin: 0px; padding: 0px; } 

div.columna-ects-estiu-titol {
    /*background-color: #91B918;*/
	background: rgba(164, 208, 232, .9);
    border-radius: 30px;
    float: left;
    height: auto;
    margin-right: 40px;
    margin-top: 20px;
	margin-left: 10px;
    text-align: left;
    width: 96%;
	padding: 20px 10px 10px;
}

div.columna-ects-estiu {
    /*background-color: #91B918;*/
	background: rgba(164, 208, 232, .9);
    border-radius: 30px;
    float: left;
    height: auto;
    margin-right: 40px;
    margin-top: 15px;
	margin-left: 10px;
    text-align: left;
    width: 98%;
	padding: 0px 0px 10px;
}

div.col-estiu{
	width:30%;
	float:left;
	margin:10px;
	color:white;
}

div.col-estiu h2{
	font-weight:bold;
}
div.col-estiu p{
	margin:2px 0px !important;
}

div.mesinfo{
	float:right;
	margin-right:40px;
}

div.organitza{
	float:left;
}

div.ects-cultura {
    /*background-color: #91B918;*/
	background: rgba(180, 206, 93, 1);
    border-radius: 30px;
    float: left;
    /*height: auto;*/
    min-height: 430px;
    margin-right: 40px;
    margin-top: 20px;
    text-align: left;
    width: 95%;
	padding: 20px 10px 10px;
}

div.ects-cultura h1 {
	/*color: #91B918;*/
	color: rgba(131, 165, 25, 1);
}

div.ects-fas {
    /*background-color: #8F3236;*/
	background: rgba(177, 122, 115, 1);
    border-radius: 30px;
    float: left;
    height: auto;
    margin-right: 40px;
    margin-top: 20px;
    text-align: left;
    width: 95%;
    padding: 20px 10px 10px;
    min-height: 315px;
}

div.ects-fas h1 {
	/*color: #8F3236;*/
	color: rgba(122, 43, 45, 1);
}

div.ects-observatori {
    /*background-color: #656799;*/
	background: rgba(148, 149, 184, 1);
    border-radius: 30px;
    float: left;
    height: auto;
    margin-right: 40px;
    margin-top: 20px;
    text-align: left;
    width: 95%;
	padding: 20px 10px 10px;
	min-height:50%;
	min-height: 470px;
}

div.ects-observatori h1 {
	/*color: #656799;*/
	color: rgba(90, 91, 137, 1);
}

div.ects-participacio {
    /*background-color: #E12621;*/
	background: rgba(233, 99, 101, 1);
    border-radius: 30px;
    float: left;
    height: auto;
    margin-right: 40px;
    margin-top: 20px;
    text-align: left;
    width: 95%;
	padding: 20px 10px 10px;
	min-height: 190
px;
}

div.ects-participacio h1 {
	/*color: #E12621;*/
	color: rgba(199, 36, 31, 1);
}

div.ects-saf {
    /*background-color: #FABC20;*/
	background: rgba(253, 209, 101, 1);
    border-radius: 30px;
    float: left;
    height: auto;
    margin-right: 40px;
    margin-top: 20px;
    text-align: left;
    width: 95%;
	padding: 20px 10px 10px;
min-height: 550px;
}

div.ects-saf h1 {
	/*color: #FABC20;*/
	color: rgba(222, 167, 32, 1);
}

div.ects-llengues {
    /*background-color: #0085C5;*/
	background: rgba(82, 171, 215, 1);
    border-radius: 30px;
    float: left;
    height: auto;
    margin-right: 40px;
    margin-top: 20px;
    text-align: left;
    width: 95%;
	padding: 20px 10px 10px;
min-height: 271px;
}

div.ects-llengues h1 {
	/*color: #0085C5;*/
	color: rgba(0, 119, 176, 1);
}

div.ects-tc {
    /*background-color: #1FA22E;*/
	background: rgba(31, 162, 46, .7);
    border-radius: 30px;
    float: left;
    height: auto;
    margin-right: 40px;
    margin-top: 20px;
    text-align: left;
    width: 95%;
	padding: 20px 10px 10px;
	min-height: 157px;
}

div.ects-tc h1 {
	color: #1FA22E;
}

div#contenidor-global {
	width:100%;
	margin:0 auto;
	background-color: black;
}

#contenidor-global p {
	font-family: Arial;
	font-size:0.8em;
	color: white;
	/*line-height: 12px;*/
	padding:0px;
	margin:0px;
}

#contenidor-global h1 {
	font-family: Arial;
	font-size:1.2em;
	margin-bottom: 1em;
}

div.columna-ects {
	width:31%;
	margin:0 auto;
	padding:0px 10px;
	float:left;
}

p.titol {
	font-weight:bold;
	margin:5px 0px;
}

#sanefa_sup {
    left: 9px;
    overflow: hidden;
    position: relative;
    top: 54px;
    width: 98%;
}

#sanefa_inf {
    left: 9px;
    overflow: hidden;
    position: relative;
    bottom: 53px;
    width: 98%;
}