@charset "utf-8";
/* CSS Document */
body#fondo{
	/*background-image:url(../img/ns_bg.gif);*/
	background:#002B5C;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
}

div#fondo_principal{
  position:relative;
  background-image:url(imagenes/t_container.gif);
  background-repeat:repeat-y;
  width:990px;
  height:700px;
  border:solid 0px #FFFFFF;
}

div#psw_session{
	position:absolute;
  	top:-15px;
  	left:650px;
  	width:200px;
  	height:15px;
  	border:solid 0px #FFFFFF;
	text-align:right;
}
/*css para un vinculo sin visitar*/
#psw_session a:link {
	text-decoration:none;
	color:#FFFFFF;
}
/*css para un vinculo visitado*/
#psw_session a:visited {
	text-decoration:none;
	color:#FFFFFF;
}
/*css para efecto al pasarel raton sobre el link*/
#psw_session a:hover {
	color:#FCC146;
	text-decoration:none;
}

/*Cuerpo de la pagina*/
div#cuerpo{
position:absolute;
left:60px;
top:10px;
width:868px;
height:670px;
background-image:url(../img/bub_fondo_dos.png);
border:solid 0px #FFFFFF;
}
/*contenedor del menu*/
div#menu{
  	position:absolute;
  	top:20px;
  	left:275px;
  	width:580px;
  	height:30px;
    border-bottom:solid 2px #FFBA30;
 }

div#msg_bvnd{
  	position:absolute;
  	top:7px;
  	left:15px;
  	width:700px;
  	height:20px;
  	border:solid;
	border-color:#CCCCCC;
  	border-width:0px;
}

div#num_msj{
  	position:absolute;
  	top:25px;
  	left:15px;
  	width:200px;
  	height:20px;
	color:#FF0000;
  	border:solid 0px #FF0000;
}

#num_msj span:hover{
	text-decoration:underline;
	cursor:pointer;
}

#num_msj a{
	text-decoration:none;
      color:#FF0000;
}
#num_msj a:hover{
	color:#FF0000;
	text-decoration:underline;
}	  
/*menu principal*/
	#lista_menu {
      list-style:none;	
	  margin:0;	
	  padding:0;
	  color:#595959;
      }
    #lista_menu ul {
      margin:0;
      padding:2px 2px 0;
      list-style:none;
      }
    #lista_menu li {
      float:right;
      margin:0;
      }
    #lista_menu a {
      display:block;
      padding:10px 10px 4px 0px;
      text-decoration:none;
      color:#002A5C;
      }
    #lista_menu a:hover {
      color:#FFBA30;
  	  font-weight:bold;
      }
    #lista_menu #current a {
      color:#FFBA30;
      padding-bottom:0px;
	  font-weight:bold;
      } /*fin de menu principal*/

/*contenedor de mapas*/
div#conf{
  	position:absolute;
  	top:65px;
  	left:248px;
  	width:594px;
  	height:20px;
  	border:solid 0px #CCCCCC;
}
/*contenedor de mapas*/
div#cont_mapa{
  	position:absolute;
  	top:90px;
  	left:258px;
  	width:596px;
  	height:386px;
  	border:solid 0px #000000;
}

/*contenedor de autos y scrollbar personalizado*/
div#cont_autos{
	position:absolute;
	top:87px;
	left:3px;
	width:230px;
	height:340px;
	border:solid 0px #000000;
	overflow: auto;/*necesario para scroll personalizado*/
}

/*contenedor de autos y scrollbar personalizado*/
div#cont_autos2{
	position:absolute;
	top:100px;
	left:3px;
	width:365px;
	height:415px;
	border:solid 0px #000000;
	overflow:hidden;
}
/*cabecera de variables para el reporte*/
div#variable_letras{
  	width:350px;
  	height:18px;
	/*border-bottom:solid 2px #FFBA30;*/
}
div#variables_reporte{
	
	width:350px;
	height:340px;
	border:solid;
	border:solid 0px #FFBA30;
	overflow:hidden;
}

div#panel{
	position:absolute;
	left:265px;
	top:100px;
	height:20px;
	width:100px;
	border:solid #000000 0px;
	text-align:right;
}

div#cont_autos_tabs{
	position:absolute;
	top:70px;
	left:3px;
	width:250px;
	height:340px;
	border:solid 0px #000000;
	overflow: auto;/*necesario para scroll personalizado*/
}

