/*
Theme Name: Bydleni IQ
Theme URI: http://www.openlab.net/
Description: Custom theme for Bydleni IQ by OpenLab Ltd.
Version: 1.0
Author: Martin Wiso
Author URI: http://www.openlab.net/

Copyright © 2009 OpenLab Ltd., All Rights Reserved
*/
body {
  font-size: 12px;
  font-family: Verdana, Sans-Serif, Tahoma;
  background: #636363 url('images/bg.png') repeat-x;
  color: #000;
  text-align: left;
  margin: 0;
  padding: 0;
  width: 1007px;   
  height: auto;
}
a {
  color: #000;  
}
a:hover {
  color: #df3370;
}

/**  Page Layout **/
#page {
  width: 1007px;    
}
#header {
  height: 131px;
  width: 100%;
}
#menu {
  position: absolute;
  top: 147px; 
  left: 0px; 
  height: 41px;  
  width: 1000px;  
}
#toparea {
  margin-left: 0px;
}
#toparea img {
  float: left;
}
#toparea_control {
  width: 22px;
  height: 400px;
  float:left;
}
#toparea_control_buttons {
  position: absolute;
  top: 267px;
  left: 0px;
  height: 22px;
  width: 22px;
}

/** TODO: simplify **/
#toparea_content_2 {
  display: none;
  height: 400px;
}
#toparea_content_3 {
  display: none;
  height: 400px;
}
#toparea_content_4 {
  display: none;
  height: 400px;
}
#toparea_content_5 {
  width: auto;
  height: 400px;
}
#toparea_content_6 {
  width: auto;
  height: 180px;
  display: block;
}
#toparea_content_7 {
  width: auto;
  height: 400px;
}

.toparea_content_7_leftbox {
	float: left;
	width: 236px;
	height: 385px;
	background-color: #fff;
	padding-top:15px;
	padding-left:27px;
	font-weight: normal; 
}
.toparea_content_7_leftbox strong {
	color: #aa0044;
}
.toparea_content_7_leftbox h2 {
  font-size: 14px;
  font-weight: normal;  
  padding: 0;
  padding-bottom: 7px;
  margin: 0; 
  color: #000;
}
.toparea_content_7_rightbox {
	float: left;
	width: 690px;
	height:400px;
}
.toparea_headline {
  position: absolute;
  top: 434px;  
  left: 22px;
  height: 99px;  
  width: 527px;
  background: url(images/main_header_bg.png) no-repeat;  
  padding: 5px;
  padding-left: 28px;  
}
.toparea_headline h1 {
  font-size: 20px;
  font-weight: normal;  
  color: #fff;
  margin: 0px;
  margin-bottom: 5px;
  margin-top: 13px;
  padding: 0px;
}
.toparea_headline h1 a {
  color: #fff;
  margin: 0px;
  padding: 0px;
  height: 10px;
  text-decoration: none;
}
.toparea_headline h1 a:hover {
  text-decoration: underline;
}
.toparea_headline p {
  margin: 0px;
  padding: 0px;
  color: #fff;
  font-size: 12px;
  width: 85%;
  line-height: 130%;
}

.toparea_category_headline {
  position: absolute;
  top: 434px;  
  left: 22px;
  height: 99px;  
  width: 527px;
  background: url(images/main_header_bg_white.png) no-repeat;  
  padding: 5px;
  padding-left: 28px;  
}
.toparea_category_headline h1 {
  font-size: 20px;
  font-weight: normal;  
  color: #000;
  margin: 0px;
  margin-bottom: 5px;
  margin-top: 13px;
  padding: 0px;
}
.toparea_category_headline h1 a {
  color: #000;
  margin: 0px;
  padding: 0px;
  height: 10px;
  text-decoration: none;
}
.toparea_category_headline h1 a:hover {
  text-decoration: underline;
}
.toparea_category_headline p {
  margin: 0px;
  padding: 0px;
  color: #000;
  font-size: 12px;
  width: 85%;
  line-height: 130%;
}
.toparea_content_7_leftbox_logo {
	margin-top: 45px;
	padding-bottom:65px;
}
.toparea_content_7_leftbox_address {
	margin-top: 10px;
}

.katalog_list_item {
  color: #666;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 100%;
}
.katalog_list_item h3 {
  font-size: 18px;
  font-weight: normal;  
  padding: 0;
  padding-bottom: 7px;
  margin: 0; 
  color: #000;
}
.katalog_list_item h4 {
  font-size: 13px;
  font-weight: normal;  
  padding: 0;
  margin: 0; 
}
.katalog_list_item address {
	margin-left: 25px;
	color: #000;
	font-weight: normal;
}
.katalog_list_item h4 a { 
	text-decoration: none;
}
.katalog_list_item h4 a:hover { 
	text-decoration: underline;
}
.katalog_item_icon {
	width: 27px;
	float: left;
	padding-top: 15px;
}
.katalog_item_list_panel {
	height: 100%;
}

