@charset "UTF-8";



/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

img:focus, a:focus{ outline: none; border: none;}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

body {
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	background: #020610;
	margin: 0;
	padding: 0;
	color: #fff;
}

body#pre {background: url(../img/bg.jpg) top center no-repeat #000;}
body#reg {background: url(../img/bg2.jpg) fixed top center no-repeat #000;}
body#home {background: url(../img/bgpri.jpg) 50% 0% no-repeat #000000;}
body#parrilla {background: url(../img/bgparrilla.jpg) 50% 0% no-repeat #000000;}
body#portal {background: url(../img/bgportal.jpg) 50% 0% no-repeat #000000;}
body#exclusivo {background: url(../img/bgexclusivo.jpg) 50% 0% no-repeat #000000;}

/*@font-face {
	font-family: 'TradeGothicRoman';
	src: url('../fonts/tradegothic.eot');
	src: url('../fonts/tradegothic.eot') format('embedded-opentype'),
		 url('../fonts/tradegothic.woff') format('woff'),
		 url('../fonts/tradegothic.ttf') format('truetype'),
		 url('../fonts/tradegothic.svg#TradeGothicRoman') format('svg');
}
@font-face {
	font-family: 'TradeGothicBold';
	src: url('../fonts/tradegothic-bold.eot');
	src: url('../fonts/tradegothic-bold.eot') format('embedded-opentype'),
		 url('../fonts/tradegothic-bold.woff') format('woff'),
		 url('../fonts/tradegothic-bold.ttf') format('truetype'),
		 url('../fonts/tradegothic-bold.svg#TradeGothicBold') format('svg');
}
@font-face {
	font-family: 'TradeGothicNo.20CondensedBold';
	src: url('../fonts/tradegotbolcontwe.eot');
	src: url('../fonts/tradegotbolcontwe.eot') format('embedded-opentype'),
		 url('../fonts/tradegotbolcontwe.woff') format('woff'),
		 url('../fonts/tradegotbolcontwe.ttf') format('truetype'),
		 url('../fonts/tradegotbolcontwe.svg#TradeGothicNo.20CondensedBold') format('svg');
}*/
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
}

p{
	margin-top: 0;
	font-size:80%;
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #FFBE00;
	text-decoration: none;
}
a:visited {
	color: #FFBE00;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
	color: #FFFFFF;
}








/* ~~ This fixed width container surrounds all other blocks ~~ */
.container {
	max-width: 1060px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}
/* ~~ The header is not given a width. It will extend the full width of your layout. ~~ */
header {
	padding: 42px 0px 33px 0px;
	min-height: 52px;
}
#parrilla header, #portal header {
	padding: 12px 0px 33px 0px;
}
header .logo-soho {
	float:left;
}
header .logo-directv {
	float: right;
	margin-top: 12px;
}
header .logo-ds {
	float: right;
	width: 20%;
}
header .tit60 {
	margin-top:30px;
	float: right;
	width: 60%;
}
header .tit80 {
	margin-top:60px;
	float: right;
	width: 80%;
}
header .tit80 .flag img{
	width: 60%;
}
.sidebar1 {
	float: left;
	width: 38.4%;
	padding-right: 4.2%;
	padding-bottom: 10px;
}


.content {
	float: left;
	width:57.3%;
	padding: 0 0 20px 0;
}

.content-center {
	float: left;
	width:100%;
	padding: 0 0 0 0;
	position:relative;
}

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
	padding: 0px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}





/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, article, figure {
	display: block;
}
h1{
	font-size: 40px;
	color:#ffffff;
	padding: 0px;
	text-align:center;
	font-weight: 700;
	font-style:italic;
	line-height: 42px;
}
h2{
	font-size: 41px;
	color:#3DB1F9;
	line-height: 40px;
	padding: 5px 5px 15px 5px;
	text-align:center;
	font-weight: normal;
}
h3{
	font-size: 22px;
	color: #ffffff;
	font-weight: 300;
	font-style: italic;
	letter-spacing: 2px;
	line-height: 28px;
}
h4{
	margin-bottom: 15px;
	font-size: 15px;
	font-weight: 400;
}

