/* CSS Document */

/*/RESTAURAR NAVEGADORES//////////////////////////////////////////////////////////////////////////////////*/
body,div,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{
	margin:0px;
	padding:0px;
}
fieldset,img{border:0px;}
table { border-collapse:collapse; }
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
p,h1,h2,h3,h4,h5,h6{font-size:100%;}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*COLOURS
gris:#54575E
gris medio:#70706F
gris claro:#CECECD
naranja:#FABC1D
azul:#86A9D5
*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*TIPOGRAFIAS*/
.iz{
	text-align: left;
}

.cen{
	text-align: center;
}

.der{
	text-align: right;
}
.n {
	font-weight: bolder;
}
.cur{
	font-style: italic;
}
.float {
	float: left;
	margin-right: 10px;
}
.f-left {
	float: left;
	margin-right: 3px;
}


.r {
	color: #FF0000;
}
h1   {
	font-size: 110%;
	color: #333333;
	background-color: #F8BB22;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-bottom: 10px;
}
h2  {
	color: #E4A807;
	margin-bottom: 5px;
}
p  {
	margin-bottom: 5px;
}
.titulo1 {
	font-size: 250%;
	font-weight: bold;
	color: #F8BB22;
	background-color: #FFFFFF;
}
.subtitulo1   {
	font-size: 150%;
	color: #54575E;
	background-color: #FFFFFF;
}
.subtitulo2{
	font-size: 110%;
	margin-bottom: 0px;
	background-color: #FCE6A9;
	padding: 3px;
	color: #333333;
	width: 470px;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*LINKS*/

a, #pie a, #submenu a{
	text-decoration: none;
	color: #FFFFFF;
}
a:hover, #pie a:hover{
	color: #54575E;
}
#submenu2 a{
	color: #333333;
}
#submenu2 a:hover {
	color: #F8BB22;
}
#ColCen  a, #ColIz2  a{
	color: #333333;
}
#ColCen  a:hover, #ColIz2  a:hover {
	color: #F8BB22;
}
#texto h2 a {
	color: #F8BB22;
}
#texto h2 a:hover {
	color: #333333;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#widthPage{
	text-align: left;
	margin: auto;
	background-color: #FFFFFF;
	position: relative;
	min-width:1100px;
	width: expression((documentElement.clientWidth <1100) ? "1100px" : "100%" );
}

.clear{
	clear:both;
	height: 0px;
	font-size: 0px;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Hides from IE5-mac \*/
* html #texto {height: 1%;}
* html #widthPage{
	height: 1%;
}


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #F8BB22;
	/* overflow-x: hidden;*/
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*CABECERA*/
#cabecera {
	background-color: #54575E;
	background-image: url(../img/capcalera.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 5px;
	height: 75px;
	text-align: right;
}
#itemsCabecera {
	padding-top: 20px;
	padding-right: 20px;
	float: right;
	width: 490px;
}
#iconosCabecera {
	float: left;
}
#idiomas li {
	display: inline;
	margin-right: 5px;
	color: #CCCCCC;
}
#idiomas li a {
	color: #CCCCCC;
	font-size: 12px;
	margin-right: 5px;
}
#idiomas li .on {
	font-weight: bold;
	color: #FFFFFF;
}


#logoReus  {
	float: right;
	margin-top: 20px;
}


#marquesina{
	font-weight: bold;
	color: #FFFFFF;
	width: 240px;
	background-color: #666666;
	border: 1px solid #666666;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#marq img {
	vertical-align: bottom;
}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*MENU*/
#navegacion {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	font-weight: bold;
	font-size: 80%;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#menu {
	background-image: url(../img/menuFondo.jpg);
	background-repeat:  repeat-x;
	position: relative;
}
#menu ul {
	height: 68px;
	margin-left: 10px;
			
}
#menu li{
	width: 16%;
	float: left;
	
}

