body {
color: #4c4c4c;
margin: 0;
padding: 0;
text-align: center;
font: 62.5%/16pt verdana;
background: #fafafa url('/socweb/export/system/modules/gov.soc.web/resources/img/fons.gif') repeat-y top center;
}

img {
border:none;  	
}

/****************************************************************************/


#pagina {
float:none;
margin: auto;
padding: 0;
width: 1000px;
background-color:#fff;
font-size: 1.1em;
}


#enllacosCap{
float:left;
width:1000px;
height:33px;
text-align:left;
margin-left:-1px;
}
*html #enllacosCap{
margin-left:0px;
}

#cap{
float:left;
width:1001px;
text-align:left;
margin-left: -1px;
}
*html #cap{
margin:0;
}

#pestanyes{
float: left;
padding:0;
margin:0;
}
*html #pestanyes{
margin-top: -2px;
border: 0;

}

#cos{
float:left;
width:1000px;
clear:left;
}

#menu{
float:left;
clear:left;
width:247px;
padding: 0px;
margin: 0px;
padding-right: 7px;
/*font-size: 1.1em;*/
text-align:left;
margin-left: -1px;
}
*html #menu{
width: 254px;
margin: 0px;
}


#contingut{
float:left;
width:725px !important; 
padding-left:5px;
padding-right:10px;
padding-top:5px;
text-align:left;
/*font-size:1.1em;*/
}

*html #contingut{
width:745px;
padding-right:10px;
}

#nuvol{
float:left;
clear:left;
padding-left:10px;
margin-bottom:10px;
width:980px;
margin-top:0;
}

*html #nuvol{
padding-bottom: 5px;
width:990px;
}


*html #buscadorTextos{
margin-left:5px;
}

#buscadorTextos{
float:left;
clear:both;
margin-left:10px;
padding-top:10px;
width:980px;
/*font-size: 1.1em;*/
color: #000;
text-align: center;
background-color: #f3f3f3;
}

*html #enllacos {
margin-left:5px;
padding-top: 0px;
}

#enllacos {
float:left;
clear:left;
font-size:1em;
margin-left:10px;
margin-bottom:10px;
padding-top:10px;
width:980px;
/*font-size: 1.0em;*/
background-color: #f3f3f3;
}

#copyright {
background-color:#F3F3F3;
clear:both;
float:none;
margin-bottom:30px;
height:40px;
margin-left:10px;
width:980px;
}

*html #copyright{
margin-left:0px;
}

/*#copyright img{
float:right;
margin-top:-18px;
margin-right:10px;
margin-bottom:3px;
}*/

#copyright ul{
list-style:none;
margin:0px;
padding:0px;
}

#copyright ul li{
margin:0px;
padding:0px;
float:left;
margin-left:2px;
margin-top:2px;
margin-bottom:2px;
}

#copyright ul li.gencat{
width:180px;
margin-left:4px;
padding-top:4px;
padding-bottom:4px;
}

#copyright ul li.drets{
width:636px;
padding-top:8px;
}

#copyright ul li.fse{
width:147px;
padding-top:4px;
margin-right:4px;
}

#ombraCap{
float:left;
width: 1001px;
background: transparent url("/socweb/export/system/modules/gov.soc.web/resources/img/ombra_cap.gif") repeat-x top left;
padding-bottom: 7px;
margin-left: -1px;
}
*html #ombraCap{
margin:0px;
margin-bottom: -14px;
}

#accessibility{
   position:absolute;
   left:0px;
   top:-500px;
   width:1px;
   height:1px;
   overflow:hidden;
}

/*************************************** Estils enllacos CAP *****************************************************/


#enllacosCap img{
float:left;
margin-left:10px;
margin-top:2px;
}

#enllacosCap ul{
float: right;
position:relative;
top:4px;
margin:0px;
padding:0px;
padding-right:7px;
width:750px;
}

*html #enllacosCap ul{
margin-rigth:5px;
margin-top:8px;
margin-left:0px;
padding:0px;
top:0px;
}


#enllacosCap ul li{
list-style: none;
float: right;
margin-left: 2px;
margin-right: 4px;
}

#enllacosCap ul li a{
color: #575757;
text-decoration: none;
}

#enllacosCap ul li a:hover{
color: #575757;
text-decoration: underline;
}

#enllacosCap ul li a img{
margin:0;
margin-top: 4px;
}

*html #cap .verd{
margin-left:0px;
}

#cap .verd{
float:left;
background-color:#77B41E;
width:136px;
height:51px;
margin:0px;
text-align:right;
line-height:0px;
font-size:0px;
}

#cap .verd img{
margin-top:10px;
margin-left:59px;
}

#cap .blau{
float:left;
width:834px;
height:51px;
background-color:#009EE0;
line-height:0px;
font-size:0px;

}

#cap .blau img{
margin-top:27px;
}

#cap .mig{
float:left;
height:51px;
line-height:0px;
font-size:0px;
}

#cap .mig img{
margin:0px;
padding:0px;
height:51px;
}