h4 a{
	text-decoration:underline !important;
}
h5{
	
	margin-bottom: 15px;
	font-size: 13px;
	font-weight: 700;
}

h6{
	font-size: 16px;
	
	text-align:right;
	padding: 5px;
	background:#263A5D;
	color: #fff;
	font-weight: 300;
	display:inline-block;
}

.abs{
	display:none;
	position: absolute;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	background: url(../img/head-bg.png) top center no-repeat;
	color: #B2FAFF;
	z-index:500;
}
.abl{
	position: absolute;
	text-align: center;
	background: url(../img/diag.png) top left no-repeat;
	color: #B2FAFF;
	padding: 32px 20px;
	z-index:500;
}
.abl a img:hover, .abs a img:hover{
	opacity: 0.7;
	filter:alpha(opacity=70);
}
.abl h1{
	font-size: 22px;
	line-height: 25px;
}
.box{
	background: #03070F;
	border: 1px solid #FDBD2B;
	text-align:center;
	padding: 12px 30px;
	margin-bottom: 40px;
}

.box .l1{
	font-size: 23px;
	color:#FDBD2C;
	font-weight:bold;
	
}

.box .l2{
	font-size: 22px;
	color:#FFF;
	font-weight: normal;
}

.box .l3{
	font-size: 21px;
	color:#FDBD2C;
	font-weight: normal;
}
.video{
	margin-top: 8px;
	margin-bottom: 25px;
}
.nota{
	font-size: 18px;
	margin-bottom: 0px;
}
.nota span { color:#3DB1FA}





fieldset{ margin-bottom: 5px;}

.forma{
	padding: 20px 20px;
	margin-top:0px;
	margin-bottom: 30px;
	background: url(../img/form.png) 50% 50% no-repeat;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	
}

a.tyc{
	text-decoration:underline !important;
}
.volver a img{opacity:0.7;filter:alpha(opacity=70);}
.volver a img:hover{opacity:1;filter:alpha(opacity=100);}
.volver a img:focus{opacity:1;filter:alpha(opacity=100);}

input.boton{
	border: none;
	cursor:pointer;
	border: 1px solid #FDBD2B;
	background: #000;
	color:#FDBD2B;
	text-transform: uppercase;
	font-size: 105%;
	padding: 5px 15px;
	font-weight: normal;
	margin-top:10px;
}
input.boton:hover, input.boton:focus{
	background: #FDBD2B;
	color:#000;
}
fieldset.mid label{
	float:left;
	width: 50%;
	font-size: 14px;
	color:#999;
}
input.campo{
	border: none;
	color:#000;
	font-size: 80%;
	width: 85%;
	margin-right: 5%;
	padding: 7px 15px;
	font-weight: normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 7px;
}
.sidebar1 .logo{
	margin: 0 auto 25px auto;
}
.sidebar1 .logo img{
	width: 72%;
}
.volver { margin-top: 15px;}

.reg a img{opacity:0.8;filter:alpha(opacity=80);}
.reg a img:hover{opacity:1;filter:alpha(opacity=100);}
.reg a img:focus{opacity:1;filter:alpha(opacity=100);}

.grid ul{ list-style:none}
.grid ul li{ float:left; border: 5px solid #000; margin-right: 11px; height:97px; background:#000; margin-bottom:10px;}
.grid ul li img{opacity:0.7;filter:alpha(opacity=70); width: 128px;}
.grid ul li img:hover{opacity:1;filter:alpha(opacity=100);}

.minigrid ul{ list-style:none}
.minigrid ul li{ float:left; border: 5px solid #000; margin-right: 11px; height:97px; background:#000; margin-bottom:10px;}
.minigrid ul li img{opacity:0.7;filter:alpha(opacity=70); width: 111px;}
.minigrid ul li img:hover{opacity:1;filter:alpha(opacity=100);}


.maxigrid a:link, .maxigrid a:visited{ 
	border: 5px solid #000;
	color: #fff;
	padding: 120px 10px 10px 10px;
	margin: 8px 3px;
	width: 225px;
	height: 35px;
	display: inline-block;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	font-weight: 300;
	font-style:italic;
}

.maxigrid a:hover,.maxigrid a:focus{ 
	border: 5px solid #fff;
}
.maxigrid a span{
	display:block;
	
}
#exclusivo h2 { color:#FFF; font-size: 130%; }
.chicas-home{ min-height: 463px; margin-top:10px; background: url(../img/chicas-home.png) bottom center no-repeat}
.chicas-home img{ padding-top: 50px; padding-bottom: 0px; width:50%;}


.sf-menu a span{display: inline-block;margin: 0px 0px -7px 5px;}

/* ~~ The footer ~~ */
footer {
	padding: 0;
	
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}
footer .bar1{ background: url(../img/footer.jpg) repeat-x; height:10px; display:block; margin-bottom:5px;}
footer .bar2{ background: url(../img/footer.jpg) repeat-x; height:10px; display:block; margin-top:5px;}

.ccen{ 
	
	margin: 0 auto 10px auto;
}
.cizq{
	
}

.ccenmov{ 
	width: 58%;
	margin: 0 auto;
}
.col2, .col3{
	width: 28%;
	padding: 0 1%;
	float:left;
}
.col1{
	width: 34%;
	padding: 0 1%;
	float:left;
}
.col1 img{ width: 100%;}
.col2{ padding-top: 180px;}
.col3{ padding-top: 120px;}
.col2 h3{
	text-align:center;
}
.col4{
	width: 42%;
	padding: 0 1%;
	float:left;
}
.col5{
	width: 48%;
	padding: 15px 4%;
	float:left;
}
.col5{ margin-top: 100px; background: url(../img/form.png) 50% 50% no-repeat;}
.col5 h1{ text-align:left;}

.volver{ position:absolute;}
.clic{
	text-align:center;
	padding-bottom: 20px;
	margin-bottom:10px;
	background: url(../img/bt-down.png) bottom center no-repeat;
}



#apDiv1 {
	position: absolute;
	width: 1060px;
	height: 540px;
	z-index: 500;
}
.glidecontentwrapper{
	position: relative;
	width: 1060px;
	height: 540px;
	overflow: hidden;
}
.glidecontent{ 
	position: absolute;
	background: #000;
	padding: 0px;
	visibility: hidden;
	width: 1060px;
}
.glidecontenttoggler{ 
	
	margin-top: 0px;
	text-align: left; 
}

.glidecontenttoggler a{ 
	border: 1px solid #6A6A6D;
	color: #fff;
	padding: 90px 10px 10px 10px;
	margin-bottom: 16px;
	width: 186px;
	height: 20px;
	display: inline-block;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	font-weight: 300;
	font-style:italic;
}

.glidecontenttoggler a.selected{ 
	border: 1px solid  #fff;
}

.glidecontenttoggler a:hover{
	border: 1px solid #FF0;
}

.glidecontenttoggler a.toc1{ }
.glidecontenttoggler a.toc2{ }
.glidecontenttoggler a.toc3{ }
.glidecontenttoggler a.toc4{}
.glidecontenttoggler a.toc5{}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
	color: white;
}

.partidospasados{ right:0; top:270px;position:absolute;width:212px;}
.partidospasados .continuos{ padding: 5px 5px 1px 5px; border:1px solid #263A5D; margin-bottom:5px;}

a.linko:link, a.linko:visited{
	display:block;
	margin-bottom:5px;
	border-top: 1px solid transparent;
}
a.linko img{
	width: 100%;
}
a.linko:hover{ border-top: 1px solid #fff;}

.linko1{}
.linko2{}

.a1{ background:url(../img/a1.gif) no-repeat;}
.a2{ background:url(../img/a2.gif) no-repeat;}
.a3{ background:url(../img/a3.gif) no-repeat;}
.a4{ background:url(../img/a4.gif) no-repeat;}
.a5{ background:url(../img/a5.gif) no-repeat;}

.b1{ background:url(../img/b1.gif) no-repeat;}
.b2{ background:url(../img/b2.gif) no-repeat;}
.b3{ background:url(../img/b3.gif) no-repeat;}
.b4{ background:url(../img/b4.gif) no-repeat;}
.b5{ background:url(../img/b5.gif) no-repeat;}

.c1{ background:url(../img/c1.gif) no-repeat;}
.c2{ background:url(../img/c2.gif) no-repeat;}
.c3{ background:url(../img/c3.gif) no-repeat;}
.c4{ background:url(../img/c4.gif) no-repeat;}
.c5{ background:url(../img/c5.gif) no-repeat;}

.contentsign{
	max-width: 640px;
	margin: 40px auto;
}
a.signal:link, a.signal:visited{
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-size: 140%;
	width:190px;
	height:76px;
	padding: 159px 55px 24px 55px;
	margin: 10px;
	float:left;
	color:#000;
	background-image: url(../img/signal.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align:center;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
a.signal:hover, a.signal:focus{
	background-position: -300px 0px;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

.barras{ margin-top:10px;}

.bar-main-container {
	margin: 1px 0px;
	width: 300px;
	height: 24px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 0.8em;
	color: #999;
	font-family: 'Oswald', sans-serif;
}

.wrap { padding: 0px 8px; }

.bar-text {
	float: left;
	width: 33%;
	margin: 4px 0px;
	height: 16px;
	overflow: hidden;
}

.bar-percentage {
	float: left;
	background: rgba(0,0,0,0.13);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 4px 0px;
	width: 13%;
	height: 16px;
	text-align: right;
}

.bar-container {
	float: right;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height: 10px;
	background: rgba(0,0,0,0.3);
	width: 50%;
	margin: 7px 0px;
	overflow: hidden;
}

.bar {
	float: left;
	background: #FFF;
	height: 100%;
	-webkit-border-radius: 10px 0px 0px 10px;
	-moz-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

/* COLORS
	.azure   { background: #38B1CC; }
	.emerald { background: #2CB299; }
	.violet  { background: #8E5D9F; }
	.yellow  { background: #EFC32F; }
	.red     { background: #E44C41; } */


@media screen and (max-width: 1200px) {
	.abs{ display:block;}
	.abl{ display: none;}
	.container {padding: 10px 0%;}
	h3 { font-size:100%;}
}
@media screen and (max-width: 960px) {
	
	.chicas-home img{width:60%; padding-bottom:30px;}
	.sf-menu a span{display: block; margin: 0 auto;}
	footer .bar1, footer .bar2{ display:none}
	.ccenmov{width: 100%;}
	header .tit60, header .tit80 {margin-top: 80px;}
	.partidospasados{ right: inherit; top: inherit;position: relative;width:100%; clear:both}
	.col1{ width:48%;}
	.col2{ width:48%;padding: 20px 0; margin-top: 150px;background: url(../img/form.png) 50% 50% no-repeat;}
	.col3{ display:none;}
	h1 {font-size: 120%;}
}
@media screen and (max-width: 733px) {
	.chicas-home img{width:70%;}
	header .logo-ds {float: none; width:40%; margin:0 auto;}
	header .tit60, header .tit80  {float: none; width: 100%;margin-top: 10px;}
	#parrilla header, #portal header {padding: 10px 0px 10px 0px;}
	
}
@media screen and (max-width: 590px) {
	.sidebar1 {float: none; width: 80%; padding-right: 10%; padding-left:10%;}
	.content {float: none; width:80%; padding-right: 10%; padding-left:10%;}
	iframe#losh{ height:600px;}
	.chicas-home img{width:80%;}
	.sf-menu a span{display: inline-block;margin: 0px 0px -7px 5px;}
	
	header .logo-ds {float: none; width:50%; margin:0 auto;}
	header .tit60, header .tit80  {float: none; width: 100%;margin-top: 10px;}
	header .tit80 .flag img{width: 100%;}
	#sequence {height: 750px;}
	.col1{ float:none; width:100%;}
	.col1 img {width: 50%;}
	.contentsign{max-width: 320px;margin: 10px auto;}
	.col2{ float:none; width:100%;margin-top: 10px;}	
	.col4{ float:none; width:100%;}
	.col4 img {width: 28%;}
	.col5{ float:none; width:100%;margin-top: 10px;}
}
@media screen and (max-width: 450px) {
	
	
	header .logo-soho {float: none;}
	header .logo-directv {float: none;}
	
	.chicas-home img{width:90%;}
}
@media screen and (max-width: 320px) {
	
}