/**********************************************
* Resolution independent styles
*********************************************/

/* Reset */
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var { background: transparent; border: 0 none; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; }
ol, ul { list-style: none; }

/* HTML5 reset */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; }
mark, rp, rt, ruby, summary, time { display: inline }

/* Custom fonts */
/*@font-face  {
    font-family: 'ModernPictogramsNormal';
    src: url('fonts/modernpictograms/modernpics-webfont.eot');
    src: url('fonts/modernpictograms/modernpics-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/modernpictograms/modernpics-webfont.woff') format('woff'),
         url('fonts/modernpictograms/modernpics-webfont.ttf') format('truetype'),
         url('fonts/modernpictograms/modernpics-webfont.svg#ModernPictogramsNormal') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

@font-face {
    font-family: 'PTSansBold';
    src: url('fonts/ptsans/PTS75F-webfont.eot');
    src: url('fonts/ptsans/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ptsans/PTS75F-webfont.woff') format('woff'),
         url('fonts/ptsans/PTS75F-webfont.ttf') format('truetype'),
         url('fonts/ptsans/PTS75F-webfont.svg#PTSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansItalic';
    src: url('fonts/ptsans/PTS56F-webfont.eot');
    src: url('fonts/ptsans/PTS56F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ptsans/PTS56F-webfont.woff') format('woff'),
         url('fonts/ptsans/PTS56F-webfont.ttf') format('truetype'),
         url('fonts/ptsans/PTS56F-webfont.svg#PTSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansRegular';
    src: url('fonts/ptsans/PTS55F-webfont.eot');
    src: url('fonts/ptsans/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ptsans/PTS55F-webfont.woff') format('woff'),
         url('fonts/ptsans/PTS55F-webfont.ttf') format('truetype'),
         url('fonts/ptsans/PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Proper box model */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


/**********************************************
* General styles
*********************************************/

::-moz-selection  {  }
::selection  {  }

