@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,300);
@import url(https://fonts.googleapis.com/css?family=Amatic+SC:400,700);

*{ margin: 0; padding: 0;}

html{ background-image: url(img/fondo.jpg); font-size: 16px;}

body{ font-family: 'Roboto', sans-serif;}

header{ height: 185px; background: #7a97bc; }

h1 {font-family: 'Amatic SC', cursive; font-weight: 400; 
   text-align: center; font-size: 5rem; padding-top: 2%;}

.tituloprincipal {color: #fff;}

section{ background: #ede7dd; min-height: 270px; padding: 5%;} 

nav { background: #f8bca1; width: 100%; min-height: 100px; 
    box-sizing: border-box; } 

nav a {text-decoration: none; font-family: 'Roboto', sans-serif; 
      font-weight: 400; font-size: 0.875rem; display: inline-block;
      padding: 0.85rem; color: #3e3d3d }

nav a:hover { background: #fa6e2e; color: #fff;}

article {float:left;}

aside { margin-left:-2rem; padding-top:-2rem; float:left;}

.foto { margin: 1rem 8rem 1rem 8rem;}

footer { clear:both; background: #7a97bc; text-align: center;
       min-height: 20px; padding: 2%;}

a {text-decoration: none; color:  #3e3d3d;}

p {font-family: 'Roboto', sans-serif; font-weight: 700; 
  font-size: 0.875rem; margin-top: 0.5rem;color:#3e3d3d;}

.light {font-family: 'Roboto', sans-serif; font-weight: 400;}

 
.pie { color: #fff; padding: 1%; font-family: 'Roboto', sans-serif; 
     font-weight: 300; font-size: 0.7rem; }

.t2 { font-size: 2.5rem; font-family: 'Amatic SC', cursive; font-weight: 700; 
      margin: 0rem 8.5rem 0.5rem 8.5rem; color:#7a97bc;}

.t3 { font-size: 2rem; font-family: 'Amatic SC', cursive; font-weight: 700;
     color:#7a97bc; }

.t4 { font-size: 1.5rem; font-family: 'Amatic SC', cursive; font-weight: 700;
     margin-top: 0.5rem; color:#3e3d3d; } 

.contenedor {max-width: 960px; margin: 0 auto;}

.seccionpropuesta {background: #ede7dd; min-height:465px; padding: 5%;} 

.col1 {width: 50%;}

.texto1 {font-family: 'Roboto', sans-serif; font-weight: 400; 
    font-size: 0.875rem; margin-top: 0.5rem;}

.bold {font-family: 'Roboto', sans-serif; font-weight: 700;}

.apartado {width: 40%; position: relative; float: left; margin-left: 10%;}

.botonguia {margin-top: 10px; background: #f8bca1; padding:0.85rem; width: 28%; }

.botonguia:hover { background: #fa6e2e; color: #fff;}