/* banners */
#banner_top {
  width: 540px;
  float:left; 
  text-align: center;
  margin-top: 42px;
}
#banner_middle {
  position: absolute;
  top: 131px;  
  left: 795px;
  height: 400px;  
  width: 120px;
  background: #626262;
}
#banner_content {
  position: absolute;
  top: 557px;  
  left: 795px;
  height: 400px;  
  width: 120px;
  background: #626262;
}
#banner_content_themes {
  position: absolute;
  top: 977px;  
  left: 795px;
  height: 400px;  
  width: 120px;
  background: #626262;
}
#banner_text {
  position: absolute;
  top: 977px;  
  left: 795px;
  height: auto;  
  width: 120px;
  background: #626262;
}
#banner_text_themes {
  position: absolute;
  top: 557px;  
  left: 795px;
  height: auto;  
  width: 120px;
}
.banner_text_block {
  width: 120px;
  height: auto;
  max-height: 200px;
  background: #fff;
  cursor: pointer;
  margin:0px;
  padding: 0px;
  margin-bottom: 14px;
  padding-top: 7px;
  padding-bottom: 5px;
}
.banner_text_block h4 {
  font-size: 10px;
  font-weight: normal;  
  color: #aa0044;
  padding: 0;
  margin: 0;
}
.banner_text_block small {
  font-weight: bold;
  font-size: 8px;
}
.banner_text_block p {
  font-weight: normal;
  padding: 0;
  margin: 0;
  font-size: 10px;
}

#top {
  height: 131px;
  background-color: #000;
}
#logo {
  width: 229px;
  float:left;
  padding-top: 15px; 
  margin-left: 12px;
}
#search {
  width: auto;
  float:left;
  padding-left: 15px;
}
#search form {
  padding-top: 78px;
}

/* content */
#main {
  width: 970px;
  margin-left: 22px;  
  margin-top: 400px;
}
#main_archive {
  width: 970px;
  margin-left: 22px;  
  margin-top: 400px;
}
#main_single {
  width: 970px;
  margin-left: 22px; 
  margin-top: 120px;
}
#content {
  width: 527px;
  background-color: #fff;
  float: left;
  height: 100%;
}
.box {
  padding-bottom: 10px;
  padding-left: 27px;
  padding-top: 10px;  
  height: auto;
  width: auto;
  background-color: #fff;
}
.box_page {
  min-height: 750px;
  padding-left: 27px;
  padding-bottom: 10px;
  height: 100%; 
  width: auto;
  float: left;
}
.box_single {
  padding-bottom: 10px;
  padding-left: 27px;
  padding-top: 17px;
  background-color: #fff;
  min-height: 750px;
  height: 100%;
  width: 527px;
}
.box_katalog h3 {
  font-size: 18px;
  font-weight: normal;  
  padding: 0;
  padding-bottom: 7px;
  margin: 0; 
  color: #000;
}

.post {  
  height: 100%;
  width: 95%;
}
.postmetadata {
  padding: 5px;
  margin: 5px;
}
.post p {
  color: #000;
  padding: 2px;
  margin: 0;
  padding-top: 5px;
  line-height: 160%;
}
.post h2 {
  font-size: 19px;
  font-weight: normal;  
  padding: 0;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 5px; 
}
.post h2 a { 
	text-decoration: none;
}
.post h2 a:hover { 
	text-decoration: underline;
}
.post h3 {
  font-size: 16px;
  font-weight: normal;  
  padding: 0;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 5px; 
}
.post small {
  color: #666;
  padding: 0;
  margin: 0;
  padding-bottom: 5px;
}
.post small a {
  color: #666;
}
.post small a:hover {
  color: #df3370;
}

/* sidebar */
#sidecontent_sluzby {
  position: absolute;
  top: 448px;
  left: 573px;
  width: 200px;
  height: auto;
  background-color: #aa0044;  
}
#sidecontent_poradna {
  position: absolute;
  top: 250px;
  left: 573px;
  width: 200px;
  height: auto;
  background-color: #aa0044;  
}
#sidecontent_poradna_header {
  width: 200px;
}
#sidecontent_poradna_header h2 {
  font-size: 16px;
  font-weight: normal; 
  padding-left: 14px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
