/*
	Tipografia
	Estructura
*/

/*Tipografia*/

body {
	font-size: 62.5%;
}

#toolbar ul, #menu, #sidebar ul#sidebar-list, #cargadatos, #cargaruta, #popup label, #popup legend, #popup #cerrar, select, #toolbar ul li a, #buscaCiudad input, #indicador, h1, #totalkms, #tipsruta  {
	font-family: Arial, Helvetica;
	font-size: 1em;
}


.frmHlp {
	font-size: 1em;
	color: #66cc00;
	margin: 0;
	padding: 0;
	border: 0;
}


#frmAmigo.selNombreAmigo #nombre_amigo_hlp {
	font-weight: bold;
	color: #66cc00;
}

#frmAmigo.selEmailAmigo #email_amigo_hlp {
	font-weight: bold;
	color: #66cc00;
}

#frmAmigo.selNombre #nombre_hlp {
	font-weight: bold;
	color: #66cc00;
}

#frmAmigo.selTuEmail #tuemail_hlp {
	font-weight: bold;
	color: #66cc00;
}

#frmMovil.selCia #empresaCelular_hlp {
	font-weight: bold;
	color: #66cc00;
}

#frmMovil.selNumero #numeroCelular_hlp {
	font-weight: bold;
	color: #66cc00;
}

#frmOpinion.selNombre #nombre_hlp {
	font-weight: bold;
	color: #66cc00;
}

#frmOpinion.selTuemail #tuemail_hlp {
	font-weight: bold;
	color: #66cc00;
}

#frmOpinion.selTuopinion #tuopinion_hlp {
	font-weight: bold;
	color: #66cc00;
}

#toolbar ul li a {
	color: #444;
	text-decoration: none;
}

#toolbar ul li a:hover {
	color: #aaa;
}


.seleccionado {
	color: #333;
}

#sidebar ul#sidebar-list, #totalkms {
     list-style: none;
     color: #fff;
     font-size: 1.3em;
}

#tipsruta {
	font-size: 1em;
	color: #66cc00;
	line-height: 1em;
	padding:0 3px 7px 3px;
	background-color:#0d3a4f;
}


#sidebar ul#sidebar-list li a strong {
	 text-align: left;
}

#sidebar ul#sidebar-list li a span {
     font-style: italic;
     font-size: 1.1em;
     text-align: left;
}

td.kms {
	text-align: right;
	font-weight: bold;
}

#alert {
	text-align: center;
}

#buscaCiudad input {
	font-size: 1.3em;
}

#frmAmigo, #frmEmail, #frmOpinion {
	margin-right: 3px;
	text-align: right;
}

#frmMovil {
	margin-right: 5px;
	text-align: right;
}

#frmMovil #enviaMovil, #frmEmail #enviandoMail, #frmAmigo #cargaAmigo, #frmOpinion #enviandoOpinion {
	color: #fff;
	font-size: 1.2em;
}

#frmImprimir {
	margin-right: 13px;
}

#frmImprimir p{
	font-size: 1.5em;
	text-align: center;
}

#popup2 {
	color: #fff;
}

#popup2 a{
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-size: 1.2em;
}

#txtFavoritos{
	padding: 5px;
}

/* Estructura */

html { overflow: hidden; }

html, body, #buscaCiudad input, select, #cargadatos, #cargaruta, td.kms, #sidebar ul#sidebar-list, #toolbar ul {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}


body {
	margin: 0px;
	background-color: #0d3a4f;
}

#buscaCiudad input {
	border:2px solid #ccc;
	height: 15px;
	width: 38%;
	padding-left: 2px;
}


	#popup1 .frmel {
		border: 0;
		width: 130px;
		padding: 0;
		margin: 0 0 3px 2px;
	}

	#frmMovil #nota {
		color: #fff;
		line-height: 0.9em;
		text-align: center;
		font-size: 0.9em;
		padding: 7px 3px 7px 3px;
	}



	#frmImprimir {
		padding: 7px 0 0 0;
		margin: 0;
	}

	#frmImprimir input {
		margin: 0 3px 0 23px;
	}

	#frmOpinion .frmel {
		width: 150px;
		margin: 7px 0 0 3px;
		border: 0;
	}

	#popup1 label, #popup2 label{
		font-size: 0.9em;
		color: #fff;
		padding: 3px;
	}


