/* CSS Document */
body {margin: 0px;padding: 0px;font-family:Arial, Helvetica, sans-serif;}
* {margin:0px;padding:0px;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, a, li {margin: 0px;padding: 0px;}
a{color:#fff;}
a img{border:none;}
#header-late2011-wrapper{ background: repeat-x scroll left bottom #000;  clear: both;  float: left; height: 156px;    width: 100%; text-align:center; margin-bottom:14px; }
.wrapper-t0{ background-image:url("../images/trama1.png") !important;  }
.wrapper-t1{ background-image:url("../images/trama2.png") !important;  }
.wrapper-t2{ background-image:url("../images/trama3.png") !important;  }
.wrapper-t3{ background-image:url("../images/trama4.png") !important;  }
.wrapper-t4{ background-image:url("../images/trama5.png") !important;  }
.wrapper-t5{ background-image:url("../images/trama6.png") !important;  }

#header-late2011{width:980px; margin:0 auto;   text-align:left; z-index: 10; position: relative;}
#header-late2011 #logo{ float:left; margin-top:36px; margin-left:18px; margin-bottom:21px; }
#header-late2011 #logo a{background: no-repeat 0 0; width:290px; height:64px; display:block; float:left;}

.l0{ background-image:url("../images/logo1.png") !important;  }
.l1{ background-image:url("../images/logo2.png") !important;  }
.l2{ background-image:url("../images/logo3.png") !important;  }
.l3{ background-image:url("../images/logo4.png") !important;  }
.l4{ background-image:url("../images/logo5.png") !important;  }
.l5{ background-image:url("../images/logo6.png") !important;  }


#header-late2011 .submenu{ float:right; border-left:1px dotted #ccc; padding:3px 0 9px 9px; margin-top:32px; width:170px; }
#header-late2011 .submenu li{margin:0; padding:0; list-style-type:none; line-height:16px;} 
#header-late2011 .submenu a{font-family:Arial; font-size:11px; color:#999;  text-decoration:none;line-height:1em;}
#header-late2011 .submenu a:hover{color:#fff;}
#header-late2011 .submenu a.destacado{ color:#fff; }
#header-late2011 .menu{float:left; padding:0; margin:5px 0 0 15px;  width:770px; position:relative;}
#header-late2011 .menu li{float:left; margin:0; padding:0; list-style-type:none; margin-right:4px; position:relative;}

.menu li a{color:#999999; float:left; font-size:14px; text-decoration:none; font-family:Arial,Helvetica,sans-serif; background:url("../images/menu-item-bg.png") repeat-x 0 0 ; display:block; padding-top:3px; height:27px;  overflow:hidden; }
/*PARA IE8*/
#header-late2011 .menu li.inicio{ width:49px;;  margin-right:3px; }
#header-late2011 .menu li.productos-vtr{ width:131px; margin-right:4px; }
#header-late2011 .menu li.programacion{  width:125px;  margin-right:2px;}
#header-late2011 .menu li.go-vtr{  width:70px;  margin-right:4 px; }
#header-late2011 .menu li.vtr-familia{ width:111px;  margin-right:0px;  }
#header-late2011 .menu li.vtr-segura {margin-right: 3px;width: 146px;}
#header-late2011 .menu li.vtr-deporte{ width:117px; margin-right:3px; }
#header-late2011 .menu li.bazuca{ width:70px; }

.menu li:last-child a,.menu li.last-child{ border-bottom:none; }
.menu li a *{ cursor:pointer; }
.menu li a strong {   color: #999999 !important;   display: block;   float: left;   font-weight: normal;}
.menu li a span.l{ background:url("../images/menu-item-l.png") repeat-x 0 0; float:left; width:5px; height:24px; margin-top:-3px; margin-right:4px; display:block;}
.menu li a span.r{ background:url("../images/menu-item-r.png") repeat-x 0 0; float:right; width:5px; height:24px; margin-top:-3px; margin-left:2px; display:block; clear:none;}
.menu li a em.more{ background:url("http://vtr.com/images/plus.png") no-repeat; width:10px; height:10px; display:block; float:right;   margin-left: 9px; margin-top: 4px; clear:none;}


.menu li a:hover,.menu li.selected a,.menu li:hover  a,.menu li.hover  a {color:#fff; background:url("../images/menu-item-bg-hover.png") repeat-x 0 0; }
.menu li a:hover span.l,.menu li.selected a span.l,.menu li:hover a span.l,.menu li.hover a span.l{ background:url("../images/menu-item-l-hover.png") repeat-x 0 0;  height:30px; }
.menu li a:hover span.r,.menu li.selected a span.r,.menu li:hover a span.r,.menu li.hover a span.r{ background:url("../images/menu-item-r-hover.png") repeat-x 0 0;  height:30px; }
.menu li a:hover em.more,.menu li.selected a em.more,.menu li:hover a em.more,.menu li a.hover em.more{ background:url("http://vtr.com/images/plus.png") no-repeat -10px 0;}
.menu li.programacion a{margin-right:2px;}
.menu li.vtr-familia a{margin-right:3px;}

.menu li  div{ position:absolute; top:30px; left:0px; background:url("../images/bgsub.png") repeat 0 0  ; border-left:1px solid #3d3d3d; border-right:1px solid #3d3d3d; border-bottom:1px solid #3d3d3d; display:none;  padding-bottom:10px;   border-radius: 0 0 4px 4px;  }
.menu li:hover  div,.menu li.hover  div{ display:block; z-index:99;}
.menu li  div  ul{padding:0; margin:0 0 0 11px; float:left;  }
.menu li  div  ul li{}
.menu li  div  ul li a{ background:none !important; padding:4px 0px 4px 11px; float:left; width:90px; font-size:11px; color:#fff; font-family:Arial,Helvetica,sans-serif; height:auto; border-bottom:1px solid #333; }
.menu li  div  ul li a:hover{ background:url("http://vtr.com/images/plus.png") no-repeat -20px center !important; height:auto;}
.menu li.productos-vtr  div{ width:129px;  }
.menu li.productos-vtr  div  ul li a{ width:94px; }
.menu li.programacion  div{ width:121px; }
.menu li.programacion  div  ul li a{ width:86px; }
.menu li.vtr-familia  div{ width:105px;}
.menu li.vtr-familia  div  ul li a{ width:74px; }
.menu li.vtr-deporte  div{ width:114px;  }
.menu li.vtr-deporte  div ul li a{ width:78px; }
.menu li.bazuca  div{ width:125px;  }
.menu li.bazuca  div ul li a{ width:100px; }
/*CAMBIADO*/.social{float:right; clear:Right;     margin: 0; padding:7px 52px 0 0;}
/*CAMBIADO*/.social li.facebook, .social li.twitter, .social li.flickr, .social li.youtube{ cursor:pointer; float:left; list-style-type:none; position:relative; width:30px; height:23px; }
/*CAMBIADO*/.social li a.link{float:left; display:block; width:16px; height:16px; margin-right:10px; background:url("../images/social.png") no-repeat -1px -2px; overflow:hidden; text-indent:-9999em; position:absolute; top:0; left:0; z-index:2;}
.social li.facebook a{}
.social li.twitter a{background-position:-19px -2px;}
.social li.flickr a{background-position:-37px -2px;}
.social li.youtube a{background-position:-55px -2px;}
.wrapper-t0 .submenu a:hover{ color:#B30266 !important; }
.wrapper-t1 .submenu a:hover{ color:#FC7215 !important; }
.wrapper-t2 .submenu a:hover{ color:#15995D !important; }
.wrapper-t3 .submenu a:hover{ color:#F04E11 !important; }
.wrapper-t4 .submenu a:hover{ color:#66C0BE !important; }
.wrapper-t5 .submenu a:hover{ color:#E20A16 !important; }

.wrapper-t0 .menu li  div  ul li a:hover{ background-position:0px -11px  !important;  }
.wrapper-t1 .menu li  div  ul li a:hover{ background-position:0px -66px  !important; }
.wrapper-t2 .menu li  div  ul li a:hover{ background-position:0px -121px  !important; }
.wrapper-t3 .menu li  div  ul li a:hover{ background-position:0px -176px  !important; }
.wrapper-t4 .menu li  div  ul li a:hover{ background-position:0px -231px  !important; }
.wrapper-t5 .menu li  div  ul li a:hover{ background-position:0px -286px  !important; }
/*NUEVO*/
.social li:hover span,.social li.hover span{  background:url("../images/bg-sociales.png"); width:26px; height:34px; display:block; z-index:1; position:absolute; top:-5px; left:-5px; }
.social li  div{ position:absolute; top:29px; left:0px; background:url("../images/bgsub.png") repeat 0 0  ; border-left:1px solid #3d3d3d; border-right:1px solid #3d3d3d; border-bottom:1px solid #3d3d3d; display:none;  padding-bottom:10px;   border-radius: 0 0 4px 4px;  }
.social li:hover  div,.social li.hover  div{ display:block; z-index:99;}
.social li  div  ul{padding:0 0 0 11px; margin:0 0 0 0px; float:left;   }
.social li  div  ul li{ list-style-type:none; }
.social li  div  ul li a{ background:none !important; text-decoration:none; padding:4px 0px 4px 11px; float:left; width:90px; font-size:11px; color:#fff; font-family:Arial,Helvetica,sans-serif; height:auto; border-bottom:1px solid #333; }
.social li  div  ul li a:hover{ background:url("http://vtr.com/images/plus.png") no-repeat -20px center !important; height:auto;}

.social li.facebook  div{ width:132px; left:-5px; }
.social li.facebook  div  ul li a{ width:100px; }
.social li.twitter  div{ width:151px; left:-35px;   }
.social li.twitter  div  ul li{ width:116px; }
.social li.twitter  div  ul li a{ width:116px; }
.social li.flickr  div{ width:121px; left:-75px;  }
.social li.flickr  div  ul li a{ width:86px; }
.social li.youtube  div{ width:121px;  left:-102px;}
.social li.youtube  div  ul li a{ width:86px; }