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, ul , li{list-style: none;}
dt {margin-bottom:5px;}
table {border-collapse: collapse;border-spacing: 0;}
body {font: 15px/25px 'Open Sans', sans-serif;color:#231f20;background-color:#efebe3;-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;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;}
aside {width: 100%;display:block;overflow:hidden;}
article {width: 100%;}
strong {font-weight: 700;}
img{width: 100%;border:0;padding:0;margin:0;display: block;}
p{padding-top:5px;padding-bottom:5px;}
.embed-contenedor {position: relative;padding-bottom: 56.25%; /* 16/9 ratio */padding-top: 30px; /* IE6 workaround*/height: 0;overflow: hidden;}
.embed-contenedor iframe,.embed-contenedor object,
.embed-contenedor embed {position: absolute;top: 0;left: 0;width: 100%; height: 100%;}
.header-container {width:100%;text-align:center;}
.main-container{width: 100%;}
.footer-container {width: 100%;padding-top:10px;padding-bottom:20px;color:#231f20;background-color:efebe3;font-size:14px;position: absolute;z-index: 1000000;overflow:hidden;}
.container {max-width:1280px;margin: 0 auto;position:relative;}
.hidden {display: none;}
.wrapper {width: 90%;margin: 0 5%;}
.vertical-text {display: table-cell;vertical-align: middle;}
.col1{width: 40%;font-size:22px;text-align:center;padding-top:2%;padding-bottom:2%;float:left;}
.col2{width:20%;float:left;margin-top:2%;margin-bottom:2%;}
.col50 {width: 48%;padding:1%;float:left;overflow:hidden;}
.txt1 {font-size:30px;font-weight:700;float:left;overflow:hidden;}
.col100 {width: 100%;overflow:hidden;}
.colint {padding:0 7% 7% 7%;background-color:#fff;overflow:hidden;}
.logo{width: 50%;padding-left:25%;padding-right:25%;background:url(fdocab.jpg) no-repeat;background-position:top;}
.epig{width: 100%;text-align:right;font-size:14px;line-height:15px;color:#666;font-style: italic;margin-bottom:1%;}
.colpie1 {width:50%;float:left;font-size: 25px;font-family: 'Allura', cursive;}
.colpie2{width: 50%;text-align:right;float:left;}
.colpie3 {width: 20%;margin-left:40%;margin-right:40%;text-align:center;float:left;}
.blco{color:#fff;}
.rojo a {color: #ed1c24;}
.rojo a:hover {color: #231f20;}
.floatl{float:left;}
.padprem{padding: 1% 10% 5% 10%;}
.alinc{text-align: center;}
.line{width: 100%;border-bottom:1px solid #ed1c24;margin-bottom:0.5%;margin-top:0.5%;overflow:hidden;}
/*--------------- Tipografías -----------------------------*/
@font-face {font-family:  'Open Sans', sans-serif;font-weight: normal;font-style: normal;}
h1 {text-transform: none;font-weight:700;font-family: 'Open Sans', sans-serif;font-size: 40px;line-height:50px;padding-top:10px;}
h2 {text-transform: none;font-family: 'Allura', cursive;color:#ed1c24;font-size: 40px;line-height: 60px;}
a {color: #1a171b;text-decoration: none;}
a:hover {color: #ed1c24;transition: all 0.3s linear;-moz-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;}
.blco a{color:#fff;}
.blco a:hover {color:#dc2e27;}
/*--------------- Navegación --------------------------*/
.js .links {clip: rect(0 0 0 0);max-height: 0;position: absolute;display: block;overflow: hidden;}
.links.opened {max-height: 100%;}
.nav-toggle {-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;}
nav{background-color:#efebe3;border-bottom:1px solid #cac7c0;width: 100%;position: absolute;z-index: 2000;padding: 10px 0 10px 0;text-align:center;}
nav i {color:#fff;}
nav a i{color: #231f20;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;}
nav a:hover i {color: #ed1c24;}
.links{padding-top:5px;display: table-cell;vertical-align: middle;}
.links li {display: inline;margin: 0 0 0 0;float:left;}
.links a {font-family: 'Allura', cursive;font-size: 30px;font-weight:400;text-decoration: none;}
.links a:hover {color: #ed1c24;}
.links a.to-top span {display: none;}
.links a.to-top i {top:-2px;width: 15px;height: 15px;opacity:1;background: #efebe3;color:#ed1c24;font-size: 11px;line-height: 1.5em;position: relative;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.links a.to-top:hover i {opacity:0.5;}
/*---------------- Accordion and Toggle ---------------------*/
.accordion, .toggle { margin: 20px 0; }
.accordion-wrp h6, .toggle-wrp h6 { display: block; position: relative; overflow: hidden; padding: 13px 20px 11px 20px; margin-bottom: 10px; background: #f0f2f5; color: #1c1f26; font-family:  'Open Sans', sans-serif; font-size: 16px; text-transform: uppercase; cursor: pointer; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; }
.accordion-wrp h6 i, .toggle-wrp h6 i { position: absolute; top: 50%; right: 20px; margin-top: -6px; font-size: 12px; line-height: 0.1; color: #1c1f26; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.accordion-wrp h6:hover, .toggle-wrp h6:hover { background: #3d424d; color: white; }
.accordion-wrp .accordion-content, .toggle-wrp .toggle-content { padding: 5px 20px 30px 20px; display: none; }
.accordion-wrp.current h6, .toggle-wrp.current h6 { background: #c15c9b; color: white; }
.accordion-wrp h6:hover i, .toggle-wrp h6:hover i  { color: white; }
.accordion-wrp.current h6 i { color: white; margin-top: -2px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.accordion-wrp.current .accordion-content, .toggle-wrp.current .toggle-content { display: block; }
.toggle-wrp h6 i.icon-minus, .toggle-wrp.current h6 i.icon-plus { opacity: 0; }
.toggle-wrp.current h6 i.icon-minus { color: white; opacity: 1; }

@media only screen and (max-width: 479px) {
h1 {text-transform: none;font-weight:700;font-family: 'Open Sans', sans-serif;font-size: 30px;line-height:35px;padding-top:10px;}
h2 {text-transform: none;font-family: 'Allura', cursive;color:#ed1c24;font-size: 35px;line-height: 35px;}
.col1{width: 40%;font-size:14px;line-height:16px;text-align:center;padding-top:2%;padding-bottom:2%;float:left;}
.col2{width:20%;float:left;margin-top:2%;margin-bottom:2%;}
.col50 {width: 98%;padding:0 1% 0 1%;float:left;overflow:hidden;}
.padprem{padding: 1% 0 5% 0;}
.colpie3 {width: 40%;margin-left:30%;margin-right:30%;text-align:center;float:left;}
.colind h2 {text-transform: none;font-weight:400;font-family: 'Open Sans', sans-serif;font-size: 20px;line-height: 30px;color:#fff;padding-top:4%;}
.links li {padding-top:5px;margin: 0;width:100%;}
.line{margin-bottom:1.5%;margin-top:1.5%;}
.links a.to-top i {text-align:center;width: 15px;height: 15px;-radius: 50%;-moz-border-radius: 50%;}
}
/*------------------ #Mobile (Landscape) width of 480px -----------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
h1 {text-transform: none;font-weight:700;font-family: 'Open Sans', sans-serif;font-size: 30px;line-height:40px;padding-top:10px;}
h2 {text-transform: none;font-family: 'Allura', cursive;color:#ed1c24;font-size: 35px;line-height: 40px;}
.col1{width: 40%;font-size:16px;line-height:18px;text-align:center;padding-top:2%;padding-bottom:2%;float:left;}
.col2{width:20%;float:left;margin-top:2%;margin-bottom:2%;}
.col50 {width: 98%;padding:0 1% 0 1%;float:left;overflow:hidden;}
.colpie3 {width: 40%;margin-left:30%;margin-right:30%;text-align:center;float:left;}
.logo{width: 80%;padding-left:10%;padding-right:10%;}
}
/*--------------- #Mobile (Portrait) width of 320px -------------------------*/
@media only screen and (max-width: 767px) {
.links li {padding-top:5px;margin: 0;width:100%;}
.logo{width: 80%;padding-left:10%;padding-right:10%;}
}
@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) {
}
@media only screen and (min-width: 1400px) {
}
@media only screen and (min-width: 959px) and (max-width: 1400px) {
nav .contenedor,.vertical-text,.pattern{height: 100%;}
}
/*----------------- #Clearing Se usa en padres para despejar Columnas anidadas, o enviendo cada fila de Columnas con <div class="row"> --*/
.contenedor:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.row:after,
.clearfix:after {clear: both;}
.row,
.clearfix {zoom: 1;}
/* También puede usar <br class="clear" /> para limpiar columnas */
.clear {clear: both;display:block;overflow:hidden;visibility:hidden;width: 0;height: 0;}