/* estils genèrics *********************************/
body {
    margin:1px 5px 5px 5px;
    color:#666666;
    background-color:#FFFFFF;
}

*{
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
}

a{
	color: #715a3c;	
	text-decoration: none;
}

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


h1{
    margin:10px 0;
	color: #CC0000;
	font-size:160% !important;
	font-weight:bold;
	padding:0;
}

h2{
    margin:10px 0;
	font-size:140% !important;
	padding:0;
}

h3{
    margin:10px 0;
    padding:0;
}

p{
    text-align:justify;
}

img{
    border:0;
}

.CommonCustom1{
    float:left;
    margin:0 10px 10px 0;
}

.CommonCustom2{
    float:right;
    margin: 0 0 10px 10px;
}


/* menú superior *********************************/
#midatext{
    float:right;
    vertical-align:middle;
    margin-top:4px;
    text-align:right;
}

#midatext form{
    margin:5px 0 0 0;
    vertical-align:top;
}

.tbcerca{
    border:1px solid #cccccc;
    padding:0 5px;
    color: #999966;
	font-weight:bold;
	margin:0;	
}

.ilupa{
    vertical-align:bottom;
}

#topnavi{
	background-color:#dfb30c;
	list-style:none;
	text-transform:uppercase;
	margin:0px;
	padding:4px 0;
	border-bottom:10px solid white;
}


#topnavi li{
	display:inline;
	padding: 4px 15px;
}

#topnavi a{
	color:white;
	text-decoration:none;	
}

#topnavi a:hover{
	color: black;
}

#topnavi span{
    float:right;
    margin-right:10px;
    text-transform:none;
    font-weight:bold;
    background:url(../../imgfix/generic/mini_mapaweb.png) no-repeat left;
    padding-left:40px;
}

.topselected{
	background-color:#cc0000;
}

/* contenidor *********************************/
#container{
	width:100%;
	padding:0px;
	border:0px;
}

/* contingut *********************************/
#content {
	border-left:1px solid #CCCCCC;
	padding: 0px 0px 0px 10px;
	vertical-align:top;
	border-bottom:30px solid white;
	line-height:150%;
}

/* banner *********************************/
#banner{
	border-bottom: 1px solid #CCCCCC;
	padding:0 0 10px 10px;
	margin:0 0 10px -10px;
}

#banner img{
	height:90px;
}

/* Home ************************************/
#bannerhome{
	text-align:left; 
	background-color:#f2f2f2; 
	border-bottom:10px solid white;
}

#bannerhome img{
	border-right:10px solid white;
}

#contenthome{
    width:100%;
    margin:0 0 10px 0;
    padding:0;
    border:0;
}

#contenthome td,th{
    vertical-align:top;
    text-align:left;
    border-right:10px solid white;
    font-weight:bold;
}

#contenthome th{
    padding:2px 5px;
    color:White;
}

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

#contenthome ul li{
    text-transform:uppercase;
    margin-bottom:10px;
}

.linktots{
    text-align:right !important;
    vertical-align:bottom !important;
}

/* peu ************************************/
#foot {
	background-color:#f2f2f2; 
	text-align:right; 
	border-bottom:1px solid #cccccc;
	padding: 4px;
	color: #999999;
}

#foot a{
    color: #999999;
    font-weight:bold;
}

#footlinks{
    text-align:right;
    vertical-align:top;
    margin-top:10px;
}

/* Mapa Web ************************************/
.mapaHome{
    text-align:center;
    margin-bottom:15px;
}

.mapaHome a{
    background-color:#f2f2f2;
    font-weight:bold;
    color:#cc0000;
    padding:4px 10px;
}

.mapaWeb td{
    vertical-align:top;
    text-align:left; 
}

.mapaWeb h2{
    background-color:#dfb30c;
    text-align:center;
    font-weight:normal;
    margin:0px;
	padding:2px 0;
	white-space:nowrap;
}

.mapaWeb h2 a{
	color:white;
	text-decoration:none;
	text-transform:uppercase;	
}

.mapaWeb h2 a:hover
{
    color:Black;
}

.mapaWeb ul{
	margin:0;
	padding:0;
	list-style:none;
}

.mapaWeb ul li{
	padding:4px 4px 4px 12px;
	font-weight:bold;
	background:url(../../imgfix/generic/fletxdre.gif) no-repeat 0px 5px;
}

.mapaWeb ul ul{
	margin-top:4px;
}

.mapaWeb ul ul li{
	border:0;
	padding:2px 2px 2px 12px;
	font-weight:normal;
}

/* cercador ************************************/
.separador{
    border-bottom:1px dashed #cccccc;
    padding:5px 0;
}

.cerca{
    background-color:#CC0000;
    color:White;
    padding:2px 5px;
}

.cerca a, .cerca a:hover{
    color:White;
}

.searchSelected{
    background-color:#567D8C; 
    font-weight:bold; 
    color:#FFFFFF;
}