html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}
@font-face{
	font-family: 'Roboto-Regular';
	src:url('Roboto-Regular.ttf') ;
}
header{
	font-family: Roboto-Regular, serif;
	line-height: 140%;
	margin-left: 70px;
	margin-right: 70px;
	margin-top: 0;
	background-color: #E5776E ;
	padding-top: 0px;
	padding-bottom: 30px;
}
h1,h2{
	text-shadow: 2px 2px white;
	text-align: center;
	padding-top: 3%;
	margin-bottom: 	5px;
}
section{
   
	background-color: #D4E6F1;
}
#navegador ul{
	width:100%;
	position:fixed;
   list-style-type: none;
   text-align: center;
   display: inline-block;
  


}
#navegador li{
   display: inline;
   text-align: center;
   margin: 0 10px 20px;
   border-radius: 10px;
   border:solid 1px;

}

#boton1{
	height: 70%;
	width: 20%;
	padding-bottom:20px;
	padding-right:10px;
	padding-left:10px;
	background-color: #FF9;
	float: left;
	margin-right: 0px;
	cursor:pointer;
}
#boton1:hover{
	color:#C8A55B ;
}
#boton2{
	height: 40%;
	width: 20%;
	padding-bottom:20px;
	padding-right:10px;
	padding-left:10px;
	background-color: #CCF;
	position: relative;
	float: left;
	margin-left: 30px;
	margin-right: 30px;
	cursor:pointer;
}
#boton2:hover{
	color:#5972BA  ;
}
#boton3{
	height: 40%;
	width: 20%;
	padding-bottom:20px;
	padding-right:10px;
	padding-left:10px;
	margin-right:0px;
	float: left;
	background-color: #CFC;
	cursor:pointer;
}
#boton3:hover{
	color:#59BA7C;
}
iframe{
	height: 80%;
    display: -webkit-flex;
    display: flex;
    flex-flow: row;
    padding-top:15%;
    padding-left:17%;

}
.imgSVG{
	width:50%;
	height:70%;
	padding-right:10%;
	padding-left:20%;
	padding-top:10%;
}