html, body{height:100%;width:100%; font-family: 'Roboto', sans-serif;}
body{position: relative;}
h1, h2, h3, h4, h6{font-family:Roboto;margin:20px 0;font-weight: 500;}
h1{font-size:60px}
p{font-size:1.5em; font-weight: 200; }
ul{padding:0}
li{list-style:none}
a:hover, a:active{text-decoration:none;}
a{color:#c9302c;}
.no-display{display:none;}
a:focus, a:hover{color:#c9302c; text-decoration: underline;}
section{padding:3em 0;}
span.azul{ color:#07b3a8;}
i.azul{ color:#07b3a8; opacity: 0.5;}
.redes{ padding-top:3%; border:dotted; border-color:#fbc643; height:650px;}
.fondo{padding:3em 0;}
.fondo.gris{background:#f0efe9}
.difusion {padding:2%; background-color:#f0efe9;}
.enlace {word-wrap: break-word;}
/* Back to Top */
#back-to-top{position:fixed;bottom:0px;right:0px;z-index:9999;width:100px;height:100px;text-align:center;line-height:55px;color:#fff;cursor:pointer;text-decoration:none;transition:opacity 0.2s ease-out;opacity:0;font-size:25px;}
#back-to-top:hover{color:#000000;}
#back-to-top.show{opacity:1;}
#back-to-top .fa { right: -18px; bottom: -45px; position: relative; color:rgba(52,115,119);}
#back-to-top:hover .fa{ color: #fff;} 
/*footer*/
footer { border-top: 2px solid rgba(66,147,152,1);}
.footerlogome { padding: 15px 5px; box-shadow: none;}
/*  zigzag */
.zigzag {content ''; position:absolute; width: 100%; height: 15px; display: block; background: linear-gradient( -45deg, transparent 33.33%, #f0efe9 33.33%, #f0efe9 66.66%, transparent 66.66%), linear-gradient( 45deg, transparent 33.33%, #f0efe9 33.33%, #f0efe9 66.66%, transparent 66.66%); background-size:  30px 60px; transform:rotateX(180deg);}
.hora {background-color: #f7e7e8;
padding: 0.5em;
font-size: 1.5em;
font-weight: 800;
}

.charla{
background-color: #f9e4b4;
padding: 1em;
min-height: 325px;
}

.scrollable-menu {
    height: auto;
    max-height: 300px;
    overflow-x: hidden;
}

.areas #map{height:520px;}