.separacio_cap{
clear:left;
float:left;
height:10px;
background:#fff url('/socweb/export/system/modules/gov.soc.web/resources/img/fons_separacio.gif') repeat-x top left;
width:1001px;
margin-left:-1px;
}

*html .separacio_cap{
padding-bottom:36px;
margin-top:-2px;
margin-left:0px;
margin-bottom:-16px;
line-height:0px;
font-size:0px;
}

.banner_capcalera{
clear:left;
float:left;
width:1001px;
height:61px;
margin-left:-1px;
line-height:0px;
font-size:0px;
background:transparent url('/socweb/export/system/modules/gov.soc.web/resources/img/baner_cap.gif') no-repeat top left;
}

*html .banner_capcalera{
height:63px;
margin-left:0px;
margin-top:-12px;
line-height:0px;
font-size:0px;
}

.banner_capcalera img{
display:none;
}


#pestanyes{
float:left;
height:34px;
width:1001px;
margin-left:-1px;
}

*html #pestanyes{
margin-left:0px;
}

#pestanyes ul{
list-style:none;
margin:0px;
padding:0px;
}

#pestanyes ul li{
float:left;
width:333px;
height:34px;
text-align:center;
}

#pestanyes ul li.ratllaDreta{
border-right:1px dotted #9FC699;
}

#pestanyes ul li a{
display:block;
width:333px;
background:#77B41E url('/socweb/export/system/modules/gov.soc.web/resources/img/fons_pestanes.gif') repeat-x top left;
height:34px;
padding-top:7px;
}

#pestanyes ul li a:hover{
background:#599100 url('/socweb/export/system/modules/gov.soc.web/resources/img/fons_pestanes_on.gif') repeat-x top left;
}

#pestanyes ul li.seleccionat a{
background:#599100 url('/socweb/export/system/modules/gov.soc.web/resources/img/fons_pestanes_on.gif') repeat-x top left;
}

/************************************ Desconectar *****************************************************************/

#enllacosCap li.desconectar{
margin-right:50px;
}

#enllacosCap li.desconectar img{
float: left;
margin-top: 4px;
margin-right: 3px;
margin-left:10px;
}

#enllacosCap .desconectar a{
font-weight: bold;
color: #575757;
}

/**********************************Menu***************************************************************************/

#menu ul{
list-style: none;
font-weight: bold;
padding: 0px;
padding-top: 15px;
margin: 0px;
}


#menu ul li{
margin:0px;
padding:0px;
min-height: 29px;
}

*html #menu ul li{
margin-bottom: 0px;
height: 29px;
}


#menu ul li a{
display: block;
font-weight: bold;
padding: 0px;
margin: 0px;
padding-left: 10px;
padding-top:4px;
padding-bottom:3px;
text-decoration:none;
padding-right:3px;
}

#menu ul li.selected,
#menu ul li.active{
padding-left:15px;
padding-bottom:0px;
}


#menu ul ul{
border: 0px;
margin-left: -15px;
padding-top: 8px;
}

*html #menu ul ul{
margin-bottom:-7px;
}


#menu ul ul li{
border: 0px;
padding-left: 12px;
padding-right:3px;
}


#menu ul ul li a{
display:block;
padding-right:3px;
}


#menu ul ul li.selected{
padding-left: 6px;
padding-right:3px;
}


#menu ul ul li.active{
padding-left: 6px;
padding-right:3px;
}


#menu ul li.active ul li.active a{
margin-left: 4px;
padding-left: 11px;
padding-right:3px;
}


#menu ul li.active ul li.selected a{
margin-left: 4px;
padding-left: 11px;
padding-right:3px;
}


#menu ul li.active ul li.active a:hover{
text-decoration:none;
}


#menu ul li.active ul li.selected a:hover{
text-decoration:none;
}


#menu ul li.active ul li a{
font-weight:normal;
padding-left: 9px;
padding-right:3px;
}


#menu ul li.active ul li a:hover{
text-decoration:underline;
}


#menu ul ul ul{
margin-left: -6px;
margin-bottom:-1px;
margin-right: -3px;
}
*html #menu ul ul ul{
margin-bottom:-7px;
}


#menu ul ul ul li{
border: 0px;
padding-left: 21px;
padding-right:3px;
}


#menu ul ul ul li.selected{
border: 0px;
padding-left: 6px;
padding-left: 21px;
padding-right:3px;
}


#menu ul ul ul li.active{
border: 0px;
padding-left: 6px;
padding-left: 21px;
/*padding-right:3px;*/
}


#menu ul li.active ul li.active ul li a:hover{
text-decoration: underline;
}


#menu ul ul ul ul{
margin-bottom: -1px;
margin-left: -21px;
}
*html #menu ul ul ul ul{
margin-bottom: -7px;
}


#menu ul ul ul ul li{
border: 0px;
padding-left:33px;
/*padding-right:3px;*/
}


#menu ul ul li ul li a{
display:block;
border: 0;
padding-right:3px;
}


#menu ul ul ul ul li.selected{
border: 0;
padding-left:33px;
padding-right:3px;
}


