/* CW
   Bootstudio - 2009 
--------------------------------------------------------------------------------*/
body {
 margin: 0 auto;
 padding: 0;
 
 background-color:#fff;
 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:#565555
}




/* =container
------------------------------------------------------*/
#container {
 width: 940px;
 
 margin: 0 auto;
}






/* =header
------------------------------------------------------*/
#header {
 width: 941px;
 
 border-bottom: 7px solid #c8c8c8;
 
 background-color: #fff;
}

body.btline_home #header { border-bottom: 7px solid #c8c8c8; }
body.btline_residencial #header { border-bottom: 7px solid #02a3d7; }
body.btline_movil #header { border-bottom: 7px solid #cd1f14; }
body.btline_empresarial #header { border-bottom: 7px solid #003f7d; }
body.btline_tvdigital #header { border-bottom: 7px solid #ffd801; }


#header h1 {
 margin: 30px 0 23px 0;

 font-size: 1em;
 line-height: 1;
}


#header h1 a {
  width: 270px;
  height: 36px;
  
  border: none;
  
  background-image: url(../images/logo.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  
  display: block;
}

#header h1 a span {
  display: none;
}








/* = Navegacion principal
------------------------------------------------------*/

#header ul.menu {
 position: relative;
 
 height: 39px;
 
 margin: 0;
 padding: 0;
 
 list-style: none;
}


#header ul.menu li {
  position: relative;
  
  width: 185px;
  height: 39px;

  margin: 0 4px 0 0;
  padding: 0;
  
  display: block;
  float: left;
}



#header ul.menu li a {
 width: 185px;
 height: 29px;
 
 margin: 0;
 padding: 0;
 padding-top: 10px;
 
 color: #4d4b4c;
 background-image: url(../images/menu-bottom-bg.jpg);
 background-repeat: no-repeat;
 
 font-size: 17px;
 font-weight: bold;
 text-align: center;
 text-decoration: none;
 
 display: block;
}

#header ul.menu li.last {
 margin: 0;
}








/* =Drop down menu
------------------------------------------------------*/

#header ul.menu li div {
  position: absolute;
  top: 39px;
  left: 0;
  z-index: 20;
  
  width: 185px;
  height: auto;
  
  padding: 0 6px 7px 0;
  
  background-repeat: no-repeat;
  background-position: right bottom;

  display: none;
}


#header ul.menu li>div {
  background-image: url(../images/drop-shadow.png);	
}


#header ul.menu li ul {
  position: relative;

  width: 169px;
  height: 100%;
  
  margin: 0;
  padding: 15px 8px 8px;
  
  background-color: #ccc;
  
  list-style-type: none;
}


#header ul.menu li ul li {
  width: auto;
  height: auto;
  
  margin: 0;
  padding: 0;
}


#header ul.menu li ul li a {
  width: 153px;
  height: auto;
  
  margin: 0 0 4px;
  padding: 8px;
  
  color: #fff;
  background: none;
  background-color: #bbb;
  
  font-size: 1.2em;
  text-align: left;
  line-height: 1;
}


#header ul.menu li ul li a:hover {
  background-color: #3e3e3e;
}





/* Residencial */
#header ul.menu li#residencial a.active, #header ul.menu li#residencial a.selected { background-image: url(../images/menu-bottom-bg.jpg); color: #4d4b4c; }
#header ul.menu li#residencial ul.active { background-color: #efefef; background-image: none; height: 100%;  color: #4d4b4c;}
#header ul.menu li#residencial ul.active li a { background-color: #c8c8c8;background-image: none; color: #4d4b4c;}
#header ul.menu li#residencial ul.active li a:hover { background-color: #d4d4d4;background-image: none; color: #4d4b4c;}

/* Empresarial */
#header ul.menu li#empresarial a.active, #header ul.menu li#empresarial a.selected { background-image: url(../images/menu-bottom-bg.jpg); color: #4d4b4c; }
#header ul.menu li#empresarial ul.active { background-color: #efefef; background-image: none;  color: #4d4b4c; }
#header ul.menu li#empresarial ul.active li a { background-color: #c8c8c8; background-image: none;  color: #4d4b4c; }
#header ul.menu li#empresarial ul.active li a:hover { background-color: #d4d4d4; background-image: none;  color: #4d4b4c; }


/* Movil */
#header ul.menu li#movil a.active, #header ul.menu li#movil a.selected { background-image: url(../images/menu-movil-bottom-bg.jpg); color: #fff; }
#header ul.menu li#movil ul.active { background-color: #ce1d13; background-image: none;  }
#header ul.menu li#movil ul.active li a { background-color: #ee3324; background-image: none;  }
#header ul.menu li#movil ul.active li a:hover { background-color: #a61e12; background-image: none;  }