/*/////////menu off*/
#menu1 a,#menu2 a,#menu3 a,#menu4 a,#menu5 a,#menu6 a{
	background-image: url(../img/CIrculoNaranja.jpg);
	background-repeat: no-repeat;
	background-position: center 36px;
	color: #FFFFFF;
	display: block;
	padding-top: 10px;
	height: 58px;
}
#menu1 a:hover,#menu2 a:hover,#menu3 a:hover,#menu4 a:hover,#menu5 a:hover,#menu6 a:hover {
	background-repeat:  repeat-x;
	background-position: top;
	height: 58px;
}
#menu1 a:hover{
	background-image: url(../img/menuFondoSelec1.jpg);
}
#menu2 a:hover{
	background-image: url(../img/menuFondoSelec2.jpg);
}
#menu3 a:hover{
	background-image: url(../img/menuFondoSelec3.jpg);
}
#menu4 a:hover{
	background-image: url(../img/menuFondoSelec4.jpg);
}
#menu5 a:hover{
	background-image: url(../img/menuFondoSelec5.jpg);
}
#menu6 a:hover{
	background-image: url(../img/menuFondoSelec6.jpg);
}

/*/////////menu on*/
#menuOn1 a,#menuOn2 a,#menuOn3 a,#menuOn4 a,#menuOn5 a,#menuOn6 a {
	color: #FFFFFF;
}
#menuOn1 a:hover,#menuOn2 a:hover,#menuOn3 a:hover,#menuOn4 a:hover,#menuOn5 a:hover,#menuOn6 a:hover {
	color: #FFFFFF;
}
#menuOn1,#menuOn2,#menuOn3,#menuOn4,#menuOn5,#menuOn6 {
	background-repeat:  repeat-x;
	width: 16%;
	color: #FFFFFF;
	padding-top: 10px;
	height: 58px;
	padding-right: 2px;
	padding-left: 2px;
}
#menuOn1{
	background-image: url(../img/menuFondoOn1.jpg);
}
#menuOn2{
	background-image: url(../img/menuFondoOn2.jpg);
}
#menuOn3{
	background-image: url(../img/menuFondoOn3.jpg);
}
#menuOn4{
	background-image: url(../img/menuFondoOn4.jpg);
}
#menuOn5{
	background-image: url(../img/menuFondoOn5.jpg);
}
#menuOn6{
	background-image: url(../img/menuFondoOn6.jpg);
}
#menu li img {
	margin-top: 34px;
}
/*SUBMENU*/
#submenu {
	height: 20px;
}
.submenu2 {
	background-color: #E10028;
}
.submenu5 {
	background-color: #008956;
}
.submenu6 {
	background-color: #0072B5;
}

#submenu ul {
	margin-left: 10px;


}
#submenu li {
	float: left;
}
#submenu img {
	margin-right: 5px;
}
.submenuOn a{
	display: block;
	padding-top: 2px;
	background-color: #54575E;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	height: 18px;
}
.submenuOf a{
	display: block;
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	height: 18px;
}

.submenuOf a:hover {
	background-color: #787E87;
	color: #FFFFFF;
}
.submenuOn a:hover {
	background-color: #53575D;
	color: #F8BB22;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*CONTENIDO*/
#contenido{
	font-size: 80%;
	margin-top: 20px;
	position: relative;
}

#flashcontent {
	width: 720px;
	margin-top: -310px;
	margin-left: -360px;
	left: 50%;
	top: 50%;
	position: absolute;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#ColIz,#ColCen {
	padding-bottom: 10px;
}
#ColCen li ul li {
	margin-left: 15px;
}
#ColIz/*columna izquierda*/
 {
	float: left;
	margin-right: 10px;
	width: 180px;
	margin-left: 10px;
}
#ColIz2 {
	margin-bottom: 10px;
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 200px;
}

#submenu2 {
	margin-bottom: 20px;
}

#submenu2 li {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#video,#video2  {
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin-bottom: 10px;
}
.videoSmall{
	width:160px;
}
/*columna derecha*/
#ColDer {
	float: right;
	margin-right: 10px;
	width: 170px;
}
#ColDer img {
	margin-bottom: 5px;
}

#ColDer h3 {
	background-color: #F8BB22;
	padding: 5px;
	color: #333333;
	text-transform: uppercase;
	margin-bottom: 3px;
}

/*columna centro*/
#ColCen{
	margin-left: 210px;
	margin-right: 200px;
}

