@charset "utf-8";

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

@import url(/css_caribe/menu-exceptions.css);
@import url(/css/right-banners.css);

/* ------ 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-size: 11px; 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;
	}


/* ------ Home ------ */
#container.home{background-color:#255F78; width: 980px; margin: 0 auto;}

#main-content.home {
	padding:0 10px;
	background:#255f78;
	width:960px;/*880px*/
	float:none;
}

#home-top {
	margin-bottom:9px;
	overflow:auto
}

#offers {
	float:left;
	width:668px;/*625px*/
	/*margin-right:8px;4px*/
}

#videoComponent {
	float:right;/*left*/
	width:282px;/*247px*/
	height:360px;/*312px*/
	border:1px solid #6aa6c6
}
#main-content {
    font-family: arial;
    background: #FFFFFF;
    overflow: hidden;
    padding: 20px;
    width: 940px;
	margin: 0 auto;
}
.videoWrapper{
	border:1px solid #000;
}

#tabs {
	background:url(../img/videoComponent_tab_bg.png) 0 0 repeat-x;
	overflow:auto
}

#tabs li{
	float:left;
	width:90px;/*80px*/
	height:22px;
	margin:7px 3px 0 0;
	background:url(../img/videoComponent_tab.png) no-repeat;
	font-weight:bold;
}

#tabs li h2 a{
	font-size:10px;
	}

#tabs li.last {margin-right:0}

#tabs li a {
	display:block;
	height:22px;
	color:#fff;
	text-align:center;
	line-height:22px
}

#tabs li a.active, #tabs li a:hover {
	color:#333;
}

#tabs li a.active {
	background:url(../img/videoComponent_tab_active.png) no-repeat;
}

.videos {
	position:relative;
	height:149px;/*122px*/
	overflow-y:auto;
	overflow-x:hidden;
	background-color:#a0a1a1;
}

.videos a {
	position:relative;
	display:block;
	padding:4px 0;
	color:#333;
	/*border-bottom:1px solid #bbb;*/
	background-color:#a0a1a1;
	line-height:1.1em;
	cursor:pointer;
	float:left;
}

.videos span.video-desc{width:185px;}/*150px*/

.videos a.first 
{
	background:#a0a1a1 url(../img/videoThumb_bg.png) repeat-x;
	width:100%;
	}

.videos a img {
	float:left;
	display:block;
	margin:0 5px 0 3px;
	border:1px solid #fff;
}

.videos a h3 {
	display:inline;
	font-weight:bold
}

.videos a:hover {color:#eee}
.videos a.selected {color:#fff; background:#4b4b4b}

.videos ul, .videos li{float:left;width:100%;}

.videos li{border-bottom:1px solid #bbb;}

a .video-active {display:none}

a.selected .video-active {
	position:absolute;
	display:block;
	top:4px;
	left:3px;
	width:66px;
	height:34px;
	border:2px solid #fff
}

#home-middle {
	margin-bottom:8px;
	padding:6px;
	color:#fff;
	background:transparent url(../img/home-middle-bg.png) top left no-repeat;/*#1d7290*/
	overflow:auto;
	clear:both;
	height:163px;
	position:relative;
}

#home-middle h2, #home-bottom h2 {
	margin:0 0 6px 3px;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase
}

#home-bottom h2 {color:#bdd9e5}

#products {
	float:left;
	margin-right:5px;/*new*/
}
 sup{font-size:7px}
	
.product, #featured, #promos {
	float:left;
	width:229px;/*211px*/
	margin-right:7px;
	font-size:11px;
}

#promos {margin:0}

.product img, #featured img, #promos img {
	display:block;
	margin-bottom:7px;
	border:1px solid #71bfec
}

.product a img:hover, #featured a img:hover, #promos a img:hover {
	border-color:#fff
}

.product h3, #featured h3, #promos h3 {
	margin: 0 0 0 3px;
	font-weight:bold;
	/*text-transform:uppercase*/
}

.product h3 a, #featured h3 a, #promos h3 a {color:#fff}
.product h3 a:hover, #featured h3 a:hover, #promos h3 a:hover, .product p a:hover, #featured p a:hover, #promos p a:hover {text-decoration:underline}

.product p a, #featured p a, #promos p a {
	margin:0 0 1px 3px;
	color:#bdd9e5
}

#promos p, .product p{margin-left:3px}
	
#promos p a, .product p a {margin:0 0 1px 0}

#customer-service{
	float: left;
    overflow: hidden;
    position: relative;
    right: 0;
    width: 466px;
}

#home-faq {
	height:136px;
	border:1px solid #95bfcb;
	background-color:#bed7e0;
	overflow-y:auto;
	width:466px;/*426px*/
}

#questions {
	float:left;
	width:200px;/*180px*/
	height:100%;
	background:#5ea2b4 url(../img/questions_bg.png) bottom left repeat-x;
	font-size:11px
}

#questions ul a {
	display:block;
	height:18px;
	padding-left:8px;
	color:#000;
	line-height:18px
}

#questions ul a:hover {
	background-color:#bed7e0;
}

#questions ul a.active {
	background-color:#bed7e0;
	cursor:default
}

