/***************************************************
    DEFAULT CSS file for Zavod za hitnu medicinu Zagrebačke županije
    Author: WEB Marketing (www.wem.hr)
    Media: Screen
***************************************************/

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

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

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

html { overflow-y: scroll }
body { background: #fff; color: #333; font: normal 13px/1 OpenSans-regular, Arial, Helvetica, sans-serif; }

/* --------------- Reset ----------------- */

*        { margin: 0; padding: 0; list-style: none; outline: none; }

a, a img { outline: none; }
a, a *   { cursor: pointer; }

a:focus, input:focus, textarea:focus, select:focus { outline: none; }

a img, fieldset { border: none; }

legend { display: none; }

h1, h2, h3,
h4, h5, h6  { line-height: 1.5em; }

#printlogo  { position: absolute; top: -9999px; left: -9999px; }

/* --------------- Basic Typ. -------------- */

p,
ul,
ol,
dl,
table { margin: 20px 0; }

h1 { font-size: 30px; font-weight: bold; margin: -10px 0 20px 0; color: #333; background: url(../images/css/heading-bg-content.gif) no-repeat left bottom; }
h2 { font-size: 24px; font-weight: bold; margin: 20px 0; color: #333; }
h3 { font-size: 18px; font-weight: bold; margin: 20px 0; color: #333; }
h4,
h5,
h6 { font-size: 16px; font-weight: bold; margin: 20px 0; color: #333; }

ul li    { background: transparent url(../images/css/list.gif) no-repeat 0 10px; padding-left: 15px; margin-left: 15px; }
ul ul li { margin: 0; }
ul ul,
ul ol    { margin: 10px 0; }
ul ol li { padding: 0; background: none; margin-left: 20px; }

ol li    { list-style: decimal; margin-left: 40px; }
ol ol li { margin-left: 20px; list-style: outside lower-latin; }
ol ul li { list-style: none; margin-left: 0; }
ol ul,
ol ol    { margin: 10px 0; }

table   { border: 1px solid #246bb3; border-collapse: collapse; border-spacing: 0; }
caption { margin: 0; padding: 0; font-style: italic; }
td, th  { padding: 5px; }
th      { background: #246bb3; text-align: left; font-weight: normal; border: 1px solid #246bb3; color: #fff; }
td      { background: none; border: 1px solid #246bb3; }

table.blank { margin: 0; border: none; border-collapse: collapse; border-spacing: 0; }
.blank th,
.blank td   { font-weight: normal; border: none; background: none; padding: 0 5px 0 0; }

table p,
table ul,
table ol,
table table { margin-top: 0; margin-bottom: 0; }

blockquote   { margin: 20px; font-style: italic; color: #246bb3; }
blockquote * { margin-top: 0; margin-bottom: 0; }

hr { display: block; clear: both; height: 1px; overflow: hidden; border: 0; color: #ccc; background: #ccc; overflow: hidden; line-height: 30px; }

a:link, a:visited { color: #333; text-decoration: underline; }
a:hover, a:active { color: #0d549f; text-decoration: none; }

/* --------------- Layout ---------------- */

#wrapper { width: 100%; }
.inner { width: 962px; margin: 0 auto; }

#topLinks { width: 100%; overflow: hidden; background-color: #0d549f; border-bottom: 1px solid #d9e7f7; }

#header { width: 100%; height: 163px; overflow: hidden; background: url(../images/css/header-bg.png) no-repeat 50% 0; border-bottom: 2px solid #1259a3; }
#header .inner { position: relative; }

#logo { margin: 0; padding: 0; width: 144px; height: 144px; position: absolute; top: 9px; left: 40px; background: none; }
#logo a { display: block; width: 144px; height: 144px; text-indent: -9999px; background: url(../images/css/logo.png) no-repeat 0 0; }

#title { width: 338px; height: 95px; overflow: hidden; text-indent: -9999px; background: url(../images/css/header-title.png) no-repeat 0 0; position: absolute; top: 37px; left: 245px; }

#phoneNumbers { margin: 0; padding: 0; position: absolute; top: 56px; right: 0; }
#phoneNumbers li { margin: 0 17px 0 0; padding: 0; float: left; display: inline; width: 120px; height: 48px; text-indent: -9999px; }
#phoneNumbers li.first-child { background: url(../images/css/phone-numbers.png) no-repeat left center; }
#phoneNumbers li.last-child { background: url(../images/css/phone-numbers.png) no-repeat right center; margin: 0; }

#holder { width: 100%; height: auto !important; line-height: 21px; }
#navigation { width: 226px; float: left; display: inline; margin: 0 0 50px; }
#container { width: 718px; float: right; display: inline; margin: 0 0 50px 0; }

#homeContent { width: 472px; float: left; }
#sideContent { width: 226px; float: right; font-size: 14px; color: #4c4c4c; }
#sideContent .sideBox { margin: 0 0 40px 0; }

#footer { width: 100%; background: url(../images/css/footer-bg.gif) repeat-x left bottom; }

/* ---------------- Menu ----------------- */

#links { margin: 0; padding: 0; font-size: 14px; float: right; letter-spacing: -0.025em; }
#links li { margin: 0; padding: 0; background: none; float: left; display: inline; }
#links li a { background-color: transparent; color: #fff; text-decoration: none; display: block; height: 30px; line-height: 30px; padding: 0 12px; border-left: 1px solid #5688bc; }
#links li.login a { background-color: #7aa8d9; border-left: 1px solid #bdd4ec; border-right: 1px solid #bdd4ec; font-weight: bold; }
#links li a:hover { background-color: #5688bc; }
#links li.login a:hover { background-color: #7aa8d9; }

#mainMenu { margin: 0; padding: 0; font-size: 12px; font-family: OpenSans-bold; text-transform: uppercase; border-top: 1px solid #cadcf0; }
#mainMenu li { margin: 0; padding: 0; background: none; border-bottom: 1px solid #cadcf0; }
#mainMenu li a { display: block; background: #e4eef7 url(../images/css/nav-list.png) no-repeat 19px 21px; color: #246bb3; text-decoration: none; padding: 12px 10px 12px 42px; }
#mainMenu li a:hover,
#mainMenu li.on a,
#mainMenu li.open a { background-color: #cfe0f1; }

#mainMenu li.sub { position: relative; }
#mainMenu li.sub span,
#mainMenu li.sub ul li.sub span { display: block; width: 9px; height: 9px; background: url(../images/css/nav-open.png) no-repeat left top; text-indent: -9999px; cursor: pointer; position: absolute; top: 18px; right: 16px; }
#mainMenu li.open span,
#mainMenu li.on span,
#mainMenu li.sub ul li.open span,
#mainMenu li.sub ul li.on span { width: 9px; height: 5px; background-position: left bottom; top: 20px; }
#mainMenu li.on.sub,
#mainMenu li.open { border-bottom: none; }

#mainMenu ul { margin: 0; font-family: OpenSans-regular; }
#mainMenu ul li { border-bottom: 1px solid #adcae7; }
#mainMenu ul li a { background: #cfe0f1 !important; }
#mainMenu ul li a:hover { background: #bed5ec !important; }
#mainMenu ul li.on a,
#mainMenu ul li.open a { background: #bed5ec !important; font-weight: bold; }
#mainMenu ul li.first-child { border-top: 1px solid #adcae7; }

#mainMenu ul ul li a { background: #cfe0f1 !important; padding: 12px 10px 12px 52px; font-weight: normal !important; }
#mainMenu ul ul li a:hover,
#mainMenu ul ul li.on a { background: #b3cce6 !important; }

#mainMenu ul { display: none !important; }
#mainMenu .on ul,
#mainMenu .open ul { display: block !important; }
#mainMenu .on ul ul,
#mainMenu .open ul ul { display: none !important; }
#mainMenu .on ul .on ul,
#mainMenu .open ul .open ul { display: block !important; }

/* ---------------- Home ----------------- */

#homeContent h2,
#sideContent h2 { font-size: 16px; font-weight: bold; color: #333; line-height: 28px; background-repeat: no-repeat; background-position: left bottom; margin: 0 0 15px 0; padding: 0 0 2px 0; }
#homeContent h2 { background-image: url(../images/css/heading-bg-home.gif); }
#sideContent h2 { background-image: url(../images/css/heading-bg-side.gif); }

.button ul { margin: 0; padding: 0; }
.button li { background: none; margin: 0; padding: 0; }
.button a  { display: block; background-color: #7aa8d9; color: #fff; text-decoration: none; font-family: OpenSans-bold; text-align: center; line-height: 18px; margin: 19px 0; padding: 7px 20px; border-radius: 2px; }
.button a:hover { background-color: #246bb3; }

#services li { margin: 5px 0 5px 3px; }
#services li a { color: #333; text-decoration: none; }
#services li a:hover { color: #0d549f; text-decoration: none; }

#download li { background: none; margin: 5px 0; padding: 0; }
#download li a { background: url(../images/css/download-home.gif) no-repeat left center; padding: 0 0 0 18px; }

#locations { height: 100%; overflow: hidden; margin: 0 0 10px 0; }
#locations ul { margin: 0; padding: 0; width: 492px; font-size: 14px; }
#locations ul li { background: none; margin: 0 20px 10px 0; padding: 0 0 10px 0; float: left; display: inline; width: 226px; border-bottom: 1px solid #e6e6e6; }

#homeContent #news { height: 100%; overflow: hidden; margin: 0 0 40px 0; }
#homeContent #main-news { float: left; width: 226px; }
#homeContent #news-list { float: right; width: 226px; margin: 0; }

#homeContent #main-news .news-title { display: block; font-size: 16px; font-weight: bold; color: #333; text-decoration: none; margin: 15px 0 10px 0; }
#homeContent #main-news .news-title:hover { color: #246bb3; }
#homeContent #main-news .details { color: #246bb3; text-decoration: none; background: url(../images/css/news-details.gif) no-repeat 100% 65%; line-height: 20px; padding: 0 7px 0 0; }
#homeContent #main-news .details:hover { text-decoration: underline; }
#homeContent #news-list li { background: none; margin: 0; padding: 0; }
#homeContent #news-list li .news-title { display: block; font-size: 14px; color: #333; text-decoration: none; margin: 5px 0 15px 0; }
#homeContent #news-list li .news-title:hover { color: #246bb3; }

#homeContent #education { margin: 0 0 30px 0; }
#homeContent #education li { background: none; margin: 20px 0; padding: 0; overflow: hidden; }
#homeContent #education li .news-title { display: block; font-size: 14px; line-height: 24px; color: #333; text-decoration: none; float: right; width: 308px; margin: -5px 0 0 0; }
#homeContent #education li .news-title:hover { color: #246bb3; }
#homeContent #education li.last-child { margin: 20px 0 0 0; }

.news-date { display: block; width: 134px; height: 36px; line-height: 30px; text-align: center; margin: 0; color: #fff; font-size: 12px; background: url(../images/css/news-date.gif) no-repeat left top; }
.date { display: block; width: 150px; height: 30px; line-height: 30px; margin: 0; text-align: center; font-size: 12px; color: #fff; background: url(../images/css/education-date.gif) no-repeat left top; float: left; }
#homeContent #main-news .news-date { margin: 0 0 12px 0; }

#partners { position: relative; overflow: hidden; }
#partners .prev,
#partners .next { display: block; width: 9px; height: 13px; text-indent: -9999px; position: absolute; top: 7px; }
#partners .prev { background: url(../images/css/partners-nav.gif) no-repeat left top; right: 35px; }
#partners .next { background: url(../images/css/partners-nav.gif) no-repeat right top; right: 10px; }
#partners .prev:hover { background-position: left bottom; }
#partners .next:hover { background-position: right bottom; }
#partnersGallery { height: 128px; overflow: hidden; position: relative; z-index: 1; margin: 20px 0 0 0; }
#partnersGallery .belt { position: absolute; top: 0; left: 0; z-index: 1; width: 2000em; height: 128px; }
#partnersGallery .partner { float: left; display: inline; margin: 0 20px 0 0; }

#donors { position: relative; overflow: hidden; padding: 12px 0 43px 0; }
#donors h2 { font-size: 16px; font-weight: bold; background: url(../images/css/heading-bg-footer.gif) no-repeat left bottom; padding: 0 0 2px 0; margin-bottom: 21px; line-height: 28px; }
#donors ul { margin: 0 0 0 12px; padding: 0; overflow: hidden; }
#donors ul li { margin: 0 50px 0 0; padding: 0; background: none; float: left; display: inline; }

#donors .button { position: absolute; top: 63px; right: 0; }
#donors .button a { width: 104px; font-size: 14px; }

.allDonors { font-size: 14px; position: absolute; top: 40px; right: 0; }
.allDonors a { color: #246bb3; text-decoration: none; background: url(../images/css/news-details.gif) no-repeat right center; padding: 0 8px 0 0; }
.allDonors a:hover { text-decoration: underline; }

/* --------------- Content --------------- */

#intro { font-family: OpenSans-bold; margin: 20px 0; }
#images { width: 300px; overflow: hidden; position: relative; float: right; margin: 0 0 20px 20px; }
.images-items { width: 300px; height: 225px; margin: 0 0 13px 0; }

.images-controls ul { margin: 0; padding: 0; text-align: center; }
.images-controls ul li { margin: 0; padding: 0; background: none; display: inline-block; }
.images-controls ul li a { display: inline-block; width: 13px; height: 13px; text-indent: -9999px; background: url(../images/css/img-nav.gif) no-repeat 0 0; }
.images-controls ul li a:hover,
.images-controls ul li.on a { background-position: -13px 0; }

.images-prev,
.images-next { display: block; text-indent: -9999px; width: 23px; height: 23px; background-image: url(../images/css/img-paginator.gif); background-repeat: no-repeat; position: absolute; bottom: 7px; }
.images-prev { background-position: 0 0; left: 0; }
.images-next { background-position: -23px 0; right: 0; }
.images-prev:hover { background-position: 0 -23px; }
.images-next:hover { background-position: -23px -23px; }

.page-default #download { background: #e4eef7; padding: 20px 20px 0 20px; margin: 20px 0 0 0; clear: both; }
.page-default .download-box { margin: 0 0 20px; }
.page-default .last-box { margin-bottom: 0; }
.page-default #download h3 { font-size: 16px; color: #246bb3; margin: 0; font-weight: bold; }
.page-default #download ul { padding: 0 0 20px; overflow: hidden; font-size: 16px; }
.page-default #download li { border-top: 1px solid #000; margin: -1px 0 0; padding: 1px 0 0; background: none; }
.page-default #download ul a { display: block; position: relative; color: #333; text-decoration: none; background: #fff; padding: 16px 60px 12px 52px; }
.page-default #download ul a:hover { color: #246bb3; }

.file-type { position: absolute; top: 10px; left: 18px; display: block; width: 23px; height: 26px; overflow: hidden; text-indent: -9999px; background-image: url(../images/css/download-icons.png); background-repeat: no-repeat; }
.pdf { background-position: 0 0; }
.doc,
.docx { background-position: -23px 0; }
.rar { background-position: -46px 0; }
.zip { background-position: -69px 0; }
.xls,
.xlsx { background-position: -92px 0; }
.txt { background-position: -115px 0; }
.odt { background-position: -138px 0; }
.file { background-position: -9999px -9999px; }

#news-category-content { margin: 0 0 20px 0; }

#news-listing .news-box-holder { height: 100%; overflow: hidden; margin: 0 0 20px 0; }
#news-listing .last-child { margin: 0; }
#news-listing .news-image { display: inline; float: left; width: 226px; height: 126px; overflow: hidden; margin: 0 20px 0 0; }

#news-listing .news-image a { display: block; width: 226px; height: 126px; overflow: hidden; }

#news-listing .news-title { margin: 8px 0; font-size: 16px; }
#news-listing .news-title a { color: #333; text-decoration: none; }
#news-listing .news-title a:hover { color: #246bb3; }
#news-listing .news-details-link { margin: 0; text-transform: lowercase; float: right; }
#news-listing .news-details-link a { color: #246bb3; text-decoration: none; background: url(../images/css/news-details.gif) no-repeat 100% 65%; padding: 0 7px 0 0; }
#news-listing .news-details-link a:hover { text-decoration: underline; }
#news-listing .news-content { overflow: hidden; }
#news-listing .news-content .news-intro { line-height: 18px; }

#news-main { position: relative; overflow: hidden; }
#news-main .news-image { display: block; float: right; display: inline; width: 300px; margin: 0 0 10px 20px; }
#news-main .news-intro { margin: 0 0 20px 0; font-weight: bold; }
#news-main .news-box-holder { margin: 0; padding: 0; border: none; overflow: hidden; }
#news-main .news-date { margin-bottom: 10px; }

.gallery-category-content { margin: 0 0 20px 0; }

#gallery-listing { width: 750px; height: 100%; overflow: hidden; margin: 0; padding: 0; }
#gallery-listing li { margin: 0 30px 50px 0; padding: 0; background: none; float: left; width: 220px; overflow: hidden; position: relative; }

.gallery-image a { display: block; width: 220px; height: 165px; overflow: hidden; }

.gallery-title { font-weight: bold; font-size: 14px; margin: 10px 0 0 0; }
.gallery-title a { color: #333; text-decoration: none; }
.gallery-title a:hover { color: #246bb3; }
.gallery-images-no { display: block; width: 30px; height: 30px; line-height: 30px; color: #fff; cursor: default; background-color: #adb4ba; text-align: center; position: absolute; top: 0; left: 0; }

.gallery-page-content { margin: 0 0 20px 0; }
#gallery-images { margin: 0; padding: 0; width: 750px; height: 100%; overflow: hidden; }
#gallery-images li { margin: 0 30px 30px 0; padding: 0; background: none; float: left; width: 220px; height: 100%; overflow: hidden; }
#gallery-images a { display: block; width: 220px; height: 165px; overflow: hidden; }

/* --------------- Forms ----------------- */

.basicForm fieldset { margin: 20px 0; }
.basicForm legend { display: none; }

.form-warning { margin-bottom: 20px; }
.field-description { padding: 0 0 10px 200px; margin: -5px 0 0 0; font-size: 12px; }
.req { vertical-align: middle; }

div.errorMessage { margin-bottom: 20px; color: #cc0000 !important; padding: 0 0 0 200px; }
div.errorMessage ul { margin-bottom: 0; }
div.errorMessage ul li { margin: 0; padding: 0; background: none; }

.basicForm label { width: 150px; margin: 4px 0 0 -155px; float: left; text-align: right; }

.basicForm .input,
.basicForm .textarea,
.basicForm .select,
.basicForm .radio,
.basicForm .checkbox { padding: 0 0 10px 200px; }

.basicForm .input input { width: 280px; padding: 5px; margin-right: 5px; font: normal 13px OpenSans-regular, Arial, Helvetica, sans-serif; color: #333; border: 1px solid #246bb3; }
.basicForm .small .input input { width: 80px; }
.basicForm .input img { margin: 0 5px 0 0; }
.basicForm .textarea textarea { width: 280px !important; min-width: 280px !important; max-width: 280px !important; height: 100px !important; min-height: 100px !important; max-height: 100px !important; padding: 5px; margin-right: 5px; font: normal 13px OpenSans-regular, Arial, Helvetica, sans-serif; color: #333; border: 1px solid #246bb3; vertical-align: top; overflow: auto; resize: none; }
.basicForm .select select { width: 291px; padding: 4px; margin-right: 5px; font: normal 13px OpenSans-regular, Arial, Helvetica, sans-serif; color: #333; border: 1px solid #246bb3; }

.basicForm .radio,
.basicForm .checkbox { height: 100%; overflow: hidden; position: relative; }
.basicForm .form-item-title { display: inline; float: left; width: 125px; margin-left: -130px; text-align: right; }
.form-items-holder { width: 158px; overflow: hidden; }
.basicForm .form-item { padding: 0 0 0 20px; }
.basicForm .form-item label { margin: 0; float: none; }
.basicForm .form-item input { margin: 0 5px 0 -20px; }
.basicForm .radio .req,
.basicForm .checkbox .req { position: absolute; top: 0; left: 496px; }

.basicForm .terms { height: 100%; overflow: hidden; margin: 10px 0 10px 200px; padding: 0 0 0 20px; }
.basicForm .terms label { margin: 0; float: none; }
.basicForm .terms input { margin: 0 5px 0 -20px; }

.basicForm .notice { margin: 0 0 10px 200px; }
.basicForm .notice ul { margin: 0; padding: 0; }
.basicForm .notice ul li { margin: 0; padding: 0; background: none; }

.basicForm .captchaWrapper { height: 110px; overflow: hidden; padding: 20px 0 0 200px; margin-bottom: 20px; position: relative; }
.basicForm .captchaWrapper img { display: block; margin: 0 0 5px 0 !important; }
.basicForm .captchaImageWrapper { margin-bottom: 10px; overflow: hidden; }
.basicForm .captchaInput input { width: 80px; padding: 4px; font: normal 13px OpenSans-regular, Arial, Helvetica, sans-serif; color: #333; border: 1px solid #246bb3; }
.basicForm .captchaWrapper .errorMessage { position: absolute; bottom: 20px; left: 225px; color: #cc0000 !important; }
.basicForm .captchaWrapper .req { position: absolute; bottom: 16px; left: 295px; }
.form-buttons { height: 100%; overflow: hidden; position: relative; padding: 0 0 0 200px; }
.form-submit a,
.form-reset a { display: block; float: left; font-size: 14px; margin: 0 10px 0 0; }
.form-submit a { background-color: #246bb3; }
.form-submit a:hover { background-color: #0D549F; }

.error label,
.error .req,
.error .form-item-title { color: #cc0000; }

.error .checkbox label,
.error .radio label { color: #333; }

.error .input input,
.error .textarea textarea,
.error .select select,
.error .captchaInput input { border-color: #cc0000; }

.form-feedback { font-size: 1.2em; }
.form-feedback-link { height: 100%; overflow: hidden; padding: 20px 0 5px 0; }
.form-feedback-link a { font-size: 12px; padding: 5px; border: 1px solid #efefef; text-decoration: none; }
.form-feedback-link a:hover { color: #000; }

.nlinput { border: 1px solid #246bb3; font-family: OpenSans-light; font-size: 14px; font-style: italic; width: 200px; margin: 15px 0 0 0; padding: 5px 12px; }
.nlsubmit { display: block; background-color: #7aa8d9; color: #fff !important; text-decoration: none !important; font-family: OpenSans-bold; text-align: center; line-height: 18px; margin: 10px 0 0 0; padding: 7px 20px; border-radius: 2px; }
.nlsubmit:hover { background-color: #246bb3; }

#ctl18_lblLabelDisplayUsername { margin-top: 0 !important; }

/* ---------------- Misc. ---------------- */

.page-home #header { margin: 0 0 40px 0; }
.page-home #container { margin: 0; }
.page-gallery-category .paginator,
.page-gallery-main .basic-controls { margin: 0; }

#userBox { padding: 8px 0 0 0; float: left; }
#userBox ul { margin: 0; padding: 0; font-size: 12px; color: #fff; }
#userBox ul li { margin: 0 15px 0 0; padding: 0; background: none; float: left; display: inline; }
#userBox ul li a { color: #fff; text-decoration: underline; }
#userBox ul li a:hover { color: #fff; text-decoration: none; }
.logged #links li.login a { display: none; }

#basicTools { height: 40px; overflow: hidden; }
#path { margin: 12px 0 0 0; padding: 0; float: left; font-size: 12px; }
#path li { margin: 0 6px 0 0; padding: 0 8px 0 0; background: url(../images/css/path-arrow.gif) no-repeat 100% 70%; float: left; display: inline; }
#path li.on { margin: 0; padding: 0; background: none; }
#path li a { color: #333; text-decoration: none; }
#path li a:hover { color: #246bb3; }
#tools { float: right; margin: 12px 0 0 0; }
#print-icon { display: block; width: 16px; height: 16px; text-indent: -9999px; background: url(../images/css/print.gif) no-repeat 0 0; }
#print-icon:hover { background-position: -16px 0; }

#sideContent p,
#sideContent ul,
#sideContent ol { margin: 10px 0; }

.paginator             { height: 100%; overflow: hidden; margin: 20px 0 0 0; padding: 0; color: #333; }
.paginator ul          { height: 100%; overflow: hidden; margin: 0; padding: 0; }
.paginator ul li       { float: left; display: inline; background: none; padding: 0; margin: 0 2px 0 0; }
.paginator ul a        { display: block; overflow: hidden; color: #333; text-decoration: none; text-align: center; font-size: 12px; padding: 0 5px; }

.paginator ul a:hover,
.paginator ul a.on     { color: #246bb3; background: none; }

.paginator ul .firstPage a,
.paginator ul .lastPage a,
.paginator ul .prevPage a,
.paginator ul .nextPage a      { text-indent: -9999px; border: none; width: 15px; padding: 0; }

.paginator ul .firstPage a     { background: url(../images/css/paginator-first.gif) no-repeat center center !important; }
.paginator ul .firstPage a.off { background: url(../images/css/paginator-first-off.gif) no-repeat center center !important; }
.paginator ul .prevPage a      { background: url(../images/css/paginator-prev.gif) no-repeat center center !important; margin-right: 5px; }
.paginator ul .prevPage a.off  { background: url(../images/css/paginator-prev-off.gif) no-repeat center center !important; margin-right: 5px; }
.paginator ul .nextPage a      { background: url(../images/css/paginator-next.gif) no-repeat center center !important; margin-left: 5px; }
.paginator ul .nextPage a.off  { background: url(../images/css/paginator-next-off.gif) no-repeat center center !important; margin-left: 5px; }
.paginator ul .lastPage a      { background: url(../images/css/paginator-last.gif) no-repeat center center !important; }
.paginator ul .lastPage a.off  { background: url(../images/css/paginator-last-off.gif) no-repeat center center !important; }

.basic-controls { margin: 20px 0 0 0; padding: 0; height: 100%; overflow: hidden; }
.basic-controls ul { margin: 0; padding: 0; height: 20px; position: relative; text-align: center; }
.basic-controls li { display: inline; margin: 0 10px 0 0; padding: 0; background: none; }
.basic-controls li.basic-prev { position: absolute; left: 0; text-align: left; }
.basic-controls li.basic-next { position: absolute; right: 0; text-align: right; }

#pageOptions { border-top: 4px solid #365d86; padding: 12px 0; overflow: hidden; }
#shareBox { float: left; }
#topLink { font-size: 14px; float: right; }
#topLink a { color: #246bb3; text-decoration: none; background: url(../images/css/top.gif) no-repeat right center; padding: 0 12px 0 0; }
#topLink a:hover { text-decoration: underline; }

#signature { overflow: hidden; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #4c4c4c; padding: 11px 0; }
#copyright { float: left; }
#development { float: right; }
#development a { color: #4c4c4c; text-decoration: none; }
#development a:hover { color: #4c4c4c; text-decoration: underline; }

#holder:after, 
#container:after, 
#content:after, 
#holder .inner:after, 
.basicForm:after, 
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.interreg-logo {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.interreg-text {
    top: 10px;
    position: relative;
}

.esf-link {
    text-decoration: none!important;
}

.page-home .interreg-logo, .page-default .interreg-logo, .page-form-default .interreg-logo, .page-gallery-category .interreg-logo {
    display: none;
}

.lenta-logo p {
    margin: 0 0 10px;
    color: #004494;
    font-weight: bold;
}

.lenta-logo {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.esf-logo {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    text-align: center;
    
}


    .esf-logo p {
        margin: 5px 0 10px;
        color: #004494;
        font-weight: bold;
    }

    .esf-logo img {
        width: 130px;
        margin: 0 auto;
    }