#foto {
	margin-right: 20px;
	float: left;
	width: 180px;
}
.foto {
	margin-right: 20px;
	float: left;
	margin-bottom: 10px;
}
.fotoBorde {
	padding: 5px;
	border: 1px solid #CCCCCC;
}
#texto {
	margin-left: 210px;
	text-align: justify;
}
.mapa   ul {
	margin-left: 20px;
}
#ColCen table tr  {
	background-color: #EEEEEE;
}
#ColCen table td {
	padding: 5px;
	vertical-align: top;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*PIE*/
#pie {
	background-color: #F8BB22;
	font-size: 70%;
	color: #FFFFFF;
	padding-left: 10px;
	height: 35px;
	padding-right: 10px;
}
#pie li {
	float: left;
	padding-top: 10px;
	padding-left: 3px;
}

#logosW3C{
	float: right;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*listados imprimir y campañas*/
.Impr li,.Camp li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	width: 470px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.Impr, .Camp {
	margin-bottom: 20px;
}
.Camp li {
	height: 70px;
}
.Camp p {
	margin-top: 15px;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*cuadros monolit*/
.cuadro {
	border: 1px solid #CCCCCC;
	padding: 5px;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	width: 140px;
	height: 110px;
}
.cuadro img {
	float: left;
	margin-right: 10px;
}
.cuadro2 {
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin-right: 10px;
	margin-top: 10px;
	height: 105px;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*Formularios y admin*/
form p {
	margin-bottom: 15px;
}
.bordeNar {
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #F8BB22;
}
.blanc {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	background-color: #FFFAEC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.boton {
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #F8BB22;
	border-left-color: #FFFFFF;
	margin-right: 10px;
}
.boton2 {
	background-color: #707070;
	color: #FFFFFF;
	font-weight: bold;
	border: 1px solid #707070;
}
.botonadmin {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}

.noticia {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.campo {
	background-color: #FFFFFF;
	margin-right: 10px;
	border: 1px solid #F8BB22;
}
#nueva {
	margin-bottom: 10px;
}

.herramientas {
	background-color: #FCE4A7;
	text-align: right;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
}

.herramientas img {
	margin-left: 10px;
}

.item {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.item h2 {
	text-transform: uppercase;
	color: #F8BB22;
}
.vigencia {
	color: #F00;
	float: right;
	font-size: 11px;
}
#funcionament h2 {
	font-weight: bold;
	color: #F8BB22;
}
#funcionament {
	font-size: 100%;
}
#funcionament td {
	padding-right: 15px;
	width: 50%;
	vertical-align: top;
}
#pdf {
	padding: 10px;
	border: 1px solid #FCB825;
	text-align: center;
	font-weight: bold;
	background-color: #FEF4DA;
}
.amarillo {
	font-size: 11px;
	color: #F8BB22;
	font-weight: bold;
}
.lpeque {
	font-size: 10px;
}
#gadgetWrapper {
	font-size: 12px;
	width: 950px;
	margin: auto;
	text-align: left;
	padding-right: 20px;
	padding-left: 20px;
}
#gadget {
	width: 312px;
	float: left;
	background-color: #AAAAAA;
	height: 580px;
	padding: 4px;
}

#gadget p {
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
#gadget h3 {
	margin-right: 10px;
	margin-left: 10px;
}

.cajaGadget {
	margin-left: 320px;
	margin-bottom: 20px;
}
.cajaGadget .flecha {
	background-image: url(../img/flechaGadget.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	width: 35px;
	height: 175px;
	float: left;
}
.cajaGadget  h3,#gadget h3 {
	color: #FBBD1E;
	font-size: 18px;
}

.cajaGadget  h4 {
	color: #54575E;
	margin-bottom: 15px;
}
.cajaGadget p {
	color: #53565D;
	margin-bottom: 10px;
	font-size: 11px;
}



