*{margin: 0; padding: 0;}

body{font-family:"Open Sans",sans-serif; 
    font-size: 14px; 
    background-color: #180D22;}

.contenedor {max-width:980px; 
    margin: 0 auto 0 auto;}

.logo {padding: 5px; 
    width: 10%; 
    position: relative; 
    float: left;}

.banner_home {width: 100%;}

header {border-bottom: #6f6f6f; 
    width: 100%; 
    height: 50px;}

main {width: 980px; 
    position: relative; 
    float: left; 
    background: white;}

nav {font-family: "Open Sans",sans-serif; 
    font-size: 0.9em; 
    height: 50px; 
    padding-top: 50px; 
    width: 85%; 
    position: relative; 
    float: right; color: #ffffff;}

nav ul li {list-style-type: none; 
    display: block; 
    float: right; 
    padding: 6px; 
    margin: 5px; 
    box-sizing: border-box;}

a {text-decoration: none;}

.quienes_somos {color: #EE1848; 
    font-family: "Open Sans", sans-serif; 
    font-weight: 600;
    font-size: 18px; 
    border: 1px dashed; 
    border-color: #180D22; 
    margin: 30px; 
    padding: 15px;}

.somos {color: #04bfbf; 
    font-family: "Open Sans", sans-serif; 
    font-weight: 100;
    font-size: 16px; 
    margin: 10 0 10 0; 
    padding: 10px;}

h1 {color: #180D22; 
    font-family: "Open Sans", sans-serif; 
    font-size: 20px; 
    margin: -20 0 20 30; 
    padding: 20 0 0 0;
    font-weight: 800;
    position: relative; 
    float: left;}

.flechitaylinea {margin 0 0 20 0;
    padding: 0 120 20 0;
    position: relative;
    float: right;}
    

.video1 {weight: 580; 
    height: 350; 
    margin: 0 0 40 30;
    box-sizing: border-box; 
    position: relative; 
    float:left;}

.video2 {weight: 270; 
    height: 160;
    margin: 0 30 40 0; 
    box-sizing: border-box; 
    position: relative; 
    float:right;}

.video3 {weight: 270; 
    height: 160;
    margin: -10 30 30 0; 
    box-sizing: border-box; 
    position: relative; 
    float:right;}

.antesahoradespues {margin 0 30 0 10;
    padding: 0 30 0 285;
    position: relative;
    float: center;}

.videoizquierda {weight: 200px; 
    height: 150px; 
    margin: 5 0 20 15;
    box-sizing: border-box; 
    position: relative; 
    float:left;}

.videomedio {weight: 200; 
    height: 150; 
    margin: 5 0 20 7;
    box-sizing: border-box; 
    position: relative; 
    float:left;}

.videoderecha {weight: 200; 
    height: 150; 
    margin: 5 15 20 0;
    box-sizing: border-box; 
    position: relative; 
    float:right;}

#contenedor_notas {position: relative;
    margin-top: 20px;
    padding: 5px;
    float: left;
    width: 64%;}

.quepasohoy {color: #180D22; 
    font-family: "Open Sans", sans-serif; 
    font-size: 20px; 
    margin: -10 0 0 30; 
    padding: 0 0 20 0;
    font-weight: 800;
    position: relative; 
    float: left;
    width: 100%;}

#notaprincipal {margin: 20 10 30 0;
    position:static;
    float: left;
    width: 98%;
    height: 35.5%;
    border: 1px dashed; 
    border-color: #180D22;}

.notauno {position: relative;
    float: left;
    width: 228px;
    height: 228px;}

#granferia {font-family: "Open Sans", sans-serif;
    font-size: 16px;
    color: #EE1848;
    margin: 10 0 10 10;
    padding: 5px;
    font-weight: 800;
    position: relative;
    float: left;
    weight: 150px;}
    
.cuerpoferia {font-family: "Open Sans", sans-serif;
    font-size: 12px;
    margin: 10 0 9 10;
    padding: 5px;
    font-weight: 400;
    position: relative;
    float: left;
    weight: 200px;
    width: 350px;}

.piedenota {position: relative;
    float:left;
    margin: 17 0 10 0;
    padding: auto;
    width: 386px;}

h2 {color: #180D22; 
    font-family: "Open Sans", sans-serif; 
    font-size: 20px; 
    font-weight: 800;
    position: relative; 
    float: left;
    width: 30%;
    box-sizing: border-box;}

.clima {color: #180D22; 
    font-family: "Open Sans", sans-serif; 
    font-size: 20px; 
    font-weight: 800;
    margin: 10 0 10 10;
    padding: 5 0 0 20;
    position: relative; 
    float: left;
    width: 30%;}

#clima_en_vilo {font-family: "Amatic"; 
    font-size: 33px;
    color: #EE1848;
    text-align: justify;
    margin: 10 20 10 0;
    position: relative;
    float: left;
    width: 280px;}

.pronostico {font-family: "Open Sans", sans-serif; 
    font-size: 13px;
    color: #04bfbf;
    text-align: justify;
    font-weight: 400;
    position:relative;
    margin: 30 0 10 0;
    padding: 50 0 0 0;
    width: 280px;
    min-height: 200px;}


#trescolumnas { width:75%; 
    margin: 0 10 30 37;
    padding: 0px;}


.columna {padding:0px; 
    margin: -25 30 30 0; 
    width:183px; 
    float:left; 
    border: 1px dashed; 
    border-color: #180D22;} 

.notitas {width: 183;
    height: 145;}

h3 {font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #EE1848;
    margin: 10 0 20 10;}

.noticias {font-family: "Open Sans", sans-serif;
    font-size: 11px;
    font-weight: 100;
    color: #180D22;
    margin: 10 10 10 10;
    text-align: justify;}

.piedenota2 {width: 183px;}


.comentarios {color: #180D22; 
    font-family: "Open Sans", sans-serif; 
    font-size: 20px; 
    font-weight: 800;
    position: relative; 
    float: left;
    width: 30%;
    margin: -30 0 0 -10;}

.flechitacomentarios {margin: 5 0 0 50;}

#recuadro {margin: 40 0 0 30;
    width: 240px;
    height: 120px;
    border: 1px dashed; 
    border-color: #180D22;}

.twitter {font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #04bfbf;
    margin: 15 0 5 20;
    position: relative;
    float: left;}
    
.tweet {font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 100;
    color: #180D22;
    margin: 10 20 0 20;
    position: relative;
    float: left;}

.pajarito {position: relative;
    float: left;
    width: 12%;
    margin: -75 5 0 -10;}

.seguinos {font-family: "Open Sans", sans-serif;
    font-size: 20px;
    position: relative;
    float: left;
    color: #180D22;
    margin: 0 0 0 18;}
    
.flechitaylinea2 {margin 0 0 0 0;
    padding: 0 0 0 0;
    position: relative;
    float: left;
    width: 80%;}


#seguinos {width: 80%;
    margin: 0 auto 30 80;
    
}


















.footer{margin: 0 auto 0 auto;
     width: 980px;}