/*css para un vinculo sin visitar*/
#cont_autos a:link {
	text-decoration:none;
	color:#204A7F;
}
/*css para un vinculo visitado*/
#cont_autos a:visited {
	text-decoration:none;
	color:#204A7F;
}
/*css para efecto al pasarel raton sobre el link*/
#cont_autos td:hover {
	color:#FCC146;
	text-decoration:none;
}

/*contenedor mensajes*/
div#cont_msg{
  	position:absolute;
  	top:445px;
  	left:0px;
  	width:230px;
  	height:146px;
  	border:solid;
  	border-color:#CCCCCC;
  	border-width:0px;
	padding:0px;
}
/*contenedor mensajes*/
div#cont_informativo{
  	position:absolute;
  	top:486px;
  	left:248px;
  	width:596px;
  	height:100px;
  	border:solid;
  	border-color:#CCCCCC;
  	border-width:0px;
	overflow:auto;
}
/*Etiqueta de Vehiculos*/
div#autos{
	width:217px;
	height:18px;
	/*border-bottom:solid 2px #FFBA30;*/
}
/*Etiqueta de mensajes*/
div#msj{
	position:absolute;
	left:15px;
	top:420px;
	width:217px;
	height:18px;
	border-bottom:solid 2px #FFBA30;
}

div#contacto{
	position:absolute;
	left:0px;
	top:669px;
	width:700px;
	height:18px;
	text-align:left;
	border:solid 0px #FFFFFF;
}

.fuente{
	font-family:Arial, Helvetica, sans-serif;
	color:#002A50;
	font-size:14px;
	text-align:left;
}

.fuente_dos{
	color:#FFBA30;
}

.fuente_tres{
	font-family:Arial, Helvetica, sans-serif;
	color:#002A5C;
	font-weight:bold;
	text-align:left;
}

.fuente_cuatro{
	font-family:Arial, Helvetica, sans-serif;
	color:#6699CC;
	text-align:left;
	font-weight:bold;
	font-size:9pt;
}

.fuente_cinco{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:8pt;
}

.fuente_seis{
	font-family:Arial, Helvetica, sans-serif;
	color:#6699CC;
	text-align:left;
	font-weight:bold;
	font-size:8pt;
}
.fuente_siete{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	font-size:8pt;
}

.fuente_ocho{
	font-family:Arial, Helvetica, sans-serif;
	color:#595959;
	text-align:center;
	font-size:8pt;
}

.fuente_nueve{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:left;
	font-weight:bold;
	font-size:12pt;
}

.fuente_diez{
	font-family:Arial, Helvetica, sans-serif;
	color:#002A5C;
	text-align:left;
}

.fuente_once{
	font-family:Arial, Helvetica, sans-serif;
	color:#002B5C;
	text-align:left;
	font-size:8pt;
}

.boton_gris {
	position:absolute;
	top:80px;
	left:136px;
	height:28px;
	width:76px;
	font-size:12px;
	background:url(../img/boton.png);
	border:none;
	color: #595959;
}

div#decrementa{
	position:absolute;
	top:80px;
	left:16px;
	height:23px;
	width:116px;
	font-size:12px;
	border:none;
	text-align:left;
	color: #595959;
}

.bord{
	border:solid 1px #FFFFFF;
}
.tama_menu_list {
	position:absolute;
	top: 55px;
	left: 16px;
	width: 197px;
	color:#666666;
}

.vehiculos {
	background:#FFFFFF;
	color:#666666;
	width:200px;
	height:290px;
	text-align:center;
	border-color:#FFFFFF;
}

.vehiculos2 {
	position:absolute;
	background:#FFFFFF;
	color:#666666;
	width:250px;
	height:345px;
	text-align:center;
	border-color:#999999;
	top:40px;
	left:10px;
}

/*boton poleo*/
.boton_poleo{
 	position:absolute;
	top:310px;
	left:25px;
	height:26px;
	width:200px;
	font-size:12px;
	background:url(../img/poleo.png);
	border:none;
	color: #595959;
}

/*Etiqueta de Vehiculos*/
div#parametros{
	position:absolute;
	left:257px;
	top:55px;
	width:600px;
	height:28px;
	border:solid 0px #FFBA30;
}

/*contenedor de autos y scrollbar personalizado*/
div#auto_reporte{
  	position:absolute;
  	top:55px;
  	left:0px;
  	width:200px;
  	height:330px;
	border:solid;
  	border-color:#CCCCCC;
  	border-width:0px;
}


/*cabecera de vehiculos para reporte*/
div#auto_letras{
  	position:absolute;
  	top:10px;
  	left:0px;
  	width:200px;
  	height:30px;
	border-bottom:solid 2px #FFBA30;
	overflow: auto;
}