#menu ul li.active ul li.active ul li.active ul li.selected a:hover{
text-decoration:none;
}

/********************************************* Formularis ********************************************************/

#contingut .entreLineas{
clear: both;
margin: 0;
padding: 0;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 5px;
margin-bottom: 20px;
border-top: 1px dashed #999;
border-bottom: 1px dashed #999;
}

#contingut #formulari .error{
clear: both;
float: left;
font-weight: bold;
}

#contingut #formulari .amagat{
display: none;
}

.amagat{
opacity: 0;
}

#contingut #formulari .boto{
display:block;
}

#contingut #formulari .gris input{
background-color:#ebebe4;
border:1px solid #7f9db9;
height:22px;
}

#contingut p.altraLinea{
clear:left;
}

#contingut .altraLinea{
clear:left;
margin-top:20px;
}

#contingut #koDescripcio,
#contingut #okDescripcio,
#contingut #senseDescripcio{
float:left;
width:100%;
min-height:80px;
margin: 0px;
padding: 0px;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom:10px;
border-bottom: 1px dashed #999;
border-top: 1px dashed #999;
}

*html #contingut #koDescripcio,
*html #contingut #okDescripcio,
*html #contingut #senseDescripcio{
float:none;
height:80px;
width:722px;
}

#contingut #senseDescripcio.totaPagina,
#contingut #koDescripcio.totaPagina,
#contingut #senseDescripcio.totaPagina{
margin-top:20px;
width: 99%;
}

/*#contingut #senseDescripcio.errorMidaGran,
#contingut #koDescripcio.errorMidaGran{
width:722px;
}*/

#contingut > .netejarFloat{
clear:both;
}

#contingut #okDescripcio .textAvis,
#contingut #senseDescripcio .textAvis,
#contingut #koDescripcio .textAvis{
float: left;
margin-left:107px;
}

#contingut #koDescripcio .textAvis,
#contingut #okDescripcio .textAvis,
#contingut #senseDescripcio .textAvis{
width:600px;
}

#contingut #senseDescripcio.totaPagina .textAvis p,
#contingut #koDescripcio.totaPagina .textAvis p,
#contingut #senseDescripcio.totaPagina .textAvis p,
#contingut #senseDescripcio.errorMidaGran .textAvis p,
#contingut #koDescripcio.errorMidaGran .textAvis p,
#contingut #koDescripcio .textAvis p,
#contingut #okDescripcio .textAvis p,
#contingut #senseDescripcio .textAvis p{
width:95%;
}

*html #contingut #koDescripcio .textAvis,
*html #contingut #okDescripcio .textAvis,
*html #contingut #senseDescripcio .textAvis{
margin-left:57px;
}


#contingut #senseDescripcio{
background: url("/socweb/export/system/modules/gov.soc.web/resources/img/alerta.gif") no-repeat center left;
background-position: 2em;
}

#contingut #okDescripcio{
background: url("/socweb/export/system/modules/gov.soc.web/resources/img/ok.gif") no-repeat center left;
background-position: 2em;
}

#contingut #koDescripcio{
background: url("/socweb/export/system/modules/gov.soc.web/resources/img/ko.gif") no-repeat center left;
background-position: 2em;
}

#contingut #senseDescripcio .recuadre,
#contingut #okDescripcio .recuadre{
margin-left:2em;
width:320px;
border:1px solid #999;
background-color:#FCFCFC;
}

#contingut .lineaDoble{
float:left;
background: url('/socweb/export/system/modules/gov.soc.web/resources/img/linea_doble.gif') repeat-x top left;
padding-bottom:5px;
width:100%;
}
/******************* taules ******************/

#contingut table caption{
font-weight:bold;
margin-top:15px;
padding-bottom:5px;
}

#contingut table{
font-size:1.0em;
float:left;
/*clear:both;*/
border-collapse: collapse;
border-top: 1px solid #b3b3b3;
border-bottom: 1px solid #b3b3b3;
/*width: 100%;*/
border-right: 1px solid #fff;
margin-bottom: 15px;
}

#contingut tr{
vertical-align: middle;
}

#contingut tr.gris{
vertical-align: middle;
background-color: #fafafa;
}

#contingut .justificat{
text-align:justify;
}

#contingut td.gris{
vertical-align: middle;
background-color: #fafafa;
}

#contingut th{
padding: 10px;
padding-left: 15px;
background-color: #eeeeee;
border-right: 1px dotted #b3b3b3;
text-align: left;
}

#contingut td{
padding: 5px;
padding-left: 15px;
border-top: 1px solid #d9d9d9;
border-right: 1px dotted #b3b3b3
}


/******************* fi de taules ******************/

/******************* hx titols hx ******************/


#contingut h1{
width: 99%;
font-size:1.1em;
margin:0px;
padding:0px;
padding-left:10px;
/*padding-right:40px;*/
text-transform:uppercase;
margin-bottom:15px;
}

*html #contingut h1{
width: 100%;
}


#contingut h2{
font-size: 1.4em;
/*font-weight: bold;*/
padding: 0;
margin: 0;
margin-top:10px;
}