#mobil {
	background-color: #cccccc;
	margin-left: 35px;
	height: 165px;
	background-image: url(../img/mobilTit.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 240px;
	padding-right: 10px;
	margin-right: 10px;
	padding-top: 10px;
}
#mobil h3 {
	color: #FFFFFF;
}
#xarxa {
	background-color: #E6E6E6;
	margin-left: 35px;
	height: 165px;
	padding-top: 10px;
	padding-left: 30px;
	background-image: url(../img/xarxesTit.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 10px;
}
.cajaXarxa {
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
	width: 160px;
	height: 145px;
}
.borde{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}


#escriptori {
	background-color: #EFEFEF;
	margin-left: 35px;
	height: 190px;
	padding-left: 34px;
	background-image: url(../img/escriptoriTit.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 10px;
	padding-top: 10px;
}

.cajaEscriptori  #noflash {
	text-align: center;
	margin-top: 50px;
	margin-left: 10px;
}

.cajaEscriptori {
	float: right;
	width: 220px;
	padding-right: 8px;
	margin-right: 10px;
	height: 180px;
	background-color: #F5F5F5;
	margin-bottom: 10px;
	margin-left: 10px;
}
.cajaEscriptori  img {
	vertical-align: bottom;
}
.gadget_bt {
	color: #54575E;
	background-color: #FFFFFF;
	padding: 3px;
	border: 1px solid #54575E;
	font-weight: bold;
}
.cajaGadget a:hover {
	color: #F8BB22;
}
.codigo {
	font-size: 11px;
	color: #54575E;
	background-color: #FFFFFF;
	border: 1px solid #54575E;
	height: 40px;
	overflow-x:hidden;
	overflow-y:scroll;
	padding: 3px;
	width: 155px;
}
#escriptori .gadget_bt {
	margin-right: 5px;
	text-align: center;
	float: left;
	font-size: 11px;
	width: 110px;
}
#lgrande {
	font-size: 15px;
	font-weight: bold;
	color: #54575E;
	background-color: #F8BB22;
}
#lpeque {
	font-size: 9px;
}
.ajuda {
	margin-top: 10px;
	padding: 5px;
	border: 1px solid #FFFFFF;
	height: 50px;
	background-color: #C8C8C8;
	margin-right: 10px;
	margin-left: 10px;
}
.ajuda a {
	font-weight: bold;
	color: #333333;
	font-size: 13px;
}
.ajuda     p  {
	vertical-align: middle;
	margin-top: 10px;
}
.ajuda a:hover {
	color: #FFFFFF;
}
#actualitzacio {
	margin-left: 35px;
	margin-right: 10px;
}
#mapa #getFlash {
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
/*////////////////////////////////////////////////////////////////////////*/
/*Google maps index*/
#colIzIndex{
	width: 180px;
	float: left;
	margin-right: 10px;
}
#banners .titulo {
	background-image: url(../img/esquinaDerG.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #666666;
	height: 21px;
	padding-top: 3px;
	padding-left: 5px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
	margin-top: 10px;
}
#banners li {
	margin-left: 15px;
}


#menuHorari{
	background-color: #F8BB22;
	background-image: url(../img/esquinaDer.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	position: relative;
	_position:static;
	padding-top: 10px;
	padding-right: 7px;
	padding-bottom: 10px;
	padding-left: 7px;
}
#menuHorari img {
	vertical-align: middle;
}
.tituloHoraris {
	background-image: url(../img/pdfIndex.jpg);
	background-repeat: no-repeat;
	background-position: right;
	font-weight: bold;
	padding-right: 30px;
	font-size: 11px;
	height: 35px;
	line-height:15px;
}

#menuHorari li{
	cursor:pointer;
	clear: left;
}
#menuHorari .ruta {
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	float: left;
	width: auto;
	height: 14px;
	text-align: left;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
#menuHorari  .ruta:hover {
	background-color: #FBDB88;
}

#menuHorari .L10 {
	background-color: #EB3D00;
	width: 135px;
}
#menuHorari .L11 {
	background-color: #90488A;
	width: 135px;
}
#menuHorari .L20 {
	background-color: #005CA9;
	width: 135px;
}
#menuHorari .L30 {
	background-color: #008463;
	width: 112px;
}
#menuHorari .L32 {
	background-color: #006C6C;
	width: 135px;
}
#menuHorari .L33 {
	background-color: #636B6E;
	width: 135px;
}
		
