*{font-family: Arial; box-sizing: border-box;}
body {width: 100%; margin: 0 auto;}
.warp {width: 80%; margin: 0 auto;}


header {background-color: #fff; overflow: hidden;}

.logo {position: relative; float: left; max-width: 500px; max-height: 120px;}
.logoimg {position: relative; float: left; width: 100%}

.headersides  {width: 300px; position: relative; float: right; min-height: 120px;}
.envivoimg {position: relative; float: right; margin: 20px 10px 20px 10px; height: 30px;}
.redesimg {position: relative; float: right; margin: 20px 0 0 10px;}
.climaimg {position: relative; float: right; margin: 20px 0 20px 10px; height: 90px;}



nav {background-color: rgb(248,145,30); height: 50px; padding: 4px 10%; margin-bottom: 5px;}
.navmain {font-size: 15px; padding: 0; display: flex; justify-content: space-around;}
.navmain li {display: inline; text-decoration: none; color: #fff;}



main {width: 100%; position: relative; float: left; background: rgb(248,145,30);}

.top {width: 100%; height: auto; margin: 0; padding: 0; position: relative; float: left; overflow: hidden;}
.imghomeheader {width: 100%; height: auto;}



.middle {width: 100%; position: relative; float: left; background: #fff;}

.amiddleleft {width: 40%; height: auto; position: relative; float: left; background: rgb(248,145,30); margin-top: 8px; margin-right: 2%;}
.amiddleone {width: 100%; height: 50px; margin: 0 0 10px 0; position: relative; float: left;}
.blockovera {width: 80%; position: absolute; top: 2px; right: 0; background: rgb(116,165,50); padding: 1%; font-size: 12px; color: rgb(86,51,148); font-style: italic; font-stretch: condensed; font-weight: bold; text-align: right; padding-right: 2%;}
.amiddletwo {width: 100%; max-height: 450px; margin: 0 0 0x 0; position: relative; float: left;}
.amtp {width: 100%; max-height: 140px; position: relative; float: left; overflow: hidden;}
.imgprogramas {width: 100%;}


.amiddleright {width: 58%; height: auto; position: relative; float: right; margin-top: 8px; padding: 0;}
.amiddlethree {width: 100%; position: relative; float: left;}
.homeenvivo  {width: 100%;}
.blockoverb {width: 40%; position: absolute; bottom: 40px; left: 0; background: rgb(116,165,50); padding: 1%; font-size: 12px; color: #fff; font-style: italic; font-stretch: condensed; font-weight: bold; text-align: left; padding-left: 2%;}
.amiddlefour {width: 100%; position: relative; float: left; overflow: hidden; margin-top: 20px;}
.homehoy {width: 100%;}
.blockoverc {width: 43%; position: absolute; top: 5px; right: 0; background: rgb(116,165,50); padding: 1%; font-size: 12px; color: #fff; font-style: italic; font-stretch: condensed; font-weight: bold; text-align: right; padding-right: 2%;}

    
.bottom {width: 100%; position: relative; float: left; }
.homereclamotitulo {width: 100%; padding: 0.02px; background: rgb(116,165,50); font-size: 12px; color: rgb(86,51,148); font-style: italic; font-stretch: condensed; font-weight: bold; text-align: right; padding-right: 2%;}
.homereclamo {position: relative; float: left; width: 25%;}
.imgreclamos {width: 100%;}
.absr {background: rgb(116,165,50); width: 60%; position: absolute; padding-right: 15px; bottom: 25px; right: 0;  font-size: 16px; color: #fff; font-style: italic; font-stretch: condensed; font-weight: bold; text-align: right; }




footer {background-color: rgb(248,145,30); width: 100%; height: auto; position: relative; float: left; padding: 4px 10%;}
.footera {width: 25%; height: auto; position: relative; float: left; margin: 2px 0; padding: 2px;}
.footera img {width: 15%; position: relative; float: left;}
.footera p {position: relative; float: left;}
.footerb {width: 50%; height: auto; position: relative; float: right;}
.footertext {width: 100%; color: #fff; font-size: 9px;}