#sidebar {
     position: absolute;
     border: 1px solid #aaa;
     top: 67px;
     width: 273px;
     height: 100%;
     z-index: 2;
     overflow: auto;
     overflow-x: hidden;
     background-color: #858585;
}

	#sidebar p {
	     margin: 3px;
	}

	#sidebar ul#sidebar-list li.current a {
	     border: 1px solid #444;
	     border-left-width: 3px;
	     padding-left: 2px;
	}

	#sidebar ul#sidebar-list li a {
	     display: block;
	}

  ul#sidebar-list li{height:37px;background:#052739;margin:1px;padding:1px;font-size:0.9em;color:#fff;border-bottom:1px solid #052739;}
  ul#sidebar-list li.ruta{height:17px;background:#0d3a4f;}
  ul#sidebar-list li div{display:block;position:absolute;margin-top:1px;width:193px;font-weight:bold;}
  ul#sidebar-list li em{display:block;float:right;padding:1px 7px 0 0;text-align:right;font-weight:bold;}
  ul#sidebar-list li div span{font-weight:normal;}
  ul#sidebar-list li.obs{height:auto;}
  ul#sidebar-list li.obs p{margin-top:17px;font-size:9px}
  
	#sidebar-list p{
	     padding: 3px 5px 3px 7px;
	}

		#sidebar-list li.lnk:hover {background: #10584c;cursor:pointer;}

		#sidebar-list li.sel,ul#sidebar-list li.sel {background: #10584c;cursor:pointer;}
		#sidebar-list li.sel:hover {background: #10584c;cursor:auto;}

    #sidebar-list li.lnk a{color:#fff}

		#sidebar ul#sidebar-list li a strong {
		     display: block;
		}

#top-azul{
	position: relative;
	background: #0d3a4f url('/rutas/images/top_logo.gif') no-repeat left;
	width: 100%;
	height: 54px;
	margin: 2px 3px 2px 7px;
}

#top-azul #banner21{
	position: absolute;
	right: 13px;
}

#top-idioma{
    height: 18px;  
    padding: 9px 0 0 8px;
}

#top-bordo{
    background: #052739 url('/rutas/images/fnd_titulo_top.jpg');
    width: 273px;
    height: 108px;
	position: absolute;
	right: 0;
	display: block;
}

#top-verde{
	position: absolute;
	background: #052739;
	right: 0;
/*	height: 80px;*/
	display: block;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 5px;
}

#toolbar, #halfbanner, #banner11, #banner12, #banner13, #banner14, #banner15, #banner16,#banner169 {
	position: relative;
	padding: 0;
	background: #0d3a4f;
	width: 253px;
	margin: 3px;
}

#banner169{
  background: none;
  padding-top: 5px;
}

#toolbar{
    height: 107px;
}

	#toolbar ul {
		list-style: none;
	}

		#toolbar #top_busqueda {
			background: #66cc00 url('/rutas/images/tit_busqueda.jpg') no-repeat left;
			height: 20px;
			border-left: 5px solid #66cc00;
			border-top: 3px solid #66cc00;
			border-bottom: 3px solid #66cc00;
		}
		#toolbar #tips_busqueda {
			background: #346633 url('/rutas/images/tips.gif') no-repeat right;
			text-align: right;
			padding-right: 33px;
			font-size: 11px;
			color: #fff;
		}

		#toolbar #tips_busqueda_detalle, #toolbar #tips_busqueda a {
			color: #fff;
			text-decoration: none;
			background-color: #346633;
		}

		#toolbar #tips_busqueda_detalle{
			padding: 0;
			margin: 0;
		}

		#toolbar #formBusca {
			margin-top: 3px;
		}
	
		#toolbar #lblorigen,#toolbar #lbldestino {
			text-align: right;
			color: #fff;
			font-size: 1em;
		}

		#toolbar #resultadoO, #toolbar #resultadoD {
			padding: 0 0 0 3px;
            position: absolute;
		}

		#toolbar input{
            background: url('/rutas/images/input.jpg');
			height: 13px;
            padding:3px;
            width:157px;
			font-size: 1em;
			border: none;
		}

        #txtOrigen.ar, #txtOrigen.uy, #txtOrigen.cl,#txtDestino.ar, #txtDestino.uy, #txtDestino.cl{padding-left:25px;width:135px;}

		.boton, #toolbar #btnBuscar {
            background: url('/rutas/images/btn_buscar.jpg');
			border: 0;
			width: 64px;
			height: 23px;
			margin: 0;
			padding: 0 0 3px 0;
			font-size: 1.2em;
			background-color: #10584c;
			color: #fff;
			z-index:33;
		}

		#popup1 .boton, #popup2 .boton {
			margin-left: 189px;
		}

		#toolbar #btnBuscar, #toolbar .boton {
			display: inline;
			margin-left: 189px;
			margin-top: 7px;
		}

		#toolbar ul li a {
			padding: 3px 6px;
		}

		#toolbar ul li a:hover {
			background: #444;
		}

		#toolbar ul#sidebar-controls li {
			position: absolute;
			right: 3px;
			bottom: 2px;
		}


		#toolbar ul li {
			display: inline;
		}

