html, body  {
   padding: 0px;
   margin: 0px;
   background-color: #FFFFFF;
   background-image:url(images/home_antena_fondo.gif);
}
input{
	width:150px;
	
	border:#CCC 1px solid;
}

/* Z-index of #mask must lower than #boxes .window */  
#mask {  
  position:absolute;  
  z-index:9000;  
  background-color:#000;  
  display:none;  
}  
    
#boxes .window {  
  position:absolute;  
  width:440px;  
  height:200px;  
  display:none;  
  z-index:9999;  
  padding:20px;  
}  
  
  
/* Customize your modal window here, you can add background image too */  
#boxes #dialog {  
  width:375px;   
  height:203px;  
}  


#bgmenu  {
   background: url(images/bgmenu.gif) ;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 417px;
   z-index: 3;
   width: 960px;
   height: 35px;
   text-align:center;
}

#menu #servicios { 
	display:block;
	text-align:center;
	position: absolute;
  	left: 200px;
    top: 0px;
    z-index: 3;
    width: 132px;
    height: 35px;
}
#servicios{
	list-style:none; 
	margin:0;
	padding:0;	 
}
#servicios a:link, #servicios a:visited { 
	display:block; 
	text-decoration:none; 
	/*padding:0 25px 0 30px;  */
	line-height:35px;
	background:url(images/btnserviciosoff.gif) no-repeat;
} 
#servicios a:hover, #servicios a:active { 
	background:url(images/btnservicioson.gif) no-repeat;
}

#menu #empresa { 
	display:block;
	text-align:center;
	position: absolute;
  	left: 332px;
    top: 0px;
    z-index: 3;
    width: 132px;
    height: 35px;	
}
#empresa{
	list-style:none; 
	margin:0;
	padding:0;	 
}
#empresa a:link, #empresa a:visited { 
	display:block; 
	text-decoration:none; 
	/*padding:0 25px 0 30px;  */
	line-height:35px;
	background:url(images/btnempresaoff.gif) no-repeat;
} 
#empresa a:hover, #empresa a:active { 
	background:url(images/btnempresaon.gif) no-repeat;
}
#menu #clientes { 
	display:block;
	text-align:center;
	position: absolute;
  	left: 464px;
    top: 0px;
    z-index: 3;
    width: 132px;
    height: 35px;	
}
#clientes{
	list-style:none; 
	margin:0;
	padding:0;	 
}
#clientes a:link, #clientes a:visited { 
	display:block; 
	text-decoration:none; 
	/*padding:0 25px 0 30px;  */
	line-height:35px;
	background:url(images/btnclientesoff.gif) no-repeat;
} 
#clientes a:hover, #clientes a:active { 
	background:url(images/btnclienteson.gif) no-repeat;
}
#menu #contacto { 
	display:block;
	text-align:center;
	position: absolute;
  	left: 596px;
    top: 0px;
    z-index: 3;
    width: 132px;
    height: 35px;	
}
#contacto{
	list-style:none; 
	margin:0;
	padding:0;	 
}
#contacto a:link, #contacto a:visited { 
	display:block; 
	text-decoration:none; 
	/*padding:0 25px 0 30px;  */
	line-height:35px;
	background:url(images/btncontactooff.gif) no-repeat;
} 
#contacto a:hover, #contacto a:active { 
	background:url(images/btncontactoon.gif) no-repeat;
}

.formatext
{
	
   font: 12px/14px Arial;
   margin: 0px;
   text-align: left;
   color: #FFF;
}

#contactotextext p,
#sucursalestexttext p,
#googlemapstext p  {
   font: 12px/14px Arial;
   margin: 0px;
   text-align: left;
   color: #959595;
}

#icontv,
#iconprensa,
#iconinternet,
#iconradio  {
   visibility: visible;
   position: absolute;
   top: 652px;
   z-index: 2;
   width: 132px;
   height: 147px;
   background-repeat: no-repeat;
}

#flechacontacto,
#flecha3,
#flechanoticias  {
   background: url(images/flecha3.gif) no-repeat;
   visibility: visible;
   position: absolute;
   top: 956px;
   z-index: 3;
   width: 14px;
   height: 14px;
}

#flechaslogan,
#flechaservicios  {
   background: url(images/flechaslogan.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 19px;
   z-index: 2;
   width: 19px;
   height: 18px;
}

#headbarrazultop,
#headbarrazul  {
   /*background: url(images/headbarrazultop.gif) no-repeat;*/
   background-color:#00CCFF;
   visibility: visible;
   position: absolute;
   left: 0px;
   z-index: 5;
   width: 960px;
   height: 4px;
}

#contactotextext p a:hover  {
   font-style: italic;
}

#sucursalestexttext p  {
   font-weight: bold;
}

#titnuestrosservicios  {
   background: url(images/titnuestrosservicios.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 45px;
   top: 613px;
   z-index: 2;
   width: 239px;
   height: 17px;
}

#contactotextext p a  {
   font-style: Normal;
   text-decoration: none;
   color: #959595;
}

#sucursalestexttext  {
   visibility: visible;
   position: absolute;
   left: 685px;
   top: 966px;
   z-index: 4;
   width: 252px;
}