#contingut h3{
font-size: 1.2em;
padding: 0;
margin: 0;
margin-top:10px;
}

#contingut h4{
font-size: 1.1em;
padding: 0;
margin: 0;
margin-top:10px;
}


/******************* fi de titols hx ******************/

/******************* contingut paragrafs ******************/

.cursiva{
font-style: italic;
}

#contingut p.cursiva{
font-style: normal;
}

#contingut p.flotant{
float:left;
}

*html #contingut p.cursiva{
width:720px;
font-style: normal;
}


#contingut p{
align: left;
margin:0px;
text-align:justify;
padding:0px;
padding-right:5px;
padding-left:5px;
line-height:16px;
margin-top:5px;
margin-bottom:5px;
}

*html #contingut p{
padding-right:10px;
}

#contingut .alineatDreta{
clear: left;
text-align: right;
}

#contingut .dreta{
clear: right;
}

#contingut p.text{
padding-left:0px;
}

#contingut .contingutDreta{
float: right;
margin-top: 8px;
margin-left: 10px;
margin-right: 5px;
margin-bottom: 5px;
text-align: center;
width: 250px;
}

#contingut .contingutDreta p{
font-size:.9em;
width:250px;
margin:0px;
padding:0px;
margin-top: 3px;
margin-right: 5px;
text-align:justify;
}

#contingut .contingutDreta img{
border:1px solid #999;
}

#contingut .contingutDreta img.contingutDreta{
width:250px;
margin-top: 0px;
margin-right: 0px;
}

#contingut .contingutEsquerra{
float: left;
margin-top: 8px;
margin-left: 10px;
margin-right: 5px;
margin-bottom: 5px;
text-align: center;
width: 250px;
}

#contingut .contingutEsquerra p{
font-size:.9em;
width:250px;
margin:0px;
padding:0px;
margin-top: 3px;
margin-right: 5px;
text-align:justify;
}

#contingut .contingutEsquerra img{
border:1px solid #999;
}

#contingut .contingutEsquerra img.contingutEsquerra{
width:250px;
margin-top: 0px;
margin-right: 0px;
}

#contingut .contingutCentre{
float: none;
margin-top: 8px;
margin-left: 10px;
margin-right: 5px;
margin-bottom: 5px;
text-align: center;
width: 100%;
}

#contingut .contingutCentre img{
border:1px solid #999;
}

/********************* fi de paragrafs ********************/

/********************* Contingut llistes *******************/

#contingut ul{
/*list-style-position:inside;*/
margin-top: 5px;
margin-bottom: 5px;
}

#contingut ol{
/*list-style-position:inside;*/
margin-top: 5px;
margin-bottom: 5px;
}

/********************* Contingut columnes *******************/

.columna{
float:left;
}

.margeDret{
margin-right:20px;
}

.columnaPetita{
width:300px;
}

.columnaGran{
width:380px;
}
/************************ Formularis **********************/


#formulari{
float:left;
clear:both;
width:710px;
padding-left:10px;
padding-top:10px;
border-top:1px dashed #999;
margin-top:10px;
margin-bottom:10px;
}

#mantenirAlcada{
float:left;
clear:left;
width:710px;
}

#contingut #formulari p{
padding-left:0px;
margin-top:3px;
}

#contingut #formulari a{
clear: both;
text-decoration:none;
font-weight: bold;
}

#contingut #formulari a:hover{
text-decoration:underline;
}

#contingut #formulari h2{
font-size:1.1em;
color:#4C4C4C;
border-bottom:1px dashed #E3E3E3;
margin-bottom:10px;
}

#contingut .campText{
float:left;
}

#contingut .campText select,
#contingut .campText input{
font-size:1.1em;
}

#contingut .campText img{
margin-left:5px;
vertical-align: top;
padding-bottom:0px;
}

*html #contingut .campText img{
margin-top:0.12em;
}

#contingut .campText label{
font-weight:bold;
display:block;
}

#contingut .text{
float:left;
line-height:1.2em;
margin-top:15px;
width:300px;
}

*html #contingut .text{
width:310px;
}

#contingut .marge{
margin-right:9px;
}

#contingut .salt{
margin-top: 20px;
clear: both;
}


/******************************* Camps DARDE ***********************************************/

#contingut .petitQuatrePosicions label,
#contingut .petitDosCamps label{
font-weight:bold;
}

#contingut .petitDosCampsGran input{
width:87px;
}

#contingut .petitDosCampsGran{
float:left;
position:relative;
left:-4px;
margin-bottom:5px;
}

*html #contingut .petitDosCampsGran{
left:-9px;
}

#contingut .petitUnaPosicio{
float:left;
}

#contingut .petitUnaPosicio input{
width:20px;
}

#contingut .petitDosCamps{
float:left;
margin-top:5px;
}

#contingut .petitDosCamps p{
float:left;
display:inline;
margin:0px;
font-weight:bold;
margin-top:3px;
}

#contingut .petitQuatrePosicions{
clear:left;
}

#contingut .petitQuatrePosicions input{
width:40px;
}

