.pagina {max-width: 960px;
        margin: 0 auto;
        background: #b73d48;}

body {margin: 0;
    background: #C44D58;
    font-size: 14px;
    font-family: Helvetica LT Std, Helvetica Neue LT Std, Myriad Pro, Myriad, sans-serif;
    color: #43505B;}

header {width: 100%;
        height: 120px;
        margin: 0 auto;}

.logo {margin: 2% 0 2% 2%}

nav {width: 80%;
    height: 35px;
    display: inline-block;
    float: right;
    margin: 45px 0 auto 0;}

nav article {
width: 12%;
height: 35px;
background: #C7F464;
float: right;
margin: 0 1% 0 1%;
}

nav article h1 {margin: 9% auto;
                text-align: center;
                color: #43505B;
                font-size: 1rem}

main {width: 100%;
    margin: 0 auto;}
    
section {background: #9FDDD7;
    width: 96%;
    margin: 0 auto;
    font-size: 1rem;
}

.articulo1 {width: 55%;
                padding: 2%;
                margin: 1%;
display: inline-block}

.articulo2 {width: 30%;
float: right;
    padding: 2%;
                margin: 1%;
}

section article h1 {font-size: 1.5em;
                    font-weight: bold;
                    margin-top: 0.4rem;
                    margin-bottom: 0.4em;}

section article h2 {font-size: 1.2em;
                    font-weight: normal;
                    margin-top: 0.4em;
                    margin-bottom: 0.4em;}

section article span {font-style: italic}

section article p {font-size: 1em;
                    font-weight: normal;
                    margin-top: 0.4em;
                    line-height: 1.5em;}

footer {background: #556270;
        width: 100%;
        min-height: 45px;
        margin-top: 2%;}

footer p {font-size: 0.8rem;
        font-style: italic;
        color: #AFE0DA;
        text-align: center;
        width: 96%;
        margin: auto;
        padding-top: 0.4rem;}
		
#mapa {
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
	margin: 0 auto;
}	

.main-mapa {
	height: auto;
	background: rgba(255, 248, 231, 0.94);
}	

.plan {
width: 55%;
padding: 2%;
margin: 1%;
display: inline-block;
}


@media screen and (max-width: 768px) {
        body {font-size: 12px}
    header {height: 170px;}
    nav {float: left;
        margin: 0;
        width: 100%
        }
    nav article {float: left;
                margin: 0 1% 0 2%;
                width: 16%;}
    section {font-size: 0.8rem;} 
    nav article h1 {font-size: 0.8rem}
    section article{ width: 80%;
                    padding-left: 0.8rem;
                    font-size: }
	#mapa  img{
		padding-top: 30px;
		text-align: center;
		min-width: 100%;
		width: 100%;
		height: auto;
	}	
    .articulo2 {float: none}
    
}