/* TV */
#header ul.menu li#tv a.active, #header ul.menu li#tv a.selected { background-image: url(../images/menu-bottom-bg.jpg); color: #4d4b4c;; }
#header ul.menu li#tv ul.active { background-color: #efefef; background-image: none; color: #4d4b4c;}
#header ul.menu li#tv ul.active li a { background-color: #c8c8c8; background-image: none;  color: #4d4b4c; }
#header ul.menu li#tv ul.active li a:hover { background-color: #d4d4d4; background-image: none; color: #4d4b4c; }









/* =Navegacion de soporte
------------------------------------------------------*/

ul.support_menu {
 margin: -45px 0 0 0;

 list-style: none;
 
 float: right;
} 



ul.support_menu li {
 margin-left: 11px;
 padding-right: 11px;
 
 background: url(../images/divider.jpg) no-repeat right 3px;
 background-position: right;
 
 display: inline;
 float: left;
}


ul.support_menu li.last{
 padding-right: 0;
 background: none;
}


ul.support_menu li a {
 color: #777;
 
}


ul.support_menu li a:hover {
 color: #00a1d6;
}













/* =content
------------------------------------------------------*/
#content {
    padding: 13px 0 10px 0; /* Se cambio el tercer valor(40px) x (10px) para eliminar espacio entre el contenido y el footer*/

}

.clear {
  clear: both;
}

a {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:#565555

}
a:hover {
 color:#000000

}

.tablas {
 background-color: #cc1f11;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color:#ffce00

}
.tablas2 {
 padding: 2px 2px 2px 2px;
 background-color: #ececec;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:#cc1f11;
}

#linea1
{border: solid;
border-top-style:hidden;
border-right-style:hidden;
border-color:#ffffff;
border-width:2px;
}
#linea2
{
border: solid;
border-top-style:hidden;
border-left-style:hidden;
border-right-style:hidden;
border-bottom-style:hidden;
border-color:#ffffff;
border-width:2px;
}
#linea3
{border: solid;
border-top-style:hidden;
border-right-style:hidden;
border-bottom-style:hidden;
border-color:#ffffff;
border-width:2px;
}

#lin1
{border: solid;
border-top-style:hidden;
border-right-style:hidden;
border-color:#cc1f11;
border-width:2px;
}
#lin2
{
border: solid;
border-top-style:hidden;
border-left-style:hidden;
border-right-style:hidden;
border-bottom-style:hidden;
border-color:#cc1f11;
border-width:2px;
}
#lin3
{border: solid;
border-top-style:hidden;
border-right-style:hidden;
border-bottom-style:hidden;
border-color:#cc1f11;
border-width:2px;
}
/* =submenu
------------------------------------------------------*/

#submenu {
  float:left;

  margin-right:10px;
  width: 185px;
}

.ie6 #submenu {
  margin-right:8px;
}

#submenu a.head {
	
  padding: 6px 0 0 8px;
  display:block;
  margin-bottom: 10px;
	
  width: 177px;
  height:24px;
	
  color: white;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
}


#submenu ul {
  padding:0;
  margin:0 0 20px 0;
}

#submenu ul li {

  margin-bottom: 3px;
  padding-bottom: 2px;
  padding-left: 10px;
	
  border-bottom: 1px solid #ececec;
  list-style-type: none;
}

#submenu ul li a {

  padding-left:10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #777;
  text-decoration: none;
	
  background: url('../images/submenu-bullet.gif') no-repeat 0 3px;
}

#submenu ul li a:hover {
  color: black;
}

#submenu #logo_seccion {
  margin-bottom: 10px;
}

#submenu .residencial a.head { background: url('../images/submenu-residencial-bg.jpg'); }
#submenu .movil a.head { background: url('../images/submenu-movil-bg.jpg'); }
#submenu .empresarial a.head { background: url('../images/submenu-empresarial-bg.jpg'); }
#submenu .tvdigital a.head { background: url('../images/submenu-tvdigital-bg.jpg'); color: #2a2a28; }





/* =main content
------------------------------------------------------*/

#main_content {
  float:left;

  margin-right:10px;
  width: 510px;
}

.ie6 #main_content {
  margin-right:9px;
}

#main_content_home {
  float:left;

  margin-right:10px;
  width: 705px;
}