#sidecontent_poradna_body {
  width: 200px;
  height: auto;
  padding: 12px;
  padding-top: 0px;
  margin-bottom: 0px;
  color: #8c8c8c
}
#sidecontent_poradna_body p {
  color: #fff;
  width: 90%;
}
#sidecontent {
  float: left;
  margin-left: 27px;
  width: 210px;
  height: auto;
  background-color: #fff;  
}
#sidecontent2 {
  position: absolute;
  top: 531px;
  left: 549px;
  width: 225px;
  height: auto;
  background-color: #fff;  
  padding-bottom: 15px;
}
#sidecontent_gallery {
  margin-top: 18px;
  padding: 2px;
}
#sidecontent_related {
  width: 210px;
  background-color: #fff;
}
#sidecontent_related_header {
  width: 211px;
}
#sidecontent_related_header h2 {
  font-size: 16px;
  font-weight: normal; 
  padding-bottom: 0px;
  margin-bottom: 0px;
}
#sidecontent_related_body {
  width: 210px;
  height: auto;
  padding: 12px;
  padding-top: 0px;
  padding-left: 1px;
  padding-right:0px;
  margin-bottom: 30px;
  color: #8c8c8c
}
#sidecontent_related_body ul {
  padding-top: 0px;
  line-height: 140%;
  padding-left: 1px;
  list-style: none;
  width: auto;
}
#sidecontent_related_body li a {
	font-size: 13px;
	color: #dc2365;
	text-decoration: none;
	width: auto;
}
#sidecontent_related_body li a:hover {
	font-size: 13px;
	color: #dc2365;
	text-decoration: underline;
}

/** Right column Na okraj **/
#naokraj { 
   position: absolute;
   top: 531px;  
   left: 773px;
   background-color: #504e4f;         
   float:left;
   width: 178px;
   margin-top: 24px;
   margin-left: 23px;
   padding: 13px;
   padding-top: 0px;           
   height: auto;           
}
#naokraj h2 {
   color: #ffffff;              
   font-size: 16px;
   font-weight: normal; 
   padding-bottom: 0px;
   margin-bottom: 0px;  
}
#naokraj h3 {
   color: #ffffff;              
   font-size: 13px;
   font-weight: bold; 
   padding-bottom: 0px;
   margin-bottom: 0px;  
}
#naokraj_body {
   width: 100%;
   height: auto;
   color: #ffffff;
   font-weight: normal;  
}

/** Right column news section **/
#news {
	float:left;
	width: 200px;
	margin-top: 26px;
	margin-left: 23px;
 	background-color: #fff;
	height: 100%;
}
#news_search {
  	float: left;
  	width: 200px;
 	margin-top: 0px;
  	margin-left: 23px;
  	background-color: #fff;
  	height: auto;
}
#news_header {
	width: 190px;
}
#news_header  h2 {
	font-size: 16px;
  	font-weight: normal; 
  	padding-left: 14px;
  	padding-bottom: 0px;
  	margin-bottom: 0px;  
}
#news_body h3 {
  	font-size: 14px;
  	font-weight: bold;  
  	padding: 0;
  	margin: 0;
  	color: #000;
  	padding-top: 5px;
  	padding-bottom: 0px; 
  	width: 90%;
}
#news_body h3 a { 
	text-decoration: none;
}
#news_body h3 a:hover { 
	color: #df3370;
	text-decoration: underline;
}
#news_body {
  	width: 200px;
  	height: auto;
  	padding: 12px;
  	padding-top: 0px;
  	margin-bottom: 30px;
  	color: #8c8c8c;
  	font-weight: normal;  
}
#news_body a { 
	color: #8c8c8c;
}
#news_body p {
  padding-top: 0px;
  width: 90%;
  height: auto;
}

#themes {
  	float:left;
	margin-left: 23px;
	margin-top: 26px;
	left: 573px;
  	width: 200px;
 	background-color: #aa0044;
  	min-height: 295px;
	height: auto;
}
#themes_header {
  width: 200px;
}
#themes_header  h2 {
  font-size: 16px;
  font-weight: normal; 
  padding-left: 14px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
#themes_body {
  width: 200px;
  height: 100%;
  padding: 12px;
  padding-top: 0px;
  margin-bottom: 30px;
  color: #fff
}
#themes_body ul {
  padding-top: 0px;
  line-height: 140%;
  padding-left: 3px;
  list-style: none;
  width: 90%;
}
#themes_body li a {
	font-size: 13px;
	color: #fff;
	text-decoration: none;
}
#themes_body li a:hover {
	font-size: 13px;
	color: #fff;
	text-decoration: underline;
}

