@charset "utf-8";

/* CSS Document for DIRECTV LA - by Takeoff Media */


/* ------ Reset styles ------ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit}
:focus {outline: 0}
body {color: black; background: white}
ol, ul {list-style: none}
table {border-collapse: collapse; border-spacing: 0}
caption, th, td {text-align: left; font-weight: normal}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
a {text-decoration:none}
strong{font-weight:bold}
.clear{
	clear:both;
	overflow:hidden;
	visibility:hidden;
	height:0;
	}
/* ------ Layout ------ */
body {
	background:url(/img/body-bgnd.jpg) repeat-x top #323232;
	font-size:12px;
	position:relative;
	z-index:1;
	}

body, html{height:100%}

#container {
	width:980px;/*900px*/
	margin:0 auto;
    background:#fff;
	/* Styles for full browser height */
	height: auto !important;
    min-height:auto !important;
    height:94.5%;/* for ie6 */
}

/*background:#fff url("/img/metodos_de_pago/footer-img.jpg") no-repeat scroll center bottom;*/

#header {
	height:92px;
	background:url(../img/topnav_swoosh.png) no-repeat;
	z-index:999; /* changeForZ */
}

#login {
	padding:0 10px 0 20px;
	height:21px;
	background-color:#276480
}

div#pWrapper {
	width:958px;
	border:1px solid #FFF;
	margin:0 auto;
	background-color:#FFF;
	font-size:11px;
	line-height:15px;
	color:#242424;
	font-family:Arial, Helvetica, sans-serif;
}

div#pWrapper a {
	color:#00abe3;
	text-decoration:none;
	clear:both;
	cursor:pointer;
}

div#pBody {
	padding:17px;
	overflow:hidden
}

#pMain {
	float:left;
	display:inline;
	width:700px;
}

div#pWrapper div#pHead {
	width:941px;
	height:68px;
	background-image:url(/img/bpHead.jpg);
	color:#FFF;
	padding:0 0 0 17px;
	position:relative;
}
div#pWrapper div#pHead h1 {
	float:left;
	display:inline;
	font-weight:bold;
	font-size:24px;
	line-height:68px;
}

div#pHead div.calltoaction, div#pFoot div.calltoaction{	
	font-weight:bold;
	background:url(/img/bg_cta.png) 0 0 no-repeat;
	margin:9px 9px 0 0;
	width:435px;
	overflow:hidden;
	float:right;
	display:inline;
	height:50px;
	font-size:12px;	
}

div#pWrapper div#pFoot {
overflow:hidden;
padding:0 0 20px 19px;
position:relative;
width:930px
}

div#pFoot div.calltoaction {
	float:left;
	background-image:url(/img/bg_cta_white.png);
}

div#pHead div.calltoaction a, div#pFoot div.calltoaction a{
	color:#fff;
	font-size:11px;
}

div#pHead div.calltoaction a:hover, div#pFoot div.calltoaction a:hover{
	text-decoration:none;
}

div#pHead div.calltoaction .titulo, div#pFoot div.calltoaction .titulo{
	width:435px;
	text-align:center;
	float:left;
	display:inline;
	padding:5px 0 4px 0;
	color:#333333;
	font-size:12px
}

div#pHead div.calltoaction .nocliente, div#pHead div.calltoaction .cliente_actual, div#pFoot div.calltoaction .nocliente, div#pFoot div.calltoaction .cliente_actual {
	margin-left:9px;
	float:left;
	display:inline
}

div#pHead div.calltoaction p, div#pFoot div.calltoaction p{
	color:#02abe3;
	float:left;
	display:inline;
	font-weight:bold;
	font-size:12px;
	line-height:27px
}	

div#pHead div.calltoaction .btn, div#pFoot div.calltoaction .btn{
	background:url(/img/btn_cta_headerpages.gif) 0 0 no-repeat;
	width:83px;
	height:17px;
	float:left;
	margin:5px 0 0 10px;;
	line-height:18px;
	text-align:center
}


/* ------ Text styles ------ */

body {font-family:Arial, Helvetica, Verdana, sans-serif}

#header, #login {color:#fff}

#topnav-left, #topnav-right{
	font-size:11px; 
    letter-spacing:0.5px;
   }

#login {font-size:12px}

/* ------ Header ------ */

