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: 15px/20px 'Open Sans', sans-serif;color:#818181;background-color: #e3e4e4;-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;}
.inputstyle2 {background: #fff;margin-bottom: 10px;padding: 7px; border: 1px solid #fff;border-radius: 5px;border: 1px solid #f3f3f3;border-top: 2px solid #e7e7e7;}
.inputstyle2: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: #870b19;color: #fff;font-size: 11px;padding: 10px 25px 10px 25px;display: inline-block;margin-bottom: 15px;border-radius: 5px;transition: all 0.3s linear;-moz-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;}
.buttonstyle:focus {background-color:#c0071c;}
.buttonstyle:hover {background-color:#c0071c;}
.ancho-form1{width: 25%;padding-left: 5%;padding-top:7px;float:left;}
.ancho-form2{width: 65%;padding-left: 5%;padding-top:7px;float:left;}
.container {max-width:1100px;margin: 0 auto;position:relative;}
.header-container {width:100%;background-color:#fff;position:relative;z-index:100;}
.main-container{width: 100%;padding-bottom:7%;overflow:hidden;background-color:#fff;}
.main-container2{width: 100%;padding-bottom:2%;overflow:hidden;background-color:#fff;}
.footer-container {width: 90%;font-size:12px;padding:2% 5% 0 5%;color:#fff;position: absolute;z-index: 999;background-color:#c0071c;}
.footer-container  a {color:#fff;}
.footer-container  a:hover  {color:#8d212d;}
.hidden {display: none;}
.wrapper {width: 90%;margin: 0 5%;}
.vertical-text {display: table-cell;vertical-align: middle;}

.colint{padding:5% 5% 2% 5%;}
.colbot1{width: 10%;padding:1% 15% 0 5%;float:left;}
.colbot2 {width: 70%;padding-top:3%;text-align:right;float:left;}
.col30{width: 30%;padding-top:4%;float:left;}
.col302{width: 30%;padding-top:1%;float:left;}
.col33{width: 32%;padding:4% 0.5% 0 0.5%;float:left;}
.col70{width: 63%;padding-right:7%;float:left;}
.col50{width: 49%;padding-right:1%;float:left;}
.col20{width: 19%;padding-left:1%;float:left;}
.col100 {width: 100%;overflow:hidden;float:left;}
.col-serv1{width: 46%;padding-right:4%;float:left;}
.col-serv2{width: 50%;padding-top:2%;float:left;}
.coldest-tit h2{color:#fff;text-transform:uppercase;}
.coldest{width: 31%;margin:2% 1% 1% 1%;background-color:#fff;float:left;}
.coldest0{padding:0.5% 0 0.5% 2%;overflow:hidden;}
.coldest1{padding:1% 1% 1% 2%;color:#fff;font-size: 13px;line-height:14px;background-color:#c00d21;overflow:hidden;}
.coldest1-1{width: 93%;float:left;overflow:hidden;}
.coldest1-2{width: 7%;float:left;overflow:hidden;}
.colpie{width: 100%;text-align:right;padding-top:10px;border-top:2px solid #b50617;overflow:hidden;}
.colpie1 {width: 7%;padding:0 5% 0 0;float:left;}
.colpie2 {width: 58%;text-align:left;float:left;}
.colpie3 {width: 30%;text-align:right;float:left;}
.colthumb{width: 17%;background-color:#fff;margin:1%;padding:0.5% 0.5% 0 0.5%;float:left;}

.activar {position:relative;z-index:2;box-shadow:0 3px 10px 2px rgba(0,0,0,0.1);opacity:1;transform:scale(1.05);transition: all 0.3s linear;-moz-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear}

.fdogris{background-color:#c2c3c5;}
.fdodest{background-image: url(fdodest.jpg);background-repeat:repeat-x;background-color:#c2c3c5;}
.fdonegro{background-color:#000;}
.cab-nos{background-image: url(cab-nos.jpg);background-position:bottom;background-repeat:no-repeat;}
.cab-ser{background-image: url(cab-ser.jpg);background-position:bottom;background-repeat:no-repeat;}
.cab-pro{background-image: url(cab-pro.jpg);background-position:bottom;background-repeat:no-repeat;}
.cab-cli{background-image: url(cab-cli.jpg);background-position:bottom;background-repeat:no-repeat;}
.cab-con{background-image: url(cab-con.jpg);background-position:bottom;background-repeat:no-repeat;}
.alinc{text-align:center;}
.caps {text-transform:uppercase;}
.error {text-transform: none;font-weight:700;'Open Sans', sans-serif;font-size: 50px;line-height: 50px;color:red;}
.blco {color:#fff;}
.blco a{color:#fff;text-decoration:none;}
.blco a:hover{color:#8d212d;}
.rojo{color:#c00d21;}
.gris{color:#c2c3c5;}
.line{border-bottom:1px solid #c00d21;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:30px;font-weight:700;color:#c00d21;}
h2 {font-size: 18px;line-height:28px;font-weight:700;color:#c00d21;}
h3 {font-size: 18px;font-weight:700;color:#c00d21;text-transform:uppercase;}
a {color: #fff;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: #8d212d;}

.linksprod ul{width:90%;font-size:12px;text-transform:uppercase;}
.linksprod li{margin-bottom:0;padding-bottom:0;}
.linksprod li i{float:left;padding:1% 2.5% 0 0;}
.linksprod li a{color:#a1a1a1;text-decoration: none;display:block;padding:2%;border-bottom:1px solid #c2c3c5;}
.linksprod li a:hover{color:#c00d21;background-color:#e3e3e8;}
/*--------------- 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:#fff;width: 100%;position: absolute;z-index: 2000;padding-bottom:10px;box-shadow: 0 3px 3px #888888;}
.navint{padding-left:7%;padding-right:7%;}
.links {padding-top:5px;display: table-cell;vertical-align: middle;}
.links li {display: inline;margin: 0 10px 0 0;float:left;color:#c00d21;}
.links a {font-family: 'Open Sans', sans-serif;font-size: 13px;font-weight:700;color:#c00d21;text-decoration: none;padding-right:10px;text-transform: uppercase;}
.links a:hover {color: #870b19;}
.links a.to-top span {display: none;}
.links a.to-top i {top:-3px;text-align:center;vertical-align: middle;width: 20px;height: 20px;opacity:1;background: #870b19;color:#fff;font-size: 11px;line-height:1.8em;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;}
/*---------------- Slide -----------------------*/
#cabeza{position: relative;overflow: hidden;min-height: 270px;z-index: 1000;width:100%;}
.txtfriso{font-size:25px;line-height:28px;font-weight: 600;text-transform:uppercase;text-align:center;color:#fff;padding:1.5% 0.5% 1.5% 0.5%;width:40%;left:50%;margin-top:15%;position:relative;background-image: url(blc.png);}
/*---------------- Acordeon ---------------------*/
.menuheader{color:#fff;}
.menuheader a:link{text-decoration: none;padding-top: 5px;padding-bottom: 5px;display: block;text-transform:uppercase;font-family: 'Open Sans', sans-serif;font-size:13px;color:#fff;text-align:center;padding:1%;margin-top:1%;background-color:#c00d21;overflow:hidden;border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;-moz-border-radius:10px 0 10px 0;}
.menuheader a:hover {color:#fff;background-color:#8d212d;}
.menuheader a i {color:#fff;}
.menuheader a:hover i {color:#fff;}
.categoryitems  li{margin-bottom:0;padding-bottom:0;font-size:12px;text-transform:uppercase;}
.categoryitems  li a{color:#a1a1a1;text-decoration: none;display:block;padding:1%;border-bottom:1px solid #c2c3c5;}
.categoryitems  li a:hover{color:#c00d21;background-color:#e3e3e8;}
/*---------------- 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: 'Alegreya 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; }
/*---------------- Mapa ---------------------*/
.mapa {width: 90%;padding-left:10%;}
.mapa a{color:#818181;}
.mapa a:hover{color:#8d212d;}
.fdoli {background-image: url(../imgmap/fdoli.gif);background-repeat: repeat-y;overflow:hidden;}
.topli {padding-left:1em;background-image: url(../imgmap/topli.gif);background-repeat: no-repeat;overflow:hidden;}
.itmli {padding-left:1em;background-image: url(../imgmap/itmli.gif);background-repeat: no-repeat;overflow:hidden;}
.finli {padding-left:1em;background-image: url(../imgmap/finli.gif);background-repeat: repeat-y;overflow:hidden;}
.finliclas1{padding-left:2em;padding-top:0.12em;padding-bottom:0.12em;background-image: url(../imgmap/finli2.gif);background-repeat:  no-repeat;background-position: 1em top;}
.finliclas2{padding-left:4em;padding-top:0.12em;padding-bottom:0.12em;background-image: url(../imgmap/finli2.gif);background-repeat:  no-repeat;background-position: 3em top;}
.finliclas3{padding-left:6em;padding-top:0.12em;padding-bottom:0.12em;background-image: url(../imgmap/finli2.gif);background-repeat:  no-repeat;background-position: 5em top;}
.finliclas4{padding-left:8em;padding-top:0.12em;padding-bottom:0.12em;background-image: url(../imgmap/finli2.gif);background-repeat:  no-repeat;background-position: 7em top;}
.finliclas5{padding-left:10em;padding-top:0.12em;padding-bottom:0.12em;background-image: url(../imgmap/finli2.gif);background-repeat:  no-repeat;background-position: 9em top;}

@media only screen and (max-width: 479px) {
.colimg {width: 100%;margin-bottom: 3%;}
.colimg2{width:99%;}
.txtfriso{font-size:20px;padding:1.5% 0.5% 1.5% 0.5%;width:70%;left:25%;margin-top:35%;position:relative;}
.colbot1{width: 25%;padding:3% 5% 0 5%;float:right;}
.colbot2 {width: 65%;padding-top:10%;text-align:left;float:left;}
.links li {padding-top:5px;width:100%;border-bottom:1px solid #ccc;}
.colpie1 {width: 17%;padding:0;}
.colpie2 {width: 100%;text-align:left;}
.colpie3 {width: 100%;padding:1% 0 1% 0;text-align:left;}
.colpie{text-align:left;}
.icos {width:80%;padding:0 5% 0 5%;margin:5%;float:left;}
.ancho-form1 {width:100%;}
.ancho-form2 {width:100%;}
.colthumb{width: 30%;background-color:#fff;margin:1%;padding:0.5% 0.5% 0 0.5%;float:left;}
.coldest{width: 86%;margin:5% 7% 2% 7%;background-color:#fff;}
.col20{width: 100%;padding-top:1%;}
.col30{width: 100%;padding-top:2%;}
.col302{width: 100%;padding-top:1%;}
.col50{width: 100%;padding-top:1%;}
.col33{width: 99%;padding:1% 0.5% 0 0.5%;}
.col70{width: 100%;padding-right:0;}
.col-serv1{width: 100%;padding-right:0;}
.col-serv2{width: 100%;padding-top:0;}
}
/*------------------ #Mobile (Landscape) width of 480px -----------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.txtfriso{font-size:22px;padding:1.5% 0.5% 1.5% 0.5%;width:40%;left:50%;margin-top:15%;position:relative;}
.colbot1{width: 20%;padding:3% 5% 0 5%;float:right;}
.colbot2 {width: 70%;padding-top:10%;text-align:left;float:left;}
.links li {padding-top:5px;width:100%;border-bottom:1px solid #ccc;}
.colpie1 {width: 12%;padding:0;}
.colpie2 {width: 100%;text-align:left;}
.colpie3 {width: 100%;padding:1% 0 1% 0;text-align:left;}
.colpie{text-align:left;}
.icos {width:80%;padding:0 5% 0 5%;margin:5%;float:left;}
.ancho-form1 {width:100%;}
.ancho-form2 {width:100%;}
.colthumb{width: 22%;background-color:#fff;margin:1%;padding:0.5% 0.5% 0 0.5%;float:left;}
.coldest{width: 86%;margin:5% 7% 2% 7%;background-color:#fff;}
.col20{width: 100%;padding-top:1%;float:left;}
.col30{width: 40%;padding-top:4%;float:left;}
.col302{width: 100%;padding-top:1%;float:left;}
.col33{width: 49%;padding:1% 0.5% 0 0.5%;float:left;}
.col50{width: 100%;padding-top:1%;float:left;}
.col70{width: 60%;padding-right:0;float:left;}
.col-serv1{width: 100%;padding-right:0;}
.col-serv2{width: 100%;padding-top:0;}
}
/*--------------- #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: 10%;padding:0 5% 0 0;float:left;}
.colpie3 {width: 27%;text-align:right;float:left;}
.coldest{width: 98%;margin:2% 1% 2% 1%;background-color:#fff;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;}