#related {
  	float:left;
	margin-left: 23px;
	margin-top: 26px;
	width: 200px;
  	background-color: #fff;
  	height: auto;
}
#related_sluzby {
  position: absolute;
  top: 740px;
  left: 573px;
  width: 200px;
  background-color: #fff;
  height: 295px;
}  
#related_poradna {
  position: absolute;
  top: 469px;
  left: 573px;
  width: 200px;
  background-color: #fff;
  height: 385px;
}
#related_katalog {
  position: absolute;
  top: 252px;
  left: 573px;
  width: 200px;
  background-color: #fff;
  height: 385px;
}
#related_katalog_red {
  position: absolute;
  top: 531px;
  left: 774px;
  width: 200px;
  background-color: #aa0044;
  height: auto;
}
#related_temata_red {
  position: absolute;
  top: 448px;
  left: 573px;
  width: 200px;
  background-color: #aa0044;
  height: auto;
}
#related_header {
  width: 200px;
}
#related_header  h2 {
  font-size: 16px;
  font-weight: normal; 
  padding-left: 14px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
#related_body {
  width: 200px;
  height: auto;
  padding: 12px;
  padding-top: 0px;
  margin-bottom: 30px;
  color: #000;
}
#related_body ul {
  padding-top: 0px;
  line-height: 140%;
  padding-left: 3px;
  list-style: none;
  width: 90%;
}
#related_body li a {
	font-size: 13px;
	color: #dc2365;
	text-decoration: none;
}
#related_body li a:hover {
	font-size: 13px;
	color: #dc2365;
	text-decoration: underline;
}

#related_body_red {
  width: 200px;
  height: auto;
  padding: 12px;
  padding-top: 0px;
  margin-bottom: 30px;
  color: #fff;
}
#related_body_red ul {
  padding-top: 0px;
  line-height: 140%;
  padding-left: 3px;
  list-style: none;
  width: 90%;
}
#related_body_red li a {
	font-size: 13px;
	color: #fff;
	text-decoration: none;
}
#related_body_red li a:hover {
	font-size: 13px;
	color: #fff;
	text-decoration: underline;
}

/* footer */
#footer {
  width: 970px;
  margin-bottom: 30px;
  margin-left: 22px;
  clear: both;
  height: auto;
}
#sponsors {
  background: url(images/footer_bg.png) repeat-x;
  border: 0;
  margin: 0;
  padding: 0;
  min-height: 119px;
  height: 119px;
}
#note {
  width: 100%;
  background-color: #fff;  
  height: 99px;
}
#sublogo_left {
  float: left;
  width: 127px;
  height: 65px;
  padding-top: 42px;
}
#footer_navigation {
  float: left;
  width: 674px;
  height: 65px;
}
#copyright {
  padding-top: 60px;
  padding-left: 10px;
  float: left;
  width: auto;
}
#allrightsreserved {
  padding-top: 60px;
  padding-left: 15px;
  float: left;
  width: auto;
}
#footer_navigation_links {
  padding-top: 60px;
  float: right;
  width: auto;
}
#footer_navigation_links a {
  color: #000;
  font-size: 13px;
  padding-right: 5px;
}
#footer_navigation_links a:hover {
  color: #aa0044;
  font-size: 13px;
  text-decoration: underline;
}
#sublogo_right {
  float: right;
  width: 87px;
  height: 65px;
  padding-top: 12px;
  padding-right: 20px;
}

.navigation {
  width: auto;
  padding-top: 16px;
  padding-bottom: 20px;
  text-align: center;
  vertical-align: middle;
} 
.navigation a {
  color: #aa0044;
  font-size: 14px;
  text-decoration: none;
}
.navigation a:hover {
  color: #aa0044;
  font-size: 14px;
  text-decoration: underline;
}


/** Page Typo **/
input, textarea, select {
  color: #858585;
	border: 1px solid #d7d7d7;
	background-color: #f3f3f3;	
	font-size: 12px;
}
textarea:focus, input:focus, select:focus {
  background-color: #fff;
	border: 1px solid #ddd;
	color: #000;
	font-size: 12px;
}
#s {
	width: 172px;
}
.searchbutton {
  border: 0;
  padding: 0;
  margin: 0;
  background-color: transparent;
  vertical-align: bottom;
} 
.btn:focus {
  border: 0;
  padding: 0;
  margin: 0;
  background-color: transparent;
}
acronym {
	cursor: help;	
}
.alignleft {
	float: left;
	text-align: right;
	width: 49%;
}
.alignright {
	float: right;
	text-align: left;
	width: 49%;
}

