@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/LATO_1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/LATO_1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Regular.ttf');
}


/* Reset */

* {
    margin: 0px;
    padding: 0px;
}

.clearFix { clear: both; }

/* Container */

#container {
    margin: 50px auto;
    width: 960px;
}



/* Red */

/* Navigation First Level */

#nav {
	position: absolute;
display: block;
font-family: "Lato";
font-size: 16px;
font-weight: 300;
height: 35px;
top: 0px;
z-index: 2;
/* width: 100%; */
margin-left: 340px;
width: auto;
right: 0px;
left: 0px;
}
/*UL */

#nav ul {
    background: transparent;
    background-color: #CF4F27;
    height: 35px;
    list-style: none;
}

#nav li ul {
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    background: #8d8d8d;
    display: none;
    height: auto;
    margin-left: -3px;
    position: absolute;
    width: 210px;
}

#nav li {
    float: left;
    padding: 0px;
}

#nav li a {
    -webkit-border-radius: 6px;
    background: transparent;
    color: #fff;
    display: block;
    height: auto;
    line-height: 35px;
    padding: 0px 25px;
    text-align: left;
    text-decoration: none;
}

#nav li a:hover {
    -webkit-border-radius: 3px;
    background: #f7a22f;
    color: #FFFFFF;
    height: auto;
    text-decoration: none;
}

/* Navigation Second Level */

#nav li:hover ul { display: block; }

#nav li li:hover { font-weight: 800; }

#nav li li {
    display: block;
    float: none;
    width: 210px;
}

#nav li ul a {
    display: block;
    height: auto;
    padding: 0px 10px 0px 25px;
    text-align: left;
}






/* Red */

/* Navigation First Level */

#nav_red {
    font-family: "Lato";
    font-size: 15px;
    font-weight: 300;
}

#nav_red ul {
    background: #cfcfcf;
    height: 40px;
    list-style: none;
}

#nav_red li {
    float: left;
    padding: 0px;
}

#nav_red li a {
    background: #cfcfcf;
    color: #333;
    display: block;
    line-height: 40px;
    padding: 0px 25px;
    text-align: center;
    text-decoration: none;
}

#nav_red li a:hover {
    background: #915fa6;
    color: #FFFFFF;
    text-decoration: none;
}

/* Navigation Second Level */

#nav_red li ul {
    background: #222;
    display: none;
    height: auto;
    position: absolute;
    width: 210px;
}

#nav_red li:hover ul { display: block; }

#nav_red li li:hover { font-weight: 800; }

#nav_red li li {
    display: block;
    float: none;
    width: 210px;
}

#nav_red li ul a {
    display: block;
    height: 40px;
    padding: 0px 10px 0px 25px;
    text-align: left;
}







/* Slim */

/* Navigation First Level */

#nav_slim {
    font-family: "Lato";
    font-size: 14px;
    font-weight: 300;
}

#nav_slim ul {
    -webkit-border-radius: 4px;
    background: #84b41f;
    border: 3px solid #84b41f;
    height: 25px;
    list-style: none;
}

#nav_slim li {
    float: left;
    padding: 0px;
}

#nav_slim li a {
    -webkit-border-radius: 4px;
    background: #84b41f;
    color: #333;
    display: block;
    line-height: 25px;
    padding: 0px 25px;
    text-align: center;
    text-decoration: none;
}

#nav_slim li a:hover {
    -webkit-border-radius: 2px;
    background: #315907;
    color: #FFFFFF;
    text-decoration: none;
}

/* Navigation Second Level */

#nav_slim li ul {
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    background: #84b41f;
    display: none;
    height: auto;
    margin-left: -3px;
    position: absolute;
    width: 210px;
}

#nav_slim li:hover ul { display: block; }

#nav_slim li li:hover { font-weight: 800; }

#nav_slim li li {
    display: block;
    float: none;
    width: 210px;
}

#nav_slim li ul a {
    display: block;
    height: 25px;
    padding: 0px 10px 0px 25px;
    text-align: left;
}