#contingut .titolForm{
width:180px;
}
#contingut .linea{
width:100%;
}
#contingut .senseClear{
clear:none !important;
}
/******************************* /Camps DARDE ***********************************************/

#contingut select,
#contingut input{
color:#4c4c4c;
}

#contingut .petit select{
width:168px;
}
*html #contingut .petit select{
width:169px;
}

#contingut .petit input{
width:167px;
}

#contingut .unTers input{
width: 226px;
}

#contingut .mig select{
width:346px;
}
*html #contingut .mig select{
width:340px;
}

#contingut .migImatge input{
width:313px;
}

#contingut .migImatge{
width:347px;
}

*html #contingut .migImatge input{
width:315px;
}

#contingut .migImatge img{
cursor:hand;
}

/* dates rang*/

#contingut p.aright{
padding-left:0px;
text-align:right;
}

#contingut .aright{
float:right;
display:block;
line-height:1.2em;
margin-top:15px;
width:300px;
}

*html #contingut .aright{
width:300px;
}

#contingut .bloque100por100{
width:100%;
display:block;
}

#contingut .campText2 label{
font-weight:bold;
display:block;
}

#contingut .bloque{
font-weight:bold;
display:inline;
}

#contingut .bloque label{
font-weight:bold;
display:inline;
}

#contingut .migImatge2 input{
width:135px;
display:inline;
}

#contingut .migImatge2{
width:168px;
display:inline;
}

*html #contingut .migImatge2 input{
width:135px;
display:inline;
}

#contingut .migImatge2 img{
cursor:hand;
cursor:pointer;
display:inline;
}

#contingut .campText2{
width:342px;
float:left;
display:block;
}

#contingut .campText2 select,
#contingut .campText2 input{
font-size:1.1em;
}

#contingut .campText2 img{
margin-left:5px;
vertical-align: top;
padding-bottom:0px;
}

*html #contingut .campText2 img{
margin-top:0.12em;
}

#contingut .campText2 label{
font-weight:bold;
display:block;
}
/* fin dates rang*/


#contingut .mig input{
width:344px;
}

#contingut .tres input{
width: 519px;
}

*html #contingut .tres input{
width: 520px;
}

#contingut .gran select{
width:702px;
}
*html #contingut .gran select{
width:697px;
}

#contingut .gran input{
width:698px;
}
*html #contingut .gran input{
width:697px;
}

#contingut .campXecbox{
float:left;
clear:left;
width:100%;
margin-bottom:5px;
}

#contingut .campXecbox input{
vertical-align:middle;
}

#contingut .campXecbox label{
font-weight:bold;
/*font-size:1.1em;*/
vertical-align:middle;
}

#contingut .boto{
float:left;
clear:left;
margin-bottom:5px;
}

#contingut .boto a,
#contingut .botoError input,
#contingut .boto input{
float:left;
font-weight: bold;
color: #fff;
background-color: #b3b3b3;
border: 2px rigde #808080;
margin-top:10px;
font-size:1.1em;
width:342px;
}

#contingut .botoVerd input{
float:left;
font-weight: bold;
color: #fff;
background-color: #77b41e;
border: 1px solid #808080;
margin-top:10px;
width:342px
}

*html #contingut .botoVerd input{
width:340px
}

#contingut .boto .petit input{
width:170px;
}

#contingut .boto .llarg input{
width:525px;
}
.botons{
float:left;
width:100%;
border:1px solid #000;
}

#contingut .botoSeguit{
float:left;
margin-bottom:5px;
}


#contingut .botoSeguit input{
float:left;
font-weight: bold;
color: #fff;
background-color: #b3b3b3;
border: 1px solid #808080;
margin-top:21px;
}

#contingut #boto{
float:right;
position:relative;
top:10px;
}

*html #contingut #boto{
top:-17px;
}


#contingut #boto a{
font-weight:bold;
color: #af7d00;
text-decoration:none;
}

#contingut #boto a:hover{
text-decoration:underline;
}


/********************************* Camps formulari alta empresaris *********************************/

#contingut #formulari .nifEmpresa{
width:700px;
border-bottom:1px dashed #ddd;
margin-bottom:5px;
margin-left:-2px;
}

#contingut #formulari .nifEmpresa label{
padding-left:5px;
}

#contingut #formulari .nifEmpresa input{
margin-left:5px;
}

#contingut #formulari .nifEmpresa h2{
border:0px;
margin-bottom:0px;
margin-top:10px;
}

/********************************* /Camps formulari alta empresaris *********************************/

/********************* fi de formularis *******************/

/************************ resultados **********************/
#resultados{
float:left;
width:99.7%;
}

#resultados p img{
margin-left:5px;
}

span.filtreSeleccionat{
font-weight:bold;
color:#C83200;
}

#contingut #resultados #opciones a{
font-weight:bold;
text-decoration:none;
}

#contingut #resultados #opciones a:hover{
text-decoration:underline;
}

#contingut #resultados #ayuda {
   display:block;
/*   border:1px solid #000;*/
}

