html {height:100%}
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: White;
	text-align: center;
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	padding-top: 0px;
	margin: 0px; 
	overflow: -moz-scrollbars-vertical;
	background-color:White
	/*background-image: url(fonsGris.gif);*/
}
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}

.idioma
{
	color:White;
	font-family:Arial,Trebuchet MS, Sans-Serif;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;	
}

.idioma a:hover {
color:white;
font-weight:bold;
text-decoration:underline;
}

.idioma_no_seleccionado {
color:white;
font-weight:normal;
text-decoration:none;
}
#SelecIdioma a {
color:white;
text-decoration:none;
}
#SelecIdioma a:active {
cursor:pointer;
text-decoration:underline;
}
#SelecIdioma a:visited {
}
#SelecIdioma a:hover {
color:white;
cursor:pointer;
font-weight:normal;
text-decoration:underline;
}


.inputTextBox{
	margin: 0;
	border: 1px solid #fff;
	width: 115px;
	height: 20px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 10px;	
	background-image:url(input.png);
	background-attachment: fixed left 0;	
}
form{
	margin: 0px;
	padding: 0px;
}

.red12px{
	color: White;
	font-weight: bold;
}

.rutaRecom 
{
	color: White;
	font-weight: bold;
	text-align: left;
	font-size:10pt;
}


.ejemplos{
	font-family:Verdana,FreeSans,sans-serif;
font-size:8px;	
font-weight:bold;
color:White;

}

.txtInfo
{
font-family:Verdana,FreeSans,sans-serif;
font-size:10px;	
font-weight:bold;
color:White;
}

/* plana principal */
#main {	
	text-align: center;
   vertical-align: middle;
   margin-top: -130px;
   margin-left: -100px;
   position: absolute;
   top: 50%;
   left: 50%;
   width: 220px;
   height: 260px;
	background-image: url(fondo.gif); 
}

#header_sup {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	float: left;
	padding-top: 10px; 
	padding-right: 10px; 
	padding-bottom: 5px; 
	padding-left: 10px; 
	margin: 0px; 
	width: 200px; 
	height: 10px! important; /* altura de 40 -15 del padding */
	text-align: justify;
	color: #fff;
	font-size: 10px;
	line-height: 12px;
}

#header_inf {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	float: left;
	padding-top: 10px; 
	padding-right: 10px; 
	padding-bottom: 10px; 
	padding-left: 10px; 
	margin: 0px; 
	width: 200px; 
	height: 44px! important; /* altura de 50 -20 del padding */
	text-align: justify;
	color: #fff;
	font-size: 10px;
	line-height: 12px;
}
.marco{
	border: 1px solid #fff;
}

#header_inf2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	float: left;
	padding-top: 5px; 
	padding-right: 10px; 
	padding-bottom: 5px; 
	padding-left: 10px; 
	margin: 0px; 
	width: 200px; 
	height: 27px! important; /* altura de 70 -20 del padding */
	text-align: justify;
	color: #000;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
}
.txt10px{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #606060;
}
.txt10px_black{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000;
}
.txt10px_gray{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: gray;
}
.txt11px_white{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: white;
	background-color:Black;
}

.crear_ruta a{
	display: block;
	background: url("crear-ruta.gif") no-repeat;
	width: 49px;
	height: 26px;
	}
.crear_ruta a:hover{
	display: block;
	background-position: 0 -26px;
}


/* plana de cerca */

#contenidor {
   text-align : center;
   vertical-align: middle;
   /*margin-top: -384px;*/
   margin-left: -500px;
   position: absolute;
   /*top: 50%;*/
   left: 50%;  /*SERVEIX PER CENTRAR A LA PLANA */
   width: 1024px;
   height: 800px;
	/*background-image: url(fonsGris.gif);*/ 
	background-color:Transparent;
	
}

#left{
	float: left;
	width: 315px; 
	height: 750px! important; 
}

#ajuntament {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 963px; 
	height: 41px! important; 
	background-image: url(logo_Ajuntament.png);
	background-color:Black;	
	background-repeat:no-repeat;
	padding-bottom:0px;
}

#cont_left_sup {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 192px; 
	height: 89px; 
	background-image:url(cabecera_ok.png);	
	background-repeat:no-repeat;
	background-position:center;
}

#cont_left_med {
	font-family: Verdana,FreeSans,sans-serif;
	color: White;
	float: left;
	width: 215px; 
	height: 246px! important; /* SE LE RESTA 1PX DEL PADDING 8 */
	background-image:url(pastilla-busqueda1.png);
	margin: 8px 0px 0 0px;
}
#cont_left_med_ext {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 197px; 
	height: 320px! important; /* SE LE RESTA 1PX DEL PADDING 8 */
	width: 215px;
	background-image:url(pastilla-ruta.png);
	margin: 8px 0px 0 0px;
}

