@font-face{font-family:'hm67';src:url("fonts/hm57.otf");}
@font-face{font-family:'titulo';src:url("fonts/hc77.otf");}
@font-face{font-family:'fuente3';src:url("fonts/h57.otf");}
@font-face{font-family:'fuente';src:url("fonts/HelveticaCd.ttf");}
*{margin:0;padding:0}
body{background-color:#2e8e8a;}
body .wrap{max-width:500px;margin:0 auto}
body header{width:98%;margin:0 1%;overflow:hidden;}
body header .tema{display:block;float:right;font-size:3em;color:#fff;font-family:"fuente3";margin-top:.45em}
body header .logo{width:80%;display:block;margin:10px auto;}
body header .logo img{margin:0 auto;display:block}
body header section.redes{display:block;width:80%;text-align:center;margin:10px auto 2px auto;}
body header section.redes a{color:#fff;text-decoration:none;font-size:1.1em;line-height:1.3em;display:inline-block;margin-left:.6em;}
body header section.redes a:hover{color:#f6db00}
body header section.redes a .facebook:before{content:"\e600";font-family:"Cryanza Font"}
body header section.redes a .twitter:before{content:"\e602";font-family:"Cryanza Font"}
body header section.redes a .youtube:before{content:"\e601";font-family:"Cryanza Font"}
body header section.redes a .blog:before{content:"\e60d";font-family:"Cryanza Font"}
body header section.redes a .pinterest:before{content:"\e603";font-family:"Cryanza Font"}
body section.banner-portada{width:98%;margin:0 1%;background-color:#fff;text-align:center;}
body section.banner-portada figure{display:inline-block;margin:0 auto}
body section.portada{width:98%;margin:2% 1%;}
body section.portada section.img-portada{width:100%;background-color:#fff;}
body section.portada section.img-portada img{max-width:100%;height:auto;display:inline-block;margin:0 auto}
body section.portada article.art-destacado{width:100%;margin:2% 0;position:relative;overflow:hidden;}
body section.portada article.art-destacado .categoria{font-size:1.8em;display:inline-block;color:#fff;text-shadow:0 0 .2em #000,0 0 2.2em #000,0 0 .2em #ccc;font-family:"hm67";position:absolute;top:.4em;left:.4em}
body section.portada article.art-destacado .titulo{width:100%;height:60px;position:absolute;bottom:0;background-color:rgba(103,191,187,0.65);color:#fff;font-size:1.6em;z-index:5; display:table}
body section.portada article.art-destacado .titulo span{position:relative;display:inline-block; height:100%; padding:0 10px;font-family:"fuente3";vertical-align:middle; display:table-cell;}
body section.portada article.art-destacado figure width 100% img{max-width:100%;height:auto}
body section.banner{width:98%;margin:2% 1%;background-image:url("images/banner-bg.jpg");background-repeat:repeat-x}
body section.contenido{width:98%;margin:0 1%;overflow:hidden;}
body section.contenido.interior{background-color:#fff;font-family:"fuente3";}
body section.contenido.interior .col-left,body section.contenido.interior .col-right{width:100%;margin:0;}
body section.contenido.interior .col-left p,body section.contenido.interior .col-right p,body section.contenido.interior .col-left ul,body section.contenido.interior .col-right ul{line-height:1.3em;font-size:1em;text-align:justify;margin:1em}
body section.contenido.interior .col-left ul,body section.contenido.interior .col-right ul{padding:0 0 0 1em}
body section.contenido.interior .col-left span.li-tit,body section.contenido.interior .col-right span.li-tit{line-height:1.5em;font-size:1.3em;margin:1em;display:block}
body section.contenido.interior .col-left span.pie-foto,body section.contenido.interior .col-right span.pie-foto{color:#4d9e9b;display:inline-block;width:100%;text-align:center;margin:20px 0 0 0}
body section.contenido.interior .col-left figure,body section.contenido.interior .col-right figure{margin:1em}
body section.contenido article{width:100%;height:auto;min-height:300px;margin:2% 0;position:relative;overflow:hidden;height:150px;}
body section.contenido article .categoria{font-size:1.8em;display:inline-block;color:#fff;text-shadow:0 0 .2em #000,0 0 2.2em #000,0 0 .2em #ccc;font-family:"hm67";position:absolute;top:.4em;left:.4em; } 
body section.contenido article .titulo{display:table;width:100%;height:60px;position:absolute;bottom:0;background-color:rgba(103,191,187,0.65);color:#fff;font-size:1.6em;z-index:5;}
body section.contenido article .titulo span{position:relative;display:inline-block;padding:0 10px;font-family:"fuente3"; height:100%; vertical-align:middle; display:table-cell;line-height:26px} 
body section.contenido article figure width 100% img{max-width:100%;height:auto}
body nav{width:100%;height:60px;background-color:#e1e1e1;margin:0 0 2% 0;}
body nav ul{margin:0;padding:0;width:100%;height:100%;text-align:center;}
body nav ul li{display:inline-block;width:25%;height:100%;margin:0;padding:0;}
body nav ul li.prev,body nav ul li.next{width:7%;margin-left:1%}
body nav ul li.prev a:before{content:"\e607 ";font-family:"Cryanza Font";color:#c8c8c8;font-size:1.3em}
body nav ul li.next a:before{content:"\e608";font-family:"Cryanza Font";color:#c8c8c8;font-size:1.3em}
body nav ul li a{text-decoration:none;color:#2e8e8a;font-size:.8em;width:100%;height:100%;display:inline-block;vertical-align:middle;text-align:center;line-height:60px}
body footer{width:98%;margin:0 1%;overflow:hidden;}
body footer a{text-decoration:none;color:#fff}
body footer .datos{color:#fff;text-align:center;font-size:.9em;margin:10px auto;}
body footer .datos span{font-size:1em}
body footer .datos-xs{width:100%;text-align:left;display:block;margin:10px auto;}
body footer .datos-xs span{float:right}
body footer .derechos{color:#67bfbb;font-size:.7em;text-align:center;margin-top:10px;}
body footer .derechos a{text-decoration:none;color:#67bfbb;font-size:0.6em; float:right}
body footer .logos{display:block;width:50%;margin:10px auto;}
body footer .logos img{margin:0 auto;display:block}
body footer section.redes-footer{display:block;width:80%;text-align:center;margin:20px auto 10px auto;}
body footer section.redes-footer a{color:#fff;text-decoration:none;font-size:1.1em;line-height:1.3em;display:inline-block;margin-left:.6em;}
body footer section.redes-footer a:hover{color:#f6db00}
body footer section.redes-footer a .facebook:before{content:"\e600";font-family:"Cryanza Font"}
body footer section.redes-footer a .twitter:before{content:"\e602";font-family:"Cryanza Font"}
body footer section.redes-footer a .youtube:before{content:"\e601";font-family:"Cryanza Font"}
body footer section.redes-footer a .blog:before{content:"\e60d";font-family:"Cryanza Font"}
body footer section.redes-footer a .pinterest:before{content:"\e603";font-family:"Cryanza Font"}
@media (min-width: 768px){body .wrap{max-width:920px;overflow:hidden;}
body .wrap header{position:relative;}
body .wrap header .logo{width:30%;float:left}
body .wrap header section.redes{width:40%;position:absolute;bottom:5px;right:15px;text-align:right;}
body .wrap header section.redes a{font-size:1.3em}
body .wrap section.portada{margin:1% !important;}
body .wrap section.portada figure.img-portada{max-width:65.7%;float:left;margin:0 1% 0 0 !important}
body .wrap section.portada article.art-destacado{max-width:32.3%;float:left;margin:0 0 0 1% !important}
body .wrap section.banner{margin:1% !important}
body .wrap section.contenido.interior{background-color:#fff;font-family:"fuente3";}
body .wrap section.contenido.interior .col-left{width:50% !important;margin:1%;float:left}
body .wrap section.contenido.interior .col-right{width:46% !important;margin:1%;float:left}
body .wrap section.contenido article{max-width:49%;float:left;}
body .wrap section.contenido article:nth-child(odd){margin:1% 2% 1% 0 !important}
body .wrap section.contenido article:nth-child(even){margin:1% 0 1% 0 !important}
body .wrap nav ul li{display:inline-block;float:left;width:30.5%;}
body .wrap nav ul li.prev,body .wrap nav ul li.next{width:2%;margin-left:1%}
body .wrap nav ul li.sucursales a:before{content:"\e604 ";font-family:"Cryanza Font";padding-right:2%;color:#c8c8c8;font-size:1em}
body .wrap nav ul li.contacto a:before{content:"\e606 ";font-family:"Cryanza Font";padding-right:2%;color:#c8c8c8;font-size:1em}
body .wrap nav ul li.inicio a:before{content:"\e605 ";font-family:"Cryanza Font";padding-right:2%;color:#c8c8c8;font-size:1em}
body .wrap nav ul li.prev a:before{content:"\e607 ";font-family:"Cryanza Font";color:#c8c8c8;font-size:1.5em}
body .wrap nav ul li.next a:before{content:"\e608";font-family:"Cryanza Font";color:#c8c8c8;font-size:1.5em}
body .wrap nav ul li a{width:100%;font-size:1.2em}
body .wrap footer .datos{float:left;text-align:left;line-height:1.2em;span}
body .wrap footer .logos{float:right;}
body .wrap footer .logos img{float:right;max-width:50% !important}
}@media (min-width: 992px){body header{position:relative}
body section.banner{margin:1% !important}
body section.contenido article{max-width:32%;float:left;}
body section.contenido article:nth-child(odd){margin:.65% !important}
body section.contenido article:nth-child(even){margin:.65% !important}
body nav{margin:0 1%;width:98%;}
body nav ul li{display:inline-block;float:left;}
body nav ul li a{width:100%;font-size:1.2em}
body footer{margin:0 1%;width:98%;}
body footer .datos{float:left;text-align:left;line-height:1.3em;font-size:1.2em}
body footer .derechos{font-size:1em}
}@media (min-width: 1200px){&{color:#fff}
}img{border:0;vertical-align:middle}
.img-responsive{display:block;height:auto;max-width:100%}
.clear{clear:both}
.oculto{display:none}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.clearfix{display:inline-block}
html[xmlns] .clearfix{display:block}
* html .clearfix{height:1%}