#contingut #ayuda{
margin:0;
padding:0;
width:180px;
float:left;
margin-right:10px;
margin-top:3px;
display:none;
/*margin-bottom:50px;*/
}

#resultados #ayuda h2{
font-size:1.2em;
background-color:#808080;
color:#fff;
padding-left:10px;
border:1px solid #D9D9D9;
margin-bottom:3px;
}

#contingut #ayuda ul{
list-style: none;
margin:0;
padding: 0;
border-bottom: 1px dotted #999;
border-left:1px solid #999;
border-right:1px solid #999;
}

#contingut #ayuda ul li ul li p{
margin-left:5px;
text-align:left;
}

#contingut #resultados #ayuda ul ul{
border:0px solid #000;
background-color:#fff;
}

#contingut #ayuda ul li{
border-top:1px dashed #B2B2B2;
background-color:#E6E6E6;
font-weight:bold;
line-height:1.2em;
}

#contingut #ayuda ul li a{
color:#4C4C4C;
font-weight:normal;
text-decoration:none;
line-height:1.2em;
}

#contingut #ayuda ul li a:hover{
text-decoration:underline;
}

#contingut #ayuda ul ul{
list-style:none;
}

#contingut #ayuda ul ul li{
background-color:#fff;
}

#contingut #ayuda ul ul.selected li{
color:#C83200;
font-weight:bold;
}

#contingut #ayuda ul li ul li.more a{
color:#C83200;
font-weight:bold;
}

*html #pagina #contingut #resultados table{
margin-top:19px;
}

#pagina #contingut #resultados table{
clear:none;
float:none;
width:auto;
padding:0px;
margin:0px;
border-collapse:collapse;
margin-top:12px;
border-bottom:1px dashed #ccc;
}

#resultados table th{
background-color:#f2f2f2;
border-top:1px dashed #ccc;
border-bottom:1px dashed #ccc;
border-right:1px dashed #999;
padding:5px;
line-height:1.4em;
}

#resultados table td{
border-bottom:1px dashed #ccc;
border-right:1px dashed #999999;
padding:5px;
line-height:1.4em;
}

#resultados .ultim{
border-right:0px;
}

#resultados table td a{
text-decoration:none;
line-height:1.2em;
}
#resultados table td a:hover{
text-decoration:underline;
}

#resultados table td img{
vertical-align:middle;
}

#resultados table td a img{
float:right;
}

#resultados #paginas{
text-align:center;
}

#resultados #paginas a{
text-decoration:none;
}

#resultados #paginas a:hover{
text-decoration:underline;
}

.data_urgent{
color: #af7d00;
font-weight: bold;
}

/********************* fi de formularis *******************/

/*********************** Tramits online *******************/

#onlineEsquerra{
float: left;
width: 100%;
padding-right: 10px;
}
*html #onlineEsquerra{
padding: 0px;
margin-right: 10px;
}

#onlineEsquerra .formulari{
float: left;
width:90%;
margin-left: 10px;
padding-bottom: 20px;
padding-right: 10px;
}

*html #onlineEsquerra .formulari{
margin-left: 5px;
}

#onlineEsquerra .formulari a{
clear: both;
display: block;
}

#onlineEsquerra .formulari p{
margin-left:0px;
padding-left:0px;
}

#onlineDreta{
float: left;
width: 30%;
border-left: 1px dashed #999;
background: #fff url('/socweb/export/system/modules/gov.soc.web/resources/img/alerta.gif') no-repeat top center;
padding-top: 60px;
}

#onlineDreta .avis{
padding-left: 10px;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dashed #999;
}

#onlineDreta .avis p{
font-weight: bold;
}



#contingut .linkBoto{
float:left;
clear:left;
margin-bottom:5px;
margin-top:10px;
}

#contingut .linkBoto input,
#contingut .linkBoto a{
float:left;
font-weight: bold;
color: #fff;
background-color: #b3b3b3;
border: 2px rigde #808080;
text-align:center;
text-decoration:none;
width:355px;
}



/******************** fi de tramits online ****************/

/*********************** noticies *************************/

#contingut #noticies{
float:left;
margin-top:-15px;
}

#contingut .titular{
font-size: 1.1em;
margin-top:5px;
margin-bottom: 5px;
padding-top:5px;
padding-bottom: 5px;
border-top: 1px dotted #999;
border-bottom: 1px dotted #999;
}

#contingut #noticies .article{
clear:left;
float:left;
width:100%;
padding-top:10px;
/*border-bottom: 1px dashed #b3b3b3;*/
}

#contingut #noticies ul{
float:left;
list-style-image:none;
margin:0px;
padding:0px;
padding-right:7px;
}

#contingut #noticies ul li{
float:left;
width:100%;
display:block;
list-style-image:none;
background:#ffffff url('/socweb/export/system/modules/gov.soc.web/resources/img/raquo_soc_negreta.gif') no-repeat;
background-position: 4px 20px;
padding-left:15px;
border-bottom: 1px dashed #b3b3b3;
}

*html #contingut #noticies ul li{
background-position: 4px 12px;
}

#contingut #noticies .article{
margin-top:-8px;
width:100%;
}

