@import url('http://fonts.googleapis.com/css?family=Roboto:400,300,700|Open+Sans:700&subset=latin,latin-ext');
html {
    min-height: 100%;
    min-width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    font-family: "Roboto", "Arial", "Sans serif";
    min-height: 100%;
    height: 100%;
    /* Old Browsers */
    background: rgba(246,246,246,1);
    /* FF3.6+ */
    background: -moz-radial-gradient(center, ellipse cover, rgba(246,246,246,1) 0%, rgba(246,246,246,1) 12%, rgba(35,35,35,1) 81%, rgba(35,35,35,1) 86%, rgba(35,35,35,1) 100%);
    /* Chrome, Safari4+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(246,246,246,1)), color-stop(12%, rgba(246,246,246,1)), color-stop(81%, rgba(35,35,35,1)), color-stop(86%, rgba(35,35,35,1)), color-stop(100%, rgba(35,35,35,1)));
    /* Chrome10+,Safari5.1+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(246,246,246,1) 0%, rgba(246,246,246,1) 12%, rgba(35,35,35,1) 81%, rgba(35,35,35,1) 86%, rgba(35,35,35,1) 100%);
    /* Opera 11.10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(246,246,246,1) 0%, rgba(246,246,246,1) 12%, rgba(35,35,35,1) 81%, rgba(35,35,35,1) 86%, rgba(35,35,35,1) 100%);
    /* IE 10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(246,246,246,1) 0%, rgba(246,246,246,1) 12%, rgba(35,35,35,1) 81%, rgba(35,35,35,1) 86%, rgba(35,35,35,1) 100%);
    /* W3C */
    background: radial-gradient(ellipse at center, rgba(246,246,246,1) 0%, rgba(246,246,246,1) 12%, rgba(35,35,35,1) 81%, rgba(35,35,35,1) 86%, rgba(35,35,35,1) 100%);
    /* IE6-9 fallback on horizontal gradient */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#232323', GradientType=1 );
}

#page {
    min-width: 1000px;
    width: 1000px;
    margin: 30px auto;
    background: rgba(255,255,255,1);/* Old Browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(215,215,215,1) 86%, rgba(209,209,209,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(86%, rgba(215,215,215,1)), color-stop(100%, rgba(209,209,209,1)));/* Chrome, Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(215,215,215,1) 86%, rgba(209,209,209,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(215,215,215,1) 86%, rgba(209,209,209,1) 100%); /* Opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(215,215,215,1) 86%, rgba(209,209,209,1) 100%); /* IE 10+ */
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(215,215,215,1) 86%, rgba(209,209,209,1) 100%);/* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1d1d1', GradientType=1 );/* IE6-9 fallback on horizontal gradient */
    color: #4f4f4f;
}

a img {
    border: none;
}

a {
    text-decoration: none;
    color: #4f4f4f;
}

h1,h2,h3,h4,h5,h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #6a9c06;
}

.clear-fix:after, #page:after, #content-header:after, .galleryImages:after {
  content:"";
  display:table;
  clear:both;
}

.white {
    background-color: #FFFFFF;
}

#content-header {
    position: relative;
    padding-top: 133px;
    background: url('../content/design/bg-header-green.png') no-repeat top right;
}

#content-header img.logo {
    position: absolute;
    left: 40px;
    top: 10px;
}

#content-header h2 {
    position: absolute;
    left: 40%;
    top: 5%;
    color: #1b1c20;
    font-size: 28pt;
    font-weight: bold;
}

#content-header .languages {
    position: absolute;
    right: 10px;
    top: 11px;
}

#content-header .languages a {
    margin-left: 6px;
}

#content-header .menu {
    background: url('../content/design/bg-menu.png') repeat-x top left #cbcccc;
    min-height: 32px;
    line-height: 32px;
}

