/*---- 1-ELEMENTS GENERALS ----------------------------------------------------------------------------------*/

H1
{
    margin: 3px 0px 10px 0px;
    font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
    color: #990000;
}

/*----------FONDOS CONTENIDOS------------------------------------------------------------------------------------------------*/

/*---- 2-DISSENY HOME ----------------------------------------------------------------------------------------------------*/

.MargenGris {border: 1px solid #333333;}



/*---- 3-TEXTOS VARIS ----------------------------------------------------------------------------------------*/
.TitolPagina, .TitolPagina2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    color: #990000; /*A83333; /*taronja1:#DF6C20; verd: #66B34D;*/
    text-align: left;
    vertical-align: top;
    padding: 0 10px 30px 5px;
    text-transform: uppercase;
}
.TitolPagina2{ margin:20px 0 0 0; padding:0 10px 0px 5px;}
.Titol_Vermell
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    color: #990000; /*666666*/
    padding: 5px 0;
    margin: 0;
    text-decoration: underline;
}
.Titol_Vermell2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #990000; /*666666*/
    padding: 2px 0;
    margin: 0;
    text-decoration: underline;
}
.TitolSeccio_Home
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold; /*line-height: 20px;*/
    color: #CC3300; /*666666*/
    padding: 40px 0 0 0;
    text-transform: uppercase;
    vertical-align: text-top;
   /* border: solid 1px #ccc;*/
}
.TitolSeccio_Vermell
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    text-decoration:none;
    background-image: url(../Images/Disseny/Iconos/FletxaText_Vermella.gif);
    background-repeat: no-repeat;
    background-position: 0 8px;
    color: #990000; /*666666*/
    padding: 3px 0 0 28px;
    margin: 0;
    clear:both;
    cursor:pointer;
      
}
.TitolSeccio_Vermell:link {color: #990000;}
.TitolSeccio_Vermell:hover {color: #B30000; background-image: url(../Images/Disseny/Iconos/FletxaText_Vermella_o.gif);}
.TitolSeccio_Vermell:active {color: #B30000;}
.TitolSeccio_Vermell:focus {color: #B30000;}

.TitolSeccio_Verd
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    background-image:url(../Images/Disseny/Iconos/FletxaText_Verda.gif);
    background-repeat: no-repeat;
    background-position: 0 8px;
    color: #006462; /*666666*/
    padding: 3px 0 0 28px;
    margin: 0;
     clear:both;
}
.TitolSeccio_Verd:link {color: #006462;}
.TitolSeccio_Verd:hover {color: #007976;  background-image: url(../Images/Disseny/Iconos/FletxaText_Verda_o.gif);}
.TitolSeccio_Verd:active {color: #007976;}
.TitolSeccio_Verd:focus {color: #007976;}

.TitolSeccio_Gris
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    background-image: url(../Images/Disseny/Iconos/FletxaText_Gris.gif);
    background-repeat: no-repeat;
    background-position: 0 8px;
    color: #555555;
    padding: 3px 0 0 28px;
    margin: 0;
     clear:both;
}
.TitolSeccio_Gris:link {color: #555555;}
.TitolSeccio_Gris:hover{ color: #6C6C6C;  background-image: url(../Images/Disseny/Iconos/FletxaText_Gris_o.gif);}
.TitolSeccio_Gris:active {color: #555555;}
.TitolSeccio_Gris:focus {color: #555555;}

.TitolSeccio_GrisVermell
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    background-image: url(../Images/Disseny/Iconos/FletxaText_Gris.gif);
    background-repeat: no-repeat;
    background-position: 0 8px;
    color: #414141;
    padding: 3px 0 0 28px;
    margin: 0;
     clear:both;
    
}
.TitolSeccio_GrisVermell:link {color: #414141;}
.TitolSeccio_GrisVermell:hover{    color: #990000; background-image: url(../Images/Disseny/Iconos/FletxaText_Vermella.gif);}
.TitolSeccio_GrisVermell:active {color: #990000; background-image: url(../Images/Disseny/Iconos/FletxaText_Vermella.gif);}
.TitolSeccio_GrisVermell:focus {color: #990000;}

.TitolSeccio_Taronja
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    background-image: url(../Images/Disseny/Iconos/FletxaText_Taronja.gif);
    background-repeat: no-repeat;
    background-position: 0 8px;
    color: #FF9900;
    padding: 3px 0 0 28px;
    margin: 0;
     clear:both;
}
.TitolSeccio_Taronja:link {color: #FF9900;}
.TitolSeccio_Taronja:hover {    color: #FFC062;}
.TitolSeccio_Taronja:active {color: #FF9900;}
.TitolSeccio_Taronja:focus {color: #FF9900;}

.Titol_LiniaEstrategica
{
    padding: 5px 10px 5px 20px;
     margin: 0 20px 0 30px;
    font-family: Verdana;
    font-size: 12px;
    color: #FFFFFF;
    background-color: #7B5228;
    font-weight: bold;
}
.TextIntroduccio
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #757575;
    text-align: justify;
    vertical-align: top;
    padding: 10px 20px 5px 10px;
}
.TextSeccio_Home
{
    border-width: 1px;
    border-color: #FFC993;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 15px;
    font-style: normal;
    color: #757575;
    text-align: justify;
    vertical-align: top;
    padding: 10px;
    border-left-style: dashed;

}
.TextPresentacio_Home
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 17px;
    font-style: normal;
    color: #555555;
    text-align: justify;
    vertical-align: top;
    padding: 0 5px 10px 10px;
}
.TextSeccio, .Text_LiniaEstrategica
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 17px;
    font-style: normal;
    color: #616161;
    text-align: justify;
    vertical-align: top;
    padding: 0 5px 10px 30px;
}
.Text_LiniaEstrategica 
{ 
    border-left: 1px dashed #7B5228;
    border-bottom:1px solid #7B5228; 
    border-right: 1px dashed #7B5228;
    margin-left:30px;
    margin-right:20px;
    padding: 5px 5px 5px 20px;
}
.TextSeccioFosc
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 17px;
    font-style: normal;
    color: #616161;
    text-align: justify;
    vertical-align: top;
    padding: 0 210px 10px 30px;
}

.Text01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #757575;
	text-align: justify;
	vertical-align: top;
}


.Text02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #757575;
	text-align: justify;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 18px;
}
.Text03 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #757575;
	text-align: justify;
	vertical-align: top;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
}
.Text04 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #757575;
	text-align: justify;
	vertical-align: top;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
}


.Text_PDF
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 16px;
    color: #6F6F6F;
    text-align: justify;
    font-style: italic;
    padding: 0px 3px 10px 25px;
    background-image: url(../Images/Disseny/Iconos/pdf_min.gif);
    background-repeat: no-repeat;
    background-position: 5px 0px;
    text-decoration: none;
}

.Text_PDF:link {color: #6F6F6F;}
.Text_PDF:hover {color: #A83333;}
.Text_PDF:active {color: #A83333;}
.Text_PDF:visited {color: #6F6F6F;}
.Text_PDF:focus {color: #A83333;}


.Text_LINK{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6B6B6B;
	text-align: justify;
	text-decoration:underline;
	padding:5px 3px 20px 25px;
	background-image: url(../Images/Disseny/Iconos/link.gif);
	background-repeat:  no-repeat;
	background-position: 5px 0px;
	height: 18px;
}

.Text_LINK:link {color: #6B6B6B;}
.Text_LINK:hover { color: #A83333;}
.Text_LINK:active { color: #A83333;}
.Text_LINK:visited { color: #6B6B6B;}
.Text_LINK:focus {  color: #A83333;}

.Link_PACS, .Link_PACS li a
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #616161;
    text-align: justify;
    vertical-align: top;
}

.mail
{
    font-family: Verdana, Arial;
    font-size: 11px; /*font-style: italic;*/
    color: #666666;
    text-align: left;
    background-image: url(../Images/Disseny/Iconos/mail.jpg);
    background-repeat: no-repeat;
    background-position: left 3px;
    padding: 3px 3px 5px 20px;
    text-decoration: underline;
}

.mail:link { color: #666666;}
.mail:hover { color: #984945;}
.mail:active, .mail:visited { color: #666666;}

.telefono{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666666;
	text-align: left;
	vertical-align: top;
	background-image: url(../Images/Disseny/Iconos/phone.jpg);
	background-repeat:  no-repeat;
	background-position: left top;
	margin-top:5px;
	padding-left:20px;
	height:14px;
}
.telefono:link { color: #666666;}
.telefono:hover { color: #984945;}
.telefono:active,.telefono:visited { color: #666666;}

.fax{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666666;
	text-align: left;
	vertical-align: top;
	padding-left:20px;
	height:14px;
}
.fax:link { color: #666666;}
.fax:hover { color: #984945;}
.fax:active,.fax:visited { color: #666666;}

.web
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    color: #666666;
    text-align: left;
    background-image: url(../Images/Disseny/Iconos/link.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 3px 3px 10px 20px;
    height: 20px;
    text-decoration: underline;
}
.web:link { color: #666666;}
.web:hover { color: #984945;}
.web:active,.web:visited { color: #666666;}

.TextoMin {
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 9px;
	color: #333333;
	text-align: justify;
}

.TextoContactos{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666666;
	text-align: left;
	vertical-align: top;
	height:14px;
}


/*---------------FONDOS-------------------------------------------*/

.FonsResidusCompostatge{	
	background-image:url(../Images/Disseny/Areas/FonsResidusCompostatge.gif);
	background-position:right center;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	z-index:0;
}


.FonsSeccio_Blanc_MarcDiscontinu{
	background-color:#ffffff;
	padding:3px 10px 5px 3px;
	margin:5px 5px 10px 10px;
	border: 1px dashed #CCCCCC;
}
.FonsSeccio_Transparent_LinDiscontinua
{
    border-style: none none none dashed;
    padding: 1px 5px 5px 0;
    margin: 0 10px 5px 12px;
    border-left-width: 1px;
    border-left-color: #B4B4B4;
}
.FonsSeccio_Groc{background-color:#FEF8DC; padding:3px 10px 5px 3px; margin:5px 0 10px 5px;}
#llista { display:block;}
#llista ul {margin:0;  padding-left:5px;  list-style-type:none;}
#llista li 
{
    /*list-style: url(../Images/Disseny/Iconos/RodonaText_Gris.gif); */
    margin: 0;
    padding: 1px 0 0 15px;
    color: #757575;
    font-family: verdana;
    font-size: 11px;
    width:290px;
    height:16px;
    float:left;
    background-image:url(../Images/Disseny/Iconos/RodonaText_Gris.gif);
    background-repeat:no-repeat;
    background-position:left 3px;
 
}
#llista li:link, #llista li a {color: #757575; }
#llista li:hover
{
    /*list-style: url(../Images/Disseny/Iconos/RodonaText_Vermella.gif);*/
    background-image:url(../Images/Disseny/Iconos/RodonaText_Vermella.gif);
    background-repeat:no-repeat;
    background-position:left 3px;
    color: #990000;
    font-weight: bold;
}
#llista li a:hover
{
    color: #990000;
    font-weight: bold;
}