/**
 * Instytut Klemensa Hofbauera
 * @author: Arkadiusz Kondas <arkadiusz.kondas@gmail.com>
 * @version $Rev: $
 */

/* Import Global Reset */
@import url("reset.css");

/* Global and base style */
body {background:url(img/bg_body.gif) repeat-x; color:#606161; font-size:14px; background-color: #E3E4E4; padding: 20px 0px; font-family:verdana;}
.clear {clear: both;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}

.page_wrapper {width: 850px; margin: 0 auto;}
.page_top {height: 3px; background: url(img/bg_page_top.png) top left no-repeat;}
.page_content {padding: 5px 4px; background: url(img/bg_page_content.png) top left repeat-y;}
.page_bottom {height: 6px; background: url(img/bg_page_bottom.png) top left no-repeat;}

.header {}
.header .logo {width: 570px; height: 80px; overflow: hidden; float: left;}
.header .menu .home {width: 39px; height: 39px; margin:1px 20px 0px 30px; display:block; font-size:1px; float: left; background: url(img/btn_home.png) center center no-repeat;}
.header .menu .home:hover {background: url(img/btn_menu_home_page.png) top left no-repeat;}
.header .menu {width: 840px; height: 40px; float:left; position:relative; margin-top:7px; background: url(img/bg_menu.png) top left no-repeat;}
.header .menu ul {margin:1px 0px 0px 0px;}
.header .menu li {list-style: none; float: left; color: #FFF; font-size: 15px;}
.header .menu li.separator {padding:10px 0px 0px 0px;}
.header .menu li a {display: block; color: #FFF; padding:12px 15px;}
.header .menu li a:hover {background: url(img/bg_menu_hover.png) top left repeat-x;}
.header .menu li ul {display: none; position: absolute; top: 38px; background: url(img/bg_submenu.png);}
.header .menu li ul li {float: none;}
.header .menu li ul li.separator {display: none;}
.search_form {float: right; padding: 2px 20px 0px 0px;}
.search_form .submit {margin:0px 10px; position: relative; top:5px;}

.content_wrapper {padding:20px 10px 10px 15px;}
.content_wrapper h1 {font-size: 22px; color: #187B92;}
.content_wrapper .text {width: 600px; margin:0 auto; font-size:14px; color:#606262; line-height:20px; padding: 20px 0px 0px 0px; font-family: verdana;}
.content_wrapper .text p {padding-bottom: 10px;}

.thumb_gallery {padding:0px 0px 0px 7px;}
.gallery_thumb {float: left; margin: 10px}
.pagination {float: right; font-size: 13px; position: relative; top:-20px;}
.pagination a {font-size: 13px; color: #606161; padding: 0px 4px;}
.pagination a.current_page {font-weight: bold; color: #C83217;}

.left_block h1, .right_block h1 {text-align: center; padding-bottom: 15px;}
.left_block {float:left; width:377px;}
.right_block {float:right; width:377px;}
.info_box {width: 350px; margin-bottom:20px; height: 117px; color:#757777; font-size:14px; font-family:verdana; padding:10px 15px 0px 15px; background: url(img/bg_news.png) top left no-repeat;}
.info_box h2 {color:#366998; font-size:16px;}
.info_box .sneak_peek {padding-top:10px;}
.info_box .more {float: right; margin-top:5px;}
.right_bar {width: 160px; float: right;}

.news_list {float: left; width: 619px;}

.border_top {height: 20px; margin-top:15px; width:618px; background: url(img/border_top.gif) top left no-repeat;}
.border_center {width:618px; background: url(img/border_center.gif) repeat-y;}
.border_bottom {height: 21px; width:618px; background: url(img/border_bottom.gif) top left no-repeat;}

.news_box {padding: 0px 20px;}
.news_box h2 {color:#366998; font-size:16px; margin:3px 0px 15px 0px;}
.news_box .thumb {width: 160px; float: left;}
.news_box .btn {float: right; margin-top: 10px;}
.news_top {height: 11px; margin-top:10px; background: url(img/news_top.png) top left no-repeat;}
.news_center {background: url(img/news_center.png) repeat-y;}
.news_bottom {height: 12px; margin-bottom:15px; width: 619px; background: url(img/news_bottom.png) top left no-repeat;}
.text_extra {padding: 10px;}

.header .banner {text-align: center; margin: 3px 0px;}
.under_banner {width: 840px; height: 34px; background: url(img/bg_under_banner.png) top left no-repeat;}
.under_banner .how_help {float: left; padding: 4px 0px 0px 30px;}

.page_menu {float: right; font-size: 10px; font-family: Tahoma; padding: 10px 20px 0px 0px;}
.page_menu a {color: #7C7C7C; padding-right: 7px;}
.visits_counter {width: 220px; float: right; text-align: right; padding:25px 20px 0px 0px; font-size: 13px; font-weight: bold; color: #4190A2;}
.visits_counter span {background: #E3E4E4; position:relative; top:-5px; padding: 5px 15px; display: block; float: right; margin-left: 10px;}


/* icons styles */
.icon {padding: 0px 0px 0px 17px; background: url(img/icons.gif); background-repeat: no-repeat;}
.icon_home {background-position: 0px 0px;}
.icon_map {background-position: 0px -11px;}
.icon_msg {background-position: 0px -22px;}
.icon_key {background-position: 0px -33px;}

/* site map */
.site_map {padding: 10px 0px 0px 0px;}
.site_map ul {margin-left: 40px;}
.site_map ul li {margin: 5px 0px;}
.site_map a {color: #000;}
.site_map .separator {display: none;}

.footer_wrapper {width: 840px; height: 35px; color:#FFF; font-size:13px; background: url(img/bg_footer.png) top left no-repeat; margin: 10px auto;}
.footer_wrapper a {color:#FFF;}
.footer_wrapper .left {float: left; padding:10px 50px 0px 40px;}
.footer_wrapper .right {float: right; padding: 10px 20px 0px 0px; font-size: 11px;}
.footer_wrapper .center {float: left; width: 300px;}
.footer_wrapper .center li {float: left; padding:0px 2px;}
.footer_wrapper .center ul {float: left; padding: 10px 0px 0px 0px;}
.footer_wrapper .center img {float: left;}