#floatAdminToolbar {  
    position:absolute;  
    top:0px;  
    left:0px;  
    margin-left:0px;   
	background-color: #ff0000;
	color: #FFD700;
	font-weight: bold; 
	font-family: Arial;
	padding: 2px;
	width: 300px;
}

body {
	margin: 0 0 0 0;
}

a {
	text-decoration:none;
	font-family:arial;
	font-size:12px;
	color:#6B6B6B;
}

a:hover { text-decoration:underline; }

span {
	font-family:arial;
	font-size:12px;
	color:#6B6B6B;
}

.divHome {
	font-family:arial;
	font-size:12px;
	color:#6B6B6B;
	line-height:15px;
	margin-top:4px;
}


.white { color:#FFFFFF; }
.blue { color:#075396; }
.verde { color:#37882c; }
.gris { color:#6B6B6B; }

.bold { font-weight:bold; }

.px15 { font-size:15px; }
.px14 { font-size:14px; }
.px13 { font-size:13px; }
.px12 { font-size:12px; }
.px11 { font-size:11px; }
.px10 { font-size:10px; }

.foto { border-bottom:5px solid #d9d9d9; border-top:5px solid #2e529c; margin-top:1px; }

.bannerLateral { background-image: url(../img/fons_banner.jpg); background-repeat:no-repeat}
table.banner td {width:188px; text-align:left; vertical-align:middle; padding:0 0 0 40px; color:#FFF; font-weight:bold; line-height:normal; font-family:Arial, Helvetica, sans-serif; font-size:13px}
table.banner td a{color:#FFF; font-weight:bold;}

/***** INTERIORS ******/

div#contingut {
	float:left; width:670px; padding:0px; margin:0px 0px 20px 30px; font-family:Arial, Helvetica, sans-serif;  font-size:12px; text-align:left; position:relative;
}

div#contingut.reduit {
	width:460px; margin-left:25px; font-family:Arial, Helvetica, sans-serif; font-size:12px;
}

/* Titulars*/
	div#contingut h3,  div#contingut h4 {
		color:#37882c; text-transform:uppercase; margin:4px 0px 20px 0px;
		padding:0px 10px 0px 0px; border-right:1px solid #37882c; line-height:11px; sans-serif; font-size:13px; display:inline-block;
	}
	
	div#contingut h4 {
		padding:0px 0px 0px 10px; border-right:0px solid #37882c; sans-serif; font-size:13px;
	}
	
	div#contingut h5 {
		font-size:12px; font-weight:bold; color:#37882c; clear:both;
		padding-bottom:2px; margin:40px 0px 15px 0px; border-bottom:1px solid gray;
		background-color:white;
	}
	div#contingut h5 span {
		font-size:12px; font-weight:bold; color:#37882c; float: right;
	}
	
	
		div#contingut h5.primer {
			margin-top: 0px; 
		}
		
		div#contingut h5.usuari {
			color:rgb(50,50,50); border-bottom:0px;  margin:10px 0px 15px 0px; text-align:left;
			padding:2px 5px; background:url(../img/servei_client/fons_titol_usuari.gif)
		}
	
	div#contingut h6 {
		font-size:12px; font-weight:normal; background-color:rgb(240,240,240); margin:30px 0px 10px 0px;
		padding:5px 8px; clear:both; border-left:3px solid rgb(220,220,220); 
	}
	
	div#contingut h7 {
		font-size:110px; color:black !important; font-weight:normal;
	}
	
	
	
	/* Paragrafs */
	div#contingut p {
		margin-bottom:10px; margin-top:0px; line-height:20px; text-align:justify;
	}
	
	div#contingut p.destacat {
		font-size:12px; font-weight:bold;
	}
	
	div#contingut p.net {
		clear:both;
	}
	
	div#contingut p.boto {
		text-align:center
	}
	
		div#contingut p.boto input {
			border:0px; text-align:center; margin:0px 15px; background-color:rgb(229,246,228);
			padding:3px 10px;
		}
		
		
	
	
	div#contingut p.pdf,div#contingut p.powerpoint,
	div#contingut p.image, div#contingut p.file,
	div#contingut p.word, div#contingut p.excel,
	div#contingut p.audio, div#contingut p.video {
			height:16px; padding-left:25px;
		}
		
		div#contingut p.pdf {
			 background: url('../img/pdf_icon.gif') no-repeat left top;
		}
		
		div#contingut p.powerpoint {
			background: url('../img/powerpoint_icon.gif') no-repeat left top;
		}
		
		div#contingut p.image {
			background: url('../img/image_icon.gif') no-repeat left top;
		}
		
		div#contingut p.file {
			background: url('../img/file_icon.gif') no-repeat left top;
		}
		
		div#contingut p.word {
			background: url('../img/word_icon.gif') no-repeat left top;
		}
		
		div#contingut p.excel {
			background: url('../img/excel_icon.gif') no-repeat left top;
		}
		
		div#contingut p.audio {
			background: url('../img/audio_icon.gif') no-repeat left top;
		}
		
		div#contingut p.video {
			background: url('../img/video_icon.gif') no-repeat left top;
		}
	
	div#contingut p.boto {
		text-align:center; margin-top:15px; margin-bottom:20px;
	}
	 
	
