body
{
font-family: Tahoma;
font-size: 12px;
background: #D6D7D6 url('images/main-bg.gif') repeat-x;
margin: 0 auto;
}
textarea
{
font-family: Tahoma;
font-size: 1.1em;
}
h1
{
font-size: 1.3em;
margin: 0 0 0 0;
padding: 10px 0 10px 0;
color: #39A2E7;
}
h2
{
color: #397100;
font-size: 1.1em;
font-weight: normal;
padding: 0 0 0 0;
}
h2 a
{
color: #BD4D29;
font-weight: bold;
}
h2 a:visited
{
color: gray;
}
h3
{
font-size: 1.1em;
}
a
{
color: #298ACE;
}
a:visited
{
color: navy;
}
a span, a:visited span, a:hover span
{
cursor: pointer;
}
img
{
border: none;
}
#main
{
background: url('images/left-edge.gif') repeat-y 11px 0;
margin: 0 auto;
padding: 0;
width: 982px;
}
#logo-top
{
height: 35px;
background: url('images/logo-top.gif') no-repeat;
}
#logo-left
{
width: 11px;
height: 107px;
background: url('images/logo-left.gif') no-repeat;
float: left;
}
#logo
{
float: left;
color: White;
background: #182073;
text-align: center;
display: block;
}
#logo, #logo img
{
height: 159px;
width: 371px;
}
#main-inner
{
background: url('images/right-edge.gif') repeat-y top right;
}
#top-image
{
float: left;
height: 159px;
width: 594px;
background: #503617 url('images/top-image.jpg') no-repeat;
}
#search
{
height: 33px;
width: 214px;
float: left;
padding: 25px 0 0 25px;
background: #F7E394 url('images/search-bg.gif') no-repeat;
}
#menu
{
height: 30px;
background: #182073;
float: left;
width: 958px;
margin: 0 0 0 18px;
display: inline;
padding: 0;
overflow: hidden;
}
#menu ul
{
float: left;
list-style: none outside;
background: url('images/menu-bg.gif') repeat-x;
margin: 0 0 0 207px;
padding: 0 0 0 20px;
width: 731px;
display: inline;
height: 30px;
overflow: hidden;
}
#menu ul li
{
float: left;
padding: 0 22px 0 15px;
background: url('images/menu-spacer.gif') no-repeat;
}
#menu ul li a span, #menu ul li a:visited span
{
background: url('images/menu-btn-right.gif') no-repeat top right;
display: inline-block;
padding: 0 0 8px 0;
height: 30px;
line-height: 30px;
font-weight: bold;
}
#menu ul li a, #menu ul li a:visited
{
margin: 0;
padding: 0;
display: block;
text-decoration: none;
text-align: center;
color: White;
background: url('images/menu-btn-left.gif') no-repeat top left;
}
#menu ul li a:hover, #menu ul li a:active, #menu ul li a:focus
{
color: #7BF7FF;
text-decoration: underline;
}
#footer
{
background: #38A5D5;
height: 30px;
line-height: 30px;
margin: 0 0 0 11px;
width: 965px;
border-top: solid 3px white;
}
#webkomplet-footer
{
text-align: center;
background: white;
width: 945px;
margin: 0 0 0 11px;
padding: 10px 10px;
}
#webkomplet-footer div
{
background: url('images/footer-line.gif') repeat-x;
padding: 5px 0 5px 0;
}
#webkomplet-footer *
{
font-size: 11px;
}
#webkomplet-footer a, #webkomplet-footer a:visited
{
color: #868282;
text-decoration: none;
}
#webkomplet-footer a span, #webkomplet-footer a:visited span
{
color: #868282;
height: 31px;
line-height: 31px;
}
#content .bread-crumbs
{
font-size: 0.9em;
padding: 3px 2px 10px 0;
}
#content .bread-crumbs ul
{
list-style: none outside;
margin: 0;
padding: 0;
}
#content .bread-crumbs ul li
{
float: left;
padding-right: 3px;
}
#content .bread-crumbs ul li a, #content .bread-crumbs ul li a:visited
{
color: #298ACE;
}
#content-holder
{
width: 100%;
background: url('images/main-content-bg.gif') repeat-y 18px 0;
}
/* Begin of Main layout */
#col-ab
{
float: left;
width: 725px;
margin: 0 0 3px 18px;
padding: 0 0 0 0;
display: inline;
}
#col-a
{
float: left;
display: block;
width: 202px;
margin: 0;
background: white;
position: relative;
top: -23px;
}
#col-a .part1
{
width: 100%;
background: #182073;
padding: 0 0 10px 5px;
}
#col-a .part2
{
width: 100%;
background: white;
padding: 0 0 10px 5px;
}
#col-c
{
float: right;
width: 217px;
padding: 10px 0 0 0;
display: inline;
margin: 0 12px 0 0;
}
#content
{
float: right;
width: 490px;
margin: 0 5px 0 0;
padding: 0 0 0 10px;
overflow: hidden;
}
/* End of Main layout */
#content-inner
{
padding: 10px 20px 40px 0px;
font-size: 1em;
}
#content .perex
{
}
.listing-simple ul
{
list-style-type: square;
}
.listing-simple li
{
padding-bottom: 4px;
color: #BD4D29;
}
.listing-simple ul li h2
{
padding: 0;
margin: 0;
}
.listing-simple ul li h2 a, .listing-simple ul li h2 a:visited
{
color: #EF7D29;
}
.rb
{
margin: 0 10px 10px 0;
}
.lb
{
margin: 0 0 10px 10px;
}
.work-hours
{
line-height: 18px;
padding: 0 0 5px 5px;
font-weight: bold;
}
.work-hours strong
{
width: 20px;
display: inline-block;
}
.work-hours span
{
width: 75px;
text-align: center;
display: inline-block;
padding: 0 5px 0 0;
}
ul.contacts
{
margin: 0;
padding: 0;
list-style: none outside;
}
ul.contacts li
{
line-height: 27px;
padding: 0 0 5px 39px;
}
ul.contacts li.phone
{
background: url('images/icons-contact.gif') no-repeat 4px 0;
}
ul.contacts li.e-mail
{
background: url('images/icons-contact.gif') no-repeat 4px -36px;
}
ul.contacts li.icq
{
background: url('images/icons-contact.gif') no-repeat 4px -71px;
}
ul.contacts li.facebook
{
background: url('images/facebook.png') no-repeat 4px top;
}
.side-actions
{
padding: 0 0 15px 8px;
}
.side-actions img
{
position: relative;
top: 8px;
}
.side-actions a, .side-actions:visited
{
color: White;
font-size: 0.95em;
}
.box ul
{
list-style: none outside;
padding: 0 0 0 0px;
margin: 0;
}
.box ul li
{
padding: 5px 5px 5px 10px;
background: #1F2997;
margin: 0 0 1px 0;
}
.box ul li a, .box ul li a:visited
{
color: White;
}
.box-content
{
padding: 0 10px 10px 10px;
font-size: 1em;
color: #313431;
}
.box-content a, .box-content a:visited
{
color: #292C29;
}
.box-content a:hover
{
color: #DC6523;
}
.box, .box2, .box3
{
margin: 0 0 10px 0;
}
.box-header
{
font-size: 0.95em;
}
.box
{
float: left;
width: 196px;
background: #9CC7FF url('images/box-bg.gif') repeat-y;
overflow: hidden;
}
.box .box-header-round
{
display: block;
background: url('images/box-header.gif') no-repeat top left;
color: #7C5726;
text-align: center;
font-weight: bold;
padding: 10px 0 0 0;
}
.box .box-header
{
display: block;
padding: 10px 0 0 0;
}
.box h2
{
float: right;
margin: 0;
padding: 0 10px 10px 17px;
color: #212C6B;
font-weight: bold;
background: url('images/box-header-dot.gif') no-repeat 0 2px;
font-size: 0.85em;
text-transform: uppercase;
}
/* search-box begin */
.search-box
{
padding: 0 0 0 5px;
}
.search-box .search-input
{
height: 18px;
line-height: 18px;
}
.search-box .search-button
{
position: relative;
left: 4px;
}
.search-box .search-button span
{
background: #948E7B url('images/btn-left.gif') no-repeat top left;
height: 18px;
line-height: 18px;
display: inline-block;
}
.search-box .search-button span span
{
background: url('images/btn-left.gif') no-repeat top right;
height: 18px;
line-height: 18px;
}
.search-box .search-button input
{
height: 18px;
line-height: 18px;
border: none;
background: none;
color: White;
padding: 0 5px;
font-size: 0.95em;
font-weight: bold;
cursor: pointer;
}
/* search-box end */
.textbox, .search-box .search-input input
{
border: solid 1px #B5B6B5;
background: white;
width: 100px;
padding: 0 5px;
}
.box table th
{
color: #313431;
text-align: left;
font-size: 0.9em;
}
.side-spacer
{
background: url('images/side-spacer.gif') no-repeat;
height: 1px;
width: 196px;
float: left;
margin: 0 0 6px 0;
}
.box2
{
float: left;
width: 196px;
background: #9CC7FF url('images/box2-bg.gif') repeat-y;
overflow: hidden;
}
.box2 .box-header-round
{
display: block;
background: url('images/box2-header.gif') no-repeat top left;
color: #7C5726;
text-align: center;
font-weight: bold;
padding: 10px 0 0 0;
}
.box2 .box-header
{
display: block;
padding: 10px 0 0 0;
}
.box2 h2
{
float: right;
margin: 0;
padding: 0 10px 10px 18px;
color: #105984;
font-weight: bold;
background: url('images/box2-header-dot.gif') no-repeat 0 1px;
font-size: 0.85em;
text-transform: uppercase;
}
.box3
{
float: left;
width: 217px;
background: #9CC7FF url('images/box3-bg.gif') repeat-y;
overflow: hidden;
}
.box3 .box-header
{
display: block;
background: url('images/box3-header.gif') no-repeat top left;
color: #7C5726;
text-align: center;
font-weight: bold;
padding: 10px 0 0 0;
}
.box3 .box-header
{
display: block;
padding: 10px 0 0 0;
}
.box3 h2
{
float: left;
margin: 0;
padding: 0 10px 10px 18px;
color: #105984;
font-weight: bold;
background: url('images/box3-header-dot.gif') no-repeat 0 1px;
font-size: 0.85em;
text-transform: uppercase;
}
.box3 h2.dot2
{
float: left;
margin: 0;
padding: 0 10px 10px 18px;
color: #B71E0A;
font-weight: bold;
background: url('images/box3-header-dot2.gif') no-repeat 0 2px;
font-size: 0.85em;
text-transform: uppercase;
}
.box3 .box-footer
{
display: block;
background: url('images/box3-footer.gif') no-repeat top left;
height: 2px;
overflow: hidden;
}
.box3 .box-item h3
{
padding: 0 0 5px 0;
margin: 0;
font-weight: normal;
font-size: 1em;
}
.box3 .box-item h3 a:hover
{
color: #578FDB;
}
.box4
{
float: left;
width: 230px;
height: 290px;
overflow: hidden;
}
.box4 h2, .box4 h2 a, .box4 h2 a:visited
{
color: #B51C08;
}
.box4 h2
{
text-transform: uppercase;
font-weight: bold;
font-size: 0.95em;
padding: 0 0 5px 0;
margin: 0;
}
.box4 h3, .box5 h3, .box6 h3, .box7 h3
{
color: #292C29;
font-size: 1em;
margin: 0;
padding: 0 0 5px 0;
text-align: left;
}
.box5
{
float: left;
width: 230px;
margin-left: 10px;
height: 290px;
overflow: hidden;
}
.box5 h2, .box5 h2 a, .box5 h2:visited
{
color: #39A2E7;
}
.box5 h2
{
text-transform: uppercase;
font-weight: bold;
font-size: 0.95em;
padding: 0 0 5px 0;
margin: 0;
}
.box6
{
float: left;
width: 230px;
background: #FFF3EF;
height: 290px;
}
.box6 h2, .box6 h2 a, .box6 h2 a:visited
{
color: white;
}
.box6 h2
{
background: #AD3829;
text-transform: uppercase;
font-weight: bold;
font-size: 0.95em;
margin: 0;
padding: 3px 12px;
}
.box4 p, .box5 p
{
margin: 0;
padding: 0;
text-align: justify;
}
.box4 .box-content, .box5 .box-content
{
padding: 0;
}
.box6 .box-content, .box7 .box-content
{
text-align: justify;
}
.box6 .box-content, .box7 .box-content, box9.box-content
{
padding: 10px 8px 8px 8px;
}
.box7
{
float: left;
width: 230px;
background: #D6EFFF;
margin-left: 10px;
height: 290px;
}
.box7 h2
{
color: white;
background: #3996C6;
text-transform: uppercase;
font-weight: bold;
font-size: 0.95em;
margin: 0;
padding: 3px 12px;
}
.box7 ul
{
margin: 0;
padding: 0 0 0 15px;
list-style: outside;
}
.box7 ul li
{
text-align: left;
}
.box8
{
float: left;
width: 230px;
height: 290px;
background: #9CBAD6;
}
.box8 h2 a, .box8 h2 a:visited
{
color: white;
padding: 0px;
}
.box8 h2
{
text-transform: uppercase;
font-weight: bold;
font-size: 0.95em;
margin: 0;
padding: 3px 12px;
}
.box8 img
{
border: solid 1px gray;
width: 200px;
}
.box8 a, .box8 a:visited
{
display: block;
padding: 22px 0 0 13px;
}
.box9
{
float: left;
width: 230px;
background: #EFEBEF;
margin-left: 10px;
height: 290px;
}
.box9 a, .box9 a:visited
{
color: #212C6B;
}
.box9 h2
{
color: #212C6B;
text-transform: uppercase;
font-weight: bold;
font-size: 0.95em;
margin: 0;
padding: 3px 12px;
}
.box9 select
{
margin-left: 5px;
width: 170px;
behavior: expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0); 
}
.side-spacer3
{
background: url('images/side-spacer3.gif') no-repeat;
height: 1px;
margin: 5px 0;
}
#icon-children img
{
padding: 0 0 0 10px;
}
#icon-youth img
{
padding: 10px 0 0 0;
}
.gallery-big-item
{
text-align: center;
padding: 5px 7px;
float: left;
clear: both;
width: 180px;
}
.gallery-small-item
{
text-align: center;
padding: 5px 7px;
float: left;
}
.cleaner
{
clear: both;
float: none !important;
overflow: hidden;
height: 0;
padding: 0;
margin: 0;
}
.hidden
{
display: none;
}
.pager
{
}
.pager a
{
color: #737173;
font-weight: bold;
padding: 0 3px;
text-decoration: none;
}
.pager a:visited
{
color: gray;
}
.pager a:hover, .pager .pager-button-active
{
color: #298ACE;
}
.pager a span span span
{
background: none;
text-decoration: underline;
line-height: 16px;
height: 16px;
vertical-align: middle;
}
.pager *
{
float: left;
display: block;
line-height: 16px;
height: 16px;
vertical-align: middle;
}
.pager .pager-button-first span span span, .pager .pager-button-previous span span span
{
background: url( 'images/arrow-left.jpg' ) no-repeat left top;
padding-left: 19px;
}
.pager .pager-button-first:hover span span span, .pager .pager-button-previous:hover span span span
{
background: url( 'images/arrow-left-hover.jpg' ) no-repeat left top;
padding-left: 19px;
}
.pager .pager-button-next span span span, .pager .pager-button-last span span span
{
background: url( 'images/arrow-right.jpg' ) no-repeat right top;
padding-right: 19px;
}
.pager .pager-button-next:hover span span span, .pager .pager-button-last:hover span span span
{
background: url( 'images/arrow-right-hover.jpg' ) no-repeat right top;
padding-right: 19px;
}
.pager .pager-button-first, .pager .pager-button-previous, .pager .pager-button-next, .pager .pager-button-last
{
font-weight: normal;
}
.pager .pager-button-first:visited, .pager .pager-button-previous:visited, .pager .pager-button-next:visited, .pager .pager-button-last:visited
{
color: #298ACE;
}
.pager .pager-button-first:hover, .pager .pager-button-previous:hover, .pager .pager-button-next:hover, .pager .pager-button-last:hover
{
color: #DE4D29;
}
.frm
{
background: #792902;
margin: 0 auto;
width: 300px;
padding: 10px 25px 15px 25px;
overflow: hidden;
}
.frm *
{
float: left;
}
.frm label
{
width: 100px;
}
.frm label span
{
float: none;
color: #ec7f2b !important;
}
.frm .row
{
padding-top: 10px;
clear: both;
width: 100%;
}
.frm .frm-center
{
padding: 10px 0 0 0;
margin: 0 auto;
}
.submit-button
{
background: #792902;
border: solid 1px #ec7f2b;
}
form
{
margin: 0;
padding: 0;
}
.success-msg
{
border: solid 2px #ec7f2b;
padding: 3px;
text-align: center;
margin: 0 0 15px 0;
}
.error-msg
{
border: solid 2px #ec7f2b;
padding: 3px;
text-align: center;
margin: 0 0 15px 0;
color: #ec7f2b !important;
}
.thumbnail
{
display: inline-block;
float: left;
margin: 0 10px 10px 0;
}
.thumbnail a, .thumbnail a:visited
{
margin: 0;
padding: 0;
}
.thumbnail img
{
margin: 0;
padding: 0;
}
.listing
{
margin: 20px 0 0 0px;
}
.listing h2
{
background: none;
margin: 0;
padding: 0 0 4px 0;
}
.listing h2 a
{
color: #298ACE;
font-size: 0.9em;
}
.detail
{
text-align: right;
margin: 10px 20px 40px 0;
}
.detail a, .detail a:visited
{
color: #000000 !important;
font-size: 0.85em;
font-weight: bold;
}
.highlight
{
color: #ec7f2b !important;
}
h2.block-h2
{
color: #397194;
font-weight: bold;
}
#content .related-articles ul
{
list-style: square outside;
margin: 0;
padding: 0 0 0 20px;
color: #EF7D29;
}
#content .related-articles ul li a
{
color: #EF7D29;
}
.btn, .btn:visited
{
text-decoration: none;
}
.btn span
{
background: #948E7B url('images/btn-left.gif') no-repeat top left;
height: 18px;
line-height: 18px;
display: inline-block;
}
.btn span span
{
background: url('images/btn-left.gif') no-repeat top right;
height: 18px;
line-height: 18px;
}
.btn input, .btn span span span
{
text-align: center;
text-decoration: none;
height: 18px;
line-height: 18px;
border: none;
background: none;
color: White;
padding: 0 5px;
font-size: 0.95em;
font-weight: bold;
cursor: pointer;
}
.btn.right
{
float: right;
}
.btn.left-margin
{
margin: 0 0 0 5px;
}
.btn2 span
{
background: #21A6C6 url('images/btn2-left.gif') no-repeat top left;
height: 18px;
line-height: 18px;
display: inline-block;
}
.btn2 span span
{
background: url('images/btn2-left.gif') no-repeat top right;
height: 18px;
line-height: 18px;
}
.btn2 input
{
cursor: pointer;
height: 18px;
line-height: 18px;
border: none;
background: none;
color: White;
padding: 0 5px;
font-size: 0.95em;
font-weight: bold;
}
#how-to
{
width: 125px;
behavior: expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0); 
}
#rss, #rss:visited
{
float: left;
color: #0B557F;
background: url('images/icon-rss.gif') no-repeat;
line-height: 27px;
padding: 0 0 0 30px;
height: 30px;
display: block;
}
/* polls begin */
.poll
{
width: 200px;
}
.poll-title
{
padding: 0 0 5px 0;
margin: 0;
}
.poll-description
{
background: whitesmoke;
padding: 5px;
}
.poll-items
{
list-style: none outside;
margin: 0;
padding: 5px;
overflow: hidden;
width: 190px;
}
.poll-items li
{
float: left;
padding: 0 0 10px 0;
width: 100%;
overflow: hidden;
}
.poll-item-text, .poll-item-text:visited
{
float: left;
display: block;
color: Blue;
padding: 3px 0 5px 0;
width: 150px;
}
.poll-item-bar-outer
{
float: left;
display: block;
width: 140px;
height: 6px;
margin: 0;
overflow: hidden;
background: white;
border: solid 1px gray;
}
.poll-item-bar-inner
{
height: 6px;
background: #319EE7;
}
.poll-item-votes
{
float: right;
color: #525152;
position: relative;
top: -3px;
}
.poll-vote-sent
{
text-align: center;
padding: 5px;
font-weight: bold;
}
/* polls end */
.contact-form
{
padding: 10px 0 0 0;
width: 100%;
}
.contact-form th
{
vertical-align: top;
text-align: left;
font-weight: normal;
padding: 0;
}
/* subscribe form begin */
.subscribe
{
}
.subscribe .subscribe-button
{
text-align: center;
}
.subscribe .confirmation-info
{
color: Gray;
}
/* subscribe form end */
.message.error
{
color: Red;
}