#content-header .shadow {
    padding-bottom: 15px;
    background-position: center 15px;
}
.shadow, .shadow-900 {
    background: url('../content/design/bg-shadow.png') no-repeat bottom center;
    padding-bottom: 38px;
}
.shadow-900 {
    background: url('../content/design/shadow.png') no-repeat bottom center;
    background-size: 900px 40px;
}

.menu {
    list-style: outside none none;
    margin: 0;
    padding: 0 15px;
    position: relative; 
}

#content-header .menu > li {
    background: url('../content/design/separator-menu.png') no-repeat right center;
    padding-right: 2px;
}

#content-header .menu > li:last-child {
    background: none;
    padding-right: 0px;
}


#content-header .menu > li a:hover, #content-header .menu > li a.selected {
    background: url('../content/design/bg-menu-hover.png') repeat-x top left;
    color: #FFFFFF;
}

.menu > li , .menu > li a {
    float: left;
    display: block;
}

.menu > li a {
    padding: 0 25px;
}

#content-main > .inner  {
    padding: 0px 40px;
}

.inner img {
    margin: 0 10px;
}

.list {
    margin: 20px 0px;
}

.list .item {
    margin-bottom: 20px;
}

.list .item.white {
    margin-bottom: 0;
}
.list > img {
    margin-bottom: 20px;
}

#content-footer {
    padding: 20px 0px;
    border-top: 1px solid #98999a;
    background: rgba(100,151,6,1);
    background: -moz-linear-gradient(left, rgba(100,151,6,1) 0%, rgba(155,192,6,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(100,151,6,1)), color-stop(100%, rgba(155,192,6,1)));
    background: -webkit-linear-gradient(left, rgba(100,151,6,1) 0%, rgba(155,192,6,1) 100%);
    background: -o-linear-gradient(left, rgba(100,151,6,1) 0%, rgba(155,192,6,1) 100%);
    background: -ms-linear-gradient(left, rgba(100,151,6,1) 0%, rgba(155,192,6,1) 100%);    
    background: linear-gradient(to right, rgba(100,151,6,1) 0%, rgba(155,192,6,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#649706', endColorstr='#9bc006', GradientType=1 );
}

#content-footer .menu a {
    color: #FFFFFF;
    padding: 0 10px;
    font-weight: lighter;
}

#content-footer .menu > li {
    border-right: 1px solid #FFFFFF;
}

#content-footer .menu > li:last-child {
    border-right: none;
}

.shadow .white, .shadow-900 .white {
    background-color: #FFFFFB;
    padding: 20px;
}

/** GALLERY **/
.galleryImages {
    position: relative;
    left: -1%;
    width: 101%;
}
.galleryImage a {
   float: left;
   margin: 0.5% 0 0.5% 1%;
   height: 120px;             
   width: 19%;
   overflow: hidden;
   display: block;
}        

.galleryImage a img {
   min-height: 120px;
   min-width: 100%;
   margin: 0;
}

#mask{
    position:absolute; /* important */
    top:0px; /* start from top */
    left:0px; /* start from left */
    height:100%; /* cover the whole page */
    width:100%;  /* cover the whole page */
    display:none; /* don't show it '*/

    /* styling bellow */
    background-color: black;
}

.modal_window{
    position:absolute; /* important so we can position it on center later */
    display:none; /* don't show it */

    /* styling bellow */
    color:white;
}

    /* style a specific modal window  */
#languages_selector{
    padding:20px 40px;
    background: #FFFFFF;
    color:black;
}

/* Contact form */
#contactform table {
    width: 750px;
}

#contactform table td {
    padding: 10px;
}

#contactform table td.label {
    min-width: 200px;
    text-align: right;
}

#contactform table td input {
    min-width: 400px;
}

#contactform textarea {
    width: 100%;
}
#contactform input#send {
    min-width: 0;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider { zoom: 1; position: relative; margin: 0; padding: 0; height: 267px; overflow: hidden; }
.flexslider .slides { margin: 0; list-style: none; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; display: block; float: left; }
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
/*.slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }*/

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}