/* ------ Header ------ */
div.header{
	width:980px;
	height:100px;
	background-color:#276480;
	margin: 0 auto;
}
div.header div.topbar{
	float:left;
	width:980px;
	height:20px;
	background-color:#000;
}
div.header div.topbar ul.lLinks{
	float:left;
	width:380px;
	height:20px;
	background:url(/img/header-top-bar-spt.jpg) no-repeat 15px 4px;
	padding:0 0 0 30px;
}
div.header div.topbar ul.lLinks li,div.header div.topbar ul.rLinks li{
	float:left;
	color:#CCC;
	font:11px/18px Arial, Helvetica, sans-serif;
	padding:0 9px 0 0;
}
div.header div.topbar ul.lLinks li.last,div.header div.topbar ul.rLinks li.last{
	background:none;
}
div.header div.topbar ul.lLinks li a,div.header div.topbar ul.rLinks li a{
	color:#CCC;
	font:11px/18px Arial, Helvetica, sans-serif;
	float:right;
}
div.header div.topbar ul.rLinks{
	float:right;
	width:220px;
	height:20px;
}
div.header div.topbar ul.rLinks li{
	padding:0 10px 0 4px;
}
div.header div.central{
	background:url(/img/header-bgnd.jpg) no-repeat center top;
	float:left;
    height:55px;
    width:980px;
}
div.header div.central h1{
	float:left;
    height:30px;
    width:195px;
	margin:12px 0 0 16px;
}
div.header div.central h1 a{
	background:url(/img/logo-dtv.gif) no-repeat 0 0;
    float:left;
    height:30px;
    width:195px;
	text-indent:-9999px;
}
div.header div.central a.suscribe {
	background:url(/img/subscribe-now.png) no-repeat 0 0px; 
	float:left; height:21px; 
	margin:20px 0 0 24px; 
	text-indent:-9999px; 
	width:120px;
}
div.header.en div.central a.suscribe{
	background-position:0 -21px;
}
div.header div.login,div.header div.logged{
    background:url(/img/login-pipe.jpg) no-repeat 160px 6px;
    float:left;
    height:25px;
    margin:16px 0 0 30px;
    width:215px;
}
div.header div.logged{
	display:block;
	margin:16px 0 0 160px;
}
div.header div.login a.register{
    background:url(/img/btn-register.jpg) no-repeat 0 -22px;
    float:left;
    height:22px;
    margin:4px 0 0 69px;
    text-indent:-9999px;
    width:82px;
}
div.header.en div.login a.register{
	background-position:0 -22px;
}
div.header div.login a.login,div.header div.logged a.logout{
    float:right;
    height:17px;
    margin:5px 0 0;
    width:45px;
	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
}
div.header div.logged span{
    float:left;
	text-align:right;
    height:17px;
    margin:5px 0 0;
    width:150px;
	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	text-transform:capitalize !important;
}
div.header div.search{
	background:url(/img/search-icon.jpg) no-repeat left top;
	float:right;
    height:20px;
    margin:20px 14px 0 0;
    padding:0 0 0 20px;
    width:195px;
	position:relative;
}
div.header div.search input.text{
    height:16px;
    width:136px;
	position:absolute;
	left:20px;
	top:0;
	border:none;
	border-top:solid 1px #e5f6ff;
	border-bottom:solid 1px #e5f6ff;
	background-color:#f2f2f2;
}
div.header div.search input.search{
	position:absolute;
	top:0;
	right:0;
}
div.header div.search a.search{
    background:url(/img/search-btn.jpg) no-repeat left -20px;
    height:20px;
    position:absolute;
    right:0;
    width:59px;
}
div.header.en div.search a.search{
	background-position:0 -20px;
}
div.header div.menuBar{
	float:left;
	width:980px;
	position:relative;
	z-index:999;
}
#sections{
	float:left;
	width:725px;
	position:absolute;
    left:0px;
    top:0px;
    z-index:5;
	right:auto;
}
#sections > ul{
	float:left;
	background:url(/img/header-menu-bgnd.jpg) repeat-x top;
	height:25px;
	width:725px;
}
#sections li{
	float:left;
	position:relative;
}
#sections li>a{
	padding:0 10px;
	height:23px;
	color:#FFF;
	float:left;
	display:block;
	margin:1px 40px 1px 1px;
	font:bold 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-shadow:1px 1px 0px #1e1e1e; 
}
#sections li#que-es-directv>a{
	padding:0 10px 0 5px;
	margin:1px 40px 1px 6px;
}
#sections li#que-es-directv>a.active{
	margin:0 39px 0 5px;
}
#sections li#que-es-directv div.dropdown{
	left:5px;
}
#sections li > a.active{
	margin:0 39px 0 0;
	border:solid 1px #dddddd;
	background-color:#FFF;
	color:#333;
	text-shadow:1px 1px 0px #FFF;
}
#sections div.dropdown{
	/*visibility:hidden;*/
	display:none;
	position:absolute;
	top:25px;
	left:0;
	width:222px;
	background:#fff;
	font-size:10px;
	overflow:hidden;
	z-index:999;
	border:solid 1px #DDDDDD;
	border-top:none;
}
#sections div.dropdown ul{
	z-index:9999;
	position:relative;
}
#sections div.dropdown ul li{
	width:100%;
}
#sections div.dropdown ul li a{
	width:100%;
	font:11px/20px Arial, Helvetica, sans-serif;
	color:#333;
	text-shadow:none;
	margin:0;
	height:20px;
	padding:0 0 0 10px;
}
#sections div.dropdown ul li a:hover{
	width:100%;
	font:11px/20px Arial, Helvetica, sans-serif;
	color:#FFF;
	background-color:#0092cf;
	border:none;
}
#sections #programacion div.dropdown ul li a,#sections #productos div.dropdown ul li a{
	color:#333;
}
#sections #programacion div.dropdown ul li a:hover,#sections #productos div.dropdown ul li a:hover{
	color:#FFF;
}
#sections #productos div.dropdown{
	width:244px;
}
#sections div.dropdown ul li.label{
	text-transform:uppercase;
	font:bold 11px/18px Arial, Helvetica, sans-serif;
	color:#333;
	border-top:solid 1px #e6e6e6;
	padding:0 0 0 10px;
}
#sections div.dropdown.last{
	left:0;
}
#servicio-al-cliente div.dropdown{
    position:absolute;
    right: 207px; 
    top:0;
}
#directv-friends div.dropdown{
	width:162px;
}
/*menu en 2 niveles*/
#programacion div.dropdown{
	width:200px !important;
	padding:0;
}
.en #programacion div.dropdown{
	width:380px;
}
.header div.dropdown ul.firstCol{
	float:left;
	width:200px;
	border-right:1px solid #e6e6e6;
	overflow:hidden;
	margin:0;
}
.header div.dropdown ul.seccondCol{
    float:right;
    width:189px;
	overflow:hidden;
}
#sections div.dropdown ul.seccondCol li.label{
	border-top:none;
}
/*Right menu*/
div.header div.menuRight{
	float:right;
	background:url(/img/menu-right-bgnd.jpg) repeat-x top;
    height:25px;
    width:255px;
	position:relative;
}
div.header div.menuRight li#midirectv{
	float:left;
    width:115px;
}
div.header div.menuRight li#servicio-al-cliente{
	float:left;
    width:110px;
}
div.header div.menuRight div.dropdown{
	/*visibility:hidden;*/
	display:none;
}
div.header div.menuRight a.midirectv,div.header div.menuRight a.sac{
	background:url(/img/menu-right-spt.jpg) no-repeat 11px -1px;
	float:left;
	height:23px;
	display:block;
	margin:1px;
    padding:0 0 0 29px;
    width:79px;
	font:bold 12px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	text-shadow:1px 1px 0px #1e1e1e;
}
div.header div.menuRight a.sac{
    background-position:5px -26px;
    padding:0 0 0 23px;
    width:110px;
}
div.header div.menuRight a.sac.active{
    background-color:#FFF;
    background-position:5px -77px;
	border:solid 1px #dddddd;
	margin:0;
	text-shadow:none;
	color:#333;
}
div.header div.menuRight a.midirectv.active{
	background-position:11px -51px;
	background-color:#FFF;
	border:solid 1px #dddddd;
	margin:0;
	text-shadow:none;
	color:#333;
}
div.header ul.mdtvMenu{
	position:absolute;
	width:200px;
	background-color:#FFF;
	left:0;
	top:25px;
	z-index:20;
	border:solid 1px #DDDDDD;
	border-top:none;
}
div.header ul.mdtvMenu li{
	/*width:200px;*/
}
div.header ul.mdtvMenu li.label
{
	text-transform:uppercase;
	font:bold 11px/18px Arial, Helvetica, sans-serif;
	color:#333;
	border-top:solid 1px #e6e6e6;
	padding:0 0 0 10px;
}
div.header ul.mdtvMenu li.inicio{
	border-top:solid 1px #dddddd;
	border-bottom:solid 1px #dddddd;
	height:19px;
}
div.header ul.mdtvMenu li.access{
	border-top:solid 1px #dddddd;
	margin:0 0 1px;
}
div.header ul.mdtvMenu li a{
	display:block;
	font:11px/20px Arial, Helvetica, sans-serif;
	color:#333;
	padding:0 0 0 10px;
}
div.header ul.mdtvMenu li a:hover{
	background-color:#0092cf;
	color:#FFF;
}
/*mdtv login form*/
div.loginForm{
	position:absolute;
	left:0;
	top:25px;
	width:253px;
	border:solid 1px #CCC;
	background-color:#efefef;
	height:88px;
}
div.loginForm label{
    color:#808080;
    display:block;
    float:left;
    font:11px Arial,Helvetica,sans-serif;
    height:21px;
    margin:8px 0 0 11px;
    width:124px;
}
div.loginForm label.pass{
    margin:8px 0 0 16px;
    width:100px;
}
div.loginForm input{
    background-color:#FFF;
    border:1px solid #DDDDDD;
    float:left;
    height:16px;
    margin:0 0 0 10px;
    width:123px;
}
div.loginForm input.pass{
    margin:0 0 0 16px;
    width:92px;
}
div.loginForm a.forgot{
    color:#00ABE3;
    float:left;
    font:10px Arial,Helvetica,sans-serif;
    margin:14px 0 0 10px;
    width:140px;
}
div.loginForm a.login{
    background:url(/img/btn-login.jpg) no-repeat 0 0;
    float:right;
    height:20px;
    margin:10px 8px 0 0;
    text-indent:-9999px;
    width:70px;
}
/**/
div.loginBar{
    background-color:#276480;
    height:21px;
    padding:4px 10px 3px;
}
div.loginBar a{
    color:#BDD9E5;
    font:11px/23px Arial,Helvetica,sans-serif;
}
div.loginBar a:hover{
    text-decoration:underline;
}

