* {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(img/fondo.jpg)}

/* HEADER */

.headerindex {width: 100%; background: #fff; height: 244px }
.headerpropuesta {width: 100%; background: #fff; height: 50px}
.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: #69BBB1; letter-spacing: 3px;}
.menu {margin-top: 4%}
.menuboton:hover{color: #69BBB1; background-color: #2E2C2F;}
header nav {width:80%}
header nav ul {list-style-type: none;}
header nav ul li {display:inline;}
header nav ul li a { color: #e66261; text-decoration: none; font-size: 0.90em; font-weight:bolder;padding: 2% }
nav ul {list-style-type: none;}
nav ul li {display:inline;}
nav ul li a { color: #e66261; text-decoration: none; font-size: 0.90em; font-weight:bolder;padding: 2% }

h1{ font-size: 1.5em;
    word-spacing: 16px;
    font-weight: bolder;
    color: #e66261;}

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

.ancho15{width:15%}
.ancho65{width:65%}
.ancho66{width:66%}
.ancho60{width:50%}

.fotote{margin-top:0%;}
.marginleft5{margin-left:5%;}
.marginleft15{margin-left:5%;}


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

/* SECTION */
.sectionindex {position:relative; float:left;}
section { background-color: #fff; padding-top: 20px;}
.titulogrande{line-height: 50px; font-size: 1em; font-weight: bold;letter-spacing: 1px; word-spacing: 5px;color:#69BBB1;}
.titulos  {font-size:0.89em;line-height: 1px;font-weight: bold; padding-top: 3%;}
.texto{ line-height: 22px;font-size: 0.8em; width: 60%;  ; color:#2E2C2F;  padding-top: 3%;}


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

/* 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: 9%; margin-right: 10%; padding-top: 5%;color:#69BBB1;}


/*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%;}
  
}

/*
.misrutasbarra {background-color: #50BDEA;}
.mapabarra {background-color: #F4B61B}
.rutaespbarra {background-color: #69BBB1}
.informesbarra {background-color: #e66261; }
background-color: #e6ebe9
color: #2E2C2F