*{margin: 0; padding: 0;}



body {background: #f5f8e5; width: 1200px; margin: auto;}
    
     

header  {  height: 95px; width: 100%; margin: 20px 0 0 0;}  





nav ul { list-style-type: none; margin: 40px 0 0 0 ; position: relative; float: left; width: 583px; height: 28px;}


nav ul li {display: inline; margin: 0 0 0 0; padding: 0 0 0 0;}


.botonera1 {font-family: sans-serif; font-size: 20px; color: #1ca7ec; padding: 0 20px 0 15px; text-decoration: none; border-right: solid #514f4e 1px;}

.botonera2 {font-family: sans-serif;  font-size: 20px; color: #ee8915; padding: 0 20px 0 20px; text-decoration: none; border-right: solid #514f4e 1px;}

.botonera3 {font-family: sans-serif;  font-size: 20px; color: #70a225; padding: 0 20px 0 20px; text-decoration: none; border-right: solid #514f4e 1px;}

.botonera4 {font-family: sans-serif; font-size: 20px; color: #41277e; padding: 0 20px 0 20px; text-decoration: none; border-right: solid #514f4e 1px;}
    
    
.contenedor {max-width: 960px; margin: 0 auto 0 auto; clear: both;} 



.logoheader {margin: 20px 0 0 0; padding: 0 ; position: relative; float: left;}



.buscador {margin: 34px 158px 0 0; padding: 0 ; position: relative; float: right;}



.lupa {margin: -30px 157px 0 0; padding: 0 ; position: relative; float: right;}


.seguinos {margin: 0px 0 0 0; padding: 0 ; position: relative; float: right;}



h1 {position: relative; float: left; font-family: sans-serif; font-size: 26px; color: #74a52f; margin: 10px 0 0 121px;}








.fb {position: relative; float: right; margin: -28px 56px 0 0px; padding: 0 0 0 0;}






.tw {position: relative;float: right; margin: -29px 26px 0px 0;}


.g {position: relative; float: right; margin: -28px -2px 0 0;}


 
h3 {position: relative; float: right; font-family: sans-serif; font-size: 15px; color: #70a225; margin: -21px 79px 0 20px; padding: 0 0 0 0;}



.climacuadro {position: relative; float: right ;margin: -41px 11px 0 114px ; padding: 0 0 0 0;}




.cuadro {width: 81%; height: 49px; margin: 25px 0 0 73px; position:relative; float: left; padding: 0 10 5 0; border:  solid #74a52f 2px; background: #e6eec4;}

.slogan {position: relative; float;}


.nosotros { width: 960px; margin:0; padding: 15px 0 0 0 ;position: relative; float: left;}


.quienessomos {background:#74a52f ; opacity: 0.5; margin: 194px 0 0 15px; width: 36%; height: 219px; position:absolute; float: left; padding: 0 20px 0 0 ;}


.recuadrovilo {border:  solid #74a52f 2px; position:relative;float: left; margin: -400 10px 0 3; padding: 0 10px 0 0; width: 940px; height:393px;} 

.col1 {position: relative; float: left;  margin: 0 0 0 0; padding: 0 0 0 0 }


.texto {font-family: sans-serif; font-size: 15px; color: #fff; margin: 245px 0 0 15px; width: 34%; position:absolute; float: left; padding: 0 20px 0 20px;}



h2 {font-family: sans-serif; font-size: 30px; color: #fff; position: absolute;  float: left; margin: 210px 0 0 33px;padding: 0 0 0 0;} 



.info { font-family: sans-serif; font-size: 15px; color: #fff;  position: absolute; float: right; margin: 220px 3px 0 214px;}



.portada {width: 10%; margin:0 0 0 309px; position: relative; float: left; object-position: center;  padding: 12px 0 0px 123px;}



.col2 {width: 25% ; position: relative; float: left; margin: 42px 0 0 -530px; padding: 0 0 0 0 ;}


.noticia1 { position: relative; float: left; margin: 0 0 0 0; padding: 0 0 0 0;}


.noticia2 { position: relative; float: left; margin: 206px 0 0 0; padding: 0 0 0 0;}


.videos {background:#c7db91 ; margin:0 260px 0 0; width: 30%; height: 362px; position:relative; float: right; padding: 0 20px 0 0 ;}


.video1 { position: absolute; float: right; margin: 6px 0 0 4px; padding: 0 0 0 0 ; height: 99px; width: 46%;}
.losmasvistos { position: relative; float: left; margin: 41px 0px 0 -135px; padding: 0 0 0 0;}
.mas { position: relative; float: right; margin: 37px 259px 0 0px; padding: 0 0 0 0;}

.video2 { position: absolute; float: right; margin: 6px 0 0 161px; padding: 0 0 0 0;height: 99px; width: 46%;}
.video3 { position: absolute; float: right; margin: 112px 0 0 4px; padding: 0 0 0 0;height: 99px; width: 46%;}
.video4 { position: absolute; float: right; margin: 112px 0 0 161px; padding: 0 0 0 0;height: 99px; width: 46%;}
.video5 { position: absolute; float: right; margin: 219px 0 0 4px; padding: 0 0 0 0;}


.viloonline { position: relative; float: left; margin: -25px 0px 0 0px; padding: 0 0 0 0;}
.mas2 { position: relative; float: left; margin:-28px 0px 12px 192px; padding: 0 0 0 0;}

.online {background:#edb57e ; margin:-361px 0 12px 0; width: 21%; height: 188px; position:relative; float: right; padding: 0 20px 0 0 ;}


.noticia3  { position: relative; float: right; margin: -165px 0px 0 0;padding: 0 0 0 0; width: 23%;height: 167px;}


.tweets {  position: absolute; float: right; margin: 9px 0 2px -217px; padding: 0 0 0 0;}



footer {width: 960px;  height: 50px;  margin: 938px auto 0 auto; background: #c0c1bf; }



#legales {width: 960px; font-family: sans-serif; font-size: 10px; color:#060706; margin: 0 0 0 0; padding: 55px 0 0 0 ; text-align: center;}




.navpie { margin: 0 0 0 78px; position: relative;float: left; font-family: sans-serif;font-size: 15px; color: #1ca7ec; padding: 4px 20px 0 0; text-decoration: none; border-right: solid #514f4e 1px 5px;}






.navpie nav ul {list-style-type: none;padding: 0 0 0 50px ;margin: 11px 0 0 0;position: relative; float: left; width: 583px; height: 28px;}


.navpie nav ul li {display: inline; }


.navpie nav ul li a {color: #060706; text-decoration: none;}



.contacto1 {font-family: sans-serif;font-size: 13px; color: #060706;padding: 0 15px 0 10px; text-decoration: none; border-right: solid #514f4e 1px;}

.contacto2 {font-family: sans-serif; font-size: 13px; color: #ee8915; padding: 0 15px 0 15px; text-decoration: none; border-right: solid #514f4e 1px;}



.contacto3 {font-family: sans-serif; font-size: 13px; color: #70a225;padding: 0 15px 0 15px; text-decoration: none; border-right: solid #514f4e 1px;}

.contacto4 {font-family: sans-serif; font-size: 13px; color: #41277e; padding: 0 15px 0 15px; text-decoration: none; border-right: solid #514f4e 1px;}

.contacto5 {font-family: sans-serif;  font-size: 13px; color: #41277e; padding: 0 15px 0 15px; text-decoration: none;}