.entry img {
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 0px;
	padding-top: 0px;
}

/* menu */
#navcontainer {
	margin: 0;
	padding: 0;
	height: 41px;
	width: 1000px;	
	background: url(images/menubg.png) repeat-x;
	float:left;
}
ul#navlist {
	list-style: none;
	padding: 0;
	margin: 0;	
	padding-left: 40px;
}
ul#navlist li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	padding-right: 30px;
}
ul#navlist li a {
	display: block;
	width: 100%;
	text-decoration: none;
	padding-top: 10px;
	color: #fff;
}
#navcontainer>ul#navlist li a { 
	width: auto; 
}
ul#navlist li a:hover, ul#navlist li#active a:hover {
	color: #fff;
	background: transparent;
}

/*  submenu */
.subnavcontainer {
  background-color: #fff;
  width: auto;
  height: auto;
}
ul.subnavlist {
	list-style: none;
	padding: 0;
	margin: 0;	
}
ul.subnavlist li {
	display: block;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	font-size: 13px;
}
ul.subnavlist li a {
	display: block;
	width: 100%;
	text-decoration: none;	
}
.subnavcontainer>ul.subnavlist li a { 
	width: auto; 
}
ul.subnavlist li a:hover, ul.subnavlist li.active a:hover {
	color: #df3370;
	background-color: #fff;
}
#submenu_1 {  
  position: absolute;  
  top: 35px;
  display: none;
  left: 32px;
  background-color: #fff;
  width: 145px;
  height: auto;
  padding: 8px;
  padding-bottom: 15px;
}
#submenu_2 {
  position: absolute;
  top: 35px;
  display: none;
  left: 209px;
  background-color: #fff;
  width: 145px;
  height: auto;
  padding: 8px;
  padding-bottom: 15px;
}
#submenu_3 {
  position: absolute;
  top: 35px;
  display: none;
  left: 475px;
  background-color: #fff;
  width: 155px;
  height: auto;
  padding: 8px;
  padding-bottom: 15px;
}
#submenu_4 {
  position: absolute;
  top: 35px;
  display: none;
  left: 621px;
  background-color: #fff;
  width: 135px;
  height: auto;
  padding: 8px;
  padding-bottom: 15px;
  z-index: 10;
}

#submenu_5 {
  position: absolute;
  top: 35px;
  display: none;
  left: 393px;
  background-color: #fff;
  width: 135px;
  height: auto;
  padding: 8px;
  padding-bottom: 15px;
  z-index: 10;
}

/** Simple Related Links plugin **/
.ajax_indicator {
	background: url(images/ajax-loader.gif) no-repeat center;
	height: 25px;
	width: 25px;
	padding: 2px;
	display: none;
}
#srl_archive_older {
	display: none;
	width: 43%;
	float:left;
}
#srl_archive_newer {
	display: none;
	text-align:right;
	margin-right: 20px;
	width: 43%;
	float:right;
}

ul#navlist a {
	font-size: 14px;
}

/** Newsletter **/
#newsletter {
  float:left;
  width: 200px;
  margin-top: 26px;
  margin-left: 23px;
  padding: 0px;
  background-color: #fff;
  height: auto;
}
#newsletter h3 {
  font-size: 16px;
  font-weight: normal; 
  padding-left: 14px;
  padding-bottom: 0px;
  margin-bottom: 0px;	
}
#newsletter p {
  padding: 0px;
  margin: 0px;
  padding-top: 0px;
  padding-left: 14px;
}
.mp-container {
  padding-left: 13px;
  padding-bottom: 10px;
}
.mp-urlsubmgt {
  padding-bottom: 5px; 
  padding-left: 13px;
}
.MailPressFormEmail, .MailPressFormName {
  width: 120px;
  color: #858585;
  border: 1px solid #000;
  background-color: #f3f3f3;	
  font-size: 12px;
  margin-bottom: 3px;
}
.MailPressFormEmail:focus, .MailPressFormName:focus {
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
  font-size: 12px;
}
.MailPressFormSubmit {
  margin-top: 5px;
  border: 1px outset #000;
  background-color: #ddd;
  color: #000; 
}
/** style for MailPress/Newsletter pages **/ 
.widecolumn {
  min-height: 750px;
  padding-left: 27px;
  padding-bottom: 10px;
  height: 100%; 
  width: auto;
  float: left;
}
.widecolumn h3 {
  font-size: 14px;
  font-weight: normal;  
  margin-top: 25px;	
}
.widecolumn h2 {
  font-size: 19px;
  font-weight: normal;  
  margin-top: 75px;
}