/* ------ Log in ------ */

#login ul {float:left}

#login ul li {
	margin-right:8px;
	padding:0 8px 2px 0;
	float:left;
	border-right:1px solid #669999	
}

#login ul li a.normal-font {
font-weight:normal;
}

#login ul li.last {border:none}

#login ul li a {
	margin-left:8px;
	color:#bdd9e5;
	font-weight:bold
}

#login ul li a:hover {text-decoration:underline}

#login #additional-promo {float:right}
#login #additional-promo span, #login #additional-promo a {color:#bdd9e5}
#login #additional-promo a:hover {text-decoration:underline}

#login #loggedDiv a {color:#bdd9e5}
#login #loggedDiv a:hover {text-decoration:underline}


/*Footer*/
div.footer{
	float:left;
	width:100%;
}
div.footer div.center{
	width:978px;
	margin:0 auto;
	border:solid 1px #00539b;
	border-top:none;
	background:url(/img/footer-bgnd.jpg) repeat-x center 0px #08294A;
	border-bottom-color:#082a4a;
	height:285px;
}
.home div.footer div.center{
	background:url(/img/footer-bgnd.jpg) repeat-x top #08294A;
	height:285px;
	padding-top:11px;
}
div.footer dl{
	float:left;
	width:230px;
	margin:20px 0 0 10px;
}
div.footer dl dt{
	background:url(/img/footer-titles-line.jpg) no-repeat left bottom;
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	height:25px;
	margin:0 0 3px;
}
div.footer dl dd{
	float:left;
	margin:5px 0 1px;
	width:230px;
}
div.footer dl dd a{
	font:11px Arial, Helvetica, sans-serif;
	color:#FFF;
	background:url(/img/footer-list-bullet.jpg) no-repeat 0 4px;
	padding:0 0 0 7px;
}
div.footer div.buttons{
    float:left;
    height:25px;
    margin:26px 0 0;
    width:980px;
}
div.footer div.buttons a{
	display:block;
	width:90px;
	height:25px;
	background:url(/img/fb-tw-sprite.jpg) no-repeat 0 0;
	float:left;
}
div.footer div.buttons a.fb{
	margin:0 20px 0 312px;
}
div.footer div.buttons a.tw{
	background-position:0 -24px;
}
div.footer div.buttons a.yt{
	background-position:0 -48px;
	margin:0 0 0 20px;
}
div.footer div.buttons a.gp{
	background-position:0 -72px;
	margin:0 0 0 20px;
}
div.footer ul.links{
    float:left;
    margin:12px 0 0 431px;
    width:280px;
}
div.footer .en ul.links{
    margin:12px 0 0 454px;
}
div.footer ul.links li{
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
}
div.footer ul.links li span{
	font-size:12px;
    margin:0 3px;
}
div.footer ul.links li a{
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
}
div.footer p.legal{
	font:11px Arial, Helvetica, sans-serif;
	color:#0092CF;
	float:left;
	width:980px;
	text-align:center;
	margin:7px 0 0;
}
/*=============================== 
		-- LOCALIZACION --
===============================*/
#localizacion {
    float: right;
    width: 111px;
	background: none repeat scroll 0 0 transparent !important;
}
.rLinks li a {
    display: block;
    font-weight: normal;
    margin: 0;
    padding: 0 0 0 7px;
	height:20px;
}
.rLinks li a:hover, .rLinks ul li:hover a {
    color: #FFFFFF;
}
.rLinks li ul {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    display: none;
    float: right;
    height: auto;
    left: -1px;
    padding: 0;
    position: relative;
    width: 138px;
    z-index: 2000;
}
.rLinks li:hover ul {
    display: block;
}
div.header div.topbar ul.rLinks li li{
    display: block;
    float: none;
    margin: 0;
    padding: 0;
}
/*
.rLinks li:hover li a {
    background: none repeat scroll 0 0 transparent;
}
*/
div.header div.topbar ul.rLinks li ul li a{
    display: block;
	width: 118px;
    font-style: normal;
    height: 25px;
	line-height: 25px;
    margin: 0;
    padding: 0 10px 0 10px;
    font-weight: bold !important;
    text-align: right !important;
	color: #000;
}
div.header div.topbar ul.lLinks li a:hover,
div.header div.topbar ul.rLinks li a:hover{
	color: #fff;
}
div.header div.topbar ul.rLinks li ul li:hover a{
	color: #000;
}
.rLinks li ul a:hover, .rLinks li ul li:hover a {
    border: 0 none;
	background: #0092CF;
	color: #fff ;
}
#_ctrl_header1__ctrl_menu_locator_static_txtTituloLocalizacion {background:url("../img/menu_line.png") no-repeat scroll left center transparent}
#_ctrl_header1_lblContactenos {
	margin-left: 30px;
    padding-right: 0;
	width:60px;
}
#localizacion {
	width:111px;
}
#localizacion a:hover {
    border: 0 none;
    color: #FFFFFF;
    float: right;
}
#sections li a span {
    display: block;
    font-size: 12px;
    position: relative;
    top: 1px;
}


