html, body {margin:0; padding:0; height:100%;}
body {background:#f7f7f7; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:0.875em; color:#000; line-height:1.4;}

/* CLZ GREEN: #7DAC17 */

/* Default */
a.newWindow { background-image: url("../images/icoNewWndw.png"); background-repeat:no-repeat; background-position:right 3px; padding-right:15px; margin-right:5px; }
a.newWindow:focus { background-image: url("../images/icoNewWndw.png"); background-repeat:no-repeat; /*background-position:right -17px;*/ }

blockquote {padding:5px 0 5px 20px; border-left:5px solid #ddd; margin:0 20px;}

/* Table */
table {border-collapse:collapse; margin:0; padding:0;}
table th {font-weight:bold; padding:8px 10px 6px 10px; background:#666; color:#fff; border:1px solid #666;}
table td {padding:5px; border:1px solid #666; border-collapse:collapse;}

/* Tools */
.hide {position:absolute; display:block; clip:rect(1px, 1px, 1px, 1px);}
.clear {clear:both; padding:0; margin:0; font-size:1px; line-height:0; height:0;}
.br {display:block}
.bolder {font-weight:bold}
.noMargin {margin:0}

/* Links */
a img {border:none;}
a, a:visited {text-decoration:underline; background:none;}
a:hover {text-decoration:underline;}
a:focus {outline:1px solid #000;}

/* Headers */
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h3, h4, h5, h6 {font-size:1em;}

/* Form */
form, fieldset {margin:0; padding:0; border:none;}
legend {position:absolute; left:-9000em;}
input, select, textarea {font-family:Tahoma, Arial, Helvetica, sans-serif; box-sizing:border-box;}
input, select, textarea {border:2px solid #ddd; padding:6px;}
input[type="radio"]:focus, input[type="checkbox"]:focus, input[type="text"]:focus, select:focus, textarea:focus {outline:2px solid #000;}

/* Buttons */
input.button, a.button {position:relative; margin:0; padding:10px 15px; border:none; cursor:pointer; text-decoration:none; background-color:#000; color:#fff; font-size:0.85em; font-weight:bold; text-transform:uppercase;}
input.button:hover, input.button:focus, a.button:focus, a.button:hover {background-color:#7EAC16; color:#fff;}
input.button:focus, a.button:focus {outline:2px solid #000;}

/* BLOCK PAGE */
#block { text-align:center; margin:50px auto; padding:50px 20px; width:60%; min-height:200px; background:#fff; box-shadow:0 0 4px #666;}


/* MAIN WRAPPERS AND CONTAINERS */

#page {position:relative; float:left; min-height:100%; width:100%; min-width:1024px;  overflow:hidden;}
.container {position:relative; width:1024px; margin:0 auto;}
.relative {position:relative; float:left; width:100%; background-color:#fff; box-shadow:0 0 30px #ccc;}
.relative.top {margin-bottom:40px;}
.relative.main {margin-bottom:40px;}
.wrapper {position:relative; float:left; width:100%;}

#contentLeft {position:relative; float:left; width:220px; height:100%; box-sizing:border-box;}
#contentRight {position:relative; float:right; width:784px; box-sizing:border-box;}


/* Cookie alert */
#cookiesMsg {position:fixed; bottom:0; width:100%; z-index:130; background:#f2f2f2; border-top:2px solid #05365d; color:#000; padding:10px; text-align:center;}
#cookiesMsg #close {display: inline-block; margin: 0 0 0 20px;}


/* Skip */
.skipLinks {position:absolute; margin:0; padding:0; top:0; list-style:none;}
.skipLinks a {position:absolute; display:inline; left:-9000em; width:150px; padding:5px 10px 7px 10px; font-size:1.17em; text-decoration:none; z-index:200; text-align:center} 
.skipLinks a:focus, 
.skipLinks a:active {position:absolute; left:0; top:0; background-color:#7DAC17; border:2px solid #000; color:#000; font-weight:normal; outline:none;}


/* Search */
.search {position:relative; float:left; width:280px; height:60px;}
.inSearch {position:absolute; left:15px; top:10px; padding:5px; width:190px; height:36px; border:2px solid transparent;}
.inSearch:focus {outline:2px solid #05365d;}
.btnSearch {border:none; width:60px; height:60px; display:block; position:absolute; right:0; top:0; cursor:pointer; background-color:#000;}
.btnSearch:hover,
.btnSearch:focus {background-color:#7DAC17;}
.btnSearch:focus {outline:2px solid #000;}


/* Settings */
.settings_menu {position:relative; float:right; height:60px;}
.settings_menu .btn {position:relative; float:left; display:block; color:#000; height:60px; line-height:60px; padding:0 5px 0 10px; font-size:.8em; font-weight:bold; }
.settings_menu .btn .title {position:relative; float:left; color:#000; height:60px; line-height:60px; padding-right:5px;}
.settings_menu .btn .sub {position:relative; float:left; display:block; color:#000; height:60px; line-height:60px; padding:0 5px; font-size:1.3em;  text-decoration:none;}
.settings_menu .btn .sub:hover {background-color:#f7f7f7;}
.settings_menu .btn .sub:focus {background-color:#f7f7f7; outline:2px solid #000;}
.settings_menu .btn:nth-of-type(1) .sub {line-height:68px;}
.settings_menu .btn:nth-of-type(2) .sub {line-height:62px;}
.settings_menu .btn:nth-of-type(4) .sub {line-height:94px;}

/* Header & menu top */
.header {position:relative; float:left; width:100%; background:#f7f7f7; margin-bottom:20px;}

/* Logo */
.headerLogo {position:relative; float:left;}
.headerLogo p {margin:0; font-size:0;}
.headerLogo a {position:relative; float:left; display:block;}
.headerLogo a:focus { outline:2px solid #000; }

/* Menu top */
.headerMenu {position:relative; float:right;}
.headerMenu h2 {right:0;}
.topMenu {position:relative; float:right; margin:0; padding:0; font-size:1em; background:#f7f7f7;}
.topMenu li {list-style:none; display:inline-block; position: relative; padding:0; margin:0;}
.topMenu li a, .topMenu li a:visited, .topMenu li a:active {text-decoration:none; color:#000; padding:45px 25px 44px; display:block; height:20px; font-weight:bold;}
.topMenu li a:hover, .topMenu li.hover a, .topMenu li a.selected, .topMenu li a:focus {color:#fff; background:#7EAC16; outline:none;}
.topMenu li ul {position:absolute; left:0; top:-9000em; background:#fff; width:200px; height:auto; margin:0; padding:0; border:1px solid #a8a8a8; display:none;}
.topMenu li:hover ul, .topMenu li:hover a, .topMenu ul li:focus ul, .topMenu li:focus a, .topMenu li.hover ul {top:109px; z-index:120;}
.topMenu li:focus ul {top:109px; z-index:120;}
.topMenu li ul li {float:none; display:block; width:auto; text-align:left; background: none; padding:0; margin:0; border-bottom:1px solid #a8a8a8;}
.topMenu li ul li:last-child {border:none;}
.topMenu li ul li a, .topMenu li ul li a:visited, .topMenu li ul li a:active {display:block; height:auto; color:#000 !important; background:#f5f5f5 !important;  padding:10px 15px; font-size:.82em; margin:0; text-align:left;}
.topMenu li ul li a:hover, .topMenu li ul li a:focus, .topMenu li ul li a.selected {background:#000 !important; color:#fff !important; outline:none;}
.topMenu li:last-child ul {left:auto; right:0;}


/* Slider */
#slider {position:relative; float:left; width:100%; z-index:110; border-top:0px solid #000; box-sizing:border-box; background-color:#f7f7f7; margin-bottom:20px;}
#slider.one {margin-bottom:70px;}
.headerBanner {font-size:0;}
.headerBannerText {position:absolute; bottom:-55px; left:63px; width:600px; height:50px; color:#000; font-style:italic;}
.headerBannerText.headerMarginOne {left:0; width:100%;}
#slider h3 {position:absolute; top:50%; transform:translate(0,-50%); margin:0; padding:0 10px; color:#000; font-size:1.2em; z-index:110;}
#slider h3 a {color:#000; text-decoration:none;}
#slider h3 a:hover {text-decoration:underline; outline:none;}

.flexslider {}
.flexslider .flex-viewport {width:100%; left:0;}
.flexslider .slides {position:relative; float:left; margin:0; padding:0; list-style:none; border-bottom:0px solid #000;} 
.flexslider .slides li {position:relative;} 

.flexslider .flex-control-nav, 
.flexslider .flex-direction-nav {position:relative; float:right; clear:left; margin:4px 0; padding:0; list-style:none;}
.flexslider .flex-direction-nav a {position:absolute; display:block; height:50px; width:50px; z-index:110;}
.flexslider .flex-direction-nav a img {margin-top:5px; margin-left:5px;}
.flexslider .flex-direction-nav a:focus {background:none; border:0px; outline:2px solid #05365d; border-radius:10px;}
.flexslider .flex-direction-nav a.flex-prev {right:58px;}
.flexslider .flex-direction-nav a.flex-next {right:4px;}

.flexslider .flex-pauseplay {position:relative; float:left; left:4px; margin:4px 0; text-align:center; z-index:110;}
.flexslider .flex-pauseplay span {display:block;}
.flexslider .flex-pauseplay a {width:50px; height:50px; display:block; padding:0; text-decoration:none; color:#05365d; font-weight:bold; font-size:0.929em;}
.flexslider .flex-pauseplay a:focus {background:none; outline:2px solid #05365d;}
.flexslider .flex-pauseplay a img {margin-top:5px;}

/* Slider left */
#slider_left {position:relative; float:left; width:100%; z-index:110; margin-bottom:10px; border:0px solid #a8a8a8; border-left:0; background-color:#f5f5f5; box-sizing:border-box;}
#slider_left.one {padding-bottom:0;}

.flexslider.left {position:relative; float:left;}
.flexslider.left .slides {position:relative; float:left;}
.flexslider.left .slides li {height:auto;}
.flexslider.left .flex-viewport {height:auto;}
.flexslider.left .flex-direction-nav {position:relative; float:right; clear:left;}
.flexslider.left .flex-direction-nav a {bottom:auto;}
.flexslider.left .flex-direction-nav a.flex-prev {right:68px;}
.flexslider.left .flex-direction-nav a.flex-next {right:1px;}
.flexslider.left .flex-pauseplay {position:relative; float:left; bottom:auto; left:2px;}

.leftBanner {position:relative; float:left; height:362px;}
.leftBannerText {position:relative; float:left; width:100%; height:auto; border-bottom:1px solid #fff;}
.leftBannerText h3 {position:relative; float:left; display:inline-block; padding:10px; margin:0; width:100%; font-size:1em; font-style:italic; color:#000; box-sizing:border-box; text-align:center;}

/* Crumbpath */
#cp {position:relative; float:left; width:100%; padding: 15px 20px; margin:0 0 20px 0; box-sizing: border-box; border-bottom:0px solid #a8a8a8; border-top:0px solid #a8a8a8; background-color:#f7f7f7;}
#cp .breadcrumb {display:inline; margin:0; padding:0; list-style:none;}
#cp .breadcrumb li {display:inline; margin:0; padding:0;}
#cp .breadcrumb li:last-child {font-weight:bold;}
#cp a, #cp a:visited, #cp a:active {text-decoration:none; color:#000;}
#cp a:hover {text-decoration:underline; outline:none;}
#cp .here {margin-right:10px; font-weight:bold;}
#cp .pathSep {margin:0 5px;}



/* ----- MODULES ----- */
#modulesTopWrapper {position:relative; float:left; width:100%;} 
#modulesLeftWrapper {position:relative; float:left; width:100%;}

.module {position:relative; float:left; width:100%; height:auto; margin-bottom:20px; background-color:#f7f7f7; box-sizing:border-box; border:0px solid #ddd;}
.module h2 {position:relative; float:left; width:100%; margin:16px 0 10px 0; padding:0 0 8px 20px; font-size:1.4em; color:#000; border-bottom:0px solid #ddd; box-sizing:border-box;}
.module .module_content {position:relative; float:left; width:100%; padding:0 20px; box-sizing:border-box; z-index:1}
.module .module_content a {text-decoration:none; color:#000;}
.module .module_content a:hover,
.module .module_content a:focus {text-decoration:underline; outline:none;}
.module .module_icon {position:absolute; right:0; top:10%; width:110px; height:80%; overflow:hidden; background-size:100% 100%;}

/* Module - Events */
#mod_events {}
#mod_events h2 {}
#mod_events .module_content {padding:0 10px 10px 10px;}
#events {position:relative; width:100%; height:180px; box-sizing:border-box;}

.gldp-flatwhite {position:relative; float:left; font-size:.9em; width:100% !important; box-sizing:border-box;}
.gldp-flatwhite > * {height:23px !important; line-height:23px !important; margin:0 !important; background:transparent !important; border:1px solid transparent !important; color:#000; text-shadow:none; text-decoration:none !important;}
.gldp-flatwhite .monyear {height:26px !important; line-height:26px !important;}
.gldp-flatwhite .monyear.title {width:60% !important; cursor:default;}
.gldp-flatwhite .monyear.prev-arrow,
.gldp-flatwhite .monyear.next-arrow {width:20% !important;}
.gldp-flatwhite .monyear div {height:26px; line-height:26px;}
.gldp-flatwhite .monyear div * {}
.gldp-flatwhite a.monyear:hover, .gldp-flatwhite a.monyear:focus {color:#fff; background:#000 !important;}
.gldp-flatwhite .noday {width:14.28571428571429% !important; background:transparent; color:#a8a8a8;}
.gldp-flatwhite .dow {width:14.28571428571429% !important; box-sizing:border-box;}
.gldp-flatwhite .special {width:14.28571428571429% !important; font-weight:normal !important; background:#7EAC16 !important;}
.gldp-flatwhite .special:hover,
.gldp-flatwhite .special:focus {border:1px solid #000 !important; font-weight:bold !important; }
.gldp-flatwhite .special:focus {outline:2px solid #000 !important;}

/* Module - Latest */
#mod_leatest {width:677px; height:200px;}
#mod_leatest h2 {}
#mod_leatest .module_content {position:absolute; bottom:15px;}
#mod_leatest .module_content ul {padding:0; margin:0; margin:0 10px 0 15px;}
#mod_leatest .module_content ul li a {}
#mod_leatest .module_icon {top:12%; background:url("../images/icoCalendar.png") no-repeat;}

/* Module - Gallery */
#mod_gallery {}
#mod_gallery h2 {}
#mod_gallery .module_content {padding:0px 20px 20px;}
#mod_gallery .module_content a {display:inline-block;}

/* Module - Contact */
#mod_contact {}
#mod_newsletter h2 {}
#mod_contact .module_content {padding:0px 20px 20px;}
#mod_contact .module_content p {margin:0; padding:0;}
#mod_contact .module_content a {}

/* Module - Localization */
#mod_location {}
#mod_location h2 {}
#mod_location .module_content {padding:0px 20px 20px;}
#mod_location .module_content a {display:inline-block;}

/* Module - Newsletter */
#mod_newsletter {}
#mod_newsletter h2 {}
#mod_newsletter .module_content {padding:0px 20px 20px;}
#mod_newsletter form {margin-top:10px;}
#mod_newsletter form input[name="newsletter_email"] {padding:5px; margin-bottom:10px; border:0; width:172px; border:1px solid #000;}
#mod_newsletter form input[name="newsletter_email"]:focus {outline:2px solid #000; border:1px solid #a8a8a8; background:#fff;}

/* Module - Questionnaire */
#mod_questionnaire legend { height:auto; width:100%; }
#mod_questionnaire {}
#mod_questionnaire h2 {}
#mod_questionnaire .module_content {padding:0px 20px 20px;}
#mod_questionnaire .module_content a {color:#fff;}
#mod_questionnaire .module_content legend {position:static;}
#mod_questionnaire .module_content .pollContent {position:relative; float:left; width:100%;}
#mod_questionnaire ul {margin:0; padding:10px 0; list-style:none;}
#mod_questionnaire .qAnswer {float:left; font-weight:normal; margin:10px 0 0 0;}
#mod_questionnaire .qPercent {float:right; padding:10px 0 0 0; color:#7DAC17; font-size:1.5em;}
#mod_questionnaire .qBar {height:5px; margin-bottom:5px; background:#7DAC17;}
#mod_questionnaire .button {float:left; margin-top:15px;}
#mod_questionnaire input[type="radio"]:focus,
#mod_questionnaire input[type="checkbox"]:focus {outline:2px solid #000;}

/* Module - Calendar */
#mod_calendar {}
#mod_calendar h2 {}
#mod_calendar .module_content {padding:0px 20px 20px;}
#mod_calendar .module_content p {margin:0; padding:0;}
#mod_calendar .weekDay {display:block;}
#mod_calendar .nameDay {display:block;}

/* Module - Partners(footer) */
#mod_partners {background:#fff; border-bottom:1px solid #ddd; margin-bottom:0;}
#mod_partners h2 {width:100%; text-align:center;}
#mod_partners .module_content {padding:0px 20px 20px;}
#mod_partners .module_content p {margin:0; padding:0;}
#mod_partners .module_content p img {margin:10px; padding:0px;}

/*
#mod_partners .module_content p img {opacity: 0.5; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); transition: all 0.1s ease-in-out;}
#mod_partners .module_content p img:hover {opacity:0.9; -webkit-filter:none; -moz-filter:none; filter:none; transition:all 0.2s ease-in-out;}
*/

/* ---------- */



/* ----- LEFT ----- */
/* Menu left */
#menuWrapper {position:relative; float:left; width:100%; margin:0 0 20px 0; z-index:3;}
.colMenu {margin:0; padding:0; font-size:1em; border:1px solid #a8a8a8; border-top:0; border-left:0;}
.colMenu li {list-style: none; display: block; position: relative; margin:0; border-top:1px solid #a8a8a8;}
.colMenu li a, .colMenu li a:visited, .colMenu li a:active {text-decoration: none; color:#000; padding:15px 15px 10px 35px; display: block;  background:url("../images/imgMenu_.png") no-repeat 15px 17px #f4f4f4; }
.colMenu li a:hover, .colMenu li a:focus, .colMenu li.hover a, .colMenu li a.selected {background:url("../images/imgMenu.png") no-repeat 15px 17px #000; color:#fff;}
.colMenu li ul {position:absolute; left:-9000px; top:-1px;  width:210px; height:auto; margin:0; padding:0; background:#f4f4f4; border:1px solid #a8a8a8; border-top:0; display:none;}
.colMenu li:hover ul, .colMenu li:hover a, .colMenu li:focus ul, .colMenu li:focus a, .colMenu li.hover ul {left:219px; z-index:10;}
.colMenu li ul li {float:none; display:block; width:auto;}
.colMenu li ul li a, .colMenu li ul li a:visited, .colMenu li ul li a:active {display: block; }
.colMenu li ul li a:hover, .colMenu li ul li a:focus, .colMenu li ul li a.selected{background:url("../images/imgMenu_.png") no-repeat 15px 17px #f4f4f4; color:#000;}
.colMenu li ul li a:hover span, .colMenu li ul li a:focus span {background-position:0 0;}
.colMenu li:hover li ul, .colMenu li.hover li ul {top:-9000em;}
.colMenu li li:hover ul, .colMenu li li.hover ul {top:0;}


/* Bip and other Icons */
#bipLeftWrapper {position:relative; float:left; width:100%; margin-bottom:20px;}
#bipLeftWrapper a {position:relative; float:left; width:25%; padding:15px 0 10px 0; text-align:center; box-sizing:border-box;}
#bipLeftWrapper a img {height:36px;}
#bipLeftWrapper a:hover,
#bipLeftWrapper a:focus {background-color:#f5f5f5;}
#bipLeftWrapper a:focus {outline:2px solid #000;}

/* Adverts */
.advertsWrapper {position:relative; float:left; width:100%; list-style:none; margin:0; text-align:center;}
.advertLeft {position:relative; float:left; width:100%; margin-bottom:10px;}
.advertTop {position:relative; float:left; width:100%; text-align:center; margin-bottom:20px;}
.advertsWrapper img {width:100% !important;}

/* ---------- */

/*
#content_txt img, 
#content_txt table {max-width:685px !important; overflow: hidden; height: auto}
#content_txt table {display: inline-block}
*/


/* ----- MAIN ----- */
/* Title */
#content_txt {position:relative; float:left; width:100%;}
#content_txt .title {position:relative; float:left; width:100%; background-color:#7DAC17;}
#content_txt .title h2, #content_txt .title h3 {float:left; margin:0; color:#fff; padding:12px 15px 11px 15px; width:620px; font-size: 1.5em; box-sizing:border-box;}
#welcome .title h3 {width:700px;}
#content_txt .articleWrapper .title h3 {width:100%;}
#content_txt .text.contact_form h3 {margin:0 0 20px 0;}

/* Content wrappers */
#content_txt .text {position:relative; float:left; width:100%; padding:10px 20px 20px 20px; box-sizing:border-box;}

#content_txt .text h3 {font-weight:bold;}
#content_txt .text h4 {font-weight:bold;}
#content_txt .text h5 {font-weight:bold;}

.leadArticle {margin-bottom:25px}

/* Print & Play buttons*/
.printers {position:absolute; right:0; margin:0; padding:0; list-style:none; height:100%;}
.printers li {position:relative; float:left; margin:0; padding:0; height:100%; margin-left:5px;}
.printers a {position:relative; display:block; height:100%; min-height:51px; width:51px; margin:0; padding:0 !important; background:#000 !important;}
.printers a:focus {outline: 2px solid #fff;}
.printers a img {position:absolute; top:50%; margin-top:-26px;}
#read_txt img {margin-top:-20px; margin-left:5px;}

/* Articles list */
.articleWrapper {position:relative; float:left; width:100%; padding:0; box-sizing:border-box;}
.articleWrapper .article {position:relative; float:left; padding:10px 20px 15px 20px; border-bottom:1px solid #ddd; border-left:0px solid #ddd; width:100%; box-sizing:border-box;}
.articleWrapper .article:nth-child(2) {border-top:1px solid #ddd;}
.articleWrapper .article h4 {position:relative; float:left; width:100%; margin:0; padding:10px 0; font-size:1.4em; line-height:1.1em;}
.articleWrapper .article h4 a {text-decoration:none; color:#000;}
.articleWrapper .article h4 a:hover {text-decoration: underline; outline:none;}
.articleWrapper .article .photoWrapper {width:48%; box-sizing:border-box;}
.articleWrapper .article .leadTxtPh {position:relative; float:right; width:50%; font-size:.9em;}
.articleWrapper .article .leadTxtPh p {margin:0;}
.articleWrapper .article .leadTxt {font-size:.9em;}
.articleWrapper .article .leadTxt p {margin:0;}
.articleWrapper .article .dateWrap {position:relative; float:left; background:#ececec; border-radius:10px; margin:20px 0 0 0; padding:7px 15px;}
.articleWrapper .article .dateWrap .artDate {padding:0; width:auto;}
.articleWrapper .article .dateWrap .authorName {padding:0; float:left; clear:left; width:auto;}
.articleWrapper .article.highlightArt {background:#f7f7f7;}
.articleWrapper .article.highlightArt .dateWrap {background:#fff;}

/* Read more button - Articles list */
#content_txt .button.more,
#content_txt .button.more:visited,
#content_txt .button.more:active {float:right; margin:20px 0 0 0;}
#content_txt .button.more:hover,
#content_txt .button.more:focus {}

/* Date - Articles content */
.artDate, .authorName {position:relative; float:left; width:100%; font-size:1em; color:#000; font-weight:bold; padding:10px 0 20px 0; box-sizing:border-box;}
.authorName {float:right; padding:10px 0 0 0; text-align:right;}

/* Submenu */
.submenu {position:relative; float:left; width:100%; margin:20px 0 10px; padding:10px; box-sizing:border-box; background-color:#f7f7f7;}
.submenu li {position:relative; float:left; display:inline-block; list-style:none;}
.submenu li:first-child {}
.submenu li a, #subpagesList li a:visited {position:relative; float:left; text-decoration:none; color:#000; padding: 10px 13px; border:1px solid transparent;}
.submenu li a:hover {border:1px solid #000; background-color:#fff; color:#000;}
.submenu li a:focus {outline:2px solid #000;}

/* Page & Article gallery */
.galWrapper {position:relative; float:left; width:100%; padding:10px 0 10px 20px; box-sizing:border-box;}
#content_txt .galWrapper .galHead {position:relative; float:left; width:100%; margin-bottom:20px; padding:0; border-bottom:1px solid #ddd; font-weight:bold;}
.galList {position:relative; float:left; width:100%; padding:0; margin:0; list-style:none; box-sizing:border-box;}
.galWrapper .galList li {position:relative; float:left; width:22%; padding:0; margin:0; margin-right:3%; margin-bottom:20px; display:block;}

/* Page & Article files */
.filesWrapper {position:relative; float:left; width:100%; padding:0px 0 40px 20px; box-sizing:border-box;}
.filesWrapper .filesHead {position:relative; float:left; width:100%; margin-bottom:15px; padding:0; border-bottom:1px solid #ddd; font-weight:bold;}
.filesWrapper ul {position:relative; float:left; width:100%; padding:0 20px 0 0; margin:0; list-style:none; box-sizing:border-box;}
.filesWrapper ul li {list-style:none; margin:0 0 5px 0}
.filesWrapper h4 {margin:0; padding:0;}
.filesWrapper h4 a,
.filesWrapper h4 a:visited,
.filesWrapper h4 a:active {text-decoration:none; background-image:url("../images/icoMore.png"); background-repeat:no-repeat; background-position:0 6px; padding:0 0 0 11px; color:#000;}
.filesWrapper h4 a:hover,
.filesWrapper h4 a:focus {text-decoration: underline}
.filesWrapper h4 span {font-size:0.875em; color:#666;}

/* Gallery main */
.gallery .photoWrapper {position:relative; float:left; width:100%; margin-top:10px;}
.gallery .galList li {position:relative; float:left; width:49%; padding:0; margin:0; margin-right:2%; margin-bottom:10px; display:block;}
.gallery .galList li:nth-child(even) {margin-right:0;}
.gallery.one .galList li {position:relative; float:left; width:23%; padding:0; margin:0; margin-right:2%; margin-bottom:10px; display:block;}
.gallery.one .galList li:nth-child(4n) {margin-right:0;}
#content_txt h3.gal_name {position:relative; float:left; width:100%; margin:0; padding:20px 20px 0px 20px; box-sizing:border-box;}

/* Photos */
.photoWrapper {position:relative; float:left; width:100%;}
.photoWrapper .photo {position:relative; float:left; width:100%; border:1px solid transparent;}
.photoWrapper .photo:hover {border:1px solid #000;}
.photoWrapper .photo:focus {outline:2px solid #000;}
.photoWrapper .photo span {background:transparent; width:60px; height:60px; left:50%; top:50%; margin-top:-30px; margin-left:-30px; position:absolute; z-index:2; overflow:hidden; display:none;}
.photoWrapper .photo:hover span, 
.photoWrapper .photo:focus span {display:none;}
.photoWrapper .photo img {position:relative; float:left; border:none; width:100%;}
.photoWrapper p {position:relative; float:left; clear:left; margin:0; padding:5px; width:100%; text-align:center; line-height:1.2em; font-size:.8em;}
.photoWrapper p a,
.photoWrapper p a:visited,
.photoWrapper p a:active {text-decoration:none;}
.photoWrapper p a:hover,
.photoWrapper p a:focus {text-decoration:underline;}

/* Pagination */
.pagination {position:relative; float:right; padding:20px; margin:0; font-size:.9em;}
.pagination p {position:relative; float:left; margin:0; padding:6px 10px;}
.pagination ul {position:relative; float:left; margin:0; padding:0; list-style:none;}
.pagination ul li {position:relative; float:left; margin:0; margin-right:1px; padding:0; display:inline-block; color:#000; text-align:center;}
.pagination ul li a {position:relative; float:left; padding:5px 10px; background-color:#f4f4f4; color:#000; text-align:center; border:1px solid #fff; text-decoration:none;}
.pagination a:hover, 
.pagination a:focus {background-color:#7EAC16; border:1px solid #000; outline:none;}
.pagination .pageActive {position:relative; float:left; padding:5px 10px; border:1px solid #000;}
.pagination .pageLink {}
.pagination .btnStart,
.pagination .btnPrev,
.pagination .btnNext,
.pagination .btnEnd {}

.contact_form h3 {border-bottom:1px solid #ddd; font-weight:bold;}

/* Social */
.socialWrapper {position:relative; float:left; width:100%; clear:both; margin-top:0px; padding:20px; box-sizing:border-box;}
.Twitter {padding:0;}
.FBLike {padding:0;}
.Twitter iframe {height:30px; border:none;}
.FBLike iframe {border:none; overflow:hidden; height:30px;}

/* Location main */
.location iframe {width:100% !important; margin-top:10px; border:1px solid #a8a8a8; box-sizing:border-box;}

/* Questionnaire main */
.quest .qAnswer {float:left; font-weight:normal; margin:10px 0 0 0;}
.quest .qPercent {float:right; padding:10px 0 0 0; color:#7DAC17; font-size:1.5em;}
.quest .qBar {height:5px; margin-bottom:5px; background:#7DAC17;}

/* ---------- */



/* ----- FOOTER ----- */
/* Menu bottom */
#menuBottom {position:relative; float:left; width:100%; text-align:center; margin-bottom:0px; background-color:#f7f7f7; font-size:.8em;}
.bottomMenu {position:relative; margin:0; padding:0; font-size:1.085em;}
.bottomMenu li {list-style:none; display:inline-block; position: relative; padding:0; margin:0;}
.bottomMenu li a, .bottomMenu li a:visited, .bottomMenu li a:active {text-decoration:none; color:#000; padding:15px 20px; display:block; font-weight:bold;}
.bottomMenu li a:hover, .bottomMenu li.hover a, .bottomMenu li a.selected, .bottomMenu li a:focus {color:#fff; background:#7EAC16; outline:none;}
.bottomMenu li ul {position:absolute; left:0; top:-9000em; background:#fff; width:200px; height:auto; margin:0; padding:0; border:1px solid #a8a8a8; display:none;}
.bottomMenu li:hover ul, .bottomMenu li:hover a, .bottomMenu ul li:focus ul, .bottomMenu li:focus a, .bottomMenu li.hover ul {top:50px; z-index:120;}
.bottomMenu li:focus ul {top:50px; z-index:120;}
.bottomMenu li ul li {float:none; display:block; width:auto; text-align:left; background: none; padding:0; margin:0; border-bottom:1px solid #a8a8a8;}
.bottomMenu li ul li:last-child {border:none;}
.bottomMenu li ul li a, .bottomMenu li ul li a:visited, .bottomMenu li ul li a:active {display:block; height:auto; color:#000 !important; background:#f5f5f5 !important;  padding:10px 15px; font-size:.82em; margin:0; text-align:left;}
.bottomMenu li ul li a:hover, .bottomMenu li ul li a:focus, .bottomMenu li ul li a.selected {background:#000 !important; color:#fff !important; outline:none;}
.bottomMenu li:last-child ul {left:auto; right:0;}
  
/* Bottom menu */
#menuUnder {position:relative; float:left; width:100%; text-align:center; background:#000;}
#menuUnder ul {margin:0; padding:0px; list-style:none;}
#menuUnder ul li {margin:0; padding:0; display:inline-block;}
#menuUnder ul li a,
#menuUnder ul li a:visited {color:#fff; display:inline-block; padding:10px 20px; font-size:.8em; text-decoration:none;}
#menuUnder ul li a:hover,
#menuUnder ul li a:focus {background:#444;}
#menuUnder ul li a:focus {outline:2px solid #fff;}

/* Bottom footer */
#logosPAD {position:relative; float:left; width:100%; padding:10px 20px 0 20px; color:#f7f7f7; box-sizing:border-box; background-color:#444; border-top:0px solid #ddd; font-size:.8em;}
#logosPAD .left {float:left; width:30%; text-align:center;}
#logosPAD .left a {float:left; text-decoration:none; border:0; margin:15px;}
#logosPAD .left a img {height:30px; padding:5px;}
#logosPAD .left a:focus {outline:2px solid #fff; background:none;}
#logosPAD .right {float:right; width:70%; text-align:left;}
#logosPAD a {color:#f7f7f7; text-decoration:none;}
#logosPAD a:hover {text-decoration:underline;}
#logosPAD a:focus {color:#000; background:#fff; outline:none;}
#logosPAD ul {margin:0; padding:0; list-style:none;}
#logosPAD ul li {margin:0 20px 0 0; padding:0; display:inline-block;}
#logosPAD ul li a {display:inline-block; font-size:0; color:#f7f7f7; text-decoration:none;}
#logosPAD ul li a:focus {outline:2px solid #fff;}
#logosPAD ul li a img {height:40px;}
#logosPAD p span {font-weight:bold;}

#copyright {position:relative; float:left; width:100%; margin:0 auto; padding:0 20px 5px; text-align:center; color:#fff; clear:both; box-sizing:border-box; background-color:#444; font-size:.8em;}
#copyright a {display:inline-block; color:#fff; font-weight:bold;}
#copyright a:focus {text-decoration:underline; outline:2px solid #fff;} 

/* ---------- */



/* Alerts */
.txt_err {position:relative; float:left; width:746px; background: #fff2f2; border:2px solid #D90000; color:#D90000; margin:20px; padding:10px 20px; box-sizing:border-box;}
.txt_msg {position:relative; float:left; width:746px; background: #ebffdf; border:2px solid #087400; color:#087400; margin:20px; padding:10px 20px; box-sizing:border-box;}
.txt_com {position:relative; float:left; width:746px; background: #e6ecf5; padding:10px 20px; margin:20px 0; font-weight:bold; color:#37465d; box-sizing:border-box;}
.contact_form .txt_err {width:100%; margin:0 0 20px 0; padding:10px 20px;}
.contact_form .txt_msg {width:100%; margin:0 0 20px 0; padding:10px 20px;}
.contact_form .txt_com {width:100%; margin:0 0 20px 0; padding:10px 20px;}

/* Sitemap */
.sitemapHeader {float:left; clear:left; width:100%; margin:0 0 10px 0; padding: 20px 20px 5px 0; font-weight:normal; line-height: 1.1em; color: #05365d; font-size: 1.33em; border-bottom: 1px solid #a8a8a8; box-sizing:border-box;}
.sitemap {margin:0; padding:0; margin-left:20px;}
.sitemap .sitemap {margin: 5px 0 5px 20px}
.sitemap li {list-style: none; position: relative;}
.sitemap li a, .sitemap li a:visited, .sitemap li a:active {background-image: url("../images/icoMore.png"); background-repeat: no-repeat; background-position: 0 5px; text-decoration: none; padding: 0 0 0 10px; color:#000;}
.sitemap li a:hover {text-decoration: underline;}
.sitemap li a:focus { text-decoration: underline; outline:0;}
.sitemap li a span {position: relative; right: 0; top: 0; display: inline-block; margin: 0 0 0 10px}

/* No idea */
#systemMode {position:absolute; left:-9000em; width:1px; height:1px; background:url("../images/transparent.png");}

/* Video */
.video_container {position:relative; float:left; width:100%; margin-bottom:30px;}
.video-js {position:relative; float:left; box-sizing:border-box; border:1px solid #999;}
.video-js .vjs-tech {position:relative; float:left; width:100%;}
.video-js .vjs-control-bar {font-size:.8em;}

.transcript {position:relative; float:left; width:100%; height:130px; font-size:1em; background-color:#fff; margin-top:5px; border:1px solid #ddd; display:none; box-sizing:border-box;}
.transcript ul {list-style:none; margin:0; padding:0;}
.transcript ul li {padding:5px 5px; transition: all .5s; color:#666; text-align:left;}
.transcript ul li.active {background-color:#ddd; color:#000; display:block;}

.wcag_video_btns {position:relative; float:left; font-size:.8em; background-color:#f7f7f7; padding:0 10px 10px 10px; margin-top:5px; border:1px solid #ddd; box-sizing:border-box;}
.wcag_video_btns button {color:#000; margin:10px 5px 0 0; padding:8px 10px; border:1px solid #999; font-size:1.2em;}
.wcag_video_btns button.active {background-color:#7EAC16; color:#000; border:1px solid #000;}
.wcag_video_btns button:hover {background-color:#fff; color:#000; border:1px solid #000;}
.wcag_video_btns button:focus {outline:2px solid #000; }

/*
::cue {
    color:#fff;
    font-weight:bold;
    background-color:rgba(0,0,0,.9);
    font: 1.6em sans-serif;
}
*/

/* Mediateka */
#content_txt .text.mediateka {padding: 10px 20px 40px 20px;}
.mediateka h3, .mediateka h4, .mediateka h5 {padding:0; margin:5px 0;}
.mediateka h4 {font-size:1em;}
.mediateka h5 {font-size:1em;}

.mediateka a.back {color:#000; text-decoration:none;}
.mediateka a.back:hover {text-decoration:underline;}

.submenu .active {font-weight:bold;}

.mediateka ul.people {list-style:none; padding:0; margin: 20px 0;}
.mediateka ul.people li {float:left; width:25%; }
.mediateka ul.people li a {float:left; width:100%; padding:15px 10px; color:#000; text-decoration:none; text-align:center; border:1px solid transparent; box-sizing:border-box;}
.mediateka ul.people li a:hover {border:1px solid #ddd; background-color:#f7f7f7;}
.mediateka ul.people li a:focus {outline:2px solid #000;}
.mediateka ul.people li a img {max-width:100px; max-height:100px; border:1px solid #999;}

.mediateka_ul {position:relative; float:left; width:100%; box-sizing:border-box; margin:0 0 40px 0; padding:0 20px;}
.mediateka_ul li {position:relative; margin:2px 0; font-weight:bold;}
.mediateka_ul li a {color:#000; text-decoration:none; font-weight:normal;}
.mediateka_ul li a:hover {text-decoration:underline;}
.mediateka_ul ul {margin:5px 0 8px 0; padding:0 20px;}
.mediateka_ul ul li {width:100%;}
.mediateka_ul li ul li a {padding-right:20px;background-image:url(../images/play2.jpg); background-size:14px 70%; background-position:right center; background-repeat:no-repeat;}

.mediateka_tags {position:relative; float:left; width:100%; list-style:none; padding:0;}
.mediateka_tags > li {float:left; width:100%; margin-bottom:40px; font-weight:bold;}
.mediateka_tags li a {color:#000; text-decoration:none; font-weight:normal;}
.mediateka_tags li a:hover {text-decoration:underline;}
.mediateka_tags ul {margin:5px 0 0 0; padding:0 20px; text-align:left;}
.mediateka_tags > li > ul {position:relative; float:left; margin-left:20px; list-style:disc;}
.mediateka_tags ul li {width:100%; border:0;}
.mediateka_tags li ul li ul {list-style:circle;}
.mediateka_tags li ul li ul li a {padding-right:20px;background-image:url(../images/play2.jpg); background-size:16px 80%; background-position:right center; background-repeat:no-repeat;}
.mediateka_tags li span {float:left; margin-left:20px;}

.mediateka_indeks {position:relative; float:left; width:100%; box-sizing:border-box; margin:0 0 40px 0; padding:0 10px; list-style:none;}
.mediateka_indeks li {position:relative; float:left; width:33%; margin:2px 0; font-weight:bold;}
.mediateka_indeks li a {color:#000; text-decoration:none; font-weight:normal;}
.mediateka_indeks li a:hover {text-decoration:underline;}
.mediateka_indeks ul {position:relative; float:left; margin:5px 0 0 0; padding:0 20px; list-style:disc;}
.mediateka_indeks ul li {position:relative; float:none; width:100%;}

.mediateka .video-js {width:680px !important; height:384px !important;}
.mediateka .video-js.vjs-fullscreen {width:auto !important; height:auto !important;}
.mediateka .transcript {position:relative; float:right; margin-top:0; width:300px; height:384px;}
.wcag_video_btns {min-width:680px;}

.mediateka_submenu li:last-child {text-align:center;}
.mediateka_search_form {display:inline-block; width:auto;}

.mediateka li a:focus {outline:1px solid #000;}
.mediateka a.photo:focus {outline:none;}
.mediateka a.photo:focus img {outline:2px solid #000;}
.mediateka a.back:focus {outline:1px solid #000;}


.searchList {float:left; margin-top:10px; padding:0 20px 0 10px;}
.searchTxt { margin:0 0 40px 0; }
.searchTxt h3 { position: relative; margin:5px 0}
.searchTxt h3 a, .searchTxt h3 a:visited, .searchTxt h3 a:active {text-decoration:none; color:#000;}
.searchTxt h3 a:hover {text-decoration:underline;}
.searchTxt h3 a:focus { }


/* 220 - 784 */


@media screen and (max-width:1104px){

    #page {min-width:900px;}
    .container {width:900px;}
    #contentLeft {width:220px;}
    #contentRight {width:660px;}
    
    .topMenu li a, .topMenu li a:visited, .topMenu li a:active {padding:45px 20px 44px;}
    
    .headerBanner img {height:210px !important; width:660px !important;}
    .headerBannerText {width:480px;}
    #slider h3 {font-size:1em;}
    
    .mediateka .transcript {float:left; max-width:680px; width:100%; height:100px;}
    
    #content_txt .title h2, #content_txt .title h3 {width:500px;}
    
    #logosPAD .left {float:left; width:40%; text-align:center; }
    #logosPAD .right {float:right; width:60%; text-align:left; }
}


@media screen and (max-width:961px){

    #page {min-width:680px;}
    .container {width:680px;}
    #contentLeft {width:680px;}
    #contentRight {width:680px;}
    
    .settings_menu .btn {padding:0 10px; border-left:1px solid #ddd;}
    .settings_menu .btn .title {display:none;}
    
    .header {background:#000; margin-bottom:0;}
    .headerMenu {width:100%;}
    .topMenu {width:100%;  padding:20px 0;}
    .topMenu li {width:100%;}
    .topMenu li a, .topMenu li a:visited, .topMenu li a:active {width:100%; padding:10px 0; text-align:center; height:auto;}
    
    #cp {background-color:#fff; margin:0;}
    
    #slider {display:none;}
    
    #content_txt .title h2, #content_txt .title h3 {width:520px;}
    
    .submenu {box-sizing:border-box;}
    .submenu li {position:relative; width:100%; box-sizing:border-box;}
    .submenu li a, #subpagesList li a:visited {width:100%; padding:10px 15px; text-align:center; box-sizing:border-box;}
    
    .module h2 {text-align:center;}
    .module .module_content {text-align:center;}
    #mod_newsletter form input[name="newsletter_email"] {width:100%;}
    
    .gldp-flatwhite > * {height:33px !important; line-height:33px !important;}
    .gldp-flatwhite .monyear {height:36px !important; line-height:36px !important;}
    
    #menuBottom {width:100%; padding:20px 0;}
    .bottomMenu {width:100%;}
    .bottomMenu li {width:100%;}
    .bottomMenu li a, .topMenu li a:visited, .topMenu li a:active {width:100%; padding:10px 0; text-align:center; height:auto;}
    
    #logosPAD .left {float:left; width:50%; text-align:center; }
    #logosPAD .right {float:right; width:50%; text-align:left; }
    
    #menuUnder {width:100%; padding:20px 0; font-size:1em;}
    #menuUnder ul {width:100%;}
    #menuUnder ul li {width:100%;}
    #menuUnder ul li a, .topMenu li a:visited, .topMenu li a:active {width:100%; padding:10px 0; text-align:center;}
    
    .video-js {width:100% !important; max-height:361px !important;}
    .mediateka .video-js {width:100% !important; height:361px !important;}
    .wcag_video_btns {min-width:100%;}
    
    .mediateka_indeks > li {width:100%; margin-bottom:20px;}
    .mediateka ul.people li {width:33%;}
    .mediateka_search_form {margin-top:10px;}
}

@media screen and (max-width:768px){

    #page{min-width:560px;}
    .container {width:560px;}
    #contentLeft {width:560px;}
    #contentRight {width:560px;}
    
    .search {width:100%; border-bottom:1px solid #ddd;}
    .inSearch {width:470px;}
    #content_txt .text img {max-width:300px !important;}
    
    #content_txt .title h2, #content_txt .title h3 {width:400px;}
    
    .articleWrapper .article .photoWrapper {width:100%;}
    .articleWrapper .article .leadTxtPh {width:100%; margin-top:10px;}
    
    .video-js {max-height:294px !important;}
    .mediateka .video-js {height:294px !important;}
    .mediateka ul.people li {width:50%;}

}

@media screen and (max-width:641px) {
    
    #page {min-width:420px;}
    .container {width:420px;}
    #contentLeft {width:420px;}
    #contentRight {width:420px;}
    
    .inSearch {width:330px;}
    
    #content_txt .title h2, #content_txt .title h3 {width:260px;}
    
    .video-js {max-height:215px !important;}
    .mediateka .video-js {height:215px !important;} 
    .mediateka ul.people li {width:100%;}
    
    .galWrapper .galList li {width:46%;}
}

@media screen and (max-width:480px){
    
    #page {min-width:320px;}
    .container {width:320px;}
    #contentLeft {width:320px;}
    #contentRight {width:320px;}
    
    .inSearch {width:230px;}
    
    #content_txt .title h2, #content_txt .title h3 {width:100%;}
    .printers {display:none;}
    
    .video-js {max-height:158px !important;}
    .mediateka .video-js {height:158px !important;} 
}





/*
#searchWrapperAdv label { display: inline-block; width: 240px; text-align:right; }
.ui-datepicker-trigger,
.ui-datepicker-trigger:hover,
.ui-datepicker-trigger:focus { background:none;}

#leftBottomImageWrapper {width: 245px; height: 236px; position: absolute; left: 0; bottom: 0}
#maskLeftImage {position: absolute; z-index: 4; width: 245px; height: 236px; background: url("../images/maskLeftImage.png") no-repeat}
#leftBottomImage {position: absolute; z-index: 3}

.anchor {position:absolute; height: 0; width: 0; top: -60px; display: block; }
.dot {}

.btnForm {border: none; background: #ffd200; color: #346817; text-transform: uppercase; font-size: 1.25em; padding: 6px 5px 4px 5px; cursor: pointer}
.btnForm:focus, .btnForm:hover, .btnFormHover {background: #05365d; color: #fff}

.msgMarg {margin-left: 10px}

.inError {background: #fff2f2; border: 2px solid #dd3a3a}
.msgError {color: #dd3a3a}

#editForm {padding: 20px 0 0 0}
.login {padding: 6px 0; font-weight: bold}
.radio {padding: 6px 0}

.comment {padding: 0 0 20px 0}

#backLinks {margin: 0; padding: 0}
#backLinks li {float: left; display: block; list-style: none; margin: 0 10px 0 0}

#btnFilePos {position: absolute; left: 200px; top: 0px}

.inputAgree { margin: 20px 0; padding: 10px 0 ; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
*/