a {  
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

a:hover {  }
a:active {  }
a:visited {  }

address {  }

aside {  }

html { overflow-y: scroll; }

body {
    min-width: 990px;
    margin: 0 auto;
    font: normal normal 13px/1.5 Arial, Helvetical, sans-serif;
    color: #141414;
}

blockquote {  }

button { cursor: pointer; }
button:hover {  }
button:active {  }

caption, th, td { vertical-align: middle; }

h1 {  }
h2 { font-family: PTSansRegular; color: #4F960D; font-size: 24px; margin-bottom: 10px; font-weight: normal; line-height: 1.3; margin-left: -1px; position: relative; }
h2:before { content: ""; width: 8px; height: 23px; position: absolute; background-color: #9ED54C; left: -24px; top: 2px; display: inline-block; }
h3 { font-family: PTSansRegular; color: #4F960D; font-size: 18px; margin-bottom: 10px; font-weight: normal; line-height: 1.3; margin-left: -1px; }
h4 {  }
h5 {  }
h6 {  }

i, em {  }

img {  }

input, select, textarea {  }

input[type=radio] {  }
input[type=checkbox] {  }

label {  }

li {  }


select {  }
select option {  }

table { border: 0; border-spacing: 0; empty-cells: show; }

textarea { resize: none; }

ul, ol { margin-bottom: 10px; }
ul.indent, ol.indent { margin-left: 5px; }
ul.bullet li { list-style: disc; margin-left: 15px; }
ol.number li { list-style: decimal; margin-left: 15px; }

input[type="submit"]:hover, label:hover, select:hover { cursor: pointer; }
*:focus {outline: none;} /* remove Chrome focus */
input[type="text"] { cursor: text; }

.inline li { display: inline; float: left; }
.nomargin { margin: 0 !important; }
.hidden { display: none; }

.group:before, .group:after { content: ""; display: table; }
.group:after { clear: both; }
.group { zoom: 1; }
.noborder { border: none; }

.float-left { position: relative; float: left; }
.float-right { float: right; position: relative; }

.clear, .clear-both { clear: both; }
.clear-right { clear: right; }
.clear-left { clear: left; }

p { margin-bottom: 10px; }
.strong, strong, b { font-weight: bold; }
.italic, italic, i { font-style: italic; }
u { text-decoration: underline; }
.normal { font-weight: normal; }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }

.img-left { float: left; margin: 4px 10px 4px 0 }
.img-right { float: right; margin: 4px 0 4px 10px }

.lowercase { text-transform: lowercase; }
.uppercase { text-transform: uppercase; }
.sup, sup { font-size: 66%; position: relative; top: -4px; }

.cursor-pointer { cursor: pointer; }
.cursor-default { cursor: default; }

.table { display: table; }
.row { display: table-row; }
.cell { display: table-cell; }

hr.dotted {
    border: none;
    border-bottom: 1px dotted #777;
    clear: both;
    display: block;
    height: 1px;
    text-align: left;
    width: 100%;
    margin: 15px 0;
}

/* footerfix */
html, body { height: 100%; }
div.wrap { height: auto !important; min-height: 100%; margin-bottom: -10px; }
div.footerfix, div.footer-wrap { height: 70px; }

/* layout */
div.header-wrap, div.content-wrap, div.footer-wrap { width: 100%; }
div.header, div.content, div.footer, div.bg-home div.slogan { width: 75%; max-width: 1600px; min-width: 990px; margin: 0 auto;  }

/* Custom styles */
/*aside, div, dl, fieldset, footer, form, header, iframe, nav, ul, ol, section, table { clear: both; float: left; width: 100%; }*/

/* header */
div.header-wrap { border-bottom: 1px solid #ddd; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.033); }
body.home div.header-wrap { border-bottom: none; }
header { height: 110px; position: relative; }

/* logo */
h1.logo a {
    display: inline-block;
    margin-top: 15px;
    float: left;
    margin-left: -12px;
}
h1.logo a:hover { opacity: 0.8; }

/* main nav */
nav.main { float: right; position: relative; top: 60px; right: -15px; }
nav.main ul li a {
    text-decoration: none;
    color: #141414;
    font-size: 15px;
    font-family: 'PTSansRegular', sans-serif;
    padding: 8px 15px 6px;
    line-height: 1;
    text-align: center;
    min-width: 100px;
    display: inline-block;
}

nav.main ul li .nav-selected {
    background-color: #9ED54C;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3),
                inset 0 0 4px rgba(0, 0, 0, 0.03);
    color: #fff !important;
    text-decoration: none !important;
}

nav.main ul li a:hover { color: #59A70E; text-decoration: underline; }

/* lang nav */
nav.lang { position: absolute; right: -10px; top: 10px; }
nav.lang ul li a { font-size: 11px; color: #999; padding: 10px; text-decoration: none; }
nav.lang ul li a.active { color: #141414; }
nav.lang ul li a:hover { text-decoration: underline; color: #141414; }

div.bg-home {
    background: #1D5F00 url('images/bg-home.jpg') center top no-repeat;
    height: 250px;
    width: 100%;
}

div.bg-home ul { 
    background-color: rgba(0, 0, 0, 0.48);
    text-align: center;
}

div.bg-home ul li { 
    font-family: PTSansItalic;
    font-size: 15px;
    color: #fff;
    padding: 0 6px;
    line-height: 30px;
    padding-top: 5px;
    display: inline-block;
    float: none;
}

div.bg-home ul li:after { content: "::"; margin-left: 12px; }
div.bg-home ul li:last-child:after { display: none; }

div.bg-home div.slogan p { 
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    position: relative;
    top: 25px;
    left: 50px;
    width: 360px;
    line-height: 1.5;
}

div.bg-home div.slogan p span { 
    display: block;
    font-size: 25px;
    font-family: PTSansItalic;
    line-height: 1.3;
}

div.bg-home div.slogan a.textlink { color: #9ED54C; }
div.bg-home div.slogan a.textlink:hover { color: #BEFF5C; }

/**********************************************
* Content
*********************************************/

div.content {
    background-color: transparent;
    position: relative;
    top: 0px;
    padding: 25px 30px 25px 68px;
}

body.home div.content { background-color: #fff; top: -25px; padding-left: 30px; }

body { background: url('images/bg-texture.png') 0 110px repeat-x; }
body.home { background-position: 0 358px; }

body.home div.content section.intro p:first-of-type:first-line { font-weight: bold; }

body.home div.content:before, body.home div.content:after {
    content: "";
    position: absolute;
    top: 0;
    width: 10px;
    height: 178px;
    background: transparent url('images/bg-home-shadow-left.png') 0 0 no-repeat;
}

body.home div.content:before { left: -10px; }
body.home div.content:after { background-image: url('images/bg-home-shadow-right.png'); right: -10px; }

/**********************************************
* Footer
*********************************************/

footer { border-top: 1px dotted #999; padding-top: 12px; }

footer, footer ul li a {
    color: #5C5C5C;
    font-size: 11px;
}

footer ul li a {
    margin: 0 10px;
    text-decoration: none;
}

footer ul li a:hover {
    text-decoration: underline;
    color: #59A70E;
}

footer p { float: left; }

footer ul { float: right; position: relative; right: -10px; }

/**********************************************
* Links and buttons
*********************************************/

a.textlink { text-decoration: underline; color: #52990C; }
a.textlink:hover { color: #9ED54C; }

.button, .button {
    border: none;
    padding: 5px 12px;
    background-color: #9ED54C;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3),
                inset 0 0 4px rgba(0, 0, 0, 0.03);
    color: #fff !important;
    text-decoration: none !important;
    font-size: 12px;
    margin: 5px 5px 5px 0;
    display: inline-block;
}

.button:hover, .button:hover {
    background-color: #80BA29;
    box-shadow: none;
}

.button:active, .button:focus {
    background-color: #46830C;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5),
                inset 0 0 4px rgba(0, 0, 0, 0.05);
}

/**********************************************
* Responsive styles
*********************************************/

/* Smartphones */
@media only screen and (max-width: 469px)  {

}

/* Large smartphones */
@media only screen and (min-width: 470px) and (max-width: 699px)  {

}

/* Tablets and landscape large smartphones */
@media only screen and (min-width: 700px) and (max-width: 1000px)  {

}

/* Desktop screens */
@media only screen and (min-width: 1200px) and (max-width: 1499px) {

}

/* Large screen */
@media only screen and (min-width: 1500px) and (max-width: 1799px) {

}

/* Very large screen */
@media only screen and (min-width: 1800px) {

}

/**********************************************
* Grid
*********************************************/

/*
    Variable Grid System (Fluid Version).
    Learn more ~ http://www.spry-soft.com/grids/
    Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/

    Licensed under GPL and MIT.
*/

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 { width: 92%; margin-left: 4%; margin-right: 4%; }

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display:inline; float: left; position: relative; margin-left: 1%; margin-right: 1%; }

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha { margin-left: 0; }
.omega { margin-right: 0; }

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 { width:6.333%; }
.container_12 .grid_2 { width:14.667%; }
.container_12 .grid_3 { width:23.0%; }
.container_12 .grid_4 { width:31.333%; }
.container_12 .grid_5 { width:39.667%; }
.container_12 .grid_6 { width:48.0%; }
.container_12 .grid_7 { width:56.333%; }
.container_12 .grid_8 { width:64.667%; }
.container_12 .grid_9 { width:73.0%; }
.container_12 .grid_10 { width:81.333%; }
.container_12 .grid_11 { width:89.667%; }
.container_12 .grid_12 { width:98.0%; }

/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 { padding-left:8.333%; }
.container_12 .prefix_2 { padding-left:16.667%; }
.container_12 .prefix_3 { padding-left:25.0%; }
.container_12 .prefix_4 { padding-left:33.333%; }
.container_12 .prefix_5 { padding-left:41.667%; }
.container_12 .prefix_6 { padding-left:50.0%; }
.container_12 .prefix_7 { padding-left:58.333%; }
.container_12 .prefix_8 { padding-left:66.667%; }
.container_12 .prefix_9 { padding-left:75.0%; }
.container_12 .prefix_10 { padding-left:83.333%; }
.container_12 .prefix_11 { padding-left:91.667%; }

/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 { padding-right:8.333%; }
.container_12 .suffix_2 { padding-right:16.667%; }
.container_12 .suffix_3 { padding-right:25.0%; }
.container_12 .suffix_4 { padding-right:33.333%; }
.container_12 .suffix_5 { padding-right:41.667%; }
.container_12 .suffix_6 { padding-right:50.0%; }
.container_12 .suffix_7 { padding-right:58.333%; }
.container_12 .suffix_8 { padding-right:66.667%; }
.container_12 .suffix_9 { padding-right:75.0%; }
.container_12 .suffix_10 { padding-right:83.333%; }
.container_12 .suffix_11 { padding-right:91.667%; }

/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 { left:8.333%; }
.container_12 .push_2 { left:16.667%; }
.container_12 .push_3 { left:25.0%; }
.container_12 .push_4 { left:33.333%; }
.container_12 .push_5 { left:41.667%; }
.container_12 .push_6 { left:50.0%; }
.container_12 .push_7 { left:58.333%; }
.container_12 .push_8 { left:66.667%; }
.container_12 .push_9 { left:75.0%; }
.container_12 .push_10 { left:83.333%; }
.container_12 .push_11 { left:91.667%; }

/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 { left:-8.333%; }
.container_12 .pull_2 { left:-16.667%; }
.container_12 .pull_3 { left:-25.0%; }
.container_12 .pull_4 { left:-33.333%; }
.container_12 .pull_5 { left:-41.667%; }
.container_12 .pull_6 { left:-50.0%; }
.container_12 .pull_7 { left:-58.333%; }
.container_12 .pull_8 { left:-66.667%; }
.container_12 .pull_9 { left:-75.0%; }
.container_12 .pull_10 { left:-83.333%; }
.container_12 .pull_11 { left:-91.667%; }