@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1000px) {
	section.internal-menu ul li.nav-one,
	section.internal-menu ul li.nav-two,
	section.internal-menu ul li.nav-three
		{width: 25%;} 
	section.internal-menu article {
	    width: 100%;
	    /* left: 9%; */
   	}
	article {overflow: hidden; width: 96%;}
	section aside {
		width: 96%;
		padding:0 2% 20px 2%;
	}

	div.col2{
		left:0;
		top: 0;
	}

	div#fans section.fans1 article {
	    position: relative;
	    width: 96%;
	    margin: 0 auto;
	    overflow: hidden;
	    padding-bottom: 0;
	}

	div#fans section.fans1 article img {
	    width: 45%;
	    margin-top: 160px;
	    padding-left: 0;
	    /* margin: 0 auto; */
	}

	article.First-article {
	    padding: 0 0 50px 2%;
	}	

	article.Detalle {
	    padding-bottom: 0!important;
	}
	body div#fans section.fans1 article .Three {
		width: 32%;
    	margin-left: 2%;
	}

}

/*@media screen and (max-width: 768px){
	section.internal-menu article {
	    width: 100%;
	    left: 5%;
	}
	section.internal-menu ul li.nav-four {
	    width: 30%;
	}
	section.internal-menu ul li.nav-one, section.internal-menu ul li.nav-two, section.internal-menu ul li.nav-three {
	    width: 20%;

}*/

@media screen and (min-width: 600px) and (max-width: 880px){
	section.internal-menu {
	    margin: 0 0 50px;
	}
	section.internal-menu ul li a {
	    font: 16px'fontDinMed';
	}
	section.internal-menu ul li.nav-one{
		width: 25%;
	}
	section.internal-menu ul li.nav-two{
		width: 25%;
	}
	section.internal-menu ul li.nav-four{
	   width: 25%;
	}
	article.Contenido {
	    padding-bottom: 48px;
	}
	section h2 {
	    font: 32px/36px 'fontDinReg';
	    padding: 0 0 14px 5px;
	}
	#contenedorAcordeon {
	    margin: 22px 0 40px;
	}
	div#fans section.fans1 h2 {
	    padding-bottom: 24px;
	    font: 32px/36px 'fontDinReg';
    }
    div#fans section.fans1 h3 {
        font-size: 20px;
        padding-bottom: 16px;
    }
    div#fans section.fans1 p {
        font: 14px/22px 'fontDinReg';
    }    
    div#fans section.fans1 a {
        font: bolder 14px/22px 'fontDinReg';
    }
    div#fans section.fans1 p a span {
        font-size: 19px;
        font-weight: bold;
    }
    div#fans section.fans1 h3.sub-title2 {
        padding-top: 44px;
    }
	div#fans section.fans1 article img {
	    width: 75%;
	    margin: 0 auto;
	}
	div.col1{
		margin-top: 42px;
	}
	a.block-media h4 {
	    font: bold 14px/24px 'fontDinReg';
	}
	.Block-img-txt.First {
	    width: 100%;
	    margin-top: 0;
	}
	.Block-img-txt {
	    width: 100%;
	    margin: 25px 0 10px;
	}
	.Block-img-txt span {
	  width: 53%;
	}
	.Block-img-txt span a {
	    font-size: 14px;
	}
	.Block-img-txt span p {
	    margin-bottom: 18px;
	    font-size: 14px;
	}
	.Block-img-txt span h3 {
	    padding: 16px 0 ;
	    font: 20px/24px 'fontDinMed';
	}	
	.Block-img-txt img {
	    width: 38%;
	    margin-top: 22px;
	}
	div#Ganadores a.BlueLink {
		font-size: 14px;
	}
	section.ingresar h4 {
	    font: 20px/18px 'fontDinMed';
	    padding-bottom: 20px;
	}
	body .Ganadores h4 {
	    font: 16px/22px 'fontDinReg';
	}
	.Ganadores .ColUnique p {
	    font: 14px/26px 'fontDinReg';
	}	
	.Ganadores .ColUnique a {
		font: bold 14px 'fontDinReg';	
	}
}