#questions a.more {
	float:right;
	display:inline;
	margin:8px 12px 0 0;
	color:#00539b;
	font-size:11px;
	clear:both
}

#questions a.more:hover {text-decoration:underline}

#answers {
	float:left;
	width:230px;/*227px*/
	padding:8px 0 8px 14px;
	color:#000;
	font-size:11px;
}

#answers p {line-height:1.1em;}

#answers a {color:#00539b}
#answers a:hover {text-decoration:underline}

#home-bottom {
	color:#fff;
	clear:both;
	height:174px;
	/* noticias nuevas*/
	background:#255f78 url(/img/home-bottom-bg-new.png) top left no-repeat;
	float:left;
	width:960px;
}

#banners-bottom {
	float:left;
	width:465px;/*430px*/
	padding:6px;
	margin-right:9px;/*4px*/
}
/* news */

#news {
	float:left;
	display:inline;
	width:472px;
	height:172px;
	margin:0;
	padding:0;
	border:1px solid #4b758b;
	font-size:11px;
	line-height:13px;
	color:#FFF;
}
#news div#newsHead {
	height:26px;
	background-color:#004b67;
	border-bottom:1px solid #4b758b;
	position:relative;
}
#news div#newsHead h2 {
	font-size:13px;
	font-weight:bold;
	line-height:25px;
	text-indent:12px;
	padding:0;
	margin:0;
}
#news div#newsHead a {
	position:absolute;
	top:0px;
	left:363px;
	color:#bdd9e5;
	text-decoration:none;
	display:block;
	height:26px;
	line-height:26px;
	width:95px;
	padding:0 0 0 14px;
}
#news div#newsHead a:hover {
	text-decoration:underline;
}
#news div#newsContent {
	background-image:url(/img/home-bottom-news-bg.png);
	background-repeat:no-repeat;
	background-position:0 0;
	height:145px;
	width:472px;
	float:left;
	overflow:hidden;
}
#news div#newsContent ul {
	float:left;
}
#news div#newsContent ul li {
	background-image:url(/img/news-bullet.gif);
	background-position:0 14px;
	background-repeat:no-repeat;
	padding:0 0 0 10px;
	padding:11px 0 0 0;
	line-height:14px;
	height:37px;
	overflow:hidden;
}
#news div#newsContent li#nLast {
	border:none;
}
#news div#newsContent ul li a {
	color:#FFF;
	cursor:pointer;
}
#news div#newsContent ul li a:hover {
	color:#BDD9E5;
}
#news div#newsContent ul li a big {
	font-weight:bold;
	display:block;
	padding:0 0 0 10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	height:14px;
	overflow:hidden;
}
#news div#newsContent ul li a small {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
}
#news div#newsContent ul#nFirstColumn {
	width:219px;
	padding:0 5px 0 12px;
}
#news div#newsContent ul#nSecondColumn {
	width:219px;
	padding:0 5px 0 12px;
}
/* /news */


#featured, #promos, .videos span.video-desc {float:left}

#featured {
	display:inline;
	margin:0 6px 0 1px
}

#content-detail table.empleo{
	width:auto;
}

td.send{
	text-align:right;
	}
	
.pngfix{behavior: url(/js_chile/iepngfix.htc)}

/* for sidebars when the title is wide */
.subMain,
#subMain {
	padding:10px 0 0 20px;
	width:700px;
	float:left;
}
.subMain + div.content_right,
#subMain + div.content_right {
	padding:20px 10px 0 0;
}
/* /for sidebars when the title is wide */


/*-----------------------------------------------*/
/*---ESTILOS PARA NUEVA GUIA DE CANALES----*/
/*----------------------------------------------*/
div.guia-canales{
	width:677px;
	background:url(/img/bg-guia-canales.jpg) no-repeat left bottom;
	padding-bottom:6px;
	_margin-bottom:20px;
}

div.combo-canal{
}

div.combo-canal h3{
	width:655px;
	font-family:"Trebuchet MS";
	font-size:18px;
	color:#323232;
	border:#ccc solid 1px;
	background:url(/img/bg-h3-nueva-guia-canales.jpg) no-repeat top left;
	margin-bottom:0;
	padding:3px 0 5px 20px;
	text-transform:uppercase;
	height:22px;
}

div.combo-canal sup{
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:1px;
}

div.combo-canal h3 span{
	color:#656565;
	font-family:"Trebuchet MS";
	font-size:18px;
	margin-left:6px;
	display:inline-block;
	padding-top:5px;
}

div.combo-canal-content{
	background-color:#edf4fa;
	border-left:#d9d9d9 solid 1px;
	border-right:#d9d9d9 solid 1px;
	width:675px;
	overflow:hidden;
	padding:10px 0 20px 0;
	*padding-bottom:30px;
}

div.combo-canal-content ul{
	border:none!important;
	width:100%!important;
	margin:0!important;
	overflow:hidden!important;
	padding:0 5px!important;
	_display:inline;
}


div.combo-canal-content ul li{
	width:83px;
	height:75px;
	margin:10px 5px;
	border:#d9d9d9 solid 1px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	border-radius: 3px;	
	background-color:#FFF;
	float:left;
	_position:relative;
	_overflow:hidden;
}

