* {margin: 0; padding: 0}
.contenedor {max-width: 960px; margin: 0 auto 0 auto; margin-top: 70px }
body {font-family:'Lato', sans-serif; background-image:url(imagenes/fondo1.jpg)}

/* HEADER */
header {width: 100%; background: #fff; height: 244px }
.floatright1{position: relative; float: right;margin-top: 10%}
.posicionabsoluta{ position: absolute; margin-top: 2%}

.bordesredondeados{border-radius:112px}
.tituloprincipal{font-size:1.6em; word-spacing: 16px; font-weight: bolder;color: #46509D; letter-spacing: 3px;}
.menu {margin-top: 4%}
.menuboton:hover{color: #67BC93; background-color: #F3C9E0;}
header nav {width:80%}
header nav ul {list-style-type: none;}
header nav ul li {display:inline;}
header nav ul li a { color: #F3C9E0; text-decoration: none; font-size: 0.90em; font-weight:bolder;padding: 2% }


.floatright{float: right; position: relative}
.floatleft{float: left; position: relative}

.ancho15{width: 15%}
.ancho65{width:65%}
.ancho66{width:66%}
.ancho60{width:60%}
.ancho40{width:40%}

.margin10{margin-top:10%}
.margin2{margin-top:2}
.marginleft5{margin-left: 5%}
.marginleft15{margin-left: 15%}


/* MAIN */
main {width: 100%;border-top: 1px solid #F3C9E0; background-color: #fff}

/* SECTION */
section { background-color: #fff;  min-height: 300px;  padding-top: 45px; position:relative; float:left}
.titulogrande{line-height: 47px; font-size: 1em; font-weight: bold;letter-spacing: 1px; word-spacing: 5px;color:#67BC93}
.titulos  {color: #67BC93;font-size:0.89em;line-height: 1px;font-weight: bold; padding-top: 3%;}
.texto{ line-height: 22px;font-size: 0.8em; width: 60%;  ; color:#46509D;  padding-top: 3%}


/* ASIDE */
aside { background: #fff; min-height: 345px }

/* FOOTER */
.separador {width: 100%; clear: both}
.texto2{font-size: 10px}
footer {width: 100%; height: 111px; background: #fff}
footer p { font-size: 0.7em; margin-left: 10%; padding-top: 5%;color:#67BC93}




/*RESPONSIVE TELEFONO*/
@media screen and (max-width: 320px){
    
    *{transition: 1s}
    .r320 {display: none}
    .r320si {display: inline}
   .ancho100-320{  position: relative;
  float: left;
 width: 100%;margin-left: 2%;}
    header nav ul li {display: block;padding: 1%%}
    header nav ul li a {display: block;}  

    header{height:470px}
    .ancho50-320{height: 145px;  margin-top: 10%}
    
}
    



@media screen and (max-width: 480px){
    
    *{transition: 1s}
    .r480 {display: none}
    .r480si {display: inline}
   .ancho100-480{width: 100%}
  
}