/*boton poleo*/
.boton_reporte{
 	height:26px;
	width:121px;
	font-size:12px;
	background:url(../img/reporte.png);
	border:none;
	color: #595959;
}

/*boton poleo*/
.boton_excel{
 	height:26px;
	width:26px;
	font-size:12px;
	border:none;
	color: #595959;
	padding-left:20px;
}
/*boton poleo*/
.boton_pdf{
	height:26px;
	width:26px;
	font-size:12px;
	border:none;
	color: #595959;
}
/*contenedor de reportes de recorrido*/
div#cont_reporte{
  	position:absolute;
  	top:520px;
  	left:0px;
  	width:868px;
  	height:345px;
	border-top:solid 1px #FFBA30;
	overflow:auto;
}

/*Cuerpo de recorrido*/
div#cuerpo2{
	position:absolute;
	left:60px;
	top:10px;
	width:870px;
	height:890px;
	background-image:url(../img/sub_fondo_reco.png);
}
/*contacto del recorrido pie de pagina*/
div#contacto2{
	position:absolute;
	left:15px;
	top:890px;
	width:700px;
	height:18px;
	border:solid 0px #000000;
	text-align:left;
}

/*fondo principal del index*/
div#fondo_principal_index{
  position:relative;
  background-repeat:repeat-y;
  width:900px;
  height:600px;
  border:solid 0px #FFFFFF;
}

/*Cuerpo de la pagina del index*/
div#cuerpo_index{
	position:absolute;
	left:200px;
	top:160px;
	width:493px;
	height:258px;
	background-image:url(imagenes/index_img.png);
	border:solid 0px #FFFFFF;
}
/*mensaje de aclaraciones en el index*/
div#contacto_index{
	position:absolute;
	left:200px;
	top:420px;
	width:493px;
	height:35px;
	border:solid 0px #FFFFFF;
	text-align:left;
	color:#FFFFFF;
	font-size:9pt;
}
/*cuadro donde aparece la animacion y el fondo desvanecido*/
div#mensaje {
    position:absolute;
	left:200px;
	top:160px;
	width:493px;
	height:258px;
	background:url(imagenes/fondo.png);
}
/*mensaje de espere en el index mientras que carga la pagina*/
div#msg {
    position:absolute;
	top:80px;
	left:200px;
	width:180px;
	height:13px;
	color:#0099FF;
}
/*Animacion del index*/
div#animacion {
  	position:absolute;
	top:120px;
	left:130px;
	width:280px;
	height:13px;
	background:url(imagenes/progress.gif) no-repeat;	
}

/*se puede usar para cualquier boton*/
.boton_x{
 	height:26px;
	width:60px;
	font-size:12px;
	background:url(imagenes/boton_xls2.png);
	border:none;
	color: #595959;
}

/*Muestra datos de la empresa*/
div#emp{
	position:absolute;
	top:73px;
	left:30px;
	width:868px;
	height:276px;
	border:#FFFFFF;
}
/*Muestra datos del directorio*/
div#emp1{
    position:absolute;
    top:352px;
	left:1px;
	width:867px;
	height:194px;
	border:#FFFFFF;
	overflow:auto;
}

div#infgral{
    position:absolute;
    top:8px;
	left:17px;
	width:292px;
	height:18px;
	border:#FFFFFF;
}
/*opciones de catalogo*/
div#menu_catalogo{
	position:absolute;
	top:60px;
	left:10px;
	width:400px;
	height:20px;
	border-bottom:solid 2px #FFBA30;
}

#cat_menu {
    list-style:none;	
	margin:0;	
	padding:0;
	color:#595959;
 }
#cat_menu ul {
      margin:0;
      padding:2px 0px 0;
      list-style:none;
}
#cat_menu li {
      float:left;
	  border:solid 0px #3333CC;
	  margin-left:25px;
}
#cat_menu a {
      display:block;
      padding:0px 3px 2px 15px;
      text-decoration:none;
      color:#002A5C;
}
#cat_menu a:hover {
      color:#FFBA30;
  	  font-weight:bold;
	  background:url(../img/menu_fondo.png);
}
#cat_menu #current a {
	  padding:0px 3px 2px 15px;
      color:#FFBA30;
	  font-weight:bold;	 
	  background:url(../img/menu_fondo.png);
} /*fin de menu de opciones de catalogo*/