@media  screen and  (min-width: 320px) and (max-width: 600px){
	article {
	    width: 90%;
	    /* margin: 0; */
	    overflow: hidden;
	}

	body div#fans section.fans1 article .Three {
		width: 100%;
    	margin-left: 0%;
	}
	body div#fans section.fans1 article.carrusel img {
    	margin-bottom: 16px;
    	padding-top: 20px;
	}

	article.Contenido {
	    padding-bottom: 40px;
	}
	article.CTA {
	    width: 79%;
	}
	article.Article-especial {
	    width: 100%;
	    height: 2400px;
	}
	figure {
	    background: url('/beneficios/fans/img/Header-DIRECTV-Fans-Res-2.jpg') no-repeat scroll center top #0B1121;
	    overflow: hidden;
	}
	a.block-media h4 {
	    font: bold 14px/24px 'fontDinReg';
	}
	.Block-img-txt a.btn.orange {
	    text-align: center;
	    display: block;
	}
	.Block-img-txt {
	    margin: 25px 0 0;
	}
	.Block-img-txt span a {
	    font-size: 14px;
	}
	.Block-img-txt span p {
	    font: 14px/22px 'fontDinReg';
	}
	.Block-img-txt span h3 {
	    padding: 25px 0 16px;
	    font: 18px/24px'fontDinMed';
	}	
	.Block-img-txt span >* {
	    /* padding-left: 0; */
	}
	.Block-img-txt img {
	    width: 100%;
	    margin: 0;
	}
	.Block-img-txt span{
	    width: 100%;
	}
	#contenedorAcordeon {
	    margin: 18px 0 40px;
	}
	section.internal-menu {
	    margin: 0 0 40px;
	}
	section.internal-menu ul li.nav-one, section.internal-menu ul li.nav-two, section.internal-menu ul li.nav-three {
	    /* width: 23%; */
	}
	section.internal-menu ul li a {
		font: 12px'fontDinMed';
	}
	section.internal-menu article {
	    width: 93%;
	}
	section p.centerTXT {
	    font-size: 14px;
	}
	section h2 {
	    font: 28px/32px 'fontDinReg';
	}
	section.ingresar h4 {
	    font: 18px/16px 'fontDinMed';
	    padding-bottom: 20px;
	}
	div#fans section.fans1 h2 {
	    padding-bottom: 26px;
	    font: 28px/32px'fontDinReg';
	}
	div#fans section.fans1 h3 {
	    font-size: 20px;
	    padding-bottom: 14px;
	}
	div#fans section.fans1 p {
	    font: 14px/22px 'fontDinReg';
	}
	div#fans section.fans1 h3.sub-title2 {
	    padding-top: 36px;
	} 
	div#fans section.fans1 a {
	    font: bolder 14px/22px 'fontDinReg';
	}
	div#fans section.fans1 p a span {
	    font-size: 19px;
	    font-weight: bold;
	}
	div.col1 {
	    margin-top: 36px;
	}
	div.col2 {
	    position: relative;
	    /* top: 50px; */
	}
	div#fans section.fans1 article{
		width: 90%;
	}
	div#fans section.fans1 article img {
	    width: 96%;
	    margin: 0 auto;
	    padding-top: 40px;
	}
	.Ganadores .ColTop:first-child {
	    font: bold 14px/38px 'fontDinReg';
	}
	.Ganadores .ColOne p, .Ganadores .ColTwo p {
		color: #666;
		font: 12px/22px 'fontDinReg';
		padding: 0px 14px 0;
		text-align: left;
		width: 90%;
	}
	.Ganadores .ColOne, .Ganadores .ColTwo {
		width: 100%;
	}
	.No-Res{
		display: none !important;
	}
	.White{
		background: #fff !important;		
	}	
	.Gray{
		background-color: #ececec;		
	}
	.Ganadores .Description p {
	    font: 12px/22px 'fontDinReg';
	    padding: 5px 10px 5px 16px;
	}
	.Ganadores .ColUnique {
		width: 85%;
		/* display: block; */
		margin-top: 10px;
		padding: 0 12px;
		/* height: 30px; */
	}	
	.Ganadores .ColUnique p {
		color: #666;
		font: 12px/22px 'fontDinReg';
		text-align: center;
	}
	.Ganadores .ColUnique a {
		color: #00abe3;
		font: bold 12px 'fontDinReg';
		text-decoration: none;
	}
	.Ganadores .ColUnique p.name, .Ganadores .ColOne p.name, .Ganadores .ColTwo p.name {
		color: #666;
		font: bold 12px/22px 'fontDinReg';
		text-align: left;
	}
	.Ganadores h4.Head:hover {
    	background: none repeat scroll 0 0 #f9f9f9;
	    color: #00abe3;
	}
	.Ganadores h4 abbr{
		font-size: 20px;
	}
	body .Ganadores h4 {
		font: bold 12px/22px 'fontDinReg';
		/* text-align: left; */
		height: 32px;
		padding: 16px 0 3px 9px;
	}
	.Ganadores .ColOne, .Ganadores .ColTwo, .Ganadores .ColTop {
		margin: 0 0 25px;
		height: 24px;
	}
	/*.Ganadores h4.Head:hover{background: none repeat scroll 0 0 #f9f9f9;}
	.Ganadores h4:hover{color:#00abe3;}*/

	div#Ganadores a.BlueLink{
		font-size: 12px;
	}
	div#Ganadores a.BlueLink span {
	    font-size: 18px;
	}
	.Table-style tr {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.Table-style th {
		display: none;
	}
	.Table-style td {
		font: 12px/22px 'fontDinReg';
    	padding: 0px 14px 0;
	}
	.Table-style td:nth-child(1) {
		font-weight: bold;
	}


}