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

body {
	background-color:#999999;
	margin:0px;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 12px;
}
a:{text-decoration:none; color:#006600}
a:link{text-decoration:none;  color:#006600}
a:visited{text-decoration:none; color:#006600}
a:active{text-decoration:none;  color:#006600}
a:hover{text-decoration:none; color:#006600}

a.menu:{text-decoration:none; color:#999999}
a.menu:link{text-decoration:none;  color:#999999}
a.menu:visited{text-decoration:none; color:#999999}
a.menu:active{text-decoration:none;  color:#999999}
a.menu:hover{text-decoration:none; color:#006600}

h1{font-size:30px; margin:0px}
h2{font-size:20px; margin:0px}
h3{font-size:15px; margin:0px}
hr {background-color:#999999; border:0; height:1px;}
form{margin:0px;}
.clear {clear:both;}
.error {color:#FF0000; background-color:#FFEEEE; border:1px solid #FF0000; padding:10px; margin:10px}
.correcte {color:#006600; background-color:#EEFFEE; border:1px solid #006600; padding:10px; margin:10px}

input{ border:2px solid #006600; background-color:#FFFFFF; color:#006600;}

.input_focus{ background-color:#FFFA73}
.input_blur{ background-color:#FFFFFF}

.botoverd{ background-color:#006600; border: 1px solid #006600; color:#FFFFFF}
.botovermell {background-color:#FFEEEE; border: 2px solid #990101; color:#990101; font-weight:bold}

.switch{ font-weight:bold; padding:5px; cursor:pointer; border:1px solid #EEEEEE; text-align:center}
.switch_seleccionat{  font-weight:bold; padding:5px; cursor:pointer;  border:1px solid #006600; background-image:url(../imatges_web/groc.gif);text-align:center}


#cap { background-image:url(../imatges_web/cap_1.gif); width:1000px; height:94px; text-align:left}
	#nom { position:absolute; }
	#info { position:absolute; color:#FFFFFF; margin-left:205px; margin-top:4px}
	#login { position:absolute; color:#000000; margin-left:205px; margin-top:24px}
	#idioma { position:absolute; color:#000000; margin-left:830px; margin-top:24px; text-align:right; width:150px}
	#menu { position:absolute; color:#000000; margin-left:187px; margin-top:42px; width:813px; height:40px; background-color:#F2EFE9; background-image:url(../imatges_web/corner.gif); background-repeat:no-repeat}
#cos { background-image:url(../imatges_web/cos.gif); width:1000px; min-height:400px; overflow:hidden}
	#cos_esquerra{float:left; width:177px; padding:5px; text-align:right;}
	#cos_central{float:left; padding:5px; text-align:left; }
#peu { background-image:url(../imatges_web/peu.gif); width:990px;  height:15px; color:#FFFFFF; padding-top:5px; padding-right:10px; overflow:hidden; font-size:9px; text-align:right}

#idiomes { overflow:hidden; position:absolute; margin-left:880px; margin-top:40px; background-color:#FFFFFF; border:1px solid #006600; padding:20px; text-align:right}

.pan_tit {background-image:url(../imatges_web/linea.gif); background-repeat:repeat-x; border:2px solid #006600; background-position:0px 68px}
.pan_tit_tit { height:60px; font-weight:bold; font-size:41px; margin-top:8px; }

.pan {border:2px solid #006600;}
.pan2 {border:2px solid #CBD8C3}

.titol {position:relative; font-weight:bold;  font-size:33px; margin-left:-30px;  padding-left:30px;background-image:url(../imatges_web/linea.gif); background-repeat:repeat-x;background-position:0px 43px; height:44px; width:730px;}
.linea {background-image:url(../imatges_web/linea.gif); background-repeat:repeat-x;height:1px; overflow:hidden }

#menuSuperior{margin-left:10px; font-size:25px; margin-top:4px;  color:#CBD8C3}
.menuActivat {color:#006600;  }

#menuDeRutes {position: absolute; margin-top:-15px; color:#CBD8C3; font-weight:bold; width:800px}
.menuDeRutesActivat {color:#006600; background-color:#CBD8C3; padding:0px 5px 0px 5px}

#digital { margin-top:5px}
#config{margin-top:20px}
	#iniciFinal{float:left; width:70px}
		#textInici{position:absolute; margin-top:5px; margin-left:10px; font-size:20px; text-align:right; width:50px}
		#textFinal{position:absolute; margin-top:310px; margin-left:10px; font-size:20px; text-align:right; width:50px}
	#metro{float:left}
	#boxes{float:left; margin-top:2px; margin-left:30px}
	.ii2{margin:0px; margin-bottom:0px;  padding:0px; height:51px; overflow:hidden}
	.mpr {font-size:10px; width:150px; height:30px; overflow:hidden; color:#006600; }
	
.h_pan{width:500px; height:60px; overflow:hidden}
.h_sel{float:left; cursor:pointer; background-color:#FFFFFF; padding:5px}
.h_sel_seleccionat{float:left; border:1px solid #006600; background-image:url(../imatges_web/groc.gif); padding:4px}

.h1_imatge{background-image:url(../imatges_web/ruta.gif); width:40px; height:60px; background-repeat:no-repeat; background-position:0px 15px; float:left}
.hC_imatge{background-image:url(../imatges_web/ruta.gif); width:40px; height:60px; background-repeat:no-repeat; background-position:0px -35px; float:left}
.h7_imatge{background-image:url(../imatges_web/ruta.gif); width:40px; height:60px; background-repeat:no-repeat; background-position:0px -290px; float:left}

.h_text{ width:320px; float:left; }
.h_rellotje{ width:50px; float:left; height:50px; }


.dia {width:79px; height:100px; float:left; padding:10px 2px 2px 2px; text-align:center; background-color:#CBD8C3; margin-right:3px; font-size:14px; color:#FFFFFF; font-weight:bold; overflow:hidden; cursor:pointer}
.faldo {position:absolute; width:79px; height:40px; background-color:#006600; overflow:hidden; }
.normal {background-image:url(../imatges_web/faldonormal.gif); background-repeat:repeat-x}
.festiu {background-image:url(../imatges_web/faldofestiu.gif); background-repeat:repeat-x}
.pand{ text-align:center}
.ok {color:#006600; font-size:30px; font-weight:bold; margin-top:30px; }
.no {color:#660000; font-size:10px; font-weight:normal; margin-top:40px; }

.pag{width:20px; height:20px; border:2px solid #006600; font-size:18px; font-weight:bold; float:right; padding:0px; margin-left:4px; color:#006600;text-align:center; padding:5px 5px 5px 5px; cursor:pointer}
.pag2{width:20px; height:20px; border:2px solid #006600; font-size:18px; font-weight:bold; float:right; padding:0px; margin-left:4px; background-color:#006600; color:#FFFFFF; text-align:center; padding:5px 5px 5px 5px}

.pastillaUruari {padding:10px;}
/* buscar */
.text1 {font-size:20px; font-weight:normal; text-align:right}
.inici_imatge{background-image:url(../imatges_web/ruta.gif); width:70px; height:60px; background-repeat:no-repeat; background-position:15px 15px; float:left}
.pal_imatge{background-image:url(../imatges_web/pal.gif); width:70px; height:30px; background-repeat:no-repeat; background-position:29px 0px; float:left}
.final_imatge{background-image:url(../imatges_web/ruta.gif); width:70px; height:60px; background-repeat:no-repeat; background-position:15px -290px; float:left}

.selec_tipus{ width:120px; font-weight:bold; padding:5px; cursor:pointer}
.selec_tipus_seleccionat{ width:120px; font-weight:bold; padding:4px; cursor:pointer;  border:1px solid #006600; background-image:url(../imatges_web/groc.gif);}
.selec_tipus_dies{float:left; width:209px; font-weight:bold; padding:5px; cursor:pointer; border:1px solid #EEEEEE; margin-right:10px; margin-top:5px; text-align:center}
.selec_tipus_dies_seleccionat{float:left; width:209px; font-weight:bold; padding:5px; cursor:pointer; border:1px solid #006600; margin-right:10px; margin-top:5px; text-align:center; background-image:url(../imatges_web/groc.gif);}

#llistat {width:714px; height:235px; overflow:hidden; background-color:#FFFFFF; overflow-y:scroll}
#fitxa {width:694px; height:375px; overflow:hidden; background-color:#EEEEEE; padding:10px}
	#fitxa_dades {width:280px;height:375px; margin-left:10px; float:left; }
		#fitxa_nom{width:200px; height:20px; overflow:hidden; font-weight:bold}
		#fitxa_estrelles{width:200px; height:20px; overflow:hidden}
		#fitxa_coche{width:200px; height:20px; overflow:hidden}
		#fitxa_rotacions{width:200px; height:20px; overflow:hidden}
		#fitxa_places{width:200px; height:25px; overflow:hidden}
		#fitxa_imatge{float:left}
		#pasatjers {overflow-y:scroll; width:280px;height:175px;}
		#comentaris {width:170px; height:90px; overflow:hidden; float:left}
		#demanar_ruta{ margin-top:40px; margin-left:20px}
		/*#demanar_ruta{position:absolute; margin-top:325px; margin-left:180px;  }*/
.llistat_item{width:699px; height:50px; padding:5px; font-size:10px; cursor:pointer}
.llistat_item_seleccionat{width:699px; height:50px; padding:5px; font-size:10px; cursor:pointer; background-image:url(../imatges_web/groc.gif);}
	.llistat_hores{width:50px; float:left; height:50px;  float:left;text-align:right}
		.llistat_hora1{ margin-top:4px}
		.llistat_hora2{ margin-top:15px}
	.llistat_ruta_llistat {width:40px;height:50px; background-image:url(../imatges_web/ruta_llistat.gif); background-repeat:no-repeat; background-position:10px 0px; float:left}	
	.llistat_direccions{width:300px; float:left; height:50px;  float:left}
		.llistat_dir1{ margin-top:0px; height:25px;  overflow:hidden}
			.llistat_dir1 td {font-size:10px}
		.llistat_dir2{ margin-top:2px; height:25px;  overflow:hidden}	
			.llistat_dir2 td {font-size:10px}
	.llistat_info{float:left; text-align:right; width:300px; font-size:11px}
		.llistat_nom{ margin-top:1px; font-weight:bold}
		.llistat_estrelles{ margin-top:2px}
		.llistat_dies{ margin-top:2px}	
#loading{ 
	text-align:center; 
	margin-top:40px;
}
div.slider {
	width: 180px;
	height: 18px;
	border: 2px solid #006600;
	text-align:left;
	overflow:hidden;
}
div.slider2 {
	width: 160px;
	height: 18px;
	border: 2px solid #006600;
	text-align:left;
	overflow:hidden;
}
div.slider div.knob {
	background: #006600;
	width: 16px;
	height: 18px;
	cursor:e-resize;
}
div.slider2 div.knob2 {
	background: #006600;
	width: 16px;
	height: 18px;
	cursor:e-resize;
}
div#fontSize {
	height: 50px;
}		
/* missatges */
#subjecte { padding:20px; color:#006600; font-weight:bold; width:530px; float:left}
#data{ padding:20px; color:#006600; font-weight:bold; width:100px; float:left; text-align:right }
#respondre{padding:20px; color:#006600; font-weight:bold; width:50px; float:left}
#missatge {padding:20px; overflow-y:scroll; height:150px;}
#botonera{ padding:5px;}

.fchaEmail{height:40px; padding:5px; cursor:pointer; overflow:hidden}
.fchaEmail_seleccionat{height:40px; padding:5px; cursor:pointer; background-image:url(../imatges_web/groc.gif);}
.sobre{width:30px; float:left}
.imatgeEmail{ width:45px; float:left}
.nomEmail{width:100px; float:left; color:#006600; font-weight:bold; margin-top:10px;overflow:hidden}
.imatgeEmail2{ width:45px; float:left}
.nomEmail2{width:100px; float:left; color:#006600; font-weight:bold; margin-top:10px;overflow:hidden}
.subjecteEmail{width:230px; float:left; color:#006600; font-weight:bold; height:20px; padding:10px; border-left:1px solid #CCCCCC}
.dataEmail{width:90px; float:left; height:20px; padding:10px; border-left:1px solid #CCCCCC; overflow:hidden}
.botoEliminar{float:left; padding:10px; border-left:1px solid #CCCCCC; overflow:hidden}
.flecha{background-image:url(../imatges_web/flecha.gif); width:20px; height:40px; float:left}