/* CSS Document */
*{ margin:0px; padding:0px;}

#trafico{ display:block; width:552px; height:470px; background:url(../images/back_trafico.jpg) no-repeat;position:relative;font-family:Verdana, Arial, Helvetica, sans-serif; color:#5F5F5F}

#ciudades{position:relative; top:63px; left:8px; width:200px;	height:315px; overflow:hidden }

#logo { position:absolute; top:0px; left:10px;}

.boton{margin-top:6px}

/*            Menu de ciudades
*************************************************************/
	.tituloCiudad{padding: 5px 0px 5px 0px;color:#FF9900; font-size:13px; font-weight:bold; display:block; float:left; width:150px; height:15px; padding-left:10px;}
	UL.menuCiudades {border:#CCCCCC 1px solid}
	
	UL.menuCiudades UL {clear:left; display:none; padding-left:15px;}
	UL.menuCiudades LI.li_ciudad{list-style-type:none; border-top: 1px solid #ECECEC;border-bottom: 1px solid #C8C8C8;background:#E0DFDF url(../images/back_ciudad.jpg) repeat-x; height:auto;_height:1px}

	UL.menuCiudades LI a{padding:2px 5px 2px 0px;text-decoration:none;color:#5F5F5F;font-weight:bold; border:none; outline:none; margin-left:0px}
	UL.sub_menuCiudades{width:183px;height:200px;overflow:auto;background:#FFFFFF url(../images/back_sub_ciudad.jpg) repeat-x top; padding:0px 0px 0px 5px;border-top: 1px solid #C8C8C8; line-height:15px;_line-height:15px}
	UL.sub_menuCiudades LI{list-style-type:none; background:url(../images/vineta_azul.gif) no-repeat 0px 8px; margin-right:10px;  font-size:11px; padding-left:10px;}
	UL.sub_menuCiudades LI a{font-weight:bold;padding: 4px 5px 4px 0px; border:none; outline:none}
/*********************************************************************************************************/
#consulta{	width:186px; position:relative;	top:62px; height:34px; left:8px; border:#CCCCCC 1px solid; padding:9px 6px 6px 6px;	font-size:10px;	font-weight:bold;}

.icon{float:left; margin-right:3px}

#zonas{	padding-left:10px;padding-top:4px;}

#zonas select{color:#FF9900;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-weight:bold;}

#zona_video{clear:left;color:#FF9900;font-size:13px;padding:10px 5px 10px 5px;}

#intro{width:321px; position:relative; top:-304px;height:368px; left:215px;}

#video{display:none; width:321px; position:relative; top:-304px; height:368px;	left:215px;	background:url(../images/back_video.jpg) no-repeat top; _background:url(../images/back_video2.jpg) no-repeat top; font-size:10px; font-weight:bold;
}
#zonas label{display:block;	float:left;}

.regular{font-weight:normal!important;}

#cuadro_video{width:319px;height:239px;}
.cerrar{position:absolute;	bottom:5px;	right:5px;_right:6px; _bottom:5px; _top:442px}
.ruta{ float:left; clear:both; width:589px; padding-top:10px; padding-left:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#999999}
#footer{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; position:absolute; bottom:10px; left:5px; _bottom:5px; _top:450px}
/********************* estilos scroll*********************/

#trafico {
scrollbar-face-color:#CCCCCC;
scrollbar-shadow-color:#DEEBF5;
scrollbar-highlight-color:#DEEBF5;
scrollbar-3dlight-color:#999999;
scrollbar-darkshadow-color:#999999;
scrollbar-track-color:#F5F5F5;
scrollbar-arrow-color:#FFFFFF;
}


/********************* Clases agregadas por FYCGroup ******************/
.error{position:absolute; top:190px; left:240px}

.semaforo{position:relative; top:105px; left:140px; border:0}

.cargando{position:relative; top:105px; left:84px; border:0}