#menuHorari .L40 {
	background-color: #949293;
	width: 90px;
}
#menuHorari .L50 {
	background-color: #63402C;
	width: 135px;
}
#menuHorari .LTodas {
	background-color: #FFFFFF;
	width: 157px;
}
#menuHorari  #HTodas  a   {
	color: #333333;
	text-align: center;
}
#infoLineas{
	background-color: #f2f2f2;
	width: 210px;
	float: right;
	margin-right: -250px;
	position: relative;
	color: #333333;
	height: 285px;
	padding-top: 25px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	display: none;

}
#infoLineas .parada {
	background-color: #54575E;
	padding: 3px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 10px;
}
#infoLineas .ruta {
	font-size: 10px;
	padding: 3px;
	font-weight: bold;
}
#infoLineas #cerrar {
	position: absolute;
	top: 4px;
	right: 2px;
}



#horariosTeoricos {
	padding-right: 10px;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;

}
#horariosTeoricos   .titol  {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #5B5B5D;
	padding: 2px;
	margin-top: 5px;
}
.horasN {
	background-color: #FEF0CB;
}
.horasB {

}

#menuLineas{
	background-color: #FFFFFF;
	overflow: hidden;
	color: #000000;
	position: relative;
	margin-left: 190px;
	margin-bottom: 5px;
	height: 25px;
	}
#menuLineas p {
	float: left;
	font-weight: bold;
	color: #000000;
	margin-right: 5px;
}
#menuLineas li {
	cursor:pointer;
	float: left;
	margin-right: 5px;
}
#menuLineas   li.todas_bt {
	color: #000000;
	font-weight: bold;
	background-color: #FAD167;
	display: block;
	padding: 2px;
}
#menuLineas  .todas_bt:hover {
	background-color:#666666;
}
#menuLineas  .buscar {
	position: absolute;
	top: 0px;
	right: 20px;
}
#menuLineas .buscar img {
	vertical-align: bottom;
}


#googleMapWrap {
	background-color: #F8BB22;
	position: relative;
	margin-left: 190px;
	background-image: url(../img/esquinaDer.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	_float:left;
	_margin-left:0px;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
}
#googleMap {
	width: 100%;
	height: 285px;
}
#subvencion {
	font-size: 10px;
	color: #666666;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: both;
}
#lineaTitol  {
	font-weight: bold;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
}
.esquinaIz {
	background-image: url(../img/esquinaIz.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	top: 0px;
	height: 14px;
	width: 16px;
	left: 0px;
}
.esquinaInfDer {
	background-image: url(../img/esquinaInfDer.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 14px;
	width: 16px;
}
.esquinaIzInfG {
	background-image: url(../img/esquinaIzInfG.jpg);
	position: absolute;
		background-repeat: no-repeat;
	bottom: 0px;
	left: 0px;
	height: 10px;
	width: 12px;
	background-position: left bottom;
}
.esquinaIzG {
	background-image: url(../img/esquinaIzG.jpg);
	position: absolute;
		background-repeat: no-repeat;
	top: 0px;
	left: 0px;
	height: 10px;
	width: 12px;
	background-position: left top;
}
/*/////////////////////////////////////////////*/
/*LOADER*/
#loader {
	height: 100%;
	width: 100%;
	background-color: #FFFFFF;
	z-index: 20;
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: center;
}
#loaderImg  {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 25;
}
/*/////////////////////////////////////////////*/
/*SCROLL*/
.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
}

.vscrollerbase {
	width: 10px;
	background-color: #CCCCCC;
}
.vscrollerbar {
	width: 10px;
	background-color: #333333;
	cursor:pointer;
}
.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: black;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}
iframe {
	overflow: hidden;
	height: 310px;
	width: 960px;
	margin: -20px;
	border: 1px none #FF0000;
}
#iframeForm{
	display: none;	
}

