*{
margin:0;
padding:0;
}

html{
    background-image: url(imagenes/fondo.png);
}

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

header{
    max-width: 100%;
    height: 60px;
    position: relative;
    float: none;
}

header nav {
    width: 853px;  
    font-size: 18px;
}

header nav ul {
    list-style-type: none;
    position: relative;
    float: right;
    padding-top: 45px;
    margin-right: 142px;
}

header nav ul li {
    padding: 0px;
    display: inline;
}

header nav ul li a {
    color: #ed3952;
    text-decoration: none;
    font-family: 'Roboto Condensed', sans-serif; font-weight: 700;
    margin: 0px 0px 0px 10px;
}

.logo {
    position: relative;
    float: left;
    margin: 6px 0 50px 4px;
}

.redes {
    position: relative;
    float: right;
    margin: 37px 0 0 0;
}

.linea {
width: 960px;
height: 12px;
position: absolute;
top: 36px;
right: -1px;}

.separador {
width: 100%;
clear:both;
}

.texto h1{
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
font-size: 50px;
color: #fff;
position: absolute;
top: 250px;
left: 300px;
background-color: #5aa1c2;
}

.texto p{
background-color:#5aa1c2;
width: 370px;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
color: #fff;
position: absolute;
top: 400px;
left: 300px;
}

.flechader{
position: absolute;
top: 156px;
right: 100px;
}

.flechaizq{
position: absolute;
top: 156px;
left: 100px;
}

main {
width:100%;
margin-top: 31px;

}

.slide {
width: 961px;
height:432px; 
}

section {
width: 69%;
min-height: 600px; 
position: relative; 
float: left;
}


.seccion {
width: 636px;
height: 29px;
position: absolute;
top: 0px;
right: 26px;}

.novedades{
width: 637px;
height: 32px;
position: absolute;
top: 208px;
right: 13px;}

section article {
width: 46%;
min-height: 348px;
position: relative;
float: left;
margin-top: 38px;
margin-right: 26px;
margin-bottom: 33px;
box-sizing: border-box;
border-color: #492881;
display: block;
border: solid 1px;
}

.seccion1 h3{
font-family: 'Roboto Condensed', sans-serif; font-weight: 700;
color: #fff;
position: absolute;
top: 4px;
left: 10px;
}

.seccion2 h3{
font-family: 'Roboto Condensed', sans-serif; font-weight: 700;
color: #fff;
position: absolute;
top: 419px;
left: 10px;
}

.seccion3 {
font-family: 'Roboto Condensed', sans-serif; font-weight: 700;
color: #fff;
position: absolute;
top: -1px;
left: 5px;
background-color:#492881;
width: 294px;
height: 29px;
}

.bordes{
border-color: 492881;
}

section article h3{
color: #ed3952;
margin: 15px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;

}

section article p {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
margin: 15px;}

section article a{
font-size: 13px;
color: #492881; 
text-decoration: none; 
font-family: 'Roboto Condensed', sans-serif;
font-weight: 500;
margin: -6px 10px 0 0;
position: relative;
float: right;
}


aside{
    width: 31%;
    min-height: 400px;
    position: relative;
    float: right;
}

aside a{
position: absolute;
top: 21px;
font-family: 'Roboto Condensed', sans-serif; font-weight: 500;
font-size: 89px;
color: #492881;
}

aside p{
font-family: 'Open Sans', sans-serif;
font-size: 12px;
position: absolute;
top: 324px;
left: 5px;
}

.boton{
font-family: 'Roboto Condensed', sans-serif; 
font-weight: 700;
color: #fff;
font-size: 13px;
background-color: #ed3952;
width: 10px;
height: 10px;
}


footer{
background: #ed3952;
width: 936px;
height: 38px;
margin-top: 40px;
}
footer div {
color: #fff;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 300;
}




