@import url(http://fonts.googleapis.com/css?family=Roboto:500,400italic,700italic,700,500italic,400);


.global {
        width: 800px;
        margin: 0px;
        margin-left: auto;
        margin-right: auto;
        padding: 0px;
        font-family: "Roboto", sans-serif;
       
}


html    {
        background-color: #fcfbf8;
        background-image: url(fondopuntos.png);
       
}
       

body    {
        /*background-color: #fcfbf8;*/
        color: #1b475f;
        font-family: "Roboto", sans-serif; 
        margin: auto;
        margin-left: 150px;
        margin-right: 150px;
               
}
       
     

header  {
        background-color: #206286;
        height: 200px;
}


.banner a   {
            text-decoration: none;
}
   
nav             {
                background-color: #0e3a52;
                padding: auto;
                width: 800px;
                height: 40px;
                text-align: center;
                margin-right: auto;
}


ul      {
        padding-left: 0px;
        padding-right: 0px;
        list-style: none;
        width: 800px;
        height: 40px;
        text-align: center;
        margin-top: -5px;
}
    
    
header nav ul li    {
                    width: 133px;
                    height: 40px;
                    float: left;    
                    color: #2983b2;
                    line-height: 40px;
                    font-family: "Roboto", sans-serif; 
                    font-size: 12px;
                    text-align: center;
                                       
}

nav ul li a {
                    width: 133px;
                    height: 40px;
                    float: left;
                    text-decoration: none;
                    color: #2983b2;
                    list-style: none;
                    line-height: 40px; 
                    font-family: "Roboto", sans-serif;
                    font-size: 12px;
                    padding-left: auto;
                    padding-right: 5px;
                    text-align: center;

}




nav ul li a:hover {
                         color: #ed795d;
}



.contenedor1    {
                background-color: #efb73b;
                height: 405px;
                width: 390px;
                float: left;
                margin-top: 0px;
                margin-bottom: auto;
            
}



main img    {
            width: 100%;
            height: 100%;
}
   
            
.contenedor2    {
                background-color: #fcfbf8;
                height: 400px;
                margin-left: 400px;
                margin-top: 60px;
                padding-left: 15px;
                padding-top: 5px;
                
}

.contenedor3    {
                background-color: #ed795d;
                color: #f7e8d5;
                height: 100px;
                width: 360px;
                float: left;
                margin-top: 10px;
                padding-right: 15px;
                padding-left: 15px;
                padding-top: 5px;
                padding-bottom: 15px
                    
}

.contenedor4    {
                background-color: #427996;
                color: #f7e8d5;
                height: 100px;
                margin-left: 400px;
                margin-top: 10px;
                padding-right: 15px;
                padding-left: 15px;
                padding-top: 5px; 
                padding-bottom: 15px;

}

header img  {
            margin-top: 20px;
            margin-left: 30px;
            width: 40px;
            height: 40px;
}

h1 {
    font-family: "Roboto", sans-serif;
    font-size: 90px;
    margin-top: -40px;
    margin-right: 30px;
    text-align: right;
    color: #ed795d;
    text-decoration-line: none;
    text-decoration: none;
    
}


h2  {
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    margin-top: 10px;
}


h3  {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    text-align: right;
    margin-top: -50px;
    margin-right: 30px;
    color: #f7e8d5;
}


h4  {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    text-align: right;
    margin-top: -15px;
    margin-right: 30px;
    color: #f7e8d5;
}
    
    
   
h5  {
    font-family: "Roboto", sans-serif;
    font-size: 18px;

}


h6  {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    margin-top: 10px;
}
    
    
    
h7  {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 500;
    margin-top: -10px;

}


h8  {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 500;
}
       
                
.subtitulo1 {
            font-family: "Roboto", sans-serif;
            font-size: 18px;
    
}  

.subtitulo2 {
            font-family: "Roboto", sans-serif; 
            font-size: 18px;
}
            

.parrafo1   {
            font-family: "Roboto", sans-serif; 
            font-size: 14px;
            margin-top: -20px;

}

.parrafo2   {
            font-family: "Roboto", sans-serif;
            font-size: 14px;
            margin-top: -20px;
}

.parrafo3   {
            font-family: "Roboto", sans-serif;
            font-size: 13px;
            margin-top: -10px;
}


.contenedorpropuesta    {
                        background-color: #fcfbf8;
                        margin-top: 60px;
                        padding: 15px;
}
                        
            
.parrafopropuesta1   {
                    font-family: "Roboto", sans-serif;
                    font-weight: 500;
                    font-size: 14px;
                    margin-top: 20px;
}


.parrafopropuesta2  {
                    font-family: "Roboto", sans-serif;
                    font-size: 13px;
}
                    
.pantalla1  {
            margin-top: 20px;
}
       

.pantalla2  {
            margin-top: 20px;
}


.pantalla3  {
            margin-top: 20px;
}

.pantalla4  {
            margin-top: 20px;
}

.pantalla5  {
            margin-top: 20px;
}


main a   {
            color: #1b475f;
            text-decoration: none;
        
}


footer {
        background-color: #0e3a52;
        margin-top: 40px;
        padding: 10px;
      
} 
   

.textopie {
          color: #fcfbf8;
          font-family: "Roboto", sans-serif;
          font-style: italic;
          font-size: 10px;
          margin-top: auto;
          text-align: center;
    
}