/* 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:"trebuchet MS";
}


@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, h1 span, h1 a{ font-family:'Din';}
h2, h2 span, h2 a{ font-family:'DinBold';}
/*/PARA TODOS/*/
.contenedor{ width:1020px; margin:0 auto; padding:0px 10px; position:relative; overflow:hidden}
a{ text-decoration:none; color:#000}
p{ color:#5e5e5e; font-size:14px; line-height:18px;}

.cont_color{ background:#e5e5e5; padding:30px 0px}
.cont_color.azul{ background:#00347e; }

#header{ overflow:hidden; padding:20px 0 }
.logo{ height:100px}
#header h1{ float:right; text-align:right; color:#ff3900; font-size:22px; position:relative; top:15px}
#header h1 span{ color:#000; font-size:28px}


.dos_columnas{ width:1020px; margin:0 auto; }
.dos_columnas ul{ list-style:none; overflow:hidden; /*margin:30px 0px 0px;*/  }
.dos_columnas ul li{ float:left; margin:0px 10px; width:490px; overflow:hidden; padding:15px }
.dos_columnas ul ul{ margin:0px; padding:0px }
.dos_columnas ul li li{ float:left; margin:0px; width:100%; overflow:hidden; padding:0px   }
.dos_columnas ul li iframe{ width:100%; height:160px  }
.dos_columnas h1{ font-size:22px; color:#ff3900; margin:0 0 5px}
.dos_columnas ul li li.gris{ background:#b1b1b1; padding:15px 25px }
.dos_columnas ul li li.gris p{ color:#000 }

ul.info_contacto{ list-style:none; overflow:hidden; }
ul.info_contacto li{ display:inline; float:left; margin:0 0 15px 0; color:#fff; font-size:18px; line-height:20px; font-family:'Din' }
ul.info_contacto  li.icon{ background:#ff720a; width:40px; height:40px; text-align:center; margin:0 7px 0 0  }
ul.info_contacto  li.icon img{ height:60%; margin-top:20%; }
ul.info_contacto  li.icon.correo img{ height:40%; margin-top:30%}
ul.info_contacto li span{ position:relative; top:7px }
ul.info_contacto li span a{ color:#fff; font-family:'Din'  }
ul.info_contacto li span a:hover{ color:#ffd100  }

.azul .tit{ font-size:22px; color:#ffd100; margin:0 0 20px }

.left{ float:left; width:300px }
.right{ float:right; width:650px }

ul.contacto{ overflow:hidden;}
ul.contacto li{ float:left; list-style:none; }
ul.contacto li.formulario{ width:220px;  color:#fff  }
ul.contacto li.formulario ul{ overflow:hidden  }
ul.contacto li.formulario.largo{ width:400px;  float:right }
ul.contacto li.formulario ul li{ width:100%; margin:0px 0px 12px; overflow:hidden;  }
ul.contacto li.formulario ul li h1{ text-align:left; text-transform:uppercase;  font-size:15px; padding:0px; color:#fff; margin:0 0 3px }
ul.contacto li.formulario ul li input{ width:100%;  float:right;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; height:30px;  color:#5e5e5e   }
ul.contacto li.formulario.largo textarea{ width:100%; border:1px solid #dcdcdc; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; height:122px; color:#5e5e5e }
ul.contacto li.formulario.largo ul li input.boton{ width:auto;  float:right; border:none; height:auto; padding:7px 20px; background:#ff720a; color:#fff; cursor:pointer; font-family:'Din'   }
ul.contacto li.formulario.largo ul li input.boton:hover{ background:#fff; color:#ff720a    }
ul.contacto li.formulario.largo ul li{ margin:0px 0px 0px; }



#footer{ padding:30px 0 }
#footer .left{ float:left; width:auto }
#footer .right{ float:right; width:auto; text-align:right}
#footer .right h1{ margin:10px 0 0; color:#7e7e7e; font-size:15px }

ul.boton{ list-style:none; overflow:hidden; background:#e5e5e5; padding:20px 30px}
ul.boton li{ float:left; display:inline; margin:0 5px}
ul.boton li img{ height:45px }
ul.boton:hover{background:#00347e;}
ul.boton:hover h1{color:#fff}