/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
    background-image: url(../imagenes/fondo.jpg);
    background-size: 100%;
    width: 100%;
    background-repeat: no-repeat;
}
.contenedor{
    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
    overflow:hidden;
}
ol, ul {
	list-style: none;
}
p{
    font-family: 'Open Sans', sans-serif;
}
li{
    font-family: 'Open Sans', sans-serif;
}
h1, h2{
    font-family: 'Open Sans', sans-serif;
}
a{
    font-family: 'Open Sans', sans-serif;
}
#linea{
    background-color: #19255A;
    padding: 0.3% 0%;
}
#header{
    background-color: rgba(255, 255, 255, 0.88);
    padding: 2% 1%;
}
.logo{
    margin: 0% 10%;
    clear: both;
    float: left;
}
nav{
    margin: 1% 0%;
    padding: 0% 5%;
}
nav ul{
    text-align: right;
}
nav li{
    display: inline-block;
}
nav img{
    width: 6%;
    padding: 0% 3%;
}
nav a{
    text-decoration: none;
    color: black;
}
nav a:hover{
    color: darkgoldenrod;
    text-decoration: underline;
}
#contenido{
    padding: 12% 0%;
    background-size: 100%;
    text-align: center;
}
.contenido p{
    padding: 3% 0%;
}
.contenido a{
    font-size: 200%;
    padding: 1%;
    color: white;
}
.contenido ul{
    text-align: right;
}
.contenido li{
    display: inline-block;
    padding: 1%;
}
.contenido a{
    font-size: 92%;
    color: black;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.78);
    padding: 1% 2%;
    border-radius: 50%;
}
.contenido a:hover{
    color: darkgoldenrod;
    text-decoration: underline;
}
.contenido img{
    width: 27%;
}
.contenido p{
    color: white;
    width: 100%;
    font-size: 80%;
}
#footer{
    background-color: rgba(255, 255, 255, 0.75);
    padding: 1% 0%;   
    text-align: center;
}
.legal p{
    font-size: 100%;
    font-stretch: expanded;
}
.legal h2{
    font-size: 55%;
    font-style: italic;
    
}
@media screen and (max-width: 1080px){
    .contenido img{
        padding: 2% 0%;
    }
}

@media screen and (max-width: 810px){
    body {
    background-image: url(../imagenes/fondo.jpg);
    background-size: 270%;
    background-repeat: no-repeat;
    
    } 
    .contenido p{
        font-size: 120%;  
    }
    .contenido a{
        padding: 3% 4%;    
    }
    .contenido img{
        width: 60%;
        margin: 10% 0%;
    }
    .logo{
        padding: 1% 28%;
        float: center;
    }
    #contenido{
        margin: 22% 10%;
    }
    nav{
        padding: 0% 36%;
        float: center;
    }
    #footer{
        padding: 3% 0%;
    }
    @media screen and (max-width: 600px){
    body {
    background-image: url(../imagenes/fondo.jpg);
    background-size: 330%;
    background-repeat: no-repeat;
    } 
    .contenido img{
        width: 70%;
        margin: 20% 0%;
    }
    .logo{
        padding: 0% 23%;
        align-content: center;
    }
    nav{
        padding: 0% 22%;
    }
    .contenido{
            padding: 5% 0%;
    }
    .contenido a{
        padding: 3% 10%;    
    }
    .contenido p{
        font-size: 104%;  
    }
    
    
}