@charset "utf-8";
/* CSS Document */

/* hacks varios, adivinen para q browser... */
html, body, #contingut {
    min-height: 100%; /* alto minimom FF y Safari */
    width: 100%;
    height: 100%; /* alto minimo para IE Windows */
    margin: 0;
    padding: 0;
}

html>body #contingut {
    height: auto; /* con este hack escondemos el min-height de IE*/
}


#topDdgi{
    background-color: #f6f6f6;
    height: 50px;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}

#topDdgi #logo{
    width: 960px;
    margin: auto;
}

#topDdgi #logo #linkLogo{
    float:right;
}


p {margin-top: 5px;}

a {color:#999999; text-decoration: underline;}
a:hover {color:#666666; text-decoration: underline;}

#main, #peu, #top-dipu #cont{margin:0 auto; width:960px;}
/*#peu {height:41px; margin-top:-80px; background-image:url(../img/peu.jpg); color:#F6F6F6;}*/

#peu {height:26px;background-image:url(../img/peu.jpg); color:#F6F6F6;}

body {margin:0; padding:0; font: 13px Open Sans, Arial, Verdana, sans-serif; color:#464646; background-color:#f6f6f6}

#top-dipu{height:50px; background-color:#bd2716;}
#top-dipu #cont{position:relative;}
#top-dipu #cont #logotip{position:absolute; right:0;}

#contingut  #top{height:210px; margin-bottom:8px;}
#contingut  #top #logo,#contingut  #top #top-titol{float:left;border:0}
/*#contingut  #top #logo{background-image:url(../img/logo.gif); background-position:20px 60px; background-repeat:no-repeat; width:190px; height:160px; margin-right:15px;}*/
#contingut  #top #top-titol img{text-align:right;border:0}

#contingut #idiomas {float:none;margin-top: 0px;padding: 10px 0px 10px 55px;font-size: 12px;font-weight: bold;margin-bottom:10px;}
#contingut #colA, #contingut #colB, #contingut #colB_ini{float:left;}
#contingut #colA{width:170px; margin-right:35px; margin-top:0;}

/*Menu esquerra*/
#contingut #colA #menu{padding:0; margin-top:0; }
#contingut #colA #menu ul{margin:0; padding:0px; list-style:none; margin-bottom:12px;}

#contingut #colA #menu ul li.head{background-image:url(../img/fletxa_rodona_a.gif); background-repeat:no-repeat; background-color:#e0e0e0; background-position:4px 6px; padding:4px; font-weight:bold; text-indent:14px;}
#contingut #colA #menu ul#contacte li.head{background-image:url(../img/fletxa_rodona_b.gif);  background-position:4px 5px;}

#contingut #colA #menu ul li{margin:0; padding:0;}
#contingut #colA #menu ul li a{display:block; width:148px;  padding:0; margin:0; text-decoration:none; color:#464646;}

#contingut #colA #menu ul li a,
#contingut #colA #menu ul li.sub a{background-color:#e0e0e0; padding:4px; padding-left:18px; border-top:1px solid #F6F6F6;}

#contingut #colA #menu ul li.sub{margin:0; padding:0;}
#contingut #colA #menu ul li.sub a{width:142px; background-color:#f0f0f0; padding-left:24px; background-image:url(../img/fletxa.gif);  background-repeat:no-repeat; background-position: 14px 7px;}
#contingut #colA #menu ul li.sub a:hover{background-color:#ccc; color:#464646;  background-position: 14px 6px;}

#contingut #colA #menu ul li a.actiu,
#contingut #colA #menu ul li a:hover{background-color:#ccc; color:#464646;  background-repeat:no-repeat; background-position:4px 6px;}

#contingut #colA #menu ul li ul{margin:0; padding:0; display:none;}



/*CONTINGUT*/
#contingut #colB_ini{width:730px;margin-left:10px;}
#contingut #colB_ini h2{color:#A24940; margin-bottom:0; padding-bottom:0; font-size:22px; margin-top:0;}
#contingut #colB_ini h3{margin:0; font-size:14px; color:#4e4e4e;}
#contingut #colB_ini p{text-align:justify;}

#contingut #colB_ini .blocs, #contingut #colB_ini .blocs2 {
	list-style:none;
	margin:0;
	padding:0;
	margin-top:25px;
}
#contingut #colB_ini .blocs2{
	margin-left:120px;
}

#contingut #colB_ini .blocs li, #contingut #colB_ini .blocs2 li {float:left; margin-right:40px; width:200px;}
#contingut #colB_ini .blocs li .titol, #contingut #colB_ini .blocs2 li .titol {font-size:11px; color:#f6f6f6; background-color:#b67364; text-align:center;padding:5px;}
#contingut #colB_ini .blocs li .titol a, #contingut #colB_ini .blocs2 li .titol a {font-size:13px; font-weight:bold; color:#f6f6f6; text-decoration:none;}
#contingut #colB_ini .blocs li .titol a:hover, #contingut #colB_ini .blocs2 li .titol a:hover {font-weight:bold; color:#f6f6f6; text-decoration: underline;}
#contingut #colB_ini .blocs li .foto, #contingut #colB_ini .blocs2 li .foto {width:200px; height:120px; text-align:center; background-color:#e0e0e0;padding-top:20px;}

#contingut #colB{width:740px;}
#contingut #colB h2{color:#A24940; margin-bottom:0; padding-bottom:0; font-size:22px; margin-top:0;}
#contingut #colB h3{margin:0; font-size:14px; color:#4e4e4e;}
#contingut #colB p{text-align:justify;}



#colB ul.presentacio li{margin-bottom:8px;text-align:justify;}

#colB .col1,#colB .col2{float:left;}
#colB .col1{margin-right:90px;}

#contingut #colB ul.llista, #contingut #colB ul.links,#contingut #colB ul.llista-full{margin:0;padding:0; margin-top:12px; width:300px; list-style-image:url(../img/fletxa_interior.gif);}
#contingut #colB ul.llista li,#contingut #colB ul.links li, #contingut #colB ul.llista-full li{margin-left:14px;}
#contingut #colB ul.llista li.head, #contingut #colB ul.llista-full li.head{list-style:none; text-transform:uppercase; margin:0; padding:0; color:#A24940; font-weight:bold;}
#contingut #colB ul.llista li a,#contingut #colB ul.links li a, #contingut #colB ul.llista-full li a{text-decoration:none; color:#4E4E4E;}
#contingut #colB ul.llista li a:hover, #contingut #colB ul.links li a:hover, #contingut #colB ul.llista-full li a:hover{color:#464646; text-decoration:underline;}
#contingut #colB ul.llista li ul, #contingut #colB ul.llista-full li ul{margin:0; padding:0; list-style-image:none; list-style-type:disc; display:none;}
#contingut #colB ul.llista li ul li a, #contingut #colB ul.llista-full li ul li a{color:#7F7F7F;}
#contingut #colB ul.llista li ul li a:hover, #contingut #colB ul.llista-full li ul li a:hover{color:#4E4E4E;}
#contingut #colB ul.llista-full li ul{display:block;}




.opcions{margin:12px 0;}
.opcions a{text-decoration:none; color:#4e4e4e; margin-right:48px;}
.opcions a img{vertical-align:-8px; border:0;}

/*Informes*/
#informes{margin-top:12px;margin-left:75px;}
#informes .unit {text-align:center; width:180px;height:170px; float:left; margin-right:24px; margin-bottom:12px;}
#informes .unit a {color:#666666; text-decoration:none;}
#informes .unit a:hover {color:#333333; text-decoration:underline;}
#informes .unit .foto{background-color:white; width:180px; height:120px; margin-bottom:1px;opacity: 0.8}
#informes .unit .foto:hover {
    opacity: 1;
    filter: alpha(opacity=40); /* For IE8 and earlier */
} 

/*Links*/
#contingut #colB ul.links{width:auto;}
#contingut #colB ul.links li{margin-bottom:8px;}

/*Patrocinadors*/
#patrocinadors{ width:975px; margin:32px auto;}
#patrocinadors img{margin-right:24px;}

#patrocinadors #pat-col1, #patrocinadors #pat-col2{float:left;}
#patrocinadors #pat-col1{width:800px;}
#patrocinadors p {font: 10px Open Sans, Arial, Verdana, sans-serif; color:#292929;}

/*Separador*/
#separador{height:30px;width:100%; clear:both;}
#separador2{width:100%; clear:both;}

/*PEU*/
#peu #peu-content{width:960px; margin: auto;}
#peu #direccio{float:left;margin-top:27px;}
#peu #direccio p{margin:0; padding:0;}
#peu #logoDdgi{float:left;margin-left: 10px;}
#peu #menu-peu{float:right;margin-top:27px;}
#peu #menu-peu ul{list-style:none; padding:0; margin:0;}
#peu #menu-peu ul li a{color:#F6F6F6; text-decoration:none;}
#peu #menu-peu ul li #situacio{font-weight: bold;}
#peu #menu-peu ul p{margin:0; padding:0;}



#peu2
{
    height:82px;
    color:#535872;
    margin-top:-82px;
    font-family: Open Sans, Arial, Verdana, sans-serif;
    font-size: 11px;
    margin:0 auto;
    position:relative;
    width:1000px;

}

#peu2 .parag{padding-top:0px; margin:0;}
#peu2 .main{background-image:url('../img/peu.gif');background-repeat:no-repeat;height:82px; font-size:11px;}
#peu2 .main a{color:#535872;text-decoration:none;font-size:10px;}
#peu2 .main a:hover{text-decoration:underline;}

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


/*Altres*/
a{outline:none;}
a img{border:0;}
.cb{clear:both; height:4px;}
.bkg{background-color:#F6F6F6; padding:12px;}
.bkg span{color:#A24940;}
#sel-ambit{
	background-color:#E9E9E9;
	padding:5px;
	margin-bottom:10px;
}

/*Hermes*/
#divContCentral {
	margin:0 auto;
	width:960px;
}


.titred2
{
    color: #A24940;
    font-family: Open Sans, Arial, Verdana, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none
}
.titred3
{
    color: #A24940;
    font-family: Open Sans, Arial, Verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none
}
.menu_off, A:link.menu_off, A:visited.menu_off      {
            font-family: Open Sans, Arial, Verdana, sans-serif;
            font-size: 11px;
			text-decoration: none;
            color: #F6F6F6;
} 
A:hover.menu_off, A:active.menu_off {color: #464646;}

.menu_on, menu_on:link, menu_on:visited
{
    color: #A24940;
    font-family: Open Sans, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none
}
A:hover.menu_on, A:active.menu_on {color: #464646}

.MapaMercuri
{
    background-color: transparent;
    background-image: url(../images/icona-mapa5.jpg);
    background-repeat: no-repeat;
    color: #464646;
    font-family: Open Sans, Arial, Verdana, sans-serif;
    padding:0;
	border: 0;
	cursor: pointer;
    font-size: 10px;
    height: 30px;
    width: 30px;
    margin: 2px 2px 2px 2px;	
}

.IconoGrafico
{
    background-color: transparent;
    background-image: url(../images/icona-grafic.jpg);
    background-repeat: no-repeat;
    color: #464646;
    font-family: Open Sans, Arial, Verdana, sans-serif;
    padding:0;
	border: 0;
	cursor: pointer;
    font-size: 10px;
    height: 30px;
    width: 30px;
    margin: 2px 2px 2px 2px;	
}

.miboton
{
    background-color: transparent;
    background-image: url(../img/excel.gif);
    background-repeat: no-repeat;
    color: #464646;
    font-family: Open Sans, Arial, Verdana, sans-serif;
    padding:0;
	border: 0;
	cursor: pointer;
    font-size: 10px;
    height: 30px;
    width: 30px;
    margin: 2px 2px 2px 2px;
}
.mibotonP
{
    background-color: transparent;
    background-image: url(../img/excelP.gif);
    background-repeat: no-repeat;
    color: #464646;
    font-family: Open Sans, Arial, Verdana, sans-serif;
    padding:0;
	border: 0;
	cursor: pointer;
    font-size: 10px;
    height: 30px;
    width: 30px;
    margin: 2px 2px 2px 2px;
}
.mibotonP2
{
    background-color: transparent;
    background-image: url(../img/excelP2.gif);
    background-repeat: no-repeat;
    color: #464646;
    font-family: Open Sans, Arial, Verdana, sans-serif;
    padding:0;
	border: 0;
	cursor: pointer;
    font-size: 10px;
    height: 30px;
    width: 30px;
    margin: 0px 0px 0px 0px;
}
.mibotonP3
{
    background-color: transparent;
    background-image: url(../img/excelP3.gif);
    background-repeat: no-repeat;
    color: #464646;
    font-family: Open Sans, Arial, Verdana, sans-serif;
    padding:0;
	border: 0;
	cursor: pointer;
    font-size: 10px;
    height: 30px;
    width: 30px;
    margin: 1px 1px 1px 1px;
}

.mibotonP4
{
    background-color: transparent;
    background-image: url(../img/excelP4.gif);
    background-repeat: no-repeat;
    color: #464646;
    font-family: Open Sans, Arial, Verdana, sans-serif;
    padding:0;
	border: 0;
	cursor: pointer;
    font-size: 10px;
    height: 30px;
    width: 30px;
    margin: 1px 1px 1px 1px;
}

.BotonMapa
{
    background-color: transparent;
    background-image: url(../img/mapa.gif);
    background-position: left top;
    background-repeat: no-repeat;
    color: #464646;
    font-family: Open Sans, Arial, Verdana, sans-serif;
    font-size: 10px;
    height: 22px;
    width: 22px
}
#BarraMenu
{
    background-color: #A24940;
    padding: 5px;
    margin: 0;
}
.ClaseTextoHERMES
{
    color: #F6F6F6;
    font-family: Open Sans, Arial, Verdana, sans-serif;
    font-size: 20px;
    font-weight: bold;
}

.Titulo{
    color: #464646;
    font-family: Open Sans, Arial, Verdana, sans-serif;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold
}
.Titulo2{
    color: #464646;
    font-family: Open Sans, Arial, Verdana, sans-serif;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold
}
.Subrayado
{
	border-bottom: #A24940 1px solid;
    color: #A24940;
    font-family: Open Sans, Arial, Verdana, sans-serif;
    font-size: 10px;
    text-decoration: none
}
form {
margin: 0px 0 20px 0;
padding: 0;
}