#InfoViaBicing
{
	width: 215px; 
	height: 186px; /* SE LE RESTA 1PX DEL PADDING 8 */
	//background-image:url(ca/CaixatxtViabicing.png);
	float:left;
}


#cont_left_med img {
	margin: 8px 0px 0 0;
	border: 0;
}

.cont_left_footer {
	
	width: 335px; 
	position: relative; bottom: 5px; right: 10px;
}


#right{
	float: left;
	width: 670px; 
	height: 750px! important; 
	padding-top: 0px;
}

#cont_right {
	font-family: Arial, Helvetica, sans-serif;
	width: 670px; 
	height: 570px!important; 
	/*background-image:url(bg_mapa.gif);	*/
	margin: 0;
	text-align: center;	
	z-index:2000;
	padding-top: 15px;
}

#superior{
		width: 670px;
	height: 23px!important;
	padding-top:0px;
	padding-right:1px;
}
#important1
{
		height: 10px|important;

}
#dadesInferior{
width: 635px;
}

#inferior{
float:right;
text-align:right;
font-size: 10px;
height: 10px!important;	
}
#inferiorTranscad{
float:left;
text-align:left;
		}

#mapa 
{
	width: 635px; 
	height: 570px!important; 
	z-index: 1;
}


#contenedor_pie {
color:white;
font-size:10px;
text-align:center;
height:51px;
width:75%;
}
#pie2 #contenedor_pie {
color:White;
font-size:10px;
text-align:center;
width:100%;
}
#contenedor_pie a {
color:white;
font-size:10px;
text-decoration:underline;
}
#pie2 #contenedor_pie a {
color:White;
font-size:10px;
text-decoration:underline;
}

#aviso_legal {
margin:0 auto;
position:relative;
text-align:left;
width:489px;
}
#aviso_header_es {
background:transparent url(es/header_aviso_es.gif) no-repeat scroll 0 0;
height:155px;
width:489px;
}
#aviso_header_ca {
background:transparent url(ca/header_aviso_ca.gif) no-repeat scroll 0 0;
height:155px;
width:489px;
}

#aviso_content {
background:transparent url(legal_BG.gif) repeat-y scroll 0 0;
color:#686868;
font-size:10px;
text-align:justify;
}
#aviso_text {
float:right;
padding-bottom:10px;
padding-right:32px;
width:242px;
}
#aviso_vertical_es {
background:transparent url(es/VER_legal_es.gif) no-repeat scroll 0 0;
float:right;
height:360px;
margin-right:14px;
width:55px;
}
#aviso_vertical_ca {
background:transparent url(ca/VER_legal_ca.gif) no-repeat scroll 0 0;
float:right;
height:360px;
margin-right:14px;
width:55px;
}
#aviso_vertical_en {
background:transparent url(/pfw_files/tpl/legal/VER_legal_en.gif) no-repeat scroll 0 0;
float:right;
height:360px;
margin-right:14px;
width:55px;
}

#AvisRutaAdient
{
	position:absolute; 
	display:none; 
	top:30%; 
	left:43%; 
	z-index:2000 ;	
	height:122px;
	width:452px;
}

#AvisRutaAdient2
{
	position:absolute; 
	display:none; 
	top:30%; 
	left:43%; 
	z-index:2000 ;	
	height:122px;
	width:452px;
}


#AvisLimits
{
	position:absolute; 
	display:none; 
	top:30%; 
	left:43%; 
	height:122px; 
	width:451px; 
	z-index:2000; 
}

#AvisODIguals
{
	position:absolute; 
	display:none; 
	top:30%; 
	left:43%; 
	height:122px; 
	width:452px; 
	z-index:2000; 
}

#AvisFaltenDades
{
	position:absolute; 
	display:none; 
	top:30%; 
	left:43%; 
	z-index:2000 ;
	height:122px;
	width:451px;
}

#AvisNoRuta
{
	position:absolute; 
	display:none; 
	top:30%; 
	left:43%; 
	z-index:2000 ;
	height:122px;
	width:451px;
}

#AvisProcessant
{
	position:absolute; 
	display:none; 
	top:55%; 
	left:60%; 
	z-index:2000 ;
	height:56px;
	width:183px;	
}

#ForaServei
{
	position:absolute; 
	display:none; 
	top:35%; 
	left:40%; 
	z-index:2000 ;	
}