p {margin-bottom:10px; !important
margin-top:10px !important}

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

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

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

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

.caixa_serveis {
width:215px;
line-height:1.3em;
}

.llista_caixa_serveis {
background: url(fons_05.gif) no-repeat;
border:3px solid #9C9A9A;
padding:5px 3px 2px 5px}

.llista_caixa_serveis ul {
margin:0;
padding:0}


.llista_caixa_serveis li {
margin:2px 20px;
padding:0;
list-style-image: url(punt_04.gif)}


.llista_serveis_relacionats{
margin:2px -10px;
padding:0;
list-style-image: url(punt_04.gif)
}

.caixa_estudiar {
position:absolute;
top:-50px;
margin-left:10px;
z-index:1;
}

.caixa_viure {
position:absolute;
top:-80px;
margin-left:240px;
z-index:1
}

.caixa_gaudir {
position:absolute;
top:239px;
margin-left:35px;
z-index:1
}

.caixa_participar{
position:absolute;
top:175px;
margin-left:265px;
background:#9C9A9A url(fletxa_01.gif) 280px 8px no-repeat ;
width:315px;
line-height:1.3em;
z-index:1
}


.llista_caixa_serveis_gran {
background: url(fons_06.gif) no-repeat;
border:3px solid #9C9A9A;
padding:5px 3px 2px 5px}

.llista_caixa_serveis_gran ul {
margin:0;
padding:0}


.llista_caixa_serveis_gran li {
margin:3px 20px;
padding:0;
list-style-image: url(punt_04.gif)}


div#taula_home_serveis {
background: url(fons_serveis_02.gif) no-repeat;
width:949px;
height:615px;
position:absolute;
z-index:0;
top:225px;
}



div#text_rodona {
position:absolute;
top:35px;
width:100px;
margin-left:500px;
text-align:center;
color:#575353;
font-size:12px}

div#serveis_avui {
position:absolute;
top:-36px;
margin-left:657px;
width:292px;
color:#575353;
}

.serveis_avui_fons {background:url(fons_serveis_03.gif) no-repeat top}
.serveis_avui_fons_02 {background:url(fons_serveis_04.gif) repeat-y left bottom}

.quadrat_vermell {
background:url(punt_05.png) no-repeat left;
padding-left:10px}

#fons_persones {
position:absolute;
top:408px;
margin-left:151px;
z-index:2}

#fons_persones2 {
position:absolute;
top:414px;
margin-left:151px;
z-index:2}

/***********************************
************INTERIOR SERVEI**********
***********************************/

.nom_servei {
background:url(fletxa_03.gif) no-repeat right;
padding:5px 20px 5px 0;
font-size:1.3em}

div#fons_interior_serveis {
background:#FFFFFF url(fons_serveis_06.gif) no-repeat top;
padding:15px;
height:1%
}

.fons_interior_serveis_taula {background:url(fons_serveis_06.gif) 0 40px no-repeat}

h2.titular_servei {
font-size:1.4em;
background:url(fletxa_04.gif) no-repeat left;
padding-left:15px;
color:#FFFFFF}

a.pujar:link, a.pujar:visited   {
color:#FC7216;
/*background:url(../img/fletxa_05.png) 4px 0 no-repeat ;*/
padding-top:10px;

text-decoration:none
}

div#quadrat_blanc_01 {background:url(fons_serveis_10.gif)  left bottom;
width:295px;
height:21px}

div#quadrat_blanc_02 {background:url(fons_serveis_09.gif) center repeat-y ;
width:295px}

div#quadrat_blanc_03 {background:url(fons_serveis_08.gif) top  no-repeat ;
width:295px}

.llista_quadrat_blanc ul {
margin:0;
padding:0}


.llista_quadrat_blanc li {
margin:3px 20px;
padding:0;
list-style-image: url(punt_06.gif);
line-height:1.8em;
font-size:1.2em}

.fons_serveis_interior {
background:url(fons_serveis_07.gif) top left no-repeat;
width:291px;
}

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

div#text_rodona_interior {
padding-top:35px; width:80px; padding-left:95px; padding-bottom:30px}

/***********************************
************CATEGORIA SERVEI**********
***********************************/

div#fons_categoria {background:#FFFFFF url(fons_serveis_cate.gif) 80px 5px no-repeat;
height:191px;
padding-bottom:10px
}

h2.titular_catego_servei {
font-size:1.4em;
background:url(flexta_15.gif) no-repeat left;
padding-left:15px;
color:#0083D7}

div#fons_categoria_serveis {
background:#FFFFFF url(fons_serveis_11.gif) no-repeat top;
padding:15px}


