html, body
{
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'Lato', sans-serif;
        background-repeat: no-repeat;
    background-color:#ffffff;
    background-position: center top;
        background-image: url(background-1500-550.jpg);
}
img 
{ 
    border: 0 
}
.clear
{
    clear: both
}
.clear60
{
    clear: both;
    padding: 30px 0;
}
.clear20
{
    clear: both;
    padding: 20px 0;
}
p
{
    margin: 0;
    padding: 0;
}


/* header */
.header
{
        margin: 0;
    padding: 0;
    width: 100%;
    z-index: 0;
}
/* menu */
.menu
{
   margin: 0 auto; 
   background: #fff;
       display: block;
   
}
.menu ul
{
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    
}
.menu ul > li
{
    float: left;
    margin: 0;
    padding: 28px 0;
    color: #1061af;
    font-weight: 700;
    text-align: center;
    cursor: pointer
}
.menu ul > li:hover
{
        color: #eea23e;
}
.menu ul > li a
{
        color: #1061af;
    font-weight: 700;
    text-decoration: none;
}
.menu ul > li a:hover
{
        color: #eea23e;
}
.menu .logo
{
    padding: 0;
    margin: 20px 0;
}
.menu .contact
{
    float: right;
    margin: 20px;
    font-weight: 700;
    font-size: 24pt;
}
.scroll_menu
{
    margin: 0 auto;
    padding: 0;
    border: 0;
}
.scroll_menu_button
{
    display: block;
    padding: 24px;
    margin: 0;
    color: #fff;
    cursor: pointer
}
.scroll_menu_button:hover
{
    opacity: 0.9
}
.green
{
    background: #2eac2f;
}
.orange
{
    background: #f8932f;
}
.blue
{
    background: #50abd8;
}
.red
{
    background: #f81919;
}


/* PAGE ONE */




/* CONTACT FORM */
.contact_form
{
    background: #f8932f;
    margin: 0 auto;
    width: 100%;
    color: #fff;
    padding: 0;
}
.contact_form input[type="text"]
{
    width: 90%;
    border: 0;
    padding: 5px;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-weight: 300;
    font-size: 12pt;
    line-height: 18pt; 
    background: #f8932f;
}
.contact_form textarea
{
    width: 90%;
    border: 0;
    padding: 5px;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-weight: 300;
    font-size: 12pt;
    line-height: 18pt; 
    resize: none;
    height: 150px;
    background: #f8932f;
}
.contact_form input[type="button"]
{
    border: 2px solid #fff;
    color: #f8932f;
    font-size: 12pt;
    border-radius: 3px;
    background: #fff;
    padding: 8px 10px;
    text-align:center;
    font-family: 'Lato', sans-serif;
    margin: 20px 0;
    cursor: pointer;
    width: 90%;
}

.mapa
{
    width: 100%;
    margin: 0 auto;
    height: 350px;
    display: block;
}
#google-maps 
{
        width: 100%;
        height: 350px;
}

.pit_bg
{
    margin: 0;
    padding: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center 0;
    background-image: url(pit_bg.jpg);
    height: 340px;
}
.footer
{
    margin: 0;
    padding: 0;
    width: 100%;
    background: #2096d1;
    color: #fff;
}

/* menu */

.credits
{
    margin: 0 auto;
    font-size: 8pt;
    color: #ccc;
    text-align: center;
}
.credits a
{
    color: #ccc;
}
.scroll-downtown
{
    text-align: center;
}
.social_media
{
    display: block;
    position: fixed;
}
.social_media > .social_item
{
    margin: 0;
    text-align: center;

    padding: 20px;
    background: #6a636a;
}
.social_media > .facebook
{

}
.social_media > .google
{
    
}