#contingut #noticies .article p{
margin-left:0px;
padding-left:0px;
padding-right:7px;
}

#pagina #cos #contingut h1 a.rss {
float:left;
padding:0px;
margin:0px;
margin-top: -17px;
margin-left: 6em;
}

#contingut h1 a.rss2 {
float:left;
margin-left:660px;
margin-top:-18px;
text-decoration:none;
vertical-align:middle;
}

#contingut #noticies .article h2{
color: #4c4c4c;
font-size: 1.1em;
}

#contingut #noticies .article p{
margin: 0px;
padding: 0px;
margin-top: 5px;
margin-bottom:5px;
}


#contingut #noticies .article .imatgeNoticies{
float:left;
margin-right:10px;
margin-top:5px;
}

#contingut .fotosNoticies img{
border: 1px solid #000;
margin: 5px;
}

#contingut #formulari.noticies{
margin-left:10px;
margin-bottom:-10px;
}

*html #contingut #formulari.noticies{
margin-left:5px;
margin-bottom:0px;
}

#contingut .datesPublicacio{
float:left;
width:290px;
}

#contingut .datesPublicacio img{
cursor:hand;
}

#contingut .datesPublicacio label{
font-weight:bold;
}

#contingut .datesPublicacio .campText.petit{
float:left;
width:145px;
}

#contingut .datesPublicacio .campText.petit input{
width:110px;
}

#contingut .datesPublicacio .campText img{
position:relative;
top:-23px;
left:110px;
padding-top:-1px;
vertical-align:top;
}

*html #contingut .datesPublicacio .campText img{
top:-24px;
}

#contingut #formulari .boto.botoNoticies{
padding:0px;
margin: 0px;
margin-left:0px;
}

#contingut .boto.botoNoticies input{
width:183px;
height:22px;
margin-top:21px;
}

*html #contingut .boto.botoNoticies input{
margin-top:20px;
}


#contingut h1 .tornarNoticies{
margin-left: 60%;
}
*html #contingut h1 .tornarNoticies{
margin-left: 450px;
}

#contingut h1 .tornarNoticies a{
color: #000;
}


*html #contingut h1{
padding-top: 2px;
padding-bottom: 2px;
}

/******************** fi de noticies **********************/

/********************* divs flotants **********************/

#contingut .relacionats{
float: right;
width: 200px;
padding-left: 10px;
margin-right: 5px;
}

#contingut .relacionats h5{
font-size: 1.1em;
line-height:1.4em;
padding:5px;
margin-bottom: 0px;
}

#contingut .relacionats ul{
margin:0;
padding:0;
list-style: none;
list-style-position:outside;
}

#contingut .relacionats ul li{
/*font-size: 1.1em;*/
line-height:1.4em;
padding: 5px;
background-color:#FAFAFA;
}

#contingut .relacionats ul li p{
padding:5px;
text-align:left;
line-height:1.4em;
}

#contingut .index ul li a,
#contingut .relacionats ul li a{
text-decoration:none;
font-weight:bold;
}

#contingut .index ul li a:hover,
#contingut .relacionats ul li a:hover{
text-decoration:underline;
}

#contingut .index{
float: right;
width: 200px;
padding-left: 10px;
margin-right: 5px;
}

#contingut .index h5{
font-size: 1.1em;
line-height:1.4em;
padding:5px;
margin-bottom: 0px;
}

#contingut .index ul{
margin:0;
padding:0;
list-style: none;
background-color:#FAFAFA;
}

#contingut .index ul li{
line-height:1.4em;
padding: 10px;
}

#contingut .index ul li a{
text-decoration:none;
}

/****************** fi de divs flotants *******************/

/****************** Sugeriments ***************************/

#contingut .ac ul {
background: #fff;
border: 1px solid #888;
list-style: none;
margin: 0;
padding: 0;
width: 350px;
}

#contingut .mig .ac ul {
width: 340px;
}

*html #contingut .mig .ac ul {
width: 342px;
}

#contingut .tres .ac ul {
width: 517px;
}

*html #contingut .tres .ac ul{
width: 520px;
}

#contingut .gran .ac ul{
width:696px;
}
*html #contingut .gran .ac ul{
width:697px;
}

#contingut .ac ul li {
margin: 0;
padding: 3px;
}

#contingut .ac ul li.selected { 
cursor: pointer;
}


/******************* fi de Sugeriments ********************/

/************************* FAQs ***************************/

.preguntes a{
font-weight:bold;
}

.preguntes ol{
margin-top: 0px;
clear: both;
}

.preguntes ol li{
font-weight:bold;
}

.preguntes ul{
list-style: none;
margin:0;
padding: 0;
margin-top: -5px;
}

.preguntes ul li{
margin-left: 10px;
margin-top: 5px;
padding-bottom: 5px;
border-bottom: 1px dotted #999;
}

.respostes ol{
clear: both;
}

.respostes ol li{
clear:both;
}

.respostes ol li table{
float:none;
width:99.5%;
}

*html .respostes ol li table{
width:93%;
}

.respostes h4{
color: #000;
}

