/*  
Theme Name: Bazény Polman
Description: Šablona pro prezentaci bazeny-polman.cz
Author: Tomáš Gažůr
Author URI: http://www.tomasgazur.cz
*/

body {
  background: #202C38 url('img/html_bg.jpg') left top repeat-x;
  margin: 0 auto;
  font-family: Arial;
  color: #475A5A;
	font-size: 13px;
}

	/* HLAVICKA */

#main {
  margin: 15px auto;
	width: 960px;
	height: 720px;
}

#header {
  background: url('img/header_bg.png') left bottom no-repeat;
	height: 291px;
	width: 960px;
}

#header .logo {
	float: right;
	height: 63px;
	width: 420px;
	padding: 72px 80px 0 0;
}

#header .img {
	float: left;
	width: 580px;
	padding: 40px 5px 0 0;
}

#header .img img {
	float: left;
	padding: 0 4px 0 4px;
}

#main-menu {
  background: url('img/menu_bg.png') left top no-repeat;
	width: 932px;
	height: 50px;
	position: relative;
	margin: 3px 0 0 10px;
}

#main-menu ul {
	width: 940px;
	list-style: none;
}

#main-menu li {
  background: url('img/menu_sep.png') left top no-repeat;
  float: left;
}

#main-menu li.first {
  background: none;
}

#main-menu li.first a:hover, #main-menu ul li.first.selected a {
  background: url('img/uvod_hover.png') left top no-repeat !Important;
}

#main-menu li.last a:hover {
  background: url('img/last_hover.png') left top no-repeat;
}

#main-menu a {
  color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	padding: 18px 26px 17px 26px;
	float: left;
	display: block;
}

#main-menu ul li a:hover {
  color: #AAC6E3;
  background: url('img/menu_hover.png') left top no-repeat;
}

#main-menu .submenu a:hover {
  color: #AAC6E3;
  background: url('img/menu_hover.png') left top no-repeat !Important;
}

#main-menu ul li.selected a {
  color: #AAC6E3;
  background: url('img/menu_hover.png') left top no-repeat;
}

#main-menu .inBox { 
	zoom: 1;
}

#main-menu li {
	float: left; 
	position: relative;
}

#main-menu a.item {
	cursor: pointer;
}

#main-menu strong.item, #main-menu a.activeclick, #main-menu a.item:hover, #main-menu .hover a.item {
	background: #44617F;
}

#main-menu strong.item, #main-menu strong.item span {
	float:left;
}

#main-menu .hover .item {
  color: #AAC6E3;
  z-index:2;
}

#main-menu a.item, #main-menu span, #main-menu strong.item {
	float:left;
}

#main-menu .submenu { 
	background: url('img/menu_sep.png') left top no-repeat;
}

#main-menu li:hover .subBox {
	z-index:1;
}

#main-menu .subBox {
	position:absolute; 
	top: 50px; 
	left:0; 
	overflow-y:hidden; 
	width: 235px; 
}

#main-menu .box { 
	background: url('img/submenu_bg.png') left bottom no-repeat; 
	width: 235px; 
	display:none;
}

#box1 { 
	height: 330px; 
}

#box2 { 
	height: 240px; 
}

#box3 { 
	height: 90px; 
}

#main-menu .box ul { 
	width: 214px; 
	float:left; 
	margin: 0 0 0 11px;
}

#main-menu .box ul li { 
	float: left; 
	padding: 0; 
	margin: 0; 
	width: 214px; 
	line-height: 29px;
	background: none !Important;
	border-bottom: 1px solid #516C88;
}

#main-menu .box ul li a { 
	color: #AAC6E3; 
	font-weight: normal;
	text-transform: lowercase;
	margin: 0;
	font-size: 10px;
	text-decoration: none;
	padding: 0;
	background: none !Important;
}

#main-menu .box ul li a:hover { 
	background: none !Important;
	text-decoration: underline;
}

#main-menu .box .spc { 
	zoom:1; 
}

.news {
  background: url('img/news_bg.png') center top no-repeat;
	width: 932px;
	height: 187px;
	margin: 0 0 0 10px;
}