div#contingut img.alignLeft {
float:left;
margin:0 17px 10px 0;
top:7px;
}

div#contingut img.alignRight {
float:right;
margin:0 0 10px 17px;
top:7px;
}

interiors.css (l�nea 152)
img {
border:0 none;
}

div#contingut ul {
list-style:square outside none;
}

div#contingut ul li {
line-height:20px;
margin-bottom:5px;
text-align:justify;
}


div#contingut hr {
	height:0px;
	border:1px dotted #999;
	border-bottom:0px;
	margin:15px 0 25px 0;
}

div#contingut a {
	color:#37882c;
}



	/* -------------   Llistes ----------------  */
	
	
		/* General "definicio" */
		 dl {
			border:2px solid rgb(229,246,228); padding:1px 1px 5px 1px; margin:0px 0px 30px 0px; 
			float:none; display:block; line-height:0px;
		}
		
			 dt {
				background-color: rgb(229,246,228); color:rgb(90,90,90); padding:10px 4px 0px 4px; margin:1px 0px 2px 0px; height:12px;
			}
			
			 dd {
				padding:5px 5px 10px 24px; margin:0px 0px 10px 0px; line-height:20px;
			}
				 dd img.alignLeft {
					top:4px; margin:0px 10px 5px -15px;
				}
			
			 dl dl {
				border:0px;  margin:5px 0px 0px 0px; line-height:20px;
			}
			
			 dl dl dt {
				border-bottom:1px dotted rgb(90,162,96); background-color:transparent; color:black; padding:5px;
			}
			
		
		
		
		
		/* Caixes flotants */
		 dl.caixes {
			float:left; margin-right:3px; height:65px; margin-bottom:10px; margin-top:0px;
		}
		
		 dl.num3 {
			width:31%;
		}
		
		dl.num2 {
			width:48.2%;
		}
		
		 dl.ultima {
			margin-right:0px;
		}
		
		
		
		
		
	
	
	
		
	
	
	/* Taules diverses */
	
		/* Tarifa de preus */
		
		table.tarifes {
			border-spacing:1px; font-size:12px; width:100%; clear:left;
		}
			table.tarifes th {
				color:white; background-color:rgb(90,162,96); font-weight:normal; text-align:center;
			}
			
			table.tarifes th.laterals {
				text-align:left; padding-left:5px; padding-right:5px;
			}
			
			table.tarifes td.subtitols {
				padding:0px 10px !important; font-weight:normal !important;
			}
			
			table.tarifes td.numeros {
				color:white; background-color:rgb(90,162,96); font-weight:normal; padding:0px 8px;
			}
			
			table.tarifes td.imatges-vehicles {
				background-color:rgb(238,238,238); text-align:center; padding:12px 24px;
			}
			
			table.tarifes td.descripcio {
				background-color:rgb(212,212,212); color:black; padding:12px 24px; text-align:left;
			}
			
			table.tarifes td.preu1 {
				background-color:rgb(241,214,159); color:black; font-weight:bold; text-align:center;
				padding:0px 12px;
			}
			
			table.tarifes td.preu2 {
				background-color:rgb(224,189,135); color:black; font-weight:bold; text-align:center;
				padding:0px 12px;
			}
			
			
		
		table.form {
			width:100%;
		}
		
			table.form th {
				border-bottom: 4px solid rgb(229,246,228);  text-transform:uppercase;
				padding:20px 10px 2px 5px;
			}
			
			table.form th.primer {
				padding-top:0px;
			}
			
			table.form td {
				border-bottom:1px solid rgb(229,246,228); vertical-align:top;
			}
			
			table.form td.help-text {
				border-bottom:0px;
			}	
				table.form td.help-text ul {
					margin-top:10px;
				}
			
			table.form td.ques {
				text-align:right; width:37%; padding-right:1%; padding-top:3px;
			}
			
				table.form td.ques label.error{
					color:red; font-weight:bold;
				}
  