/* Estilos para buubles de google maps   */
.arribada {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
	margin-bottom: 3px;
	font-size: 10px;
}
.botonHorariosImg{
	top: 0px;
	right: 5px;
	padding-left: 3px;
	vertical-align: middle;
	text-align: right;
}
.L10 {
	color: #FFFFFF;
	background-color: #EB3D00;
	padding: 2px;
	text-align: center;
}
.L11 {
	color: #FFFFFF;
	background-color: #90488A;
	padding: 2px;
	text-align: center;
}
.L20 {
	color: #FFFFFF;
	background-color: #005CA9;
	padding: 2px;
	text-align: center;
}

.L30 {
	color: #FFFFFF;
	background-color: #008463;
	padding: 2px;
	text-align: center;
}
.L31 {
	color: #FFFFFF;
	background-color: #479585;
	padding: 2px;
	text-align: center;
}
.L32 {
	color: #FFFFFF;
	background-color: #006C6C;
	padding: 2px;
	text-align: center;
}
.L33 {
	color: #FFFFFF;
	background-color: #636B6E;
	padding: 2px;
	text-align: center;
}
.L40 {
	color: #FFFFFF;
	background-color: #949494;
	padding: 2px;
	text-align: center;
}
.L41 {
	color: #FFFFFF;
	background-color: #71706E;
	padding: 2px;
	text-align: center;
}
.L42 {
	color: #FFFFFF;
	background-color: #615D5C;
	padding: 2px;
	text-align: center;
}
.L50 {
	color: #FFFFFF;
	background-color: #63402C;
	padding: 2px;
	text-align: center;
}
.L0 {
	background-color: #FAD167;
}

.nombreParada {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #666666;
	padding: 3px;
}
.hora{
	font-size: 10px;
	margin-left: 10px;
	color: #CCCCCC;
	margin-top: 5px;	
	float:right;
	_float:none;
	_text-align: right;
	_margin-left:10px;
}
#infowindow  tbody td {
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
}
#infowindow {
	background-color: #F8BB22;
	padding: 10px;
}

#infowindow  tbody  td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F8BB22;
}

#infowindow  thead {
	font-weight: bold;
	color: #333333;
}
.cen {
	text-align: center;
}

.bl {color: #FFFFFF}
#infowindow td {
	padding: 5px;
	font-size: 10px;
}



/* Estilos para lista*/
#list_wrapper								{ width: 300px; padding: 0px 0px 30px 0px; margin: 0px auto 0px auto; }
#table_wrapper								{ width: 500px; padding: 0px 0px 30px 0px; margin: 0px auto 0px auto; }
#page_wrapper input.filter					{ width: 288px; height: 30px; margin: 0px 0px 10px 0px; padding: 0px 5px 0px 5px; border: 1px solid #2a5d9c; font-size: 16px; color: #000000; background: #112f55; }
#page_wrapper ul.live_filter				{ list-style: none; margin: 0px; padding: 0px; z-index:1000; }
#page_wrapper ul.live_filter li				{ width: 300px; height: 30px; margin: 0px; border-bottom: 1px solid #061220; background: url(../images/list-item-bg.gif) 0px 0px no-repeat; }
#page_wrapper ul.live_filter li	a			{ display: block; width: 293px; height: 23px; padding: 7px 0px 0px 7px; color: #000000; text-decoration: none; }
#page_wrapper ul.live_filter li	a:hover		{ text-decoration: underline; }

#page_wrapper table							{ width: 500px; }
#page_wrapper table tr						{ width: 500px; height: 30px; margin: 0px; padding: 0px 0px 0px 0px; border: 0px; border-bottom: 1px solid #061220; background: #174175; }
#page_wrapper table thead tr				{ background: #2a5d9c; }
#page_wrapper table tr td.title				{ width: 425px; text-align: left; border-right: 1px solid #061220; padding: 5px 0px 0px 5px; }
#page_wrapper table tr th.title				{ width: 425px; text-align: left; border-right: 1px solid #061220; padding: 5px 0px 0px 5px; }
#page_wrapper table tr td.date				{ width: 65px; text-align: left; padding: 5px 0px 0px 5px; }
#page_wrapper table tr th.date				{ width: 65px; text-align: left; padding: 5px 0px 0px 5px; }
.min {
	font-size: 16px;
	font-weight: bold;
	color: #F8BB22;
}