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:135px 0;}
span.naranja{ color:#f2652e;}
i.naranja{ color:#f2652e; }
.redes{ padding-top:3%; border:dotted; border-color:#07b3a8; height:610px;}
.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);}
/* timeline */
.timeline { list-style: none; position: relative;}
.timeline:before { top: 0; bottom: 0; position: absolute; content: ""; width: 3px; background-color: #ffffff; left: 9.5%; margin-left: -1.5px}
.timeline > li { margin-bottom: 20px; position: relative; width:95%;}
.timeline > li:before, .timeline > li:after {content: ""; display: table}
.timeline > li:after {clear: both;}
.timeline > li:before, .timeline > li:after {content: ""; display: table}
.timeline > li:after {clear: both;}
.timeline > li > .timeline-panel {width: 85%; border: 1px solid #d4d4d4; background-color:#FFFFFF; border-radius: 2px; padding: 30px; position: relative; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);}
.timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent;border-left: 15px solid #ccc; border-right: 0px solid #ccc; border-bottom: 15px solid transparent; content: ""}
.timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent;
 border-left: 14px solid #fff; border-right: 0px solid #fff; border-bottom: 14px solid transparent; content: ""}
.timeline > li > .timeline-badge {color: #fff; width: 50px; height: 50px; line-height: 50px; font-size: 2em; text-align: center; position: absolute;top: 16px; left: 10%; margin-left: -25px; z-index: 100; border-top-right-radius: 50%; border-top-left-radius: 50%;border-bottom-right-radius: 50%; border-bottom-left-radius: 50%;}

.timeline > li > .timeline-panel-xs {width: 90%; border: 1px solid #d4d4d4;	font-size:0.7em; background-color:#FFFFFF; border-radius: 2px; padding: 30px; position: relative; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);}
.timeline > li > .timeline-badge-xs {color: #fff; width: 30px; height: 30px; line-height: 30px; font-size: 1em; text-align: center; position: absolute; top: 2px; left: 20%; margin-left: -25px; background-color: #07b3a8; z-index: 100; border-top-right-radius: 50%;
border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%;}
.timeline > li.timeline-inverted > .timeline-panel { float: right;} 
.timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0;  border-right-width: 15px;  left: -15px;  right: auto; } 
.timeline > li.timeline-inverted > .timeline-panel:after {  border-left-width: 0;  border-right-width: 14px;  left: -14px;  right: auto; }   .timeline-badge.info {  background-color: #07b3a8 !important; } .timeline-badge.crema {background-color: #c0b786 !important; } .timeline-badge.celeste {background-color: #a3d9d0 !important; } .timeline-badge.naranja {background-color: #f2652e !important; } .timeline-badge.marron {background-color: #6e614b !important; }
.timeline-body > p, .timeline-body > ul {  margin-bottom: 0; }   .timeline-body > p + p { margin-top: 5px;  }  @media (max-width: 767px) {  ul.timeline:before { left: 40px;  }   ul.timeline > li > .timeline-panel { width: calc(100% - 90px); width: -moz-calc(100% - 90px); width: -webkit-calc(100% - 90px);  }   ul.timeline > li > .timeline-badge { left: 15px; margin-left: 0; top: 16px;  }   ul.timeline > li > .timeline-panel { float: right;  }  ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; }  ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } }