/* ============================ */

        *{margin:0;padding:0;}
        a{text-decoration:none;border:none;}
        a img{border:none;}
        ul{list-style:none;}
        p{font-family:Arial, Helvetica, sans-serif;font-size:11px;}
        h1{font-family:segoe ui;font-size:18px;}
        .verde{color:#0262af;}
        *{margin:0;padding:0;border:0;list-style:none;text-decoration:none;color:#333;}
        input, select{color:#666;
        border-radius:6px 6px 6px 6px;
        -moz-border-radius:6px 6px 6px 6px;
        -webkit-border-bottom-left-radius:6px;
        -webkit-border-bottom-right-radius:6px;
        -webkit-border-top-right-radius:6px;
        -webkit-border-top-left-radius:6px;
        }
        
        img{
          border-radius:6px 6px 6px 6px;
        -moz-border-radius:6px 6px 6px 6px;
        -webkit-border-bottom-left-radius:6px;
        -webkit-border-bottom-right-radius:6px;
        -webkit-border-top-right-radius:6px;
        -webkit-border-top-left-radius:6px;
        }
        
        /* ============ BODY =============== */
        
        body{
          text-align:center;
          font-family: 'Noto Sans', sans-serif;
          font-size:12px;
          color:#fff;
          background-position:top center;
          background:#1f1f1f url(../img/wall.jpg) repeat-x;
          background-position:center top;
          overflow-x: hidden;
        }
        #container{
          width:971px;
          margin:0px auto;
          text-align:center;
        
        }
        
        #topo{
            margin-top:3.0em;
            float: left;
            width: 100%;
        }
        
        #banners{
            margin-top: 30px;
            float:left;
            position: relative;
            clear: both;
            width: 100%;
        }
        
        #banners ul{
            float:left;
            position: relative;
        }
        
        
        #banners ul li{
            float:left;
            position: relative;
            margin: 10px 10px 30px 10px;
        }
        
        #banners ul li img{
            width: 300px;
        }
        
        h1{
            color:#fff;
            font-weight: 100;
            font-size: 35px;
            margin-top:30px;
            font-weight: bold;
        }
        
        h2{
            color:#fff;
            font-weight: 100;
            font-size: 20px;
            margin-top:20px;  
            font-weight: lighter;
        }
        


/* *********************************************************** 
   ******************** >> 2.0 medium << **************************** 
   *********************************************************** 
   *********************************************************** 	
*/


@media screen and (max-width:1200px){
    body{
    }

}


/* *********************************************************** 
   ******************** >> 3.0 minimal << **************************** 
   *********************************************************** 
   *********************************************************** 	
*/
@media screen and (max-width:480px){
    body{
    }
}


/* *********************************************************** 
   ******************** >> 3.0 << **************************** 
   *********************************************************** 
   *********************************************************** 	
*/


@media screen and (max-width:800px){
    body{
    }
    #topo{
        margin: 0;
        padding: 0;
        margin-top: 20px;
    }

    #banners{
        margin: 0;
        padding: 0;
    }
        #container{
            width:100%;
            margin:0px auto;
            text-align:center;
          
          }

          #banners ul li{
            width: 25%;
            padding: 0;
            margin:0;
          }
                  #banners ul li{
            float:left;
            position: relative;
            margin: 10px 10px 30px 10px;
        }
        

          #banner ul li img{
            width: 100%;
          }
    
          h1{
            color:#fff;
            font-weight: 100;
            font-size: 2.0em;
            font-weight: bold;
            margin: 0;
        }
        
        h2{
            color:#fff;
            font-weight: 100;
            font-size: 1.2em;
            margin-top:20px;  
            font-weight: lighter;
        }
        
        #container a img{
            width: 50%;
        }
}