﻿
@media only screen and (max-width: 40em) {
	
	.feed{
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	
	img.arrowImg{
		text-align: right;
		width: 7.5px;
	}	
	
	/* .cdsFooterContactPanel  */
	.cdsFooterContactPanel{ 
		margin:1.5em auto !important;
		border:none !important;
		border-radius:0;
		text-align:center;
		background-color:#1c7ddc !important;
		color:#fff !important;
		padding: 0 !important;
	}

	.cdsFooterContactPanel a{
		display:block;
		padding:1em 2em;
		color:#fff;
	}
	.cdsFooterContactPanel a:hover, .cdsFooterContactPanel a:focus{
		text-decoration:none;
		background-color: #007095;
	}
	
	.cdsNavBack:hover, .cdsNavBack:focus{
	   background-image:none !important;
	   background-color:#1966b3;
	}
	.cdsNavSearch:hover, .cdsNavSearch:focus{
		background-image:none;
	   background-color:#1966b3;
	}
	
	
	.cdsStep .stepNumber{
		padding-top: 20px;
	}
	
	
	/* 1 - LANDING PAGE */
	/* ===============================================================================================================*/

	
	/* .cdsMainTopic  */
	a.cdsMainTopic {
		background: none repeat scroll 0 0 #fff;
		border-bottom: 1px solid #eee;
		border-radius: 0;
		box-shadow: none;
		font-weight: normal;
		position: relative;
	
	}
	a.cdsMainTopic .cdsPanel {
		margin-bottom: 0;
		padding: 0.1em 1.25em;
	}
	a.cdsMainTopic .cdsMainTopic h5 {
		font-weight: normal;
		margin-top: 1.5em;
		font-size: 1em;
	}
	
	
	.cdsMainTopic .hdTopic {
		padding-left: 0.5em;
		line-height: 40px;
	}
	
	a.cdsMainTopic .cdsPanel {
		border-radius: 6px;
		border-width: 0;
		margin-bottom: 0;
		padding: 0.5em 1em;
	}
	
	a.cdsPopularTopic .cdsPanel {
		border-radius: 6px;
		border-width: 0;
		margin-bottom: 0;
		padding: 0.5em 1em 0.5em 0;
	}
	
	a.cdsMainTopic h2 {
		color: #555;
		display: inline-block;
		font-size: 1.2em;
		font-weight: normal;
		line-height: 1.5em;
		margin:0;
		vertical-align:middle;
	}
	
	
	i.cdsIcon{
		background: url("../img/ios_landing_icon_sprite.png") repeat scroll rgba(0, 0, 0, 0);
		display:block;
	}
	
	
	i.cdsMainFacturacion {
		background-position: 0 0;
   		background-size: 30px auto;
		height: 30px;
	    width: 30px;
	}
	
	i.cdsMainProgramacion{
		background-position:0 -53px;
   		background-size: 30px auto;
		height: 30px;
	    width: 30px;
	}
	i.cdsMainTecnologia{
		background-position:0 -106px;
   		background-size: 30px auto;
		height: 30px;
	    width: 30px;
	}
	i.cdsMainAsostemcia{
		background-position:0 -159px;
   		background-size: 30px auto;
		height: 30px;
	    width: 30px;
	}
	i.cdsMainSobreDirectv{
		background-position: 0 -210px;
		background-size: 30px auto;
		height: 33px;
		width: 30px;
	}
	
	i.cdsMainInternet{
		background: url(../img/icono-internet.png); 
		background-size: 30px auto;
		height: 33px;
		width: 30px;
	}
	
	.cdsMainTopics{ padding-left:0; padding-right:0;}
	
	a.cdsMainTopic div.arrowDiv {
		height: 40px;
		line-height: 40px;
		text-align: right;
	}
	
	/*
	i.cdsMainArrow{
		background-position: 0 16px;
		height: 29px;
		margin-top: 1.5em;
		width: 30px;
	}
	*/
	
	i.cdsMainArrow {
		background: url("../img/ios_mini_arrow.png") repeat scroll rgba(0, 0, 0, 0);
		background-position: 0 0;
		height: 24px;
		margin-top: 1.2em;
		width: 15px;
	}
	
	
	
	/* .cdsPopularTopic  */
	
	.cdsPopularTopics {

	}
	
	h2.cdsHeaderPopulares{
		background-color:#f0f0f0;
		margin-top:0;
		margin-bottom:0;
	}
		
	a.cdsPopularTopic:hover h5 {
		color: #0099cc;
	}
	

	.cdsPopularTopic .hdTopic {
		padding-left: 0;
		line-height: 60px;
	}
	
	
	a.cdsPopularTopic .arrowDiv {
		height: 60px;
		line-height: 60px;
		text-align: right;
	}
	
	a.cdsPopularTopic {
		background: none repeat scroll 0 0 #fff;
		border-bottom: 1px solid #eee;
		border-radius: 0;
		box-shadow: none;
		font-weight: normal;
		padding-left:1em;
		position: relative;
		margin:0;
		line-height:120px;
	}
	
	a.cdsPopularTopic h5 {
		color: #555;
		display: inline-block;
		font-size: 1em;
		font-weight: normal;
		margin-left: 0;
		margin-bottom:0;
		line-height:1.2em;
		vertical-align: middle;
	}
	/*
	a.cdsPopularTopic .cdsMainTopic h5 {
		font-weight: normal;
		margin-top: 1.5em;
		font-size: 1em;
	}
	*/
	a.cdsPopularTopic .small-2{
		/*
		margin-top: 0.75em;
		margin-right: 1em;
		*/
	}
	
	
	.cdsPopularTopic:hover {
		
		
		/* fallback */
	  background-color: #f0f0f0 !important;
	  background-repeat: repeat-x;
	
	  /* Safari 4-5, Chrome 1-9 */
	  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f0f0f0), to(#f4f4f4)) !important;
	
	  /* Safari 5.1, Chrome 10+ */
	  background: -webkit-linear-gradient(top, #f0f0f0, #f4f4f4) !important;
	
	  /* Firefox 3.6+ */
	  background: -moz-linear-gradient(top, #f0f0f0, #f4f4f4) !important;
	
	  /* IE 10 */
	  background: -ms-linear-gradient(top, #f0f0f0, #f4f4f4) !important;
	
	  /* Opera 11.10+ */
	  background: -o-linear-gradient(top, #f0f0f0, #f4f4f4) !important;

	color: #666;
	text-decoration: none;
		
	  
	}
	
	
	
	/* 2 - TOPICS PAGE */
	/* ===============================================================================================================*/
	a.cdsTopic h5 {
		color: #555;
		font-size: 1em;
		font-weight: normal;
		margin-left: 0;
		line-height: 1.2em;
		display:inline-block;
	}
	
	a.cdsTopic i.cdsMainArrow{
		margin-top: 0;
		width:15px;
		height:25px;
		background-position: 0 0;
	}
	
	a.cdsTopic div.arrowDiv {
		height: 40px;
		line-height: 40px;
		text-align: right;
	}
	.cdsTopics{
		padding-left: 0;
		padding-right: 0;
	}	
	.cdsTopics .hdTopic{
		height: 40px;
		line-height: 40px;
		padding-left: 0.5em;
	}
	
	
	a.cdsTopic .cdsPanel {
		border-radius: 6px;
		border-width: 0;
		margin-bottom: 0;
		padding: 0.5em 1em;
	}
	
	
	a.cdsTopic i.cdsTopicIcon {
		background: url("../img/ios_info_icon_sprite.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
		background-size: 25px auto;
		display: block;
		width: 25px;
		margin: 0.2em 0 0;
	}
	
	/*
	a.cdsTopic i.cdsTopicIcon {
		background: url("../img/ios_info_icon_sprite.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
		background-position:28px auto;
		display: block;
		height: 36px;
		margin: 0 0.5em;
		width: 28px;
	}
	*/
	

	
	
	/* 3 - SUBTOPICS PAGE */
	/* ===============================================================================================================*/
	
	i.cdsSubTopicsIcon {
		float:none;
	}
	
	.cdsSubTopic i.cdsMainArrow {
		margin-top: 0;
		width:15px;
		height:25px;
		background-position: 0 0;
	}
	
	.cdsSubTopics {
		padding-left:0;
		padding-right:0;
	}
	a.cdsSubTopic {
		background: none repeat scroll 0 0 #fff;
		border-bottom: 1px solid #eee;
		border-radius: 0;
		box-shadow: none;
		font-weight: normal;
		position: relative;
		display:block;
		
	}
	
	.cdsSubTopic .hdTopic{ padding-left:0.5em;}
	
	
	.cdsSubTopic .hdTopic{
		line-height: 40px;
		padding-left: 0.5em;
	}
	
	
	a.cdsSubTopic .cdsPanel {
		border-radius: 6px;
		border-width: 0;
		margin-bottom: 0;
		padding: 0.5em 1em;
	}
	
	
	i.cdsSubTopicsIcon {
		background: url("../img/ios_info_icon_sprite.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
		background-size: 25px auto;
		display: block;
		width: 25px;
		margin: 0.2em 0 0;
	}
	
	
	
	a.cdsSubTopic:hover {
		 background-color: #f0f0f0;
		  background: url(images/linear_bg_2.png);
		  background-repeat: repeat-x;
		
		  /* Safari 4-5, Chrome 1-9 */
		  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f0f0f0), to(#f4f4f4));
		
		  /* Safari 5.1, Chrome 10+ */
		  background: -webkit-linear-gradient(top, #f0f0f0, #f4f4f4);
		
		  /* Firefox 3.6+ */
		  background: -moz-linear-gradient(top, #f0f0f0, #f4f4f4);
		
		  /* IE 10 */
		  background: -ms-linear-gradient(top, #f0f0f0, #f4f4f4);
		
		  /* Opera 11.10+ */
		  background: -o-linear-gradient(top, #f0f0f0, #f4f4f4);
			
		
		
		color: #666;
		text-decoration: none;
		
	  
	}
	
	a.cdsSubTopic:hover h5 {
		color: #0099cc;
	}
	
	
	
	
	
	/* 4 - SUBTOPICS PAGE */
	/* ===============================================================================================================*/
	.cdsArticleStep{
		margin-bottom:2em;
	}
	a.cdsSubTopic h5 {
		color: #555;
		display: inline-block;
		font-size: 1em;
		font-weight: normal;
		line-height: 1.2em;
		margin-left: 0;
		vertical-align: middle;
		margin-bottom: 0;
		margin-top: 0;
	}
	
	
	/* 5 - ARTICLE PAGE */
	/* ===============================================================================================================*/
	
	.cdsArticleIntroSection{
		padding-bottom: 2em;
	}
	
	.cdsArticleSteps h2 {
		color: #777;
		font-size: 1em;
	    text-align: left;
		line-height: 1.5em;
	    margin: 1.3em 1em;
	}
	
	.cdsArticleIntro h1{
		margin: 0 auto 0.5em;
	}
	.cdsArticleShare {
		margin-bottom:0;
		margin-top: 1em;
	}
	.cdsArticleShareLinks a.share-article {
		background-position: -79px 0;
		width: 32px;
	}
	
	.stepNumber {
		background-color: #1c7ddc;
		background-image: none;
		border-radius: 50%;
		color: #fff;
		font-size: 10px;
		height: 40px;
		padding-top: 7px;
		text-align: center;
		width: 40px;
	}
	.stepNumber span{
		display: none;
	}
	
	.descriptionStep{ 
		margin-left: 3em;
	}

	.descriptionStep p{
		min-height:inherit;
	}
	
	.cdsArticleFeedback .cdsArticleFeedbackPanel{
		padding:0 1em;
		border:none;
		margin:0 0 3em;
	}
		
	.feed{
		width: 280px;
	}
	/*.cdsArticleFeedback p{
		vertical-align: middle;
		display: table-cell;
	}*/
	/*.cdsArticleFeedback .feedbuttons{
		margin-left: 15px;
	}*/
	
	.cdsArticleFeedback .positive {
		float: left;
		margin-top: 10px;

		padding: 0.9em 3em 0.9875em !important;
		margin-left: 0;

	}
	
	.cdsArticleFeedback .negative {
		background-color: #22242e;
		margin: 10px 0 0 5px;
		padding: 0.9em 3em 0.9875em !important;
	}
	
	.cdsArticleFeedback2 p{
		display:block !important;
		margin-bottom: 0.5em;
	}
	
	.feedsep{
		/*margin: 42px 0 0 -60px;*/
	}
	
	.cdsPopularesHeader .cdsNavHeader h1{
	}
	
	
	#articleEmailModal{
		border-radius: 10px;
		margin-left: 10% !important;
		width: 80% !important;
		max-height:380px !important;
		min-height:380px !important;
		margin-top:10%;
	}
	#articleEmailModal h3{
		font-size: 1.3875em;
		text-align: center;
	}
	
	#articleEmailModal .cdsBlueButton {
		margin-left: 10px;
	}
	#articleEmailModal .close-reveal-modal{ top: 0.05em; }
		
	
	
	
	
	/* 6 - CONTACT PAGE */
	/* ===============================================================================================================*/
	
	.cdsMobilePanel{
		display: block;
		margin: 0;
		overflow: hidden;
		padding: 0.3em 0;
	}
	a.cdsMobileContactItem{ display:block;}
	a.cdsMobileContactItem:hover{
		
		/* fallback */
		background-color: #f0f0f0 !important;
		background-repeat: repeat-x;
		
		/* Safari 4-5, Chrome 1-9 */
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f0f0f0), to(#f4f4f4)) !important;
		
		/* Safari 5.1, Chrome 10+ */
		background: -webkit-linear-gradient(top, #f0f0f0, #f4f4f4) !important;
		
		/* Firefox 3.6+ */
		background: -moz-linear-gradient(top, #f0f0f0, #f4f4f4) !important;
		
		/* IE 10 */
		background: -ms-linear-gradient(top, #f0f0f0, #f4f4f4) !important;
		
		/* Opera 11.10+ */
		background: -o-linear-gradient(top, #f0f0f0, #f4f4f4) !important;
		
		color: #666;
		text-decoration: none;
			
	}
	
	.cdsContactPage h2 {		
		font-size: 1.2em;
		font-weight: normal;
		margin: 0.5em auto;
		color:#333333;
	}
	
	.cdsSubContactItem h2{
		font-size: 0.9em;
		margin-top: 0.8em;
	}
	
	.cdsContactPage i.cdsMainArrow {
		/*
		height: 15px !important;
   		margin-top: 0.5em;
		*/
		margin-bottom: inherit;
		margin: 0.7em auto;
	}
	
	
	
	.cdsContactPage {
		margin-top: 0 !important;
	}
	
	.cdsContactPage .cdsContactItem {
		border-bottom: 1px solid #eee;
		margin-bottom: 0 !important;
	}
	
	.cdsContactPage .cdsSubContactItem{
		/*background-color:#f9f9f9 !important;*/
	}
	
	.cdsContactPageMobile .cdsContactIcon {
		background: url("../img/ios_contact_icon_sprite.png") no-repeat scroll rgba(0, 0, 0, 0);
	}
	
	.cdsContactPage .cdsEmail {
		background-position: 0 3px !important;
		background-size: 30px auto !important;
		height: 27px !important;
		width: 32px !important;
		margin: 0.5em 0;
	}
	.cdsContactPage .cdsChat {
		background-position: 0 -28px !important;
		background-size: 28px auto !important;
		height: 33px !important;
		width: 30px !important;
		margin: 0.5em 0;
	}
	.cdsContactPage .cdsPhone {
		background-position: 0 -71px  !important;
		background-size: 30px auto !important;
		height: 34px !important;
		width: 32px !important;
		margin: 0.5em 0;
	}
	.cdsContactPage .cdsMiDirectv {
		background-position: 0 -111px !important;
		background-size: 30px auto !important;
		height: 34px !important;
		width: 32px !important;
		margin: 0.5em 0;
	}
    .cdsContactPage .cdsAnunciantes {
		background-position: 0 -202px !important;
		background-size: 30px auto !important;
		height: 30px !important;
		width: 32px !important;
		margin: 0.5em 0;
	}
	.cdsContactPage .cdsVisit {
		background-position: 0 -126px !important;
		background-size: 25px auto !important;
		height: 30px !important;
		width: 32px !important;
		margin: 0.5em 0;
	}
	
	
	
	
}