.logo_etc_interior {background:url(logotip_12.gif) left no-repeat;
width:250px;
height:122px;
margin:40px 0 90px 10px }

/******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_150 {margin-left:150px}
.per_dreta_150 {margin-right:150px}
.per_esquerra_120 {margin-left:220px}

.marges_peu_serveis {margin:620px auto 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:link, a:visited {color:#000000}

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;
}

.menu_serveis2{
	line-height: 1.3em;

	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;

	font-size: 1.3em;
	color: white;
	background:#9C9A9A url(fletxa_01.gif) 180px 10px no-repeat ;
}

p.menu_serveis2 { margin:0px;}

.menu_serveis_participar2{
	line-height: 0.80em;
	padding-top: 10px;
	padding-left: 10px;
	font-size: 1.3em;
	color: white;
}

.caixa_veure_mes {
border:1px solid #FFFFFF;
padding:5px 5px 5px 5px;
background:#575353;
margin-top:10px;
width:120px
}


a.v_categoria:link, a.v_categoria:visited {
color:#DC0067;
text-decoration:none;
font-weight:bold;
}

a.v_categoria:hover {
text-decoration:underline;
font-weight:bold;
color:#464241
}

a.ico_pdf:link, a.ico_pdf:visited {
background:url(pdf_ico_petit.gif) left no-repeat;
padding-left:20px;
color:#E20A16;
/*text-decoration:none !important;*/
}

/*a span.ico_pdf, span.ico_pdf a{
color:#E20A16;
text-decoration:none !important;
}*/

a.ico_word:link, a.ico_word:visited {
background:url(word-ico.gif) left no-repeat;
padding-left:20px;
color:#E20A16;
/*text-decoration:none;*/
}
/*a span.ico_word, span.ico_word a{
color:#E20A16;
text-decoration:none;
}*/

.cell_espera{ background-color:#FFFF99; color:#000000; }
.cell_acceptat{ background-color:#009933; color:#FFFFFF; }
.cell_nacceptat{ background-color:#FF0000; color:#FFFFFF; width:100px;}

a.ico_ppt:link, a.ico_ppt:visited {
background:url(ico-ppt.gif) left no-repeat;
padding-left:20px;
color:#E20A16;
/*text-decoration:none;*/
}
/*a span.ico_ppt, span.ico_ppt a{
color:#E20A16;
text-decoration:none;
}*/


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;}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {  display: none !important;}

.sIFR-hasFlash span.titular_home_1, span.sIFR-hasFlash .titular_home_2 {visibility: hidden;}



/*#############################################*/
/*Aqui começa l'estil del creador de formularis*/
/*#############################################*/

.Padding1{
padding-top:3% !important;
}

table.nouEstil{
font-size:100%;
border:medium none;
color:Black;
white-space:nowrap;
}

table.nouEstil tr{

color:Black;
}

input.nouEstil{
height:0 !important;

}

.TDestil { 
	width: 40%;
	font-size: 0.95em;
	font-family:verdana;
	color:black;
	padding:2%;
	font-weight:bolder;
}

.DESestil{
	border:medium inset Aquamarine;
	background-color: #DDFFFD;
	width:60%;
	
}


.TXTestil{
	border-style:solid;
	border-top-color:#468D75;
	border-left-color:#468D75;
	border-right-color:#D8FFF2;
	border-bottom-color:#D8FFF2;
	
}
.SELestil {
	font-family:arial;
	font-weight:bold;
}
.TAestil{
	border:medium inset Aquamarine;
}
.BRestil{
	margin:1%;
}
.TBLestil{
	width:100%;
}

/* Estils propis Formulari practicum Dret formulari_practicum.php */

#dhtmltooltip{
position: absolute;
width: 250px;
border: 2px solid black;
padding: 10px;
background-color: #00CCFF;
visibility: hidden;
z-index: 100;
color:black;
text-align:justify;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.titol_dhtmltooltip{
	font-weight:bold;
}

.fons_rodona_uap {
background:url(fons_consulta_cultura.png) top left no-repeat;
width:172px;
height:173px;
}

div#text_rodona_uap {
	padding-top:35px;
	width:80px;
	padding-left:45px;
	padding-bottom:30px
}

.contenidor_rodona_consultes_uap{
	padding:100px 50px 0px 0px;
}

div#etiqueta_suport {
    left: 0px;
    position: fixed;
    top: 201px;
}

.etiqueta_sup {
	 /*width: 1195px;*/
width: 120px;
	 height: 200px;
	 background:url(uap_etiqueta.jpg) no-repeat;
/*	 display:block;
	     top: 201px;*/
}

.etiqueta_sup img {
	margin: 150px 0px 0px 0px;	
}