div.combo-canal-content ul li a{
	width:100%;
	height:100%;
	text-align:center;
	padding-top:14px;
	display:block;
	_position:relative;
	_overflow:hidden;
	color:#989898;
}

div.combo-canal-content ul li a img{
	vertical-align:middle;
	display:inline!important;		
}

div.combo-canal-content ul li a span{
	display:block;
	border-top: #989898 solid 1px;
	width:68px;
	padding-top:2px;
	margin:5px auto;
	color:#989898;
}


/*Estilos para el popup*/
div.content-pop-channel{
	width:350px;
	margin:0 auto;
}

div.pop-channels{
	padding-top:10px;
	background:url(/img/bg-info-channels.jpg) repeat-x left bottom;
	padding-bottom:10px;
	overflow:hidden;
	height:100%;
}

div.chan{
	border:#d9d9d9 solid 1px;
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	background-color:#FFF;
	float:left;
	padding-top:14px;
	text-align:center;
	width:83px;
	height:75px;
}

div.channel-number{
	width:68px;
	margin:5px auto;
	border-top:#999 solid 1px;
	padding-top:5px;
}

div.channel-number ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

div.channel-number ul li{
	text-align:center;
	color:#999;
}

div.channel-info{
	width:243px;
	float:left;
	margin-left:16px;
	padding-top:8px;
}

div.channel-info h2{
	font-family:"Trebuchet MS";
	font-size:14px;
	margin-bottom:4px;
	font-weight:bold;
}

div.channel-info p{
	color:#333;
	font-size:11px;
	line-height:18px;
	padding-bottom:10px;
}

div.channel-info a, div.channel-planes a{
	float:right;
	font-weight:bold;
	color:#00abe3;
}

div.channel-info a:hover, div.channel-planes a:hover{
	text-decoration:underline;
}

div.channel-planes{
	padding-top:5px;
	padding-bottom:10px;
}

div.channel-planes h3{
	font-weight:bold;
	font-size:11px;
	color:#666;
}

div.channel-planes table tr td{
	width:101px;
	text-align:center;
	padding:5px 4px;
}

div.channel-planes table tr td a{
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	display:block;
	width:100%;
	text-transform:uppercase;
}

div.channel-planes table tr td a:hover{
	color:#f7f6f6;
	text-decoration:none;
}

div.channel-planes table{
	width:315px;
	margin:10px auto;
}

div.channel-planes table tr td.oro{
	background-color:#e54322;
}

div.channel-planes table tr td.plata{
	background-color:#5b7aa6;
}

div.channel-planes table tr td.bronce{
	background-color:#ffb31a;
}

div.channel-planes table tr td.metal{
	background-color:#00a6b1;
}

div.channel-planes table tr td.cobre{
	background-color:#39a6ff;
}

div.channel-planes table tr td.otro{
	background-color:#1d81b2;
}

/*Comienza Codigo de etica DIRECTV*/ 

div#pHeader-etica {
background-color: #FFFFFF;
color: #242424;
font-family: Arial,Helvetica,sans-serif;
line-height: 15px;
margin: 0 auto;
width: 980px;
overflow: hidden;
}
div#pHeader-etica div#eticaHead {
	background: url("/img/etica/bg_header.png") no-repeat scroll center top transparent;
	color: #FFFFFF;
	height: 118px;
	padding: 0 0 0 15px;
	position: relative;
	width: 965px;
}

div#pHeader-etica div#eticaHead h1 {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
    line-height: 120px;
}

.etica div#pHeader-etica div#eticatiContent {
    padding-top: 22px;
}

div#pHeader-etica div#eticatiContent {
    overflow: hidden;
    padding: 36px 0 40px 20px;
    width: 670px;
}
.etica div#container div#content p {
    font-family: Arial;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 10px;
}
.etica div#container div#content h2{
 	color: #00ABE3;
    font-weight: bold;
	font-size: 16px;
	margin:0 30px 0 30px;
	}
.etica div#container div#content h3{
 	color: #00ABE3;
	font-size: 12px;
}
.etica div#container div#content a{
 	color: #00ABE3;
    font-weight: bold;
    text-decoration: none;
	font-size:12px;
}
.etica div#container div#content a:hover{
	text-decoration:underline;
}
.etica .btn {
    background: url("/img/etica/btn_etica.png") repeat scroll 0 0 transparent;
    height: 20px;
    width: 135px;
	margin-top: 35px;
}
.etica .btn a {
    color: #FFFFFF !important;
    margin-left: 13px;
}
.etica .titulo {
	background: url("/img/etica/line.png") no-repeat scroll 0 30px transparent;
    font-family: Trebuchet MS !important; 
    font-size: 19px !important;
    font-weight: bold;
    height: 32px;
	margin-top:25px;
}
.content-left-etica {
width: 710px;
float: left;
margin-left: 15px;
}
#pHeader-etica {
	padding-bottom:10px;
}
#pHeader-etica .content_right {
	margin:28px 15px 0 0;
	float:right;
}
/*Finaliza Codigo de etica DIRECTV*/