#resultados {
	position: relative;
	padding: 0;
	background: #0d3a4f;
	width: 260px;
	margin: 7px;
	margin-left: 3px;
}

	#resultados ul {
		list-style: none;
	}
		#resultados #top_resultados {
			background: #66cc00 url('/rutas/images/tit_resultados.jpg') no-repeat left;
			height: 20px;
			border-left: 5px solid #66cc00;
			border-top: 3px solid #66cc00;
			border-bottom: 3px solid #66cc00;
			margin: 0;
		}
		#resultados #cargando_ruta {
			height: 20px;
			padding: 2px 2px 2px 67px;
			display: none;
			color: #fff;
			font-size: 1.5em;
			font-family: Arial,Helvetica;
		}
/*		#resultados #rutas {*/
/*			background-color: #0d3a4f;*/
/*			margin: 0;*/
/*			padding: 7px 0 0 0;*/
/*			height: 26px;*/
/*      color: #fff;*/
/*      text-align:center;*/
/*		}*/

		#totalkms{
			background-color: #0d3a4f;
			margin: 0;
			padding: 2px;
			height: 26px;

		}

		#amigo,#movil,#email,#imprimir,#favorito,#opinion {
			background: #0d3a4f;
			padding: 3px 7px 3px 7px;
			width: 57px;
			margin: 0;
		}

		#servicios {
			padding: 5px 7px 3px 0;
			margin: 0;
		}

		#popup1, #popup2 {
			background-color: #00463b;
			margin: 0;
			padding: 5px 7px 0 0;
			width: 97%;
		}



		#servicios.selamigo #amigo{
			background-color: #00463b;
		}

		#servicios.selmovil #movil{
			background-color: #00463b;
		}

		#servicios.selmail #email{
			background-color: #00463b;
		}

		#servicios.selimprimir #imprimir{
			background-color: #00463b;
		}

		#servicios.selfavorito #favorito{
			background-color: #00463b;
		}

		#servicios.selopinion #opinion{
			background-color: #00463b;
		}

		#amigo:hover, #movil:hover, #email:hover, #imprimir:hover, #favorito:hover, #opinion:hover {
			background-color: #346633;
		}

		.divserv{
			display: inline;
		}

/*		#tipsruta {*/
/*			background-color: #0d3a4f;*/
/*			margin: 0;*/
/*			padding: 3px 5px 3px 2px;*/
/*		}*/

			#ruta1, #ruta2, #ruta3, #ruta1_press, #ruta2_press, #ruta3_press {
				border: 0;
			}

/*			#resultados #rutas a {*/
/*				margin: 0;*/
/*				padding: 0;*/
/*				border: 0;*/
/*			}*/

			#lamejor.seleccionado #ruta1, #ruta1_press {
				display: none;
			}

			#lamejor.seleccionado #ruta1_press, #ruta1 {
				display: inline;
			}

			#alternativa.seleccionado #ruta2, #ruta2_press {
				display: none;
			}

			#alternativa.seleccionado #ruta2_press, #ruta2 {
				display: inline;
			}

			#lamascorta.seleccionado #ruta3, #ruta3_press {
				display: none;
			}

			#lamascorta.seleccionado #ruta3_press, #ruta3 {
				display: inline;
			}

	#alert {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		display: none;
	}

	#alert p {
		width: 150px;
		margin: 0 auto 0 auto;
		padding: 10px;
		background: white;
		border: 1px solid #aaa;
	}

#menu {
	position: relative;
	padding: 0;
	background: #0d3a4f;
	width: 257px;
	margin: 7px;
	margin-left: 3px;
}

	#menu ul {
		list-style: none;
	}
		#menu #top_servicios {
			background: #66cc00 url('/rutas/images/tit_servicios.gif') no-repeat left;
			height: 20px;
			border-left: 5px solid #66cc00;
			border-top: 3px solid #66cc00;
			border-bottom: 3px solid #66cc00;
			margin: 0;
		}
		#menu #tit_servicios {
			background-color: #044d42;
			margin: 0;
			padding: 0;
			padding-left: 7px;
			font-size: 1.5em;
			height: 23px;
			color: #fff;
		}

#halfbanner {
	padding: 3px 0 3px 0;
	text-align: center;
}

h1{
	font-size:18px;
	color:#fff;
	padding:0;
	text-transform: uppercase;
	line-height: 17px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 8px;
}

p.titulo{
	font-size:11px;
	color:#66cc00;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 8px;
}

