/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family:"Din";
}


@font-face {
  font-family: 'DinBold';
 /* Para Internet Explorer */
	src: url('../fonts/din-bold.eot');
 /*  Para el resto de navegadores */
	src: local('DinBold'),
	     url('../fonts/din-bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Din';
 /* Para Internet Explorer */
	src: url('../fonts/din-regular.eot');
 /*  Para el resto de navegadores */
	src: local('Din'),
	     url('../fonts/din-regular.ttf') format('truetype');
}

body{ margin:0 auto; /*min-width:1024px; overflow:visible;*/}
div, section, ul, li, span, input, select, textarea{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
h1{ font-family:'Din';}
h2{ font-family:'DinBold';}
/*/PARA TODOS/*/
.contenedor{ width:80%; margin:0 auto; padding:0px 10px; position:relative}
a{ text-decoration:none; color:#000}
p{ color:#5e5e5e; font-size:14px; line-height:18px;}

.cont_color{ background:#0b0d40; padding:60px 0}
.cont_color.gris{ background:#b1b1b1; padding:30px 0}

#header{ overflow:hidden; text-align:center}

.dos_columnas{ width:1020px; margin:0 auto; }
.dos_columnas ul{ list-style:none; overflow:hidden;  }
.dos_columnas ul li{ float:left; margin:0px 10px; width:490px; overflow:hidden}

.construmul ul li{ background:#7e7e7e; padding:25px}
.construmul ul li:hover{ background:#6e6e6e;}

.construmul ul li li{ background:none; padding:0px; margin:0px; width:100%; text-align:center}
.construmul ul li li.pic{ height:170px; border:3px solid #cbcbcb; margin:0 0 25px; overflow:hidden }
.construmul ul li li.pic img{ width:100% }


#footer{ overflow:hidden; padding:25px 0}
#footer ul{ list-style:none; overflow:hidden; margin:0 10px}
#footer ul ul{ margin:0px}
#footer ul li{ display:inline; float:left; margin:0 15px 0 0; color:#5e5e5e; font-size:18px; line-height:20px }
#footer ul li span{ position:relative; top:7px }
#footer ul li span a{ color:#5e5e5e;  }
#footer ul li span a:hover{ color:#000  }
#footer ul li.icon{ background:#ffa01d; width:40px; height:40px; text-align:center; margin:0 7px 0 0  }
#footer ul li.icon img{ height:60%; margin-top:20%; }
#footer ul li.icon.correo img{ height:40%; margin-top:30%}
#footer ul li.copy{  float:right; margin:0px; font-size:16px; line-height:20px; text-align:right }