html, body {height: 100%;}
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, tt, var, b, 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;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol{list-style: none;}
dt {margin-bottom:5px;}
table {border-collapse: collapse;border-spacing: 0;}
body {font: 18px/22px 'Open Sans', sans-serif;color:#606062;background-color: #fff;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;}
section {width: 100%;margin-bottom:15px;}
header{width: 100%;overflow:hidden;}
footer {width: 100%;padding-top:10px;padding-bottom:10px;text-align:center;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;}
aside {width: 100%;margin-bottom:15px;}
article {width: 100%;}
strong {font-weight: 700;}
img{width: 100%;border:0;padding:0;margin:0;}
ul{margin-top:2%;}
li{padding-bottom:5px;list-style-type: none;}
select,input,textarea {margin-bottom: 1%;margin-top: 1%;border: #cccccd 1px solid; background-color: #FDFDFD;font-size: 0.8em;font-family: 'Open Sans', sans-serif;}
form,fieldset {border: 0;margin: 0;padding: 0;font-family: 'Open Sans', sans-serif;}
textarea {resize: vertical;}
p{padding-top:10px;padding-bottom:10px;}
.radiostyle{border:none;width: 2em;height: 1em;}
.inputstyle {width: 95%;background: #fff;margin-bottom: 10px;padding: 7px; border: 1px solid #fff;border-radius: 5px;border: 1px solid #f3f3f3;border-top: 2px solid #e7e7e7;}
.inputstyle:focus {background: #f5f1f1;border: 1px solid #e7e7e7;border-top: 2px solid #e7e7e7;}
.textareastyle {width: 95%;background: #fff;margin-bottom: 10px;padding: 7px; border: 1px solid #fff;border-radius: 5px;height: 100px;resize: none;border: 1px solid #f3f3f3;border-top: 2px solid #e7e7e7;}
.textareastyle:focus {background: #f5f1f1;border: 1px solid #e7e7e7;border-top: 2px solid #e7e7e7;}
.selectstyle {background: #fff;margin-bottom: 10px;padding: 7px; border: 1px solid #fff;border-radius: 5px;border: 1px solid #f3f3f3;border-top: 2px solid #e7e7e7;}
.selectstyle:focus {background: #f5f1f1;border: 1px solid #e7e7e7;border-top: 2px solid #e7e7e7;}
.buttonstyle{text-transform: uppercase;font-weight:700;background: #df0024;color: #fff;font-size: 11px;padding: 10px 25px 10px 25px;display: inline-block;margin-bottom: 15px;border-radius: 5px;}
.buttonstyle:focus {background-color:#000;}
.ancho-form1{width: 25%;padding-left: 5%;padding-top:7px;float:left;}
.ancho-form2{width: 65%;padding-left: 5%;padding-top:7px;float:left;}
.header-container {width:100%;background-color:#fff;}
.main-container{width: 100%;padding-bottom:7%;overflow:hidden;}
.footer-container {font-size:14px;width: 100%;height: 100px;padding-top:15px;padding-bottom:15px;color:#606062;position: absolute;z-index: 1000000;}
.footer-container  a {color:#606062;}
.footer-container  a:hover  {color:#822525;}
.hidden {display: none;}
.wrapper {width: 90%;margin: 0 5%;}
.vertical-text {display: table-cell;vertical-align: middle;}

#elmapa {width: 100%; height: 450px;}
#elmapa img {max-width: none;}
#elmapa h3 {font-size: 18px;line-height:22px;display:block;color:#df0024;}
.mapcontenedor{height:450px;}

.col40 {width:38%;padding:1%;overflow:hidden;}
.col60{width: 58%;padding:1%;overflow:hidden;}
.col-logo{width: 40%;padding:5% 30% 2% 30%;overflow:hidden;}
.col100 {width: 100%;float:left;%}
.colind {padding:7% 0% 5% 0%;}
.colpie1 {width: 2.5%;padding-top:5px;float:left;}
.colpie2 {width: 10%;padding-top:10px;text-align:center;float:left;line-height:1em;}
.colpie3 {width: 87%;text-align:right;padding-top:10px;float:left;}
.fdo{background-color:#fff;}
.azul{color:#06589C;}
.azul a{color:#8d212d;text-decoration:none;}
.azul a:hover{color:#087CCD;}
.alinc{text-align:center;}
.line{border-bottom:1px dotted #a8a9ad;margin-bottom:10px;margin-top:15px;}
/*--------------- Tipografías -----------------------------*/
@font-face {font-family: 'Open Sans', sans-serif;font-weight: normal;font-style: normal;}
h1, h2, h3, h4 {font-family: 'Open Sans', sans-serif;font-weight: 400;display:inline;}
h1 {font-size: 20px;line-height:20px;font-weight:700;}
h2 {font-size: 25px;line-height:25px;}
h3 {font-size: 15px;font-weight:400;}
h4 {font-size: 20px;}
a {color: #06589C;text-decoration: none;transition: all 0.3s linear;-moz-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;}
a:hover {color: #087CCD;}
@media only screen and (max-width: 479px) {
h1{font-size:25px;}
.colpie1 {width: 8%;padding-right:3%;float:left;}
.colpie2 {width: 40%;padding-top:10px;text-align:left;float:left;}
.colpie3 {width: 100%;padding-top:10px;text-align:left;}
.col40 {width:98%;padding:1%;overflow:hidden;}
.col60{width: 98%;padding:1%;overflow:hidden;}
}
/*------------------ #Mobile (Landscape) width of 480px -----------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.colpie1 {width: 5%;padding-right:3%;float:left;}
.colpie2 {width: 40%;padding-top:10px;text-align:left;float:left;}
.colpie3 {width: 100%;padding-top:10px;text-align:left;}
}
/*--------------- #Mobile (Portrait) width of 320px -------------------------*/
@media only screen and (max-width: 767px) {
.links li {padding-top:5px;width:100%;}
}
@media screen and (min-width: 767px) {
.js .links {position: relative;}
.js .links.closed {max-height: none;}
.nav-toggle {display: none;}
}
/*----------------- #Tablet (Portrait) width of 768px --------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.colpie1 {width: 4%;padding-top:5px;float:left;}
.colpie2 {width: 12%;padding-top:10px;text-align:center;float:left;line-height:1em;}
.colpie3 {width: 84%;text-align:right;padding-top:10px;float:left;}
}
@media only screen and (min-width: 960px) and (max-width: 1200px) {
}
@media only screen and (min-width: 959px) and (max-width: 1400px) {
nav .contenedor,#parallax1, #parallax1 .vertical-text, #parallax1 .pattern{height: 100%;}
}
/*----------------- #Clearing Se usa en padres para despejar Columnas anidadas, o enviendo cada fila de Columnas con <div class="row"> --*/
.clearfix:before,
.clearfix:after {content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both;}
/* También puede usar <br class="clear" /> para limpiar columnas */
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}