div#sitios_interes{
	position:absolute;
	top:300px;
	left:0px;
	width:866px;
	height:240px;
	border:solid 0px #000099;
	overflow:auto;
}
div#categ_sitios{
	position:absolute;
	top:100px;
	left:0px;
	width:866px;
	height:200px;
	border:solid 0px #000099;
	overflow:auto;
}

div#importa_cat{
	position:absolute;
	top:60px;
	left:466px;
	width:400px;
	height:20px;
	border:solid 0px #FFBA30;
}

div#container{
  	position:absolute;
  	top:90px;
  	left:248px;
  	width:596px;
  	height:790px;
	border:solid 0px #000066;
	overflow:auto;
}

div#menu_emerge{
	background:#EBEBEB;
	width:50px;
	height:25px;
	position:absolute;
	left:290px;
	top:60px;
	border:solid 1px #000000;
	visibility:hidden;
}

#menu_emerge label:hover {
	color:#FCC146;
}

div#zoom {
	width:15px;
	height:60px;
	position:absolute;
	top:30px;
	left:5px;
}

div#zoommas {
	position:absolute;
	top:0px;
	left:0px;
	cursor:pointer;
	background:#F2F2F2;
	border:solid 1px #000000;
	width:15px;
	height:15px;
}

div#zoommen {
	position:absolute;
	top:45px;
	left:0px;
	cursor:pointer;
	background:#F2F2F2;
	border:solid 1px #000000;
	width:15px;
	height:15px;
}
div#mapas_sep {
	position:absolute;
	top:7px;
	left:326px;
	cursor:pointer;
	background:#F2F2F2;
	border:solid 1px #000000;
	width:60px;
	height:15px;
}

/*contenedor de mapas*/
div#cont_mapa_sepro{
  	position:absolute;
  	top:90px;
  	left:248px;
  	width:596px;
  	height:386px;
  	border:solid 0px #000000;
	visibility:hidden;
}

div#cont_boton{
	position:absolute;
	height:30px;
	width:240px;
	border:solid #000000 0px;
	left:2px;
	top:454px;
	text-align:right;
}

div#cont_mapita{
	position:absolute;
	left:370px;
	top:120px;
	width:495px;
	height:394px;
	border:solid #000000 0px;
}

div#menueventos{
	position:absolute;
	left:80px;
	top:166px;
	width:454px;
	height:178px;
	border:solid 0px #000000;
}

div#tituloprogev{
    position:absolute;
	width:273px;
	height:20px;
	border-bottom:solid 1px #4A7EBB;
	font-family:Calibri;
	font-size:16px;
	text-align:left;
}

#lista_eventos{
   top:30px;
   left:10px;
   position:absolute;
   list-style:none;
   text-align:left;	
   margin:0;	
   padding:0;
   color:#595959;
  }
#lista_eventos ul {
  margin:0;
  padding:2px 2px 0;
  list-style:none;
  }
#lista_eventos a {
  display:block;
  text-decoration:none;
  color:#002A5C;
  }
#lista_eventos a:hover {
  color:#FFBA30;
  font-weight:bold;
  }
  /*Fin de menu eventos*/

div#vehiygeoc{
    position:absolute;
    top:68px;
	left:105px;
	width:709px;
	height:402px;
	border:#FFFFFF;
	font-family:Calibri;
}

div#espgeocer{
    position:absolute;
    top:52px;
	left:270px;
	width:183px;
	height:286px;
	font-family:Calibri;
	font-size:16px;
	text-align:left;
	overflow:auto;
	border:solid;
	border-color:#CCCCCC;
	border-width:0px;
}

.boton_poleo2{
 	position:absolute;
	top:360px;
	left:178px;
	height:26px;
	width:201px;
	font-size:12px;
	background:url(../img/poleo.png);
	border:none;
	color: #595959;
}

div#bot_asig{
	position:absolute;
  	top:121px;
  	left:474px;
  	width:184px;
  	height:145px;
	text-align:left;
}

div#cont_autos3{
	position:absolute;
	top:50px;
	left:10px;
	width:250px;
	height:300px;
	border:solid;
	border-color:#CCCCCC;
	border-width:0px;
	overflow: auto;
}

div#tituloveh{
    position:absolute;
    top:93px;
	left:144px;
	width:179px;
	height:20px;
	border-bottom:solid 1px #4A7EBB;
	font-family:Calibri;
	font-size:16px;
	text-align:left;
}

div#impgeocer{
    position:absolute;
    top:92px;
	left:374px;
	width:179px;
	height:20px;
	border-bottom:solid 1px #4A7EBB;
	font-family:Calibri;
	font-size:16px;
	text-align:left;
}