label.error 
{
  color: Red; font-weight: bold;}
label.error input,
label.error select,
input.error
{
  color: Red; font-weight: bold; border: 1px solid red; padding: 1px}
			
			table.form td.num4 {
				 width:25%;
			}
			
			table.form td.res {
				padding:2px 5px; 
			}
			
			table.form  input {
				border:1px inset rgb(229,246,228);  color:black; padding:1px;
				line-height:normal; width:100%; background-color:#F5FCF5; width:320px;
			}
			
				table.form  td.res input {
					vertical-align:-2px;
				}
			
				table.form td.res input.data, table.form td.res input.cp  {
					width:80px;
				}
				
				table.form td.res input.telf, table.form td.res input.usuari {
					width:40%;
				}
			
			table.form input.radio {
					width:auto; border:0px; background-color:transparent;
			}
			
			
		table.llista {
			width:100%;
		}
		
			table.llista th {
				border-bottom: 4px solid rgb(229,246,228);  text-transform:uppercase;
				padding:0px 10px 2px 5px;
			}
			
			table.llista th.ordenar {
				cursor:default !important;
			}
			
			table.llista td {
				border:1px solid rgb(229,246,228); vertical-align:top; padding:2px 3px;
			}	
			
			table.llista .sort-arrow {
				width: 11px; height: 11px;
				background-position:center center; background-repeat:no-repeat;
				margin: 0 2px;
			
			}
			
			table.llista .sort-arrow.descending {
				background-image:url(../img/ico_ordenar_columna.gif);
			
			}
			
			table.llista .sort-arrow.ascending {
				background-image:	url(../img/ico_ordenar_columna.gif);
			}
			
			
			
		
		
		/* blocs especifics */
		
			/* Not�cies */
		
			div#contingut p.noticies a {
				display:block; text-align:right; margin:10px 0px 0px 0px;
				padding-bottom:5px; float:right; 
			}
			
			
			div#contingut h5 span.data {
				font-weight:normal; 
			}
			
			p.tornar {
				clear:both; border-top:1px dotted gray; padding:2px 5px; margin-top:10px;
			}
			
			
			/* taula targetes */
			
			table.targetes th {
				font-size:10px; text-transform:none; padding-top:0px; border-bottom-width:1px;
			}
			
			table.targetes td input {
				width:90%; border:1px inset rgb(229,246,228);  color:black; padding:1px; line-height:normal;
			}
			
			/* modalitats de pagament */
			
			div.targetes{
				clear:both; border-bottom: 1px dotted gray; height:270px; margin-bottom:10px;
			}
			
			div.targetes a {
				display:block; float:left; width:24%; text-align:center; height:70px;
			}
			
			div.targetesmulti{
				clear:both; border-bottom: 1px dotted gray; height:120px; margin-bottom:10px;
			}
			
			div.targetesmulti a {
				display:block; float:left; width:24%; text-align:center; height:70px;
			}
			
				
	
/* Pestanyes */
ul#pestanyes
{
  list-style: none; padding: 0px; margin: 0px 0px 20px 0px;
   border-bottom: 1px solid #dfdfdf; height: 27px; clear: both;
  }
  ul#pestanyes li
  {
    list-style: none; margin: 0px 1px 0px 0px !important; float: left;
    background: #fafafa url(../img/pestanya_dreta.gif) no-repeat right top;  padding: 0px;
    
    }
  ul#pestanyes li.active
  {
    background-color: #c0dced;
    }
    ul#pestanyes li a
    {
      display: block; padding: 5px 10px 5px 10px; margin: 0px; text-transform: uppercase;
      background: transparent url(../img/pestanya_esquerra.gif) no-repeat left top;
      font-size: 80%; *margin-top: -2px;
      }
    ul#pestanyes li span
    {
      display: block; padding: 5px 10px 5px 10px; margin: 0px; text-transform: uppercase;
      background: transparent url(../img/pestanya_esquerra.gif) no-repeat left top;
      font-size: 80%; *margin-top: -2px; color:#bbbbbb
      }
.dotted-line {
  display: inline-block;
  border-bottom: 1px dashed black;
}
	