/************************************************************/
/* ESTILOS PARA OCULTAR ENTRADAS DE MENU SEGUN LOCALIZACION */
/* Para las entradas existentes no se mostraran los links   */
/* en dicha localizacion                                    */
/************************************************************/
.bb .menu-boxing, .re .menu-boxing, .bb .menu-directv-tresd, .bb .menu-directv-hd, .bb .menu-confederations, .bb .menu-guiaHD, .bb .menu-olympic-games, .re .menu-olympic-games, .an .menu-olympic-games, .re .menu-directv-invoice, .an .directv-prepaid, .bb .directv-prepaid, .re .directv-prepaid, .bb .menu-directv-plus-HD  {
	display: none;
}

/* Telesales */
.bb .menu-telesales {display:none}
.an .menu-telesales {display:none}

/* Points of sale */
.an .menu-points-of-sale {display:none}
.re .menu-points-of-sale {display:none}

/* MLB */
.an .menu-mlb {display:none}

/* DIRECTV HD */
.an .menu-directv-hd {display:none}
.bb .menu-directv-hd {display:none}
.re .menu-directv-hd {display:none}

/* Invoice */
.re .menu-directv-invoice{display:none}

/* UEFA */
.bb .menu-uefa {display:none}

/* LFP */
.bb .menu-spanish-league{display:none}
 
 /* Tennis */
.bb .menu-tennis{display:none} 

/* LFP */
.an .menu-fifa{display:none}
.bb .menu-fifa{display:none}
.re .menu-fifa{display:none}

/*Winter Games BB*/
.bb .menu-winter-games {display:none}

/* FIFA */
.bb .menu-spanish-league{display:none}

/* DIRECTV 3d */
.re .menu-directv-tresd {display:none}
.bb .menu-directv-tresd {display:none}

/* FIFA Confederations Cup */
.bb .menu-confederations {display:none}