.leftside {
	width: 510px;
	padding-top: 32px;
	margin: 0 0 0 10px;
	float: left;
}

.leftside ul {
	width: 510px;
	list-style: none;
	padding-top: 10px;
}

.leftside ul li {
	font-size: 12px;
	font-weight: bold;
	padding: 14px 0 14px 0;
	border-top: 1px solid #D6D6D6;
	width: 510px;
	color: #475A5A;
}

.leftside a {
	font-size: 12px;
	color: #475A5A;
	text-decoration: none;
}

.leftside a:hover {
	text-decoration: underline;
}

.leftside ul li.noborder {
	border-top: none;
}

.leftside ul li span {
	color: #B4B4B4;
	width: 96px;
	float: left;
	text-align: left;
}

.rightside {
	width: 365px;
	padding-top: 32px;
	margin: 0 10px 0 0;
	float: right;
	font-size: 11px;
}

.rightside ul {
	list-style: none;
	padding-top: 13px;
}

.rightside ul li {
  background: url('img/news_li.png') left center no-repeat;
	padding-left: 15px;
	margin: 6px 0 6px 0;
}

#content {
  background: #fff;
	width: 951px;
	margin: 0 0 0 5px;
	_margin: 0 0 0 2px;
	float: left;
	min-height: 650px;
}

.text {
	width: 910px;
	font-size: 13px;
	margin: 0 0 0 18px;
	float: left;
	padding-bottom: 25px;
}

.text ul {
	padding: 15px 0 10px 0;
	list-style: none;
}

.text li {
  background: url('img/li.png') left 5px no-repeat;
	padding-left: 15px;
	margin: 6px 0 6px 0;
}

.text a {
	color: #E5BF25;
	text-decoration: none;
}

.text p {
	padding-bottom: 8px;
}


.imgbox {
  background: url('img/imgbox_bg.png') left top no-repeat;
	width: 284px;
	height: 219px;
	float: left;
	margin-left: 15px;
}


#footer {
  background: url('img/footer_bg.jpg') left top repeat-x;
	width: 100%;
	height: 95px;
}

.foot {
  background: url('img/footer_bg.png') left top no-repeat;
	width: 960px;
	margin: 0 auto;
	height: 95px;
	color: #475a5a;
}

.foot p {
	font-size: 11px;
	padding: 42px 0 0 33px;
	font-weight: bold;
}

.foot a {
	color: #E5BF25;
	text-decoration: none;
}

.foot a:hover {
	text-decoration: underline;
}

h1 {color: #e5bf25; font-size: 16px; padding-bottom: 10px;}
#header h1 {display: none;}
h2 {color: #e5bf25; font-size: 15px;}
.text h2 { float: left; font-size: 16px;}

#clear, .clear { clear: both;}
img { border: 0;}

* { margin: 0; padding: 0;}

.tabulka {
	width: 700px;
	margin: 10px auto;
	border: 1px solid #405D7C;
	border-top: none;
}

.tabulka .t-nadpis {
    background: #536E89;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

.tabulka tr {
	line-height: 27px;
	color: #475A5A;
	text-align: center;
}

.tabulka .bg {
	background: #EBF4F7;
}

.tabulka td {
	border: 1px solid #DDDDDD;
	border-bottom: none;
	border-left:none;
}

.sitemap { 
	float: left; 
	margin-left: 45px;
}

#frame {
	position: relative;
	float: left;
	height: 291px;
	width: 375px;
}

#frame img {
    position:absolute; 
    z-index:8;
}

#frame img.active {
    z-index:10;
}

#frame img.last-active {
    z-index:9;
}

.img-text {
	float: left;
	margin-right: 8px;
}

.center {
	width: 630px;
	margin: 0 auto;
	padding-bottom: 20px;
}

.center2 {
	width: 450px;
	margin: 0 auto;
	padding-bottom: 20px;
}

.b-nadpis {
	padding: 20px 0 0 0;
}

.ultext {
	margin: 0 0 10px 32px;
}

.c-nadpis {
	padding: 20px 0 0 0;
}