/***** MAPA Recorregut ******/	
p.titolEsp {
				width:296px; text-align:center !important; color:rgb(0,161,8); font-weight:bold;
				font-size:11px; padding-top:2px;
			}
			
			div#desc-sortides {
				width:270px; float:left; margin-left:100px;
			}
			
				div#desc-sortides div {
					display:none; background-color:white; 
				}
				
				
				div#desc-sortides  dl {
			border:0px solid rgb(229,246,228); padding:1px 1px 5px 1px; margin:0px 0px 30px 0px; 
			float:none; display:block; line-height:0px;
		}
		
		div#desc-sortides  dd {
				padding:5px 5px 10px 3px; margin:0px 0px 10px 0px; line-height:20px;
			}
		
			
			div#mapa {
				width:296px; text-align:center; height:410px;	float:left; margin-bottom:40px; position:relative;
			}
			
			div#mapa P {
				text-align:center; color:rgb(0,161,8); font-weight:bold;	
			}
			
			div#mapa ul {
				position:absolute; margin:0px; padding:0px; top:0px; left:0px; width:296px; height:100%;
			}
				div#mapa ul li {
					position:absolute; margin:0px; padding:0px; left:0px; list-style:none;
				}
				
				div#mapa ul#num-sortides li {
					border:2px solid rgb(104,103,107); color:rgb(104,103,107); left:174px;
				}
				
					div#mapa ul#num-sortides li a {
						color:rgb(104,103,107);font-weight:bold; display:block; width:17px; height:17px; 
						text-align:center; line-height:17px; z-index:100000; 
					}
					
						div#mapa ul#num-sortides li a span.lletra{
							background-color: rgb(104,103,107); color:white; display:block; 
							position:absolute; top:0px; right:0px; padding:0px 3px;
						}
					
					div#mapa ul#num-sortides li a:hover {
						color:white; background-color: rgb(104,103,107); text-decoration:none;
					}
				
				div#mapa ul#tunels-peatge li {
					border:0px; color: rgb(104,103,107); font-weight:bold;
					width:118px; line-height:15px; left:0px; text-align:right;
				}
				
				div#mapa ul#arees li {
					border:0px; color: rgb(1,131,100); font-weight:bold;
					line-height:15px; left:162px;  padding-left:0px;
				}
				
					div#mapa ul#arees li a {
						color:rgb(1,131,100); padding-left:40px;
					}
				
			div#mapa img#img-mapa {
				margin-top:12px; z-index:4000000;
			}
				
			
			/* ul num-sortides */
			
			li#sortida-2 {
				top:342px;
			}
			
			li#sortida-7 {
				top:264px;
			}
			
			li#sortida-8 {
				top:207px;
			}
			
			li#sortida-10 {
				top:122px;
			}
			
			li#sortida-11 {
				top:73px;
			}
			
			li#sortida-12 {
				top:46px;
			}
			
			li#sortida-13A {
				top:22px; left:198px !important; width:35px;
			}
			
			li#sortida-13B {
				top:1px; width:35px;
			}
			
				li#sortida-13B a,li#sortida-13A a {
					width:32px !important; text-align:left !important;
					padding-left:4px;
				}
			
			
			
			/* ul tunels-peatge */
			
			li#tunel-vallvidrera {
				top:317px;
			}
			
			li#peatge {
				top:285px;
			}
			
			li#tunel-floresta {
				top:235px;
			}
			
			li#tunel-canLlobet {
				top:186px;
			}
			
			li#tunel-valldoreix {
				top:157px;
			}
			
			li#tunel-rabella {
				top:106px;
			}
			
			li#sarria {
				top:373px; left:172px !important; border:1px solid red; width:140px !important;
				text-align:left !important;
			}
			
			
			/* arees */
			li#area-servei {
				top:299px;  background:url(img/recorregut/ico_area_servei.gif) no-repeat left top; 
			}
			
			li#oficina-info {
				top:242px; height:18px !important; background:url(img/recorregut/ico_oficina_info.gif) no-repeat 0px  -1px
			}
			
			
			/* General "definicio" */
			
				
				
				div#mapes  {
					position:absolute; top:100px; left:20px; background-color:white; text-align:center;
					z-index:5999999999; border:2px solid gray; padding:15px 30px; display:none; 
				}
				
					div#mapes  img {
						display:none;
					}
					
					div#mapes  p {
						background-color:gray; text-align:right; border:1px solid rgb(230,230,230)
					}
					
					div#mapes  p a {
						display:block;  text-align: right; color:white; padding-right:15px; 
						background:url(img/creu_tancar_popus.gif) no-repeat right 3px; margin-right:5px;
					}
					
				
					
					
				a#fletxes {
					position:absolute; top:25px; left:245px; z-index:1002020202020;
				}
				
				img#direccio-barcelona {
					display:none;
				}
			
			img#icones-autopistes {
				position:absolute; right:300px; display:bolck; margin-top:2px;
			}
			
			



