@charset "UTF-8";
/* FULL D'ESTILS ATM  */

* { margin:0; padding:0;} 
body {background-color:#e3e3e3; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; text-align:justify}
input {margin:0; padding:0}

/* ESTRUCTURA DEL SITE */ 
#container { margin: 0 auto 0 auto; width: 973px; background-color:#FFFFFF; padding:16px}
#cap { width:973px; height:193px; background-image:url(/img/backgroundlogo.jpg); background-repeat:repeat-x; position:relative}
#capFlash {float:right; width:690px; height:163px}
#logo {float:left; width:276px; height:163px}
#peuCap {background-color:#d6d7d9; height:29px;}
#peucap1 {float:left; padding-right:15px; height:22px; background-repeat:repeat-x; padding-left:0px; padding-top:7px; font-size:10px}
#peucap2 {float:right; width:446px; height:29px; background-image:url(/img/fonscap2.jpg); background-repeat:repeat-x}
#search {margin-left:40px;}
#search a {color:#666666; text-decoration:none}
#search a:hover {color:#004487; text-decoration:underline}
.inputbusqueda { width:110px; height:18px; border:solid 1px #FFFFFF; color:#666666; font-size:10px; margin:0; padding:0}
#iconosCap { position:absolute; z-index:400; left:230px; top:165px}

#cos { clear:both; width: 973px; margin-top:7px }
	#esquerra { float:left; width:207px; display:block;}
	#dreta { float:right; width: 207px;}
	#contingut {margin-left:215px; padding-left:0px; }
#peu { clear:both; width: 100%; font-size:10px; background-color:#f4f4f4; height:58px; padding:8px; position:relative}

#divCap {height:163px; margin-bottom:1px}

ul { list-style:none; text-align:left }
H1 {margin:0; padding:0}
h2{ font-size:12px; margin:0; padding:0; margin-top:10px;}

.listados { margin-bottom:10px; list-style:url(/img/detalleli.jpg); margin-left:25px; text-align:left; }


#contingut h1 {color:#004487; font-size:18px; background-color:#f4f4f4; padding:5px;  margin-bottom:1px; margin-right:0; text-align:left}
#contingut h2 {color:#8d8c8c; font-size:16px; margin-bottom:5px; border:none; padding-top:5px}
#contingut h3 {color:#004487; font-size:14px; margin-bottom:10px; border-bottom:dashed 1px #cccccc; padding-bottom:5px; font-weight:normal}
#contingut p { margin-top:10px; margin-bottom:10px}

#esquerra .banners { margin-top:5px}
#dreta .banners li { margin-bottom:4px; width:207px}
#dreta .banners .divDestacat {overflow:hidden; padding-bottom:5px; border-bottom:dotted 1px #999}
#dreta .banners li a { color:#333; text-decoration:none; font-weight:bold}
#dreta .banners li a:hover {text-decoration:underline;}
#dreta .banners .imgDestacat {float:left; margin-right:5px}

#noticiesHome { padding-right:15px; margin-right:200px; }
#capNoticiesHome, #capMouresMunicipis, #capmouresMunicipis, #capescaparat3, #capDestaquem { height:23px; background-color:#e3e2e2; padding-top:8px; padding-left:5px}
#capmouresMunicipis { background-color:#e3e2e2}
#contingut  #capNoticiesHome h2 { color:#666666; background:none; padding:0; margin:0; width:250px; font-size:12px; border:none}
#capMouresMunicipis h2, #capmouresMunicipis h2, #capescaparat3 h2 { color:#ed6d00; background:none; padding:0; margin:0; width:250px; font-size:12px; border:none}
#selectMoures {margin-bottom:10px; width:242px; color:#666666; font-size:10px}

/*Noticies*/
#noticiesHome h3 { color:#8d8b8b; margin-top:5px; margin-bottom:3px; font-size:11px; border:none}
#noticiesHome li { margin-bottom:6px; padding:8px; list-style:none}
#noticiesHome ul { background-color:#d4d4d4; margin:0}
#noticiesHome a {color:#8d8b8b; text-decoration:none; font-weight:bold}
#noticiesHome .fonsNoticia a {color:#fff; text-decoration:none; font-weight:bold}
#noticiesHome a:hover { text-decoration:underline}

.cosNoticia { color:#8d8b8b}
.fechaNoticia { background-color:#8d8b8b; padding:2px; color:#FFFFFF;}
.fonsNoticia { background-color:#aeaeae}
#noticiesHome .fonsNoticia h3 { color:#FFFFFF;}
#noticiesHome .fonsNoticia .cosNoticia { color:#ecebeb;}
.BtnNoticies { color:#ec6e00; text-decoration:none}
.BtnNoticies:hover {text-decoration: underline}
#contingut .noticias h3 {border-bottom:none; padding-bottom:0}
#contingut .noticias p { margin-bottom:0px; margin-top:0}
#dreta #capDestaquem h2 { color:#666666; background:none; padding:0; margin:0; width:250px; font-size:12px; border:none}
#contingut .noticias h2 { background-color:#CCCCCC; color:#666666; width:80px; text-align:center; padding:2px; margin-bottom:3px; font-size:10px;}
#contingut .noticias ul {margin:0; padding:0; margin-top:8px}
#contingut .noticias li {list-style:none; margin-left:0; border:solid 1px #e9e9e9; padding:4px; margin-bottom:4px}
.noticias a {color:#ec6e00; text-decoration:none;}
.noticias a:hover {color:#ec6e00; text-decoration:underline}

#cercarMoures, #cercarMoures2 {background-color:#004487; color:#FFFFFF; border:solid 1px #004487; width:76px}
.inputMoures { width:185px; color:#666666; font-size:10px; height:16px; border:solid 1px #CCCCCC; margin-bottom:3px; margin-top:8px}
#capMoures {background-image:url(/img/fonstitolhome.jpg); background-repeat:repeat-x; color:#FFFFFF; height:23px; padding-top:8px; padding-left:5px; margin-bottom:5px}
#capMoures h2 { color:#FFFFFF; background:none; padding:0; margin:0; width:250px; font-size:12px; border:none}

#peuAdreca { float:left; width:280px; color:#666666; text-align:left}
.titadreca {color:#ed6e00; font-weight:bold; padding-bottom:5px}
#linksPeu { float:left; text-align:center; width:409px}
#linksPeu a { color:#666666; text-decoration:none; font-weight:normal}
#linksPeu a:hover { color:#999; text-decoration:underline; font-weight:normal}
#dretaPeu {float:right; text-align:right}
#dretaPeu a {color:#ed6e00; font-weight:bold; text-decoration:none}
#dretaPeu a:hover {color:#666; font-weight:bold; text-decoration:underline}
#iconesPeu {position: absolute; right:8px; top:50px}

/*MENÚ*/
#esquerra .menuLink { background-image:url(/img/fonscapmenu.jpg); background-repeat:repeat-x; padding-top:6px; display:none; text-align:center}
#esquerra a { color:#FFFFFF; text-decoration:none; font-size:12px; font-weight:bold;}
#esquerra ul ul {margin-top:0px; margin:0}
#esquerra ul .menuLink {display: block; background-image:url(/img/iconamenu.jpg); background-repeat:no-repeat; padding-left:23px; background-color:#f4f4f4; margin-bottom:1px; padding-top:2px; padding-bottom:5px; text-align:left;}
#esquerra ul ul .menuLink {display: block; background-image:url(/img/iconasubmenu.jpg); background-repeat: repeat-y; background-color:#fafafa}
#esquerra ul a {color:#666666; text-decoration:none; font-size:11px; font-weight:normal}
#esquerra ul a:hover {color:#999; text-decoration:underline}

#esquerra ul ul a {color:#9b9a9a; text-decoration:none}

#container .menuRoot li {margin:0; padding:0; border:0px; display:inline}

/*CONTINGUT*/

#pestanyes {height:20px; margin-bottom:15px}

.pestanya {
	background-image:url(/img/pestanya.jpg);
	height:18px;
	background-repeat:no-repeat;
	text-align:center;
	width:152px;
	float:right;
	padding-top:3px;
}
.pestanya a {
	color:#ed6e00;
	cursor:pointer;
	padding-top:3px;
	height:18px;
	text-decoration:none;
}
.pestanyaactiva a {
	color:#666;
	cursor:pointer;
	padding-top:3px;
	height:18px;
	text-decoration:none;
}
.pestanyaactiva {
	background-image:url(/img/pestanyaactiva.jpg);
	height:18px;
	background-repeat:no-repeat;
	text-align:center;
	width:152px;
	float:right;
	color:#fff;
	cursor:pointer;
	padding-top:3px;
}

.doc {
	padding: 7px 2px 5px 31px;
	background: transparent url(/img/doc.jpg) no-repeat center left;
}
.pdf { 
	padding: 7px 2px 5px 31px;
	background: transparent url(/img/pdf.jpg) no-repeat center left;
}
.jpg {
	padding: 7px 2px 5px 31px;
	background: transparent url(/img/jpg.jpg) no-repeat center left;
}

#contingut .categoriesDoc li {list-style:none; position:relative}
#documentacio ul { margin-left:10px;}
#documentacio li { list-style:none}
.llistaDocs li {margin-top:14px; padding:1px;}
.categoriesDoc a { background-color:#f4f4f4; display:block; padding:3px; color:#666; text-decoration:none; font-weight:bold; border-left: solid 9px #e2e2e2; padding-left:5px; margin-bottom:15px; }
.llistaDocs a {color:#666666; text-decoration:none; font-weight:bold; background-color: #FFFFFF; padding: 5px 2px 5px 31px; display:inline; border-left:none}
#contingut h2.subtitolDocs { margin-top:10px; }
.llistaDocs .descDoc { padding-left:30px; }
#documentacio  ul.categoriesDoc ul.llistaDocs { margin-left:20px; }
.flechaDoc {position:absolute; top:1px; right:1px}

#pieContactar {margin-top:20px; width:530px; background-image:url(/img/logocontactar.jpg); background-position:top right; background-repeat:no-repeat;}
#pieContactar p {margin-bottom:4px; margin-top:0}
#formulari input { border:solid 1px #666666; width:242px; height:18px; color:#666666; font-size:11px}
#formulari .btn {height:30px; width:120px; float:left; color:#FFFFFF; font-size:12px}
#formulari textarea { border:solid 1px #666666; width:242px; height:80px; color:#666666; font-size:12px}
.titPeu { color:#004487; font-size:11px}


/*Enllaços d'Interès*/
#ulEnllacos {margin-top:20px}
#contingut #ulEnllacos p { margin-bottom:3px; margin-top:3px}
#contingut #ulEnllacos a { color:#666666}
#contingut #ulEnllacos h2 {color:#004487; font-weight:bold; font-size:12px; margin:20px 0 2px 0; padding:0;}



/*  */#contingut h2 { color:#000; }
body { color:#000000; }
#noticiesHome h3 { color:#000000; }
#noticiesHome a {color:#000000; }
#noticiesHome ul {background-color:#FFFFFF; list-style:none}
#noticiesHome ul li {list-style:none}
#noticiesHome .fonsNoticia a { color:#000000}
#noticiesHome .fonsNoticia .cosNoticia {
color:#000000;
}
.fonsNoticia {
background-color:#ffffff;
}
#noticiaAmpliada { padding: 3px; width: 530px; }
#noticiaAmpliada a {color:#ED6E00; text-decoration:none}
#noticiaAmpliada a:hover {color:#666666; text-decoration:underline}
#colDretaHome li { background-color:#FFFFFF}
.cosNoticia { color:#000000}
.fechaNoticia { background-color:#000000; color:#000000; background-color:#f1f1f1;}
#search a {color:#000000; }
.inputbusqueda { color:#000000; }
#contingut  #capNoticiesHome h2 { color:#000000; }
.inputMoures { color:#000000; }
#peuAdreca { color:#000000}
#linksPeu a { color:#000000; }
#esquerra ul a {color:#000000; }
.llistaDocs a {color:#000000; }
#formulari input { color:#000000; }
#formulari textarea { color:#000000; }
#contingut #ulEnllacos a { color:#000000; text-decoration:none}
#contingut #ulEnllacos a:hover { text-decoration:underline; color:#999999} 
#peucap1 { background-image:none; text-align:left; text-indent:10px; }
#peucap1 a {color:#000000; text-decoration:none}
#peucap1 a:hover {color:#666666; text-decoration:underline}
#peuCap { text-align:left;}
#iconosCap { display:none}
#iconesPeu {top:8px}
#peu {background-color:#dcdddf; width:926px; height:24px; border-right:solid 30px #004487}
#bannerTemps { background-image:url(/img/banertemps.jpg); background-repeat:no-repeat; height:74px; padding-left:90px; border:solid 1px #cccccc; margin-bottom:5px; width:114px}
#bannerTemps {color:#f29400; font-weight:bold; padding-top:10px}

#logoTarragona, #logoReus, #logoValls { position:absolute; left:0; top:40px;}
.capFitxa { border:solid 1px #CCCCCC; padding:2px; margin-bottom:2px; height:160px; }
.peuFitxa {background-color:#deedff; padding:15px}
#contingut #gammaTitols img { margin-right:10px;}
#contingut #gammaTitols li {list-style:none; padding:0; margin-bottom:40px; }
#contingut #gammaTitols .llistaTarjetes li {list-style:none; margin-left:25px; margin-bottom:8px; list-style:url(/img/detalleli.jpg)}
#contingut #gammaTitols .llistaTarjetes { margin-top:10px}
#contingut #gammaTitols .capFitxa { height:auto}
#contingut #gammaTitols {margin-left:0}
#contingut #gammaTitols b, #contingut #gammaTitols strong { color:#004487}
#dreta #capDestaquem h2 { color:#000000; }
#dreta #capDestaquem { margin-bottom:4px}
#contingut .detallTitols img { margin-right:0px;}
.detallTitols { background-image:url(/img/fonsdetalltitols.jpg); background-repeat:repeat-x; height:7px}
.capFitxa h2 { font-size:20px; font-weight:bold; color:#999999}

#contingut a {color:#004487; text-decoration:none}
#contingut a:hover {color:#666666; text-decoration:underline}
#contingut #mapaWeb h2 {color:#666; font-size:12px}
#contingut #mapaWeb a {color:#666666; text-decoration:none}
#contingut #mapaWeb a:hover {color:#999999; text-decoration:underline}
#contingut #mapaWeb h2 a {color:#666666; text-decoration:none}
#contingut #mapaWeb h2 a:hover {color:#999999; text-decoration:underline}
#peuMapaWeb {margin-top:120px}
#peuMapaWeb a { text-transform:uppercase}
.mayusculas {text-transform:uppercase}
#mapaweb2 { width:80%; margin-left:30px;}

#contingut ul.enum {
	padding:0 10px 10px 10px;
	margin:5px;
	margin-left:15px;
	list-style:circle;
}

#contingut ul.enum li {
	margin: 10px 0 0px 0;
}

#contingut ol.enumol {
	padding:0 10px 10px 10px;
	margin:5px;
	margin-left:15px;
}

#contingut ol.enumol li {
	margin: 10px 0;
}

#llocs  a { font-weight:bold;}
#llocs  .veuremapa { display:block; width:300px; }
#llocs  .llocTitol { font-size:95%}
#llocs  .llocTitol span { font-weight:bold;}
#llocs  .llocTitol span div { display:inline;}
#llocs  .llocTitol a {font-weight:normal; color:black;}
#llocs  .llocTitol a:visited {  }
#llocs  .llocTitol a:hover { font-weight:bold; text-decoration:underline; color:#004487;}

#llocs .llocCiutat { display:block; list-style:none; background-image:none; font-size:1.4em; color:#000; font-weight:bold; padding:20px 5px 10px 5px;}
#llocs .llocsTable { border:0; width:90%; margin-left:6px; }
#llocs .llocsTable td { vertical-align:top; width:50%;  }

.cont_est { width: 542px;}
.explMoures { width:170px; margin-left:75px; font-size:10px }

ul.integrants {float:left; list-style:none; margin-left:110px}
ul.integrants2 {margin-left:330px; list-style:none}

.botoContactar { height:40px;}
.contactarSubdiv { width:300px; }

span.colorcorp { color:#004487; }

.properament { font-size:0.8em; color:#333333; }
.des-del { font-size:1.1em; color:#004487; }
#mapLoc { width:530px; height:520px; }


table.tarifes { font-size:1em; border:0; line-height:1.8em; width:70%; margin:20px 0 0 10px;  }
table.tarifes th { font-size:1em; text-align:right; color:white; background-color:#004487; padding:5px; line-height:1em; }
table.tarifes td { text-align:right; padding:8px; background-color:#D6D7D9; }
table.tarifes th.ref, table.tarifes td.ref { text-align:left; font-weight:bold; }
table.tarifes .th2 { background-color: #888; text-align:left; }
table.tarifes td.prox { padding:0; height:34px; background-color:white; }
div.prop { color:#004487; text-align:left; font-weight:bold; font-size:1.3em; }

.credits { display:none; }

#mapXarxaRecarrega { width:530px; height:500px; }

.boxLinea {padding:3px; color:#FFF; text-align:center; width:60px; font-weight:bold}
.l100 {background-color:#00f800}
.l101 {background-color:#38bde8}
.l102 {background-color:#fdf900}
.l103 {background-color:#ce6ccd}
.l104 {background-color:#98ce32}
.l105 {background-color:#ff2700}
.l106 {background-color:#fcb9b0}
.l200, .l202 {background-color:#ffc151}
.l201 {background-color:#beb47b}
.l300 {background-color:#46f5ed}
.l301 {background-color:#ff3fb5}
.l400 {background-color:#e1a658}
.l500 {background-color:#fd40b5}
.l600 {background-color:#ff9200}
.l601 {background-color:#ff9200}
.tablaZones { margin-left:30px}

.masinfoZona {background-color:#eeeeee}
.masinfoZona a { color:#004487}
.infoLinea {text-align:center}

.overZona {
	width: 175px;
	display:none;
	position:absolute;
	border:3px solid black;
	background-color: white;
	padding:0 10px 10px 10px;
}

.overZona p { font-weight:bold; font-size:1.2em;  }
.overZona li { list-style:disc; margin-left:15px; }