header, footer, aside, nav, hgroup, article, section { display: block; }

html, body{
	background-color: white;
	color: white;
	font-family: Helvetica, sans-serif;
}

a{
	margin: 0px;
}

.page {
max-width: 90%;
margin-left: 5%;
margin-right: 5%;
    
 }

header {
	height: 11rem;
	background-color: white;
}

img {
    max-width: 80%;
    height: auto;
}

.logo {
	width: 40%;
    float: left;
}

nav.botonera-header {
	float: right;
    margin-top: 7rem;
    margin-left: 0,5rem;
    background-color: white;
    display: block;

	}

ul{
    list-style: none;
    padding: 0px -10px 0px 10px;
    margin: 0px -20px 0px 10px;
}

.botonera-header li{
	display: inline;
    float: left;
    margin-right: 1rem;
    margin-bottom: 1rem;
    padding: 1% 4%;
	border: 2px;
	background-color: #F7883C;
	border-style: solid;
	border-color: white;
	text-transform: uppercase;
	font-family: Arial;
	font-weight: bold;
	font-size: 70%;
	border-radius: 7px;
}


nav.botonera-header li:hover{
    color:white;
	background-color: orange;
	display: block;
	}

aside {
	font-size: 70%;
	padding: 3% 2%; margin: 0 0 2% 0;
	color: #F7883C
}

section {
	width:70%;
	font-size: 90%;
	padding: 3% 2%; margin: 0 0 2% 0;
	color: #F7883C;

}

footer {;
	border: 1px;
	padding: 10px;
	float: left;
	text-align: center;
	font-size: 70%;
	background-color: #F7883C;
	color: white;
	clear: both;
	width: auto;
}

#nosotras {
	display: inline-block;
	margin-bottom: -4px;
	padding: 20px;
	height: 100px;
	width: 920px;
	background-color: white;
	text-align: center;
}

#im1 {
		border-radius: 25px;
}

#im2{
		border-radius: 25px;
}

#mariana {
	display: block;
	float: left;
	text-align: center;

	width: 46%;
	margin: 1px;
	padding: 10px;
	border: 1px;
	font-size: 70%;
	border-style: solid;
	border-color: #F7883C;

}

#car {
	display: block;
	float: right;
	text-align: center;

	width: 46%;
	margin: 1px;
	padding: 10px;
	border: 1px;
	font-size: 70%;
	border-style: solid;
	border-color: #F7883C;
}


#mapa{
	float: center;
	width: 125%;
}

.historial {
	border: 1px;
	padding: 10px;
	float: left;
	text-align: center;
	font-size: 70%;
	background-color: #F7883C;
	color: white;
	clear: both;
	width: auto;
}

@media only screen and (min-width : 768px) {
	.botonera-header{
	  width: 49%;
	  float:right;
	  margin-right: 1rem;

	}

	section{
	  width: 65%;
	  float:right;
	  margin-right: 1rem;


	}

	aside{
	  width: 19%;
	  float:left;
	  margin-right: 1rem;
	  clear: both;
	}



/*

li{
	display: inline-block;
	margin: 2px 15px;
	padding: 1% 5%;
	border: 2px;
	background-color: #FDF498;
	border-style: solid;
	border-color: white;
	text-align: center;
	text-transform: uppercase;
	font-family: Arial;
	font-weight: bold;
	float: left;

}

aside{
	display: block;

}

#contenedor{
	width: 960px;
	margin: 0 auto;
	background-color: white;
}



a {
    color: #4161AD;
}

*/