/***** MENU LATERAL ******/	
ul.menu-lateral {
	margin:7px 20px 40px 0px; padding:0px; list-style:none; float:left; font-family:Arial, Helvetica, sans-serif; text-align:left;
	}

	ul.menu-lateral li  {
		background-color:;
	}
	
		ul.menu-lateral li a {
			text-transform:; padding:15px 0px; color:#37882c; display:none;
			 padding-right:5px; 
		}
		

	ul.menu-lateral ul {
		margin:0px; padding:0px; list-style:none;  width:160px;
	}
	
		ul.menu-lateral li ul li {
			border-bottom:1px solid #ccc;
		}
		
			
			/* tercer nivell */
			ul.menu-lateral li ul li ul {
				padding-left:5px; margin-left:5px; width:auto; margin-bottom:10px; list-style:none;
			}
				ul.menu-lateral li ul li ul li {
					border:0px; background-color:transparent; color:#5e5d5d;
				}
				
				ul.menu-lateral li ul li ul li a {
					padding:2px 18px 2px 0px;   font-size:12px; font-weight:normal; color:#5e5d5d; display:block;
				}
			
			/* quart nivell */
			ul.menu-lateral li ul li ul li ul {
				padding-left:10px; margin-left:10px; width:auto; margin-bottom:10px; list-style:circle; 
			}
				
			
			
			
			ul.menu-lateral li ul li a {
				text-transform:none; color:#37882c;  font-size:14px; font-weight:bold; display:block;
			}
			
			ul.menu-lateral li ul li a:hover {
				color:#5e5d5d; text-decoration:none; display:block;
			}
			
			ul.menu-lateral li ul li.selected {
				background-color:#FFF;
			}
			
			ul.menu-lateral li ul li.selected a{
				color:#5e5d5d; text-decoration:none; display:block;
			}
			
			ul.menu-lateral li ul li.selected a:hover{
				color:#5e5d5d; text-decoration:underline; display:block;
			}
			
			ul.menu-lateral li ul li.selected a.selected{
				color:#5e5d5d; text-decoration:underline; display:block;
			}




/***** INFO RELACIONADA ******/			
div#info-relacionada {
	float:left; width:185px; margin:0px 0px 20px 30px; padding:0px; background-color:orange;
	background:url(../img/fons_columna_relacionada_peu.gif) repeat-x bottom rgb(229,246,228); font-family:Arial, Helvetica, sans-serif; text-align:left;
}

	div#info-relacionada h4 {
		margin:0px; padding:56px 3px 10px 10px;  height:6px; background-image:url(../img/fonsRelacionada.jpg); background-repeat:no-repeat;
		font-weight:bold; color:#fff; font-size:11px; line-height:12px;
	}
	
	div#info-relacionada ul {
		margin:0px; padding:0px; list-style:none; background-image:url(../img/fonsRelacionadaVerd.jpg); background-repeat:no-repeat; background-position:bottom;
		background-color:#37882c;
	}
	
	div#info-relacionada ul * {
		color:#fff; font-size:11px;
	}
	
	div#info-relacionada ul li {
		padding:5px 5px 5px 12px; border-top:1px solid #FFF;
	}
	
/***** SEGURETAT VIAL ******/	
	
	ol.seguretat {
				position:relative; float:right;  width:160px;
				padding-left:25px; margin:0px; top:15px; 
			}
			
				ol.seguretat li {
					font-size:14px; font-weight:bold; border:0px solid red; margin-top:15px;
				}
				
					ol.seguretat li img {
						position:absolute; margin-left:-294px; margin-top:-15px;
					}
					
					ol.seguretat li em {
						font-size:12px; font-weight:normal; font-style:normal;display:block; position:relative; height:200px;
						margin:0px; padding:0px;
					}
					

/***** CSS dels htmls ******/	

div#horesPunta, div#descomptesViatges, div#quotes-vigencies {
				margin-bottom:30px; display:none;
			}
			

div.blockContingut {
				display:none;
			}
			
			p.tancar {
				text-align:right !important; clear:both;
			}
			
div.resposta {
				display:none; margin-bottom:20px;
			}
			
h5 {
				margin-top:5px !important;
			}