body {color: #363636; margin: 0; padding: 0; font-family: sourceRegular, Tahoma, Arial, Helvetica, sans-serif; font-size: 0.875em; line-height: 1.063em; background: #00336f}

/* Default */
form, fieldset {margin: 0; padding: 0; border: none}
legend {position:absolute; left: -9000em}
input, select, textarea {font-size: 1em; font-family: sourceRegular, Tahoma, Arial, Helvetica, sans-serif}

h2, h3, h4, h5, h6 {font-weight: normal; font-family: robotoBold}

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

a img {border: none}

/* Tools */
.hide {position: absolute; top: 0; left: -9000em; width: 1px; height: 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}
.noOutline {outline: none !important}

/* Table */
table {border-collapse: collapse; border: 1px solid #0072bc}
table th {font-weight: bold; padding: 8px 10px 6px 10px; background: #0072bc; color: #fff; font-weight: normal; font-family: sourceBold, Tahoma, Arial, Helvetica, sans-serif; font-size: 1em; border: 1px solid #fff}
table td {padding: 5px; border: 1px solid #0072bc}

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

/* Cookies */
#cookiesMsgWrp {width: 100%; background: #0072bc; color: #fff; overflow: hidden}
#cookiesMsg {width: 980px; margin: 0 auto; padding: 10px}
#cookiesMsg p {margin: 0}
#cookiesMsg a, #cookiesMsg a:visited {color: #fff; text-decoration: underline}
#cookiesMsg a:hover, #cookiesMsg a:focus {text-decoration: none}
#cookiesMsg a:focus {outline: 2px solid #fff}
#cookiesMsg a:hover:active {background: transparent; color: #fff; outline: none}

#pageWrapper {background: url("../images/bgBody.jpg") repeat-x}

/* Header */
#headerWrapper {width: 100%; background: url("../images/bgClouds.png") no-repeat top center; height: 536px}
#header {width: 981px; margin: 0 auto; position: relative; z-index: 2; }

#headerName {height: 116px; width: 530px; margin: 0 0 0 20px}
#headerLogo {display: table-cell; vertical-align: middle; padding-right: 20px; min-width: 90px; height: 116px; overflow: hidden}
#headerLogo a, #headerLogo a:visited {color: #fff; padding: 5px; outline: none; display: inline-block; margin-left: 2px}
#headerLogo a:hover {text-decoration: none}
#headerLogo a:focus {outline: 2px solid #fff}
#headerLogo a:hover:active {outline: none !important}
#headerLogo p {display: block; margin: 0}

#mainHead {color: #fff; font-family: robotoBold; font-size: 1.692em; font-weight: normal; margin: 0; display: table-cell; vertical-align: middle; line-height: 1em; text-align: left; min-width: 440px}

#fontWrapper {position: absolute; left: 570px; top: 14px; font-size: 0.857em; color: #fff}
#fonts {position: relative; border-right: 1px solid #6286a0}
#fontWrapper p {margin: 7px 0 0 0; display: inline-block; vertical-align: top}
#fontWrapper ul {margin: 3px 0; padding: 0; display: inline-block; vertical-align: top}
#fontWrapper li {list-style-type: none; display: inline-block; vertical-align: top}
.fontDefault {margin-left: 17px}
.fontBigger {margin-left: 6px}
.fontBig {margin-left: 2px; margin-right: 20px}
#fontWrapper a:focus {outline: 2px solid #6dcff6}
#fontWrapper a:hover:active {outline: none}

#contrast {position: absolute; left: 755px; top: 14px; font-size: 0.857em; margin: 1px 0 0 0; color: #fff; border-right: 1px solid #6286a0; padding-right: 20px}
#contrast a, #contrast a:visited {display: block; padding: 2px; color: #fff; text-decoration: none}
#contrast a:hover {text-decoration: underline; color: #6dcff6}
#contrast a:focus {outline: 2px solid #6dcff6; text-decoration: none}
#contrast a:hover:active {text-decoration: underline; outline: none}
#contrast img {margin-left: 10px; vertical-align: -4px}

#mobile {position: absolute; left: 870px; top: 14px; font-size: 0.857em; margin: 4px 0 0 0}
#mobile a, #mobile a:visited {display: block; padding: 2px; color: #fff; text-decoration: none}
#mobile a:hover {text-decoration: underline; color: #6dcff6}
#mobile a:focus {outline: 2px solid #6dcff6; text-decoration: none}
#mobile a:hover:active {text-decoration: underline; outline: none}
#mobile img {margin-left: 10px; vertical-align: -4px}

#bip {position: absolute; right: 240px; top: 65px; margin: 0}
#bip a {padding: 2px}
#bip a:focus {outline: 2px solid #6dcff6}
#bip a:hover:active {outline: none}

#yt {position: absolute; right: 380px; top: 65px; margin: 0;}
#yt a {padding: 2px}
#yt a:focus {outline: 2px solid #6dcff6}
#yt a:hover:active {outline: none}

/*Search*/
#searchWrapper {position: absolute; top: 60px; right: 0; width: 218px}
#searchForm {position: relative}
.inSearch {border: 1px solid #5a7f99; background: #022946; color: #fff; padding: 10px 40px 10px 10px; position: absolute; left: 0; top: 0; width: 155px; font-size: 0.857em;}
.inSearch:focus {outline: 2px solid #fff}
.btnSearch {position: absolute; right: 20px; top: 9px; z-index: 2}
.btnSearch:focus {outline: 2px solid #fff}
.btnSearch:hover:active {outline: none}

/* Top menu */
#menuTop {position: relative; z-index: 10; background: url("../images/bgMenu.png") no-repeat; margin-left: 39px; width: 880px; height: 52px; margin-top: 10px; font-family: sourceRegular; font-size: 0.857em; text-transform: uppercase}
#menuTop ul {margin: 0; padding: 0}
#menuTop ul li {list-style-type: none; display: inline-block}
#menuTop ul li a, #menuTop ul li a:visited {text-decoration: none; color: #fff; display: block; padding: 22px 30px 15px 30px; background: url("../images/menuTopArr.png") no-repeat center 0; letter-spacing: 0.02em;}
#menuTop ul li a:hover, #menuTop ul li a:focus, #menuTop ul li.hover a, #menuTop ul li a.selected {background-color: #002a4a; background-position: center -92px; color: #6dcff6; font-family: sourceBold; letter-spacing: 0.006em}

#menuTop ul li ul {position: absolute; left: -9000em; display: block; width: 200px; margin-bottom: 10px; background-color: #fff; -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.25); -moz-box-shadow:  1px 1px 5px 0px rgba(50, 50, 50, 0.25); box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.25);}
#menuTop ul li.hover ul {left: 0}

#menuTop ul li ul li {display: block}
#menuTop ul li ul li a, #menuTop ul li ul li a:visited {background: #fff !important; color: #291c21 !important; text-transform: none; font-size: 1.083em; background-image: none; font-family: sourceRegular; padding: 10px 30px}
#menuTop ul li ul li a:hover, #menuTop ul li ul li a:focus, #menuTop ul li ul li a.selected {background: #f00; color: #013052; font-family: sourceRegular; font-weight: bold}

#menuTop ul li a:focus {outline: 2px solid #fff}
#menuTop ul li a:hover:active {outline: none}
#menuTop ul li ul li a:focus {outline: 2px solid #00385e}
#menuTop ul li ul li a:hover:active {outline: none}

#slider {position: relative; z-index: 5; padding: 0 0 0 11px; }
.slides {margin: 0; padding: 0}
.slides li {list-style-type: none}
#slider h3 {margin: 0; display: table-cell; vertical-align: middle; color: #fff; font-family: sourceRegular; padding: 0 90px 10px 30px; max-height: 65px; overflow: hidden; line-height: 1em; font-size: 1.188em}
#slider h3 a, #slider h3 a:visited {color: #fff; font-family: sourceRegular; text-decoration: none; padding: 2px; margin: -2px; display: inline-block; border-bottom: 1px dashed #00bff3}
#slider h3 a:hover {text-decoration: underline; border-color: transparent}
#slider h3 a:focus {outline: 2px solid #fff}
#slider h3 a:hover:active {outline: none}
#slider .headerBannerText {background: url("../images/bgHeader.png") no-repeat; display: table; width: 356px; height: 110px; position: absolute; left: -7px; top: 198px;}
#slider .headerMarginOne {left: 4px}

#flexslider {position: relative; width: 958px; height: 354px; background: #fff}
.flex-direction-nav {margin: 0; position: relative; z-index: 2}
.flex-direction-nav {list-style-type: none}
.flex-prev, .flex-next {display: block; width: 42px; height: 58px; overflow: hidden}
.flex-prev img, .flex-next img {display: block}
.flex-prev {position: absolute; left: -7px; top: 120px}
.flex-next {position: absolute; right: -7px; top: 120px}

.flex-prev:focus, .flex-next:focus {outline: 2px solid #fff}
.flex-prev:hover:active, .flex-next:hover:active {outline: none}

#frameBottom {position: absolute; left: 0; bottom: 0; width: 981px; height: 56px; z-index: 4}
#frameLeft {position: absolute; left: 0; top: -17px; width: 11px; height: 331px; background: url("../images/bgFrameLeft.png") no-repeat}
#frameRight {position: absolute; right: 1px; top: -17px; width: 11px; height: 331px; background: url("../images/bgFrameRight.png") no-repeat}
#frameTop {position: absolute; left: 11px; top: -17px; width: 958px; height: 17px; background: url("../images/bgFrameTop.png") no-repeat}
.mods {background: url("../images/frameBottomMods.png") no-repeat}
.nomods {background: url("../images/frameBottomNoMods.png") no-repeat}

.flex-pauseplay {position: absolute; z-index: 5; font-family: sourceBold; text-transform: uppercase; font-size: 0.857em; left: 290px; top: 230px; text-align: center; width: 50px}
.flex-pauseplay a, .flex-pauseplay a:visited {display: block; width: 50px; text-align: center; color: #fff; text-decoration: none}
.flex-pauseplay a:hover {text-decoration: underline}
.flex-pauseplay a:focus {outline: 2px solid #fff}
.flex-pauseplay a:hover:active {outline: none}
.flex-pauseplay img {display: block; margin-left: 19px; margin-bottom: 4px}

#modulesTopWrapper {width: 100%; min-height: 313px; background: url("../images/bgModules.png") no-repeat top center; margin-top: -107px}
#modulesTopWrapper.slideMargin {margin-top: -104px}
#modulesTop {width: 981px; margin: 0 auto; text-align: center; padding: 125px 12px 0 12px}

#modulesTop .module {width: 33%; display: inline-block; color: #291c21; font-size: 1.143em; line-height: 1.1em; vertical-align: top; border-left: 1px solid #c6c6c6}
#modulesTop .module:first-child {border: none}

#modulesTop .module h2 {margin: 0; padding: 95px 0 15px 0; color: #013052; font-size: 1.714em; font-weight: normal; font-family: robotoRegular}

#modulesTop .module a, #modulesTop .module a:visited {color: #291c21; text-decoration: none; padding: 2px; display: inline-block}
#modulesTop .module a:hover {text-decoration: underline}
#modulesTop .module a:focus {outline: 2px solid #291c21}
#modulesTop .module a:hover:active {outline: none}

#modulesTop .module_content {padding: 0 60px}
#modulesTop #mod_calendar p:first-child {margin-top: 0}

#modulesTop #mod_calendar {background: url("../images/icoCalendar.png") no-repeat center top}
#modulesTop #mod_location {background: url("../images/icoLocation.png") no-repeat center top}
#modulesTop #mod_gallery {background: url("../images/icoGallery.png") no-repeat center 10px}

#noModules {background: url("../images/bgNoModules.png") no-repeat; width: 100%; height: 103px; margin-top: -130px}

#contentMainWrapper {width: 100%; background: #fff; margin-top: 0}
#contentIn {width: 981px; margin: 0 auto; padding: 30px 0 100px 0; position: relative}

#menuCol {width: 313px; float: left; margin-left: 11px}

.colMenu {margin: 0; padding: 0; width: 302px; position: relative; z-index: 3}
.colMenu li {list-style-type: none; position: relative}
.colMenu ul {margin: 0; padding: 0; position: absolute; left: -9000em; top: 0; width: 250px; width: 250px; z-index: 2}

.colMenu li a, .colMenu li a:visited {color: #013052; display: block; border-top: 1px dashed #90daf8; text-decoration: none; padding: 20px 60px 20px 30px; background: url("../images/bgColMenu.png") no-repeat 265px -157px; font-size: 1.071em; transition: color 0.3s linear; -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -o-transition: color 0.3s linear; transition: background-color 0.3s linear; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear}
.colMenu li a:hover, .colMenu li a:focus, .colMenu li.hover a, .colMenu li a.selected {background-position: 265px 18px; font-family: sourceBold}
.colMenu li:first-child a {border: none;}

.colMenu li a:focus {outline: 2px solid #013052}
.colMenu li li a:focus {outline: 2px solid #83d6f7}
.colMenu li a:hover:active {outline: none}

.colMenu li.hover ul {left: 302px}
.colMenu li.hover ul ul {left: -9000em}
.colMenu li ul li.hover ul {left: 250px}

#menuCol .colMenu li ul li a, #menuCol .colMenu li ul li a:visited {color: #fff; font-family: sourceRegular ; background: #013052 url("../images/bgColMenu2.png") no-repeat 215px 18px; border-top: 1px dashed #83d6f7}
#menuCol .colMenu li ul li:first-child a {border: none}
#menuCol .colMenu li.hover ul li a:focus, #menuCol .colMenu li.hover ul li a:hover, #menuCol .colMenu li.hover ul li.hover a, #menuCol .colMenu li.hover ul li a.selected {background-position: 215px -157px; font-family: sourceBold; position: relative; z-index: 100}

#menuCol .colMenu li ul ul li a, #menuCol .colMenu li ul ul li a:visited {color: #fff; font-family: sourceRegular !important; background: #013052 url("../images/bgColMenu2.png") no-repeat 215px 18px !important; border-top: 1px dashed #83d6f7 !important}
#menuCol .colMenu li ul ul li:first-child a {border: none !important}
#menuCol .colMenu li.hover ul ul li a:focus, #menuCol .colMenu li.hover ul ul li a:hover, #menuCol .colMenu li.hover ul ul li.hover a, #menuCol .colMenu li.hover ul ul li a.selected {background-position: 215px -157px !important; font-family: sourceBold !important}

#modulesLeftWrapper .module {margin-top: 16px}
#modulesLeftWrapper .module_content {padding: 20px 25px}

#mod_questionnaire, #mod_contact {border: 6px solid #0072bc}
#mod_questionnaire h2, #mod_contact h2 {background: #0072bc; color: #fff; font-family: robotoRegular; font-weight: normal; margin: 0; padding: 12px 20px 18px 20px; font-size: 1.571em}

#mod_questionnaire legend {position: relative; left: 0; width: 250px}

#mod_questionnaire ul {margin: 0; padding: 20px 0}
#mod_questionnaire ul li {list-style-type: none; margin-bottom: 10px}
#mod_questionnaire input:focus {outline: 2px solid #0072bc}
#mod_questionnaire .label {display: block; margin: -15px 0 0 25px}

#mod_questionnaire p {margin: 0 0 20px 0}

.module .button, .module .button:visited {border: 1px solid transparent; border-top: 1px solid #6dcff6; display: inline-block; text-decoration: none; color: #0072bc; text-transform: lowercase; font-size: 1.143em; font-family: robotoRegular; background: #fff url("../images/bgMore.png") no-repeat right 5px; padding: 7px 40px 7px 20px; margin-left: -25px; cursor: pointer; transition: color 0.3s linear; -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -o-transition: color 0.3s linear; transition: background-color 0.3s linear; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear}
.module .button:hover, .module .button:focus {background: #0072bc url("../images/bgMore.png") no-repeat right -45px; color: #fff; border-top: 1px solid transparent}
.module .button:hover:active {text-decoration: none}

.module a.button {padding: 11px 40px 11px 20px}

#mod_questionnaire .qBar {background-color: #2b5a9d; height: 4px; width: 175px; margin: 10px 0 20px 0; display: block}
#mod_questionnaire .qAnswer {display: block; width: 165px; float: left}
#mod_questionnaire .qPercent {float: right; display: block; font-family: robotoBold; font-size: 2.143em; color: #0072bc; width: 50px}

#mod_contact {background: url("../images/icoContact.png") no-repeat 25px 70px}
#mod_contact .module_content {padding-top: 100px}

#mod_contact a, #mod_contact a:visited {color: #0072bc; display: inline-block; overflow: hidden}
#mod_contact a:hover, #mod_contact a:focus {text-decoration: none}
#mod_contact a:focus {outline: 2px solid #0072bc}
#mod_contact a:hover:active {outline: none}

#advertsLeftWrapper {text-align: center; width: 302px; overflow: hidden; margin: 30px 0 0 0}
.advertLeft {margin-bottom: 20px; text-align: center}
.advertLeft a, .advertLeft a:visited {color: #0072bc; display: inline-block}
.advertLeft a img  {width: 300px; border: none;}
.advertLeft a:hover, .advertLeft a:focus {text-decoration: none}
.advertLeft a:focus {outline: 2px solid #0072bc}
.advertLeft a:hover:active {outline: none}

#contentWrapper {margin-left: 24px; width: 624px; float: right; margin-top: -20px}

#crumbpathWrapper {border-bottom: 1px solid #efefef; color: #363636; position: relative; z-index: 2}
#crumbpathWrapper p {margin: 0; padding: 5px 5px 10px 5px; font-size: 0.857em}

#crumbpath a, #crumbpath a:visited {color: #363636; text-decoration: none; padding: 2px}
#crumbpath a.last, #crumbpath a.last:visited {color: #363636; font-family: sourceBold}

#crumbpath a:hover {text-decoration: underline}
#crumbpath a:focus {outline: 2px solid #0072bc}
#crumbpath a:hover:active {outline: none}
#crumbpath .here {margin-right: 10px}
.pathSep {margin: 0 10px; font-size: 0.769em; vertical-align: 1px}

#content {padding: 0 12px 0 0}

#advertsTopWrapper {text-align: center; padding: 10px; margin: 10px 0 30px 0}
.advertTop {margin-bottom: 10px}
.advertTop a, .advertTop a:visited {color: #0072bc; display: inline-block}
.advertTop a:hover, .advertTop a:focus {text-decoration: none}
.advertTop a:focus {outline: 2px solid #0072bc}
.advertTop a:hover:active {outline: none}

#advertsLeftWrapper table, #advertsTopWrapper table {border: none}
#advertsLeftWrapper td, #advertsTopWrapper td {border: none}

#content_txt {padding: 0}

#content_txt h2 {font-family: robotoBold; font-weight: normal; font-size: 2.143em; color: #013051; border-bottom: 6px solid #0072bc; text-align: center; padding: 20px 0 20px 0; margin: 0; line-height: .9em}

#content_txt a, #content_txt a:visited {color: #0072bc}
#content_txt a:hover, #content_txt a:focus {text-decoration: none}
#content_txt a:focus {outline: 2px solid #0072bc}
#content_txt a:hover:active {outline: none}

#content_txt img {max-width: 624px; height: auto}

#content_txt table {max-width: 624px; overflow: hidden}

.printers {text-align: right}
.printers li {list-style-type: none; display: inline-block; margin-left: 5px}

#welcome {margin-bottom: 40px}
#welcome h3 {font-family: robotoBold; font-weight: normal; font-size: 2.143em; color: #013051; border-bottom: 6px solid #0072bc; text-align: center; padding: 0 0 20px 0; margin: -50px 0 0 0}

.articlesNoWelcome {margin-top: -60px}

.article {margin: 0 0 20px 0; position: relative; padding: 20px; border: none}
.highlightArt {background: #fafafa; border: 1px solid #0072bc; padding: 19px }

.article h4 {margin: 0 0 0 200px; font-size: 2.000em; line-height: 1em; border-left: 6px solid #0072bc; padding: 0 0 0 20px}
.article h4.noMargin {margin-left: 0}

.article.highlightArt h4 {border-color: #9e0039}

.minHeight {min-height: 160px}

#content_txt .article h4 a, #content_txt .article h4 a:visited {color: #013051; text-decoration: none; display: inline-block}
#content_txt .article.highlightArt h4 a, #content_txt .article.highlightArt h4 a:visited {color: #363636}
#content_txt .article h4 a:hover, #content_txt .article h4 a:focus {text-decoration: underline}

.leadTxt {margin: 0 0 0 202px}
.leadTxt.noMargin {margin-left: 0}

#content_txt .photo {display: block; width: 156px; height: 156px; border: 1px solid #e2e2e2}
#content_txt .photo span {position: absolute; left: -9000em; top: 60px; display: block}
#content_txt .photo:hover span, #content_txt .photo:focus span {left: 60px}
#content_txt .photo img {display: block; width: 100%}
.photoWrapper {position: absolute; left: 20px; top: 20px; width: 156px; min-height: 156px}

.article .artDate {float: left; color: #0072bc; font-family: sourceBold; margin-right: 20px}
.article.highlightArt .artDate {color: #9e0039}

.article .authorName {float: left; font-family: sourceBold}

#content_txt .more, #content_txt .more:visited {border: 1px solid transparent; border-top: 1px solid #6dcff6; display: inline-block; text-decoration: none; color: #0072bc; text-transform: lowercase; font-size: 1.143em; font-family: robotoRegular; background: transparent url("../images/bgMore.png") no-repeat right 5px; padding: 11px 40px 11px 20px; float: right; transition: color 0.3s linear; -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -o-transition: color 0.3s linear; transition: background-color 0.3s linear; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear}
#content_txt .more:hover, #content_txt .more:focus {background: #0072bc url("../images/bgMore.png") no-repeat right -45px; color: #fff; border-top: 1px solid transparent}

#content_txt .highlightArt .more, #content_txt .highlightArt .more:visited {border: 1px solid transparent; border-top: 1px solid #9e0039; background: transparent url("../images/bgMore2.png") no-repeat right 5px; color: #9e0039}
#content_txt .highlightArt .more:hover, #content_txt .highlightArt .more:focus {background: #9e0039 url("../images/bgMore2.png") no-repeat right -45px; color: #fff; border-top: 1px solid transparent}

.social {margin: 0; border-top: 1px dashed #90daf8; width: 302px; padding: 10px 0 0 10px; position: absolute; left: 0; bottom: 0}
.FBLike iframe, .Tweet iframe {border: none}

#gotoTopWrapper {position: absolute; right: 20px; bottom: 0; z-index: 5}
#gotoTopWrapper a, #gotoTopWrapper a:visited {color: #0072bc; background: url("../images/icoTop.png") no-repeat 2px 5px; text-decoration: none; padding: 11px 2px 11px 40px; transition: color 0.3s linear; -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -o-transition: color 0.3s linear; transition: background-color 0.3s linear; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear}
#gotoTopWrapper a:focus {outline: 2px solid #0072bc}
#gotoTopWrapper a:hover {background: #0072bc url("../images/icoTop.png") no-repeat 2px -45px; color: #fff;}
#gotoTopWrapper a:hover:active {outline: none}

#footerWrapper {width: 100%; background: url("../images/bgFooter.png") no-repeat center top; height: 200px; margin-top: -20px}
#footer {width: 981px; margin: 0 auto; position: relative}

#menuBottom {position: absolute; left: 30px; top: 80px;}
#menuBottom ul {margin: 0; padding: 0}
#menuBottom ul li {list-style-type: none; margin-right: 36px; display: inline-block}
#menuBottom a, #menuBottom a:visited {color: #fff; text-decoration: none; padding: 2px; font-size: 0.857em}
#menuBottom a:hover {text-decoration: underline}
#menuBottom a:focus {outline: 2px solid #fff}
#menuBottom a:hover:active {outline: none}

#pageAuthor {position: absolute; left: 30px; top: 130px; color: #fff; font-size: 0.857em}
#pageAuthor img {margin-right: 30px}
#pageAuthor p {margin: -50px 0 0 320px}
#pageAuthor ul {margin: 0; padding: 0}
#pageAuthor li {list-style-type: none; display: inline-block}
#pageAuthor a {display: block}
#pageAuthor a:focus {outline: 2px solid #fff}
#menuBottom a:hover:active {outline: none}

/*Paging*/
.pagination {margin-bottom: 40px}
.pagination ul {margin: 0; padding: 0}
.pagination ul li {list-style-type: none; display: inline-block; margin-right: 5px; font-size: 0.857em}

#content_txt .pagination span {background: #f5f6f6; color: #363636; display: block; padding: 7px 11px 7px 11px}
#content_txt .pagination a, #content_txt .pagination a:visited {background: #0072bc; color: #fff; display: block; text-decoration: none; padding: 7px 11px 7px 11px; transition: color 0.3s linear; -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -o-transition: color 0.3s linear; transition: background-color 0.3s linear; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear}
#content_txt .pagination a:hover, #content_txt .pagination a:focus {background: #fff; color: #0072bc; outline: 2px solid #0072bc}

div.authorName {font-family: sourceBold; text-align: right}
.articleWrapper {margin-top: 30px}

.galHead, .filesHead, .sitemapHeader, .header {border-bottom: 1px dashed #6dcff6; color: #9e0039; display: inline-block; font-size: 1.375em; padding: 0 0 10px 0}

.galleryWrapper {margin: 20px 0 40px 0; padding: 0}
.galleryWrapper .photoWrapper {position: relative; display: inline-block; top: 0; left: 0; vertical-align: top; margin-right: 40px; margin-bottom: 30px}
.galleryWrapper .photoWrapper p {margin: 0; text-align: center; padding: 5px 10px}

.filesWrapper ul {margin: 10px 0 20px 0; padding: 0}
.filesWrapper li {list-style-type: none; margin-bottom: 5px}
.filesWrapper li h4 {margin: 0; padding: 5px 0; font-family: sourceBold}
.filesWrapper li span {font-family: sourceRegular; font-size: 0.857em}

.sitemap {margin: 20px 0; padding: 0}
.sitemap ul {margin: 10px 0; padding: 0 20px}
.sitemap li {list-style-type: none}

.searchTxt {border-bottom: 1px dashed #6dcff6; padding-bottom: 10px}

#content_txt .searchTxt h3 {margin: 20px 0 -10px 0}
#content_txt .searchTxt h3 a, #content_txt .searchTxt h3 a:visited {line-height: 1em; border-left: 6px solid #0072bc; padding: 0 0 0 20px; text-decoration: none; color: #013051; display: inline-block}
#content_txt .searchTxt h3 a:focus, #content_txt .searchTxt h3 a:hover {text-decoration: underline}

#content_txt .qBar {background-color: #2b5a9d; height: 4px; margin: 10px 0 20px 0;}
#content_txt .qAnswer {display: block; width: 165px; float: left}
#content_txt .qPercent {float: right; display: block; font-family: robotoBold; font-size: 2.143em; color: #0072bc; width: 50px}

#content_txt .txtMessage iframe {border: 6px solid #0072bc; margin-top: 20px}
#content_txt .txtMessage small a, #content_txt .txtMessage small a:visited {color: #0072bc !important}

.f_contact {padding: 20px 0}
.inputborder {margin: 4px 0 10px 0}

.f_contact input[type=text], .f_contact textarea {border: 1px solid #5a7f99; padding: 10px; background: #fff;}
.f_contact input[type=text]:focus, .f_contact textarea:focus {background: #ecf7fd; outline: 2px solid #0072bc}

input#captcha {margin-left: 10px}
.inputAgree {padding-top: 20px}
.inputAgree label {display: block; margin: -17px 0 0 25px}

.butWarapper {padding: 30px 0}

.butWarapper .button {border: 1px solid transparent; border-top: 1px solid #6dcff6; display: inline-block; text-decoration: none; color: #0072bc; text-transform: lowercase; font-size: 1.143em; font-family: robotoRegular; background: #fff url("../images/bgMore.png") no-repeat right 5px; padding: 7px 40px 7px 20px; margin-left: -25px; cursor: pointer; transition: color 0.3s linear; -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -o-transition: color 0.3s linear; transition: background-color 0.3s linear; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear}
.butWarapper .button:hover, .butWarapper .button:focus {background: #0072bc url("../images/bgMore.png") no-repeat right -45px; color: #fff; border-top: 1px solid transparent}
input#zgoda:focus {outline: 2px solid #0072bc}

.txt_err {color: #9e0039; border: 1px solid #9e0039; background: #ffeeee; padding: 20px; margin: 20px 0; text-align: center}
.txt_err a, .txt_err a:visited {color: #9e0039 !important}
.txt_err ul {padding: 0}
.txt_err li {list-style-type: none}
.txt_err h4 {margin: 0}

.txt_msg {color: #007b0c; border: 1px solid #007b0c; background: #effff1; padding: 20px; margin: 20px 0; text-align: center; font-family: sourceRegular}

/* submenu */
#content_txt .submenu {background: #f5f6f6; margin: 0 0 20px 0; padding: 10px 20px; border: none}
#content_txt .submenu li {background: url("../images/icoSep.png") no-repeat 0 6px ; display: inline-block; list-style-type: none; margin-right: 13px; padding: 0 0 0 15px}
#content_txt .submenu li:first-child {background: none; padding: 0}
#content_txt .submenu li a, #content_txt .submenu li a:visited {text-decoration: none; color: #291c21}
#content_txt .submenu li a:hover {text-decoration: underline}
#content_txt .submenu li a:focus {text-decoration: none}

#block {width: 981px; margin: 20px auto; padding: 40px; background: #fff}

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

#copyright {width: 600px; margin: 20px auto; font-size: 0.9em; text-align: center; clear:both; color: #fff}
#copyright a, #copyright a:visited {color: #fff; display: inline-block}
#copyright a:hover {text-decoration: none}
#copyright a:focus {text-decoration: none; outline: 2px solid #fff}
#copyright a:hover:active {outline: none}