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

/* =Fonts 
------------------------------------------------------- */
@import url(/Shared/css/font-face/DIN-Font.css);
@import url(/Shared/CSS/master/buttons.css);

/* CSS Document for DIRECTV LA - by Takeoff Media 
   Compatibilidad ie8 - 9 - 10 - Chrome - Firefox*/
	 

/* =Reset BODY - css
--------------------------------------- */
body {background: none repeat-x scroll 0 0 #FFF !important;}

/* =Reset - css
--------------------------------------- */
html, body, div, li, 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, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 16px;
  font-family: Arial,Helvetica;
  list-style: none;
}
section h1, section h2, section h3, section h4, section h5, section h6, section p, section li {
	color:#333;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}


/* =Globales 
------------------------------------------------------- */
body, html {height: 100%;}
section, figure, article, aside {
  width: 100%;
  position: relative;
  display: block;
}
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after, .clear { clear: both; }

/* =section - css
--------------------------------------- */
section {
	background: none repeat scroll 0 0 #FFFFFF;
	width: 100%;
	min-height:580px;
}
section h1 {
	font: 22px/28px 'DTV-DIN-MEDIUM', Verdana;
	letter-spacing: -0.025em;
	padding-bottom: 10px;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 20px;
}
section h1 span {
	font:inherit;
	display:block;
}
section p {line-height:24px; letter-spacing: -0.020em;}
section a {
	font-weight:bold;
	text-decoration:none;
	color:#00ABE3;
}
section a:hover {color: #058ab5;}
section a i.fa {font-size: 12px;}
section ul {padding: 20px 0 0;}
section ul li {padding-bottom: 10px;}
section ul li a {font-size:14px;}

/* =Article - css
--------------------------------------- */
article {
	box-shadow: 0 0 10px #ddd;
	margin: 60px auto 0;
	overflow: auto;
	padding: 40px;
	width: 520px;
	border: 1px solid #e4e4e4;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

@media screen and (max-width: 630px){
	section {min-height:initial;}
	section article {
    margin: 40px auto;
    padding: 3%;
    width: 94%;
    box-sizing: border-box;
	}
	section article h1 span {display:initial;}

}
@media screen and (max-width: 500px){
	section article {
    padding: 5%;
    width: 90%;
	}
	section article h1 {font: 20px/26px 'DTV-DIN-MEDIUM', Verdana;}
	section article p {font-size:14px;}
}