*{
margin: 0px;

}


html    {
        background-color: #eafff0;
}


body {
    @import url(http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,700italic,700,500,900,500italic);
    color: #112e4a;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    background-color: #eafff0;
}


header {
        background-image: url(exportar-01.jpg); 
        height: 193px;
}

.logo {
        padding-left: 50px;
        padding-top: 25px;
}

.facebook {
      margin-top: -40px;
      margin-right: 900px;
      float: right;
}

.twiter {
     margin-top: -42px;
      margin-right: 850px;
      float: right;
}

.mail {
     margin-top: -42px;
      margin-right: -90px;
      float: right;
}

.instagram {
      margin-top: -42px;
      margin-right: -135px;
      float: right;
}

nav             {
                background-color: #f67459;
                width: auto;
                height: 35px;
                text-align: center;
               
}

ul      {
        
        list-style: none;
        height: 36px;
        text-align: center;
}

nav ul li a {
                    width: 103px;
                    height: 34px;
                    float: left;
                    text-decoration: none;
                    color: #112e4a;
                    list-style: none;
                    line-height: 32px; 
                    font-size: 16px;
                    text-align: center;
}


.contenedorusuario {
                    color:beige;
                    margin-left: 860px;
                    margin-top: 60px;
                    background-color: #112e4a;
                    width: 230px;
                    height: 300px;                  
}

.usuario {
        float: right;
        margin-top: -280px;
        margin-right: 770px;
}

.titulo1 { 
    float: right;
   margin-top: -150px;
    color: beige;
    text-align: center;
    margin-right: 760px;
   
}

.subcontenedor1 {
    float: right;
    margin-right: 760px;
    margin-top: -130px;   
}

.subcontenedor2 {
    float: right;
    margin-right: 760px;
    margin-top: -55px;   
}

.contenedor2 {
         background-color: #112e4a;
         width: 230px;
         height: 70px;
         margin-top: 15px;    
         margin-left: 860px;
         
}

.bocina {
       padding: 5px;     
}

.titulo2 {
        float: right;
        color: #eafff0;
        text-align: center;
        margin-top: -40px;
        margin-right: 5px;        
}

.buscador {
        float: right;
        margin-right: -155px;
        margin-top: 5px;
}

.contenedor3 {
        margin-top: 25px; 
}

.contenedor4 {
        margin-top: 5px;
}

.foto1 {
        margin-top: -380px;
       margin-left: 50px;
        margin-right: 850px;
}


.titular3 {
    width: 300px;
        margin-left: 540px;
        margin-top: -300px;
        margin-right: 550px;
        font-size: 29px;
}

.subtitulo {
    width: 300px;
        margin-left: 540px;
        margin-right: 550px;
        font-size: 18px;
        font-family: 'Roboto', sans-serif; "300italic";
}

.texto {
        width: 300px;
        margin-top: 10px;
        margin-left: 540px;
        font-family: 'Roboto', sans-serif; 200;
        font-size: 16px;
}

.compartir {
        margin-left: 538px;
        margin-top: 40px;
}

.dialogo {
        margin-left: 590px;
        margin-top: -40px;
        margin-right: 720px;
}

.leer {
        color: #6bcbce;
        font-family: 'Roboto', sans-serif; 
        margin-left: 650px;
        font-size: 20px;
        margin-top: -40px;
}

.foto {
        margin-top: 29px;
        margin-left: 50px;
        
}

.titulo4 {
        
        margin-left: 50px;
        font-size: 25px;
}

.texto1 {
        margin-top: 10px;
        margin-left: 50px;
        margin-bottom: 10px;
        font-size: 14px;
        
} 

.compartir1 {
        margin-left: 50px;
}

.dialogo1 {
        margin-left: 90px;
        margin-top: -40px;
        
}

.leer1 {
        color: #6bcbce;
        font-family: 'Roboto', sans-serif; 
        font-size: 20px;
        margin-top: -35px;
        margin-left: 150px;
}

.foto02 {
        margin-left: 295px;
        margin-top: -311px;
                   
}

.titulo5 {
        margin-left: 295px;
        font-size: 23px;
        
}

.texto2 {
        margin-left: 295px;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 14px;
}

.compartir2 {
        margin-left: 300px;
        margin-top: 0px;
}

.dialogo2 {
        margin-left: 350px;
        margin-top: -40px;
}

.leer2 {
        color: #6bcbce;
        font-family: 'Roboto', sans-serif; 
        font-size: 20px;
        margin-left: 400px;
        margin-top: -35px
}

.foto03 {
        margin-left: 538px;
        margin-top: -308px; 
}

.titulo6 {
        font-size: 23px;
        margin-left: 538px;
       
}

.texto3 {
        margin-left: 538px;
    margin-top: 10px;
        margin-bottom: 10px;
        font-size: 14px;
}

.compartir3 {
        margin-left: 538px;
        margin-top: 0px;
}

.dialogo3 {
        margin-left: 580px;
        margin-top: -40px;
}

.leer3 {
        color: #6bcbce;
        font-family: 'Roboto', sans-serif; 
        font-size: 20px;
        margin-top: -35px;
        margin-left: 630px;
}

footer {
        width: auto;
}

.textopie {
        background-color: #5f9ea0;
        color: azure;
        font-size: 13px;
        text-align: center;
        width: auto;
        margin-top: 40px;
        padding: 20px;
}