/* BANNERS */
#banner1 { margin-bottom: 10px; width: 510px; height: 288px; background: #ccc; }
#banner1_home { margin-bottom: 10px; width: 705px; height: 288px; background: #ccc; }
#banner2, #banner3 { float: left; width: 250px; height: 172px; background: #ccc; }
#banner2 { margin-right: 10px; }

#banner2_home, #banner3_home, #banner4_home { float: left; width: 228px; height: 172px; background: #ccc; }
#banner2_home, #banner3_home { margin-right: 10px; }



/* =right sidebar
------------------------------------------------------*/

#right_sidebar {
  float:left;

  width: 225px;
}

#servicios_online, #chat_online { margin-bottom:10px; }






/* =footer
------------------------------------------------------*/
#footer {
 width: 940px;
 height: 250px; 

 background-image: url(../images/footer-bg.jpg);
 background-repeat: repeat-x;
}



#footer .column {
 width: 209px;
 
 margin: 24px 0 0 20px;

 float: left;
}


#footer h3 {
 margin: 0 0 15px 0;
  
 color: #494949;
 
 font-size: 15px;
 font-weight: lighter;
}


#footer p {
 color: #828181;
 
 font-size: 1em;
}




#footer ul {
 margin: 0;
 padding: 0;
 
 color: #828181;

 font-size: 1em;
 font-weight: lighter;

 list-style: none;
}


#footer ul li {
 margin-top: 4px;
 padding-bottom: 3px;
 
 background-image: url(../images/separator.jpg);
 background-position: bottom;
 background-repeat: no-repeat;
}


#footer ul li a {
 width: 100%;

 margin: 0; 
 padding: 0;
 font-size: 11px;
 color: #828181;

 text-decoration: none;

 list-style: none;
 display: block;
}


#footer ul li a:hover {
 color: #333;
}



#footer .column.last {
 width: 180px;
 
 float: left;
}



#legal {
 width: 930px;
 height: 30px;
 
 padding: 10px 10px  0 0;   
 border-top: 30px solid #fff; /* Para crear espacio entre las columnas y esto */
 
 background-color: #e4e4e4;
 
 clear: both;
}



#legal ul {
 width: 470px;
 
 margin: 0;
 padding: 0; 
 
 font-size: 1em;
 text-decoration: underline;
 
 list-style: none;
 float: left;
}




#legal ul li {
 width: 70px; /* Fix para IE6 */
 padding: 0 6px 0 5px; 
 
 color: #404040;
 background: url(../images/divider.jpg) no-repeat right 3px;
 background-position: right;

 float: left;
}


#legal ul li.last{
 width: 230px;  /* Fix para IE6 */
 background: none;
}


#legal ul>li.last,
#legal ul>li {
 width: auto;
}





#legal p {
 width: 50%;
 margin: 4px 0 0 0;
 padding: 0;
 
 color: #404040;

 font-size: 11px;
 text-align: right;
 
 float: right;
}

/* =content
------------------------------------------------------*/
#Informacion {
  padding: 13px 0 40px 0; 
  text-align:justify;
}

.clear {
  clear: both;
}

a {text-decoration:none;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:#565555;
 }
 
a:hover {
 color:#000000;
 text-decoration:none;

}
/* =Esto fue agregado para resaltar links en rojo
------------------------------------------------------*/
a.lespeciales:link, a.lespeciales:hover, a.lespeciales, a.lespeciales:visited { color: #BB0000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:none }



.tablas {
 background-color: #cc1f11;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color:#ffce00

}
.tablas2 {
 padding: 2px 2px 2px 2px;
 background-color: #ececec;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:#cc1f11;
}

#linea1
{
border: solid;
border-top-style:hidden;
border-left-style:hidden;
border-right-style:hidden;
border-color:#ffffff;
border-width:2px;
}
#linea2
{border: solid;
border-top-style:hidden;
border-right-style:hidden;
border-color:#ffffff;
border-width:2px;
}



select { color: #4D4D4D; font-family: Verdana, Arial, Helvetica; font-size: 10px; background-color: #FFFFFF; width:165 }
input.checkbox {width:25 }
input        { color: #4D4D4D; font-family: Verdana, Arial, Helvetica; font-size: 10px; background-color: #FFFFFF; width:165 }

input.Small  { color: #4D4D4D; font-family: Verdana, Arial, Helvetica; font-size: 10px; background-color: #FFFFFF; width:70 }
input.Button { color: #FFFFFF; font-family: Verdana, Arial, Helvetica; font-size: 10px; background-color: #4D4D4D; width:100 }
textarea { color: #4D4D4D; font-family: Verdana, Arial, Helvetica; font-size: 10px; background-color: #FFFFFF; width:165 }