#contactotextext p  {
   font-weight: bold;
}

#container  {
   margin: 0px auto 0px auto;
   width: 960px;
   position: relative;
}

#headbarrazultop  {
   top: 152px;
}

#flechaservicios  {
   top: 613px;
}

#tituloanimacion  {
   background: url(images/tituloanimacion.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 646px;
   top: 225px;
   z-index: 5;
   width: 298px;
   height: 25px;
}

#contactotextext  {
   visibility: visible;
   position: absolute;
   left: 391px;
   top: 965px;
   z-index: 4;
   width: 238px;
}

#flechanoticias  {
   left: 17px;
}

#googlemapstext  {
   visibility: visible;
   position: absolute;
   left: 681px;
   top: 1073px;
   z-index: 3;
   width: 188px;
}

#flechacontacto  {
   left: 390px;
}

#creditostext p  {
   font: bold 14px/17px "Myriad Pro";
   margin: 0px;
   text-align: left;
   color: #959595;
}

#noticiastext p  {
   font: bold 11px/13px Arial;
   margin: 0px;
   text-align: left;
   color: #959595;
}

#titsucursales  {
   background: url(images/titsucursales.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 704px;
   top: 958px;
   z-index: 3;
   width: 97px;
   height: 11px;
}

#icongooglemap  {
   background: url(images/icongooglemap.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 682px;
   top: 1100px;
   z-index: 3;
   width: 126px;
   height: 82px;
}

#flechaslogan  {
   top: 494px;
}

#creditostext  {
   visibility: visible;
   position: absolute;
   left: 391px;
   top: 1164px;
   z-index: 3;
   width: 172px;
}

#iconinternet  {
   background-image: url(images/iconinternet.gif);
   left: 472px;
}

#headbarrazul  {
   top: 413px;
}

#noticiastext  {
   visibility: visible;
   position: absolute;
   left: 17px;
   top: 967px;
   z-index: 4;
   width: 341px;
}

#titnoticias  {
   background: url(images/titnoticias.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 36px;
   top: 958px;
   z-index: 3;
   width: 71px;
   height: 11px;
}

#titcontacto  {
   background: url(images/titcontacto.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 408px;
   top: 958px;
   z-index: 3;
   width: 82px;
   height: 11px;
}

#iconprensa  {
   background-image: url(images/iconprensa.gif);
   left: 322px;
}

#bgarcoiris  {
   background: url(images/bgarcoiris.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 398px;
   top: 154px;
   z-index: 4;
   width: 562px;
   height: 262px;
}

#slogantext  {
   background: url(images/slogantext.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 21px;
   top: 532px;
   z-index: 2;
   width: 853px;
   height: 53px;
}

#btnmasinfo  {
   background: url(images/btnmasinfo.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 774px;
   top: 301px;
   z-index: 5;
   width: 166px;
   height: 31px;
}

#headflecha  {
   background: url(images/headflecha.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 572px;
   top: 181px;
   z-index: 3;
   width: 65px;
   height: 114px;
}

#titslogan  {
   background: url(images/titslogan.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 41px;
   top: 495px;
   z-index: 2;
   width: 832px;
   height: 17px;
}

#btnflecha  {
   background: url(images/btnflecha.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 912px;
   top: 310px;
   z-index: 6;
   width: 10px;
   height: 16px;
}

#iconradio  {
   background-image: url(images/iconradio.gif);
   left: 22px;
}

#bgcontent  {
   /*background: url(images/bgcontent.gif) no-repeat;*/
   background-color:#FFF;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 152px;
   z-index: 1;
   width: 960px;
   height: 1064px;
}

#bgfooter  {
   background: url(images/bgfooter.gif) repeat ;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 945px;
   z-index: 2;
   width: 960px;
   height: 271px;
}

#bgantena  {
   background: url(images/bgantena.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 4px;
   top: 161px;
   z-index: 3;
   width: 227px;
   height: 250px;
}

#headtext  {
   background: url(images/headtext.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 534px;
   top: 267px;
   z-index: 5;
   width: 403px;
   height: 13px;
}

#flecha3  {
   left: 684px;
}

#bglogin  {
   background: url(images/bglogin.gif) no-repeat;
   position: absolute;
   left: 706px;
   top: 8px;
   z-index: 3;
   width: 254px;
   height: 139px;
   text-align:center;
   padding-top:30px;
   padding-left:5px;
}

#banner  {
   background: url(images/banner.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 647px;
   top: 668px;
   z-index: 2;
   width: 294px;
   height: 92px;
}

#icontv  {
   background-image: url(images/icontv.gif);
   left: 172px;
}

#btnmas  {
   background: url(images/btnmas.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 789px;
   top: 312px;
   z-index: 6;
   width: 115px;
   height: 11px;
}


#bghead  {
   background: url(images/bghead.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 139px;
   z-index: 2;
   width: 960px;
   height: 317px;
}

#logo  {
	background: url(images/logo.gif) no-repeat;
	visibility: visible;
	position: absolute;
	left: 3px;
	top: 2px;
	z-index: 1;
	width: 320px;
	height: 147px;
}