@import url('http://fonts.googleapis.com/css?family=Oswald:400,700');
body {background: #58a5d3 url(imgen/1233.jpg) no-repeat center -25px fixed; font-family: "Oswald"; color: #1c294a;}


nav ul{display: flex;
    flex-flow: row;

    padding:0;}
 

nav ul li{order: 1,2,3,4,5,6; margin: auto;
padding: auto;
list-style: none;
margin-top: 7px;
margin-bottom: 7px;}

nav ul li a {margin: 0 auto; text-decoration: none; color:#1c294a;
font-size: 20px;
}


header {background-color: #FFF; width: 100%; height: 100%;
}

a:hover{ 
color:#FFF; 
} 


.logo {margin-top: 20px;
margin-left: 100px;
width: 270px;}

.atencion {margin-top: 55px;
    margin-right: 100px;
    float: right;
    width: 100px;}

.nav2 {margin-left: -20px;margin-top: -16px;background-color: #EFBE78;}

nav {text-align: center;background-color: #17e8f4;
margin-bottom: -20px;

}

.pagina{max-width: 100%; margin: auto;}

.caja {color: #1c294a;
   background-color: rgba(211,211,211,0.6);
text-align: center;}

.p1 {width: auto; height: auto; margin-top: 320px; font-size: 25px;}



.sec1 {width: auto; height: auto; background-color: #58a5d3;
display: flex;
flex-flow: row;
margin: 0 auto;
margin-top: 30px;
   

}
.art1 {width: 43%; height: auto;
order: 0;
margin: auto;
padding: auto;
margin-right: 20px; margin-left: 20px; margin-top: auto; margin-bottom: 20px;
color: #1c294a;
}



.cinta{width: 53%; height: auto;
float: right;
}

.pare{width: 32%; height: auto;
float: right; margin-right: 40%; margin-top: 10%;}


.ED {font-size: 40px;color: #B47D17;}

.sec2 {width: auto; height: auto; background-color: #58a5d3;
display: flex;
flex-flow: row;
margin: 0 auto;
margin-top: -60px;}

.h1 {width: 80%; height: auto;
order: 1;
margin: auto;
padding: auto;
margin-right: 20px; margin-left: 20px; margin-top: 20px; margin-bottom: 20px;
color:#1c294a;
}
.h2 {width: 80%; height:auto;
order: 2;
margin: auto;
padding: auto;
margin-right: 20px; margin-left: 0px; margin-top: 20px; margin-bottom: 20px;
color: #1c294a;
}

.h3 {width: 80%; height:auto;
order: 3;
margin: auto;
padding: auto;
margin-right: 60px; margin-left: 0px; margin-top: 20px; margin-bottom: 20px;
color: #1c294a;
}

.h1,.h2,.h3,.h4,.h5,.h6 {font-weight: 100;}

footer {text-align: center; font-size: 15px; background-color: #17e8f4;}