:root {
  --tipo1: 'Lora', serif;
  --tipo2: 'Roboto', sans-serif;
}

*{font-family: var(--tipo2); }
h1,h2,h3,h4,h5{font-family: var(--tipo1);letter-spacing:-1pt;}
body{background: #e2e2e2; } /*316faa*/
a{text-decoration: none;}
h1{font-size:1.8rem}
h2{font-size:1.6rem}
h3{font-size:1.4rem}
h4{font-size:1.2rem}
h5{font-size:1rem}

.container{width: 100%; max-width:1300px;}

#c1{display:none;}
#c2{width: 100%;}
#c3{display:none;}
.pub { margin-bottom:15px; width:100%}

.geo{width:100%; min-height:45px;}
.geo .icon, .geo .data{float:left;}.geo .icon{width:30px;}
.geo .icon i{font-size:2em;margin-right:5px;color:#ff9900;float:left;}
.geo .data{font-size:.7em;line-height:1.2em;width:calc(100% - 30px); padding-top:5px;}
.geo .data span{margin-left:3px;margin-right:3px;color:#ccc;}

#ea {background-color: #00A8CC; padding:5px 10px; color: #fff; box-shadow: 5px 5px 5px #999; padding-bottom:20px; padding-right:20px;}
.ud {font-weight:bold;}
.udt{text-transform: uppercase; font-size: .8em; text-align: right; font-weight: normal;}
.ead{text-align: center;}
.eat{font-size: 7em; letter-spacing: -.1em; line-height: .9em;}
.ead div.st span{font-size:1.3em; font-weight:bold; letter-spacing: -.1em; line-height: 1em;color:#ff9900; font-weight:bold; }
.ead div.es{font-size:1.4em; line-height: 1em;}
.earc{padding-left:30px; padding-right:20px; padding-top:20px;}
.ear{border-bottom:1px dotted white; padding-left:20px; padding-right:10px;}
.lles{font-size: .8em;}
#pro {background-color: #00A8CC; color: #fff; box-shadow: 5px 5px 5px #999; padding:10px 0px 10px 0px; margin-bottom:30px; margin-top:20px; }
#pro .d {line-height:1.5em; text-align:left;font-size:1em;}
#pro .d div, #pro .d span{font-size:1.5em;text-align:left;}
#pro .t {line-height:1.6em; text-align:center;font-size:.8em}
#pro .t div.min{font-size:2.3em;font-weight:bold;color:#ff8d58;}
#pro .t div.max{font-size:2.3em;font-weight:bold;color:#cdffff;}
#pro .x{padding-top:20px;}
#pro .i img{width:90%; }
#pro .i {font-size:.8em; line-height:1em;text-align:center;}
#pro .h{margin-top:20px;}

#hor {margin-bottom:20px; max-height: 170px; overflow-y: hidden;}
#data {background-color: #00A8CC; color: #fff;}
#data .dia {background-color: #15519b; color: #fff;}
#data td {text-align:center; color: #fff;}
#data td .hh {font-size:0.8em;}
#data td .tt {font-weight:bold;}

.grab{cursor: -webkit-grab; cursor: grab;}

.row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y));  margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x));}

@media (min-width: 768px){
.container{padding-right: 1.5rem; padding-left: 1.5rem; margin:auto;} 
#c1{width:320px!important; display:block; margin-right:20px;}
#c2{width: calc(100% - 340px)!important;}
}	
