* {margin: 0; padding: 0}

@import url(https://fonts.googleapis.com/css?family=Dosis:300,700,500,800);

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


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


/* HEADER */
header {width: 990px;
        max-width: 40rem;
        margin: 0 auto;
        text-align: center;}

hr {color: #d8566a;}

.centrado {width: 990px;
           max-width: 40rem;
           margin: 0 auto;
           text-align: center;}

.carrera {color: #d8566a;
          font-size: 1.2rem;
          letter-spacing: 6px;}

.menuboton {padding: 0.5rem;}
.menuboton:hover{color: #d8566a; 
                 background-color: #eec9f3;}


.tituloprincipal{font-size:1.6rem; 
                 word-spacing: 16px; 
                 font-weight: bolder;
                 color: #d8566a; 
                 letter-spacing: 2px;}

.menu {margin-top: 2rem;
       color:#d8566a }

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: 1rem; 
                     font-weight:bolder;
                     padding: 4rem;}




.logo {width: 990px;
       max-width: 40rem;
       margin: 0 auto;}




/* 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:#d8566a;
              margin: 0rem 0rem 0rem 6rem;
              }

.titulos  {color: #d8566a;
          font-size:0.89em;
          line-height: 1px;
          font-weight: bold; 
          padding-top: 3%;
          margin: 0rem 0rem 0rem 6rem;           }


.texto{ line-height: 22px;
        font-size: 0.8em; 
        width: 60%;  ; 
        color:#d8566a;  
        padding-top: 3%;
        margin: 0rem 0rem 0rem 6rem;}


/* 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:#d8566a}





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