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

/* =Fonts 
------------------------------------------------------- */
@import url(/Shared/css/font-face/DIN-Font.css);
@import url(/shared/DTV-icon/style.css);


/* =Reset BODY OLD - 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;
	color:#303030;
}
section h1, section h2, section h3, section h4, section h5, section h6, section p, section li {
	color:#303030;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.clear {clear:both;}
.Center {margin:0 auto; display:block; width:100%;}
.Center-img {display:block; margin:0 auto;}
.Bg {background-color:#F9F9F9;}
.Bord-bottom {border-bottom: 1px solid #EEE;}
.Pad-bottom10 {padding-bottom:10px;}
.Pad-bottom20 {padding-bottom:20px;}
.Pad-bottom60 {padding-bottom:60px;}
.Marg-bottom20 {margin-bottom: 20px;}
.Left{float: left;}
.Right{float: right;}
.No-Pad-Bottom {padding-bottom:0;}
.No-Pad-Top {padding-top:0;}
img.positionPhono {
	float: right;
	margin-right: 10%;
	padding-left:20px;
}
span.Block { display:block; font:inherit;}
.clear-fix:after {
  content: "";
  display: table;
  clear: both;
}

i.icon-right:before {
	font-family: 'DTV-icon-font';
	content: "\e942";
    font-size: 15px;
    position: relative;
    top: 1px;
}
a:hover i.icon-right:before {
    color: #058ab5;
}

/* =Globales 
------------------------------------------------------- */
body, html {height: 100%;}
section, figure, article, aside {
  width: 100%;
  position: relative;
  display: block;
	z-index:1;
}

/* =Figure 
------------------------------------------------------- */
figure {
	background:url('/reporte-social/img/header.jpg') no-repeat scroll center top #1e2542;
	overflow: hidden;
}
figure article {
	height: 320px;
	margin: 0 auto;
	display: table;
	padding: 0;
	width: 952px;
}
figure h1 {
    color: #fff;
    font: 34px/44px "DTV-DIN-LIGHT";
    letter-spacing: -0.025em;
    text-shadow: 1px 1px 2px #1B274D;
    padding: 30px 0 0;
}


/* =Article - css
--------------------------------------- */
article {
	margin: 0 auto;
	position: relative;
	overflow: auto;
	width: 952px;
	padding: 60px 0;
}

.reportes{
    padding-top: 20px;
}
aside {margin: 0 auto; width: 952px; padding:40px 0;}

/* =Section - css
--------------------------------------- */
section {
	background: none repeat scroll 0 0 #FFF;
	clear: both;
	width: 100%;
}
section h1 {
	font:40px/42px 'DTV-DIN-LIGHT';
	padding:0 0 30px 0;
	letter-spacing: -0.025em;
}
section h2 {
	font: 40px/44px 'DTV-DIN-LIGHT';
	padding: 0 0 18px;
	letter-spacing: -0.025em;
}
section h2 small {font:inherit; font-size:0.8em;}
section h3 {
	font: 22px/28px 'DTV-DIN-MEDIUM';
	letter-spacing: -0.020em;
	padding: 0 0 20px;
}
section img {display:block;}
section p {color: #494b4c; line-height: 24px;}
section p sup {
	font-size: 10px;
	color: #494b4c;
}
section a {
	color: #00abe3;
	font-weight: bolder;
	text-decoration: none;
	width: 100%;
}
section a:hover {color: #058ab5;}
section a i.fa {font-size:12px;}

section aside p {
	font:11px/16px Arial;
	color: #666;
}

/* =Box - css
--------------------------------------- */
.Box {
    background: #FFF;
    width: 50%;
    float: left;
    box-sizing: border-box;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.Box.A {padding-right: 10px;}
.Box.B {padding-left: 10px;}
.Box .image {float: left;}
.Box .image img {
    width: 100%;
    min-height: 180px;
    max-height: 100%;
    object-fit: cover;
}
.Box .txt {
	border: 1px solid #EAECEB;
	border-left: none;
    width: 50%;
    float: left;
    padding: 40px 10px 0 20px;
    box-sizing: border-box;
}
.Box .txt p {
    font: 19px/26px "DTV-DIN-MEDIUM";
    letter-spacing: -0.025em;
	padding-bottom: 30px;
}
.Box .txt a {
    font-size: 14px;
}