#footer {
	position: absolute;
	bottom: 3px;
	height: 27px;
	width: 100%;
	font-size: 1em;
	color: #fff;
	background: #0d3a4f url('/rutas/images/pie_ipatsa.gif') no-repeat right;
	padding-left: 7px;
	font-family: Arial, Helvetica;
	padding-left: 7px;
	margin: 0;
}

	#footer #tit_footer {
		font-weight: bold;
		display: block;
		margin: 0;
		padding: 0;
	}

select {
	border:1px dotted #66cc00;
	margin-bottom: 2px;
	height: 18px;
}

.submit input {
	background: #ffa20f;
	border: 2px outset #d7b9c9;
	width: 5em;
	margin-left: 11em;
}

#cargadatos, #cargaruta {
	display: none;
}

#cargando{margin: 7px 0 0 7px;}

#okO, #okD, #malO, #malD {
	margin-left: 3px;
}

#cargando {
	position: absolute;
	color: #fff;
	margin-left: 7px;
	font-size: 0.9em;
}

td.kms {
	border: 0;
}

#content {
     position: relative;
     z-index: 1;
}

#map_div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	border: 1px solid #aaa;
	margin: 0;
}

.icono {
	padding: 0;
	border: none;
	margin: 0 2px 0 0;
}

#options {
	position: absolute;
	right: 88px;
	top: 33px;
}

#map-wrapper {
	position: relative;
	height: 100%;
}



#formBusqueda{
	margin: 0;
	padding: 0 0 0 16px;
	background: #66cc00;
	border-bottom: 5px solid white;
}


body.cargandodatos #cargando { display:inline; }
body.cargandoruta #resultados #cargando_ruta { display:block; }

body.sidebar-right #map-wrapper { margin-right: 276px; }
body.sidebar-right #sidebar { right: 0; }

body.sidebar-left #map-wrapper { margin-left: 276px; }
body.sidebar-left #sidebar { left: 0; }

body.sidebar-off #map-wrapper { margin: 0; }
body.sidebar-off #sidebar { display: none; }
/*
body.sidebar-right #button-sidebar-show { display:none; }
body.sidebar-left #button-sidebar-show { display:none; }
body.sidebar-off #button-sidebar-hide { display:none; }
*/
#rutas_banner{padding:0;margin:5px 0 0 3px;}
#rutas_banner a,#rutas_banner a:visited,#rutas_banner a:link{color:#65cb00;text-decoration:none;}
#rutas_banner a:hover{text-decoration:underline;}
#dv_rutas_banner{position:absolute;z-index:3;overflow:auto;text-align:center;width:100%;height:100%;padding-top:13px;}
#dv_rutas_banner div.cerrar{display:block;}
#dv_rutas_banner a.cerrar{margin:0 0 -3px 540px;color:#F00;background-color:#fff;font-family:'arial,helvetica,sans';}
#dv_rutas_banner iframe{width:600px;height:383px;overflow:none;border:1px solid #ccc;}

/*#rutas a{display:block;border:3px solid red;color:#fff;font-weight:normal;text-decoration:none;text-align:center;background:#10584c;margin:3px;padding:5px;}*/
/*#rutas a em{font-size:8px;}*/
    #rutas {
      float:left;
      width:100%;
      background:url("/rutas/images/bg.jpg") repeat-x bottom;
      font-size:9px;
      line-height:normal;
      margin: 0 0 7px 0;
      }
    #rutas ul {
	margin:0;
	padding:3px 2px 0;
	list-style:none;
	background-color: #052537;
      }
    #rutas li {
      float:left;
      background:url("/rutas/images/left.jpg") no-repeat left top;
      margin:0;
      padding:0;
      width: 77px;
      height: 29px;
      }
    #rutas a {
	display:block;
	background:url("/rutas/images/right.jpg") no-repeat right top;
	padding:4px 4px 4px 0;
	text-decoration:none;
	font-weight:normal;
	color:#2e7b6e;
	height: 21px;
	text-align: center;
      }
    #rutas a:hover {
	color:#66cc00;
      }
    #rutas li.current {
      background-image:url("/rutas/images/left_on.jpg");
      }
    #rutas li.current a {
      background-image:url("/rutas/images/right_on.jpg");
      color:#fff;
      padding-bottom:5px;
      }

    #btn_compartir{margin:0;}
    div.banderita{position:absolute;height:24px;width:28px;background:url('/rutas/images/banderas.png');background-repeat: no-repeat;}
    div.ar{	background-position:100% -27px;}
    div.uy{	background-position:100% -50px;}
    div.cl{	background-position:100% -74px;}