*html #contingut h1 .tornarFaqs{
margin-left: 470px
}

#contingut h1 .tornarFaqs{
margin-left: 65%;
}

#contingut h1 .tornarFaqs a{
color: #649600;
}

#contingut h1 .tornarFaqs img{
margin-right: 5px;
}

*html #contingut .respostes #cercadors ul li{
margin:0px;
padding:0px;
margin-top:10px;
margin-left:100px;
}

*html #contingut .respostes #cercadors ul li .boto_shome2{
margin-top:-2px;
}

/********************** fi de FAQs ************************/

/********************** error ************************/

#contingut .botoError a{
float:left;
clear:left;
font-weight: bold;
color: #fff;
background-color: #b3b3b3;
border: 1px solid #808080;
margin-top:10px;
text-align:center;
text-decoration:none;
width:355px;
margin-left: 50px;
}

ul.errorLogin{
list-style: none;
float: left;
margin: 0;
padding: 0;
}

ul.errorLogin li{
border-top: 1px dashed #999;
}

/*********************************************** FORM VALIDATOR ****************************************************/

span.warn {
display: none;
line-height: 1em;
}

label.invalid {
/*color: #000;*/
font-weight: bold;
}

label.invalid span.warn {
display: inline;
/*color: #000;*/
font-style: italic;
font-weight: bold;
}

label.warn {
/*color: #000;*/
}

label.warn span.warn {
display: inline;
/*color: #000;*/
font-style: italic;
font-weight: bold;
}

input.invalid,
select.invalid {
background: transparent url("/socweb/export/system/modules/gov.soc.web/resources/img/validator-x.gif") no-repeat 100% 50%;
}

textarea.invalid {
background: transparent url("/socweb/export/system/modules/gov.soc.web/resources/img/validator-x.gif") no-repeat 100% 0;
}

input.warn,
textarea.warn,
select.warn {
background: #f3f3f3;
}

/********************************* Nuvol *************************************************************************/

#nuvol h2{
background-image: url('/socweb/export/system/modules/gov.soc.web/resources/img/fons_titol_nuvol.gif');
background-repeat: repeat-x;
border-top: 3px solid #4c4c4c;
margin:0px;
margin-bottom:15px;
padding-left: 10px;
font-size: 1.0em;
font-weight: bold;
letter-spacing: 0.1em;
text-align:left;
color: #666;
height:20px;
}

#nuvol p{
text-align: justify;
margin:0px;
padding:0px;
margin-left: 5px;
margin-right: 5px;
line-height: 1.8em;
}
*html #nuvol p{
line-height: 2.2em;
}

#nuvol p a{
color: #4c4c4c;
text-decoration: none;
}

#nuvol p a:hover{
text-decoration: underline;
}

.pes1{
font-size: 0.9em;
}

.pes2{
font-size: 1.1em;
}

.pes3{
font-size: 1.5em;
}

.pes4{
font-size: 2.0em;
}

.pes5{
font-size: 2.6em;
}

#nuvol p a.ressaltat{
color: #af7d00;
}

.fontLight{
font-weight:lighter !important;
}
.subratllat{
text-decoration:underline !important;
}
/********************************* Buscador Textos ***************************************************************/


#buscadorTextos .campCercadorText input{
font-size: 1em;
border: 1px solid #b3b3b3;
margin-right:10px;
}

#buscadorTextos .botoCercadorText{
font-weight: bold;
color: #fff;
background-color: #b3b3b3;
border: 1px solid #b3b3b3;
}

/************************************** Enllacos *****************************************************************/

#enllacos ul{
margin:0px;
padding:0px;
margin-right:10px;
margin-left:10px;
border-top:1px dashed #B3B3B3;
padding-bottom:5px;
}
#enllacos .sense_border{
border:0px;
text-align:left;
}

#enllacos li{
list-style: none;
margin: 0px;
padding: 0px;
padding-top:0em;
display:inline;
white-space:nowrap;
}

#enllacos li a{
color: #4c4c4c;
text-decoration: none;
}

#enllacos li a:hover{
text-decoration: underline;
}

#contEnquesta{
width:1001px;
}

#contEnquesta .lineaDoble{
float:left;
background: url('/socweb/export/system/modules/gov.soc.web/resources/img/linea_doble.gif') repeat-x top left;
margin-bottom:20px;
width:100%;
}

#enquesta{
width:650px;
text-align:left;
}

#enquesta .pregunta{
width:100%;
}

#enquesta .pregunta p{
font-weight:bold;
}

#enquesta .pregunta .resposta{
margin: 0 10px 0 10px;
float:left;
}

#enquesta .pregunta .resposta b{
font-size:14px;
font-weigth:bolder;
margin-right:8px;
}
.senseFloat{
float:none;
}

#contingut .titolForm2 {
	WIDTH: 280px
}

#contingut .petitDosPosicions INPUT {
	WIDTH: 30px
}

#contingut .petitData INPUT {
	WIDTH: 80px
}

.botoCercadors{
      margin-top:-6px;
      cursor:pointer;
      border:0;
}