﻿body {
	background: #ffffff url('../img/bg.gif') repeat center top;
	font: 80%/1.2 "Verdana", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #6c6c6c;
}
img {border: 0;}

#celek {
	width: 921px;
	float: none;
	margin: 0 auto;
	padding: 0;
}
#celekl {
	width: 921px;
	float: left;
	margin: 0 auto;
	padding: 0;
}
#head {
	background: url('../img/bg-top.jpg') no-repeat center top;
	width: 1036px;
	float: none;
	margin: 0 auto;
	padding: 0px;
	position: relative;
	height: auto;
}

#page {
	background: url('../img/bg-top.jpg') no-repeat;
	width: 1036px;
	margin: 0 auto;
	padding: 0;
	float: left;
	height: 266px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
#page #top {
	width: 1036px;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 270px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#logo {
	width: 278px;
	height: 57px;
	background: url('../img/logo.jpg') no-repeat right top;
	position:  absolute;
	left: 65px;
	top: 208px;
}
#logo a {display: block; height: 58px;}
#logo a:hover {display: block; height: 58px;}
#logo span {display: none;}

h1 {
	font-size: 18px;
	margin: 25px 0px 0px 0px;
	color: #2e2e2e;
	text-align: left;
	font-family: Tahoma;
}
h2 {
	font-size: 16px;
	margin: 25px 0px 0px 0px;
	color: #575757;
	text-align: left;
	font-family: Tahoma;
}
.home {
	background: url('../img/bg-top.jpg') no-repeat 0px -266px;
	width: 620px;
	height: 226px;
	position: relative;
	top: 0px;
	z-index: 2;
	float: left;
	left: 0px; 
	top: 266px;
	padding: 0px 255px 0px 161px;
}
.home p {
	text-align: justify;
	line-height: 20px;
	color: #2e2e2e;
}
.home2 {
	background: url('../img/bg-top.gif') no-repeat 0px -58px;
	width: 620px;
	height: 495px;
	position: relative;
	top: 0px;
	z-index: 2;
	float: left;
	left: 0px; 
	top: 266px;
	padding: 0px 255px 0px 161px;
}
.home2 ul {
	padding: 0px;
	margin: 18px 0px 0px 0px;
}
.home2 ul li {
	background: url('../img/lifg.gif') no-repeat left top;
	text-align: justify;
	line-height: 20px;
	padding-left: 25px;
	list-style-type: none;
	margin-top: 7px;
}
.home2 ul#spol li {
	background: url('../img/lisp.gif') no-repeat left top;
	text-align: justify;
	line-height: 17px;
	padding-left: 20px;
	list-style-type: none;
	margin-top: 6px;
}
.home2 ul#spol2 li {
	background: url('../img/lisp.gif') no-repeat left top;
	text-align: justify;
	line-height: 14px;
	padding-left: 20px;
	list-style-type: none;
	margin-top: 6px;
}

.home2 ul li:hover {
	background-position: 0 -20px;
}

.home2 ul li a {
	color: #2e2e2e;
	text-decoration: none;
	font-size: 15px;
}
.home2 ul li a:hover {
	color: #990000;
	text-decoration: none;
	font-size: 15px;
}
.home2 #fotogaltumb {
	width: 665px;
	margin: 0 auto;
	padding: 0;
	float: left;
	height: 439px;
	position: relative;
	top: 10px;
	left: 0px;
	z-index: 1;
	overflow: hidden;
}
.home2 #fotogaltumb h2 {
	display: none;
}
.home2 #fotogaltumb div.image {
	width: 150px;
	float: left;
	height: 180px;
	margin-right: 10px;
	margin-bottom: 20px;
}
.home2 #fotogaltumb div.image2 {
	width: 150px;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}
.home2 #fotogaltumb div.image span {
	width: 150px;
	float: left;
	height: 67px;
}
.home2 #fotogaltumb div.image div, .home2 #fotogaltumb div.image2 div {
	background: url('../img/bgfgal.gif') no-repeat;
	width: 142px;
	height: 108px;
	float: left;
	padding: 3px;

}

.home2 #fotogaltumb div.image a {
	color: #6C6C6C;
	cursor: Hand;
	text-decoration: none;
}
.home2 #fotogaltumb div.image a:hover {
	color: #CACACA;
	text-decoration: underline;
	cursor: Hand;
}
.home2 #fotogaltumb div.page {
	width: 400px;
	height: 32px;
	top: 390px;
	left: 0px;
	z-index: 20;
	position: absolute;
}
.home2 #fotogaltumb div.page a {
	padding: 7px 0px 5px 5px;
	font-size: 14px;
	color: #6C6C6C;
	display: block;
	font-weight:bold;
	text-decoration: none;
	width: 20px;
	height: 32px;
	text-align: center;
}
.home2 #fotogaltumb div.page a:hover {
	color: #FFFFFF;
}
.home2 #fotogaltumb div.page span {
	background: url('../img/page.gif') no-repeat;
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	margin-right: 5px;
}
.home2 #fotogaltumb div.page span:hover {
	background-position: 0 -32px;
}

#fotogaltumb0 {
	background: url('../img/bghf.gif') no-repeat;
	width: 875px;
	margin: 0 auto;
	padding: 0;
	float: left;
	height: 229px;
	position: relative;
	top: 266px;
	left: 114px;
	z-index: 1;
	padding: 52px 0px 0px 47px;
}
#fotogaltumb0 h2 {
	display: none;
}
#fotogaltumb0 div.image {
	width: 150px;
	float: left;
	height: 180px;
	margin-right: 10px;
}
#fotogaltumb0 div.image span {
	width: 150px;
	float: left;
	height: 67px;
}
#fotogaltumb0 div.image img {
	background: url('../img/bgfgal.gif') no-repeat;
	float: left;
	padding: 3px;
}

#fotogaltumb0 div.image a {
	color: #FFFFFF;
}
#fotogaltumb0 div.image a:hover {
	color: #F0F0F0;
	text-decoration: underline;
}
#fotogaltumb0 div.vice {
	background: url('../img/vice-zde.gif') no-repeat;
	width: 88px;
	height: 49px;
	top: 227px;
	left: 750px;
	z-index: 1;
	position: absolute;
}
#fotogaltumb0 div.vice a {
	margin: 17px 0px 0px 10px;
	float: left;
	font-size: 14px;
	color: #FFFFFF;
}
#fotogaltumb0 div.vice span {

}
#fotogaltumb0 div.fgal {
	width: 288px;
	height: 35px;
	top: 0px;
	left: 30px;
	z-index: 1;
	position: absolute;
}
#fotogaltumb0 div.fgal a {
	width: 288px;
	height: 35px;
	display: block;
}
#fotogaltumb0 div.fgal a span {display: none !important;}

#kontakttop {
	width: 180px;
	height: 35px;
	position: absolute;
	left: 750px;
	top: 233px;
	font-size: 13px;
	color: #2E2E2E;
	font-weight: bold;
	text-align: right;
	font-family: Tahoma;
	z-index: 5;
}
#kontakttop a {
	color: #2E2E2E;
	text-decoration: none;
}
#kontakttop a:hover {
	color: #2E2E2E;
	text-decoration: underline;
}
#kontakttop span {
	font-size: 16px;
}

/* menu nahore */

#menuv {
	width: 91px;
	height: 38px;
	float: left;
	padding-top: 14px;
	padding-left: 17px;
	background: url('../img/menuv-bg.jpg') no-repeat;
}
#menuv a {
	display: block;
	height: 21px;
	float: left;
}
/* \*/ #menuv a {float: left;} /* IE5/Mac fix */
#menuv a:hover {	background-position: 0 -21px;}
#menuv span {display: block; padding: 0px 0px 0px 0px;}
#menuv a span {display: none !important;}
#menuv ul {margin: 0; padding: 0;}
#menuv li {
	float: none;
	margin: 0px 0px 0px 0px;
	display: inline;
	list-style-type: none;
	padding: 0px;
	height: 21px;
}
#menuv-01 {
	width: 31px;
	background: url('../img/menuv-01.jpg') no-repeat;
}
#menuv-02 {
	width: 31px;
	background: url('../img/menuv-02.jpg') no-repeat;
}

/* menu mutace */

#menum {
	width: 91px;
	height: 35px;
	background: url('../img/menum-bg.jpg') no-repeat;
	position: absolute;
	left: 801px;
	top: 256px;
	padding-top: 8px;
	display: none;
}
#menum a {
	display: block;
	height: 21px;
	float: left;
}
/* \*/ #menum a {float: left;} /* IE5/Mac fix */
#menum a:hover {	background-position: 0 -21px;}
#menum span {display: block; padding: 0px 0px 0px 0px;}
#menum a span {display: none !important;}
#menum ul {margin: 0; padding: 0;}
#menum li {
	float: none;
	margin: 0px 0px 0px 0px;
	display: inline;
	list-style-type: none;
	padding: 0px;
	height: 21px;
}
#menum-01 {
	width: 36px;
	background: url('../img/menum-01.jpg') no-repeat;
}
#menum-02 {
	width: 41px;
	background: url('../img/menum-02.jpg') no-repeat;
}


/* menu dole */

#menu {
	width: 549px;
	float: left;
	height: 208px;
	position: absolute;
	left: 487px;
	top: 0px;
}
#menu a {
	display: block;
	height: 208px;
	float: left;
}
/* \*/ #menu a {float: left;} /* IE5/Mac fix */
#menu a:hover {
	background-position: 0 -208px;
}
#menu span {display: block; padding: 0px 0px 0px 0px;}
#menu a span {display: none !important;}
#menu ul {margin: 0; padding: 0;}
#menu li {
	float: none;
	margin: 0px 0px 0px 0px;
	display: inline;
	list-style-type: none;
	padding: 0px;
}
#menu-01 {
	width: 166px;
	background: url('../img/menu-1.jpg') no-repeat;
	height: 208px;
}
#menu-02 {
	width: 148px;
	background: url('../img/menu-2.jpg') no-repeat;
}
#menu-03 {
	width: 133px;
	background: url('../img/menu-3.jpg') no-repeat;
}
#menu-04 {
	width: 77px;
	background: url('../img/menu-4.jpg') no-repeat;
}
#menu-05 {
	width: 81px;
	background: url('../img/menu-5.jpg') no-repeat;
}
.clear {clear: both;}
.hide, #odkazy {display: none;}

#footbg, #footbg2 {
	width: 1036px;
	height: 122px;
	background: url('../img/foot-bg.gif') repeat-x left top;
	visibility: visible;
	vertical-align:top;
	position: relative;
	float: left;
	margin: 0px 0px 0px 0px;
	left: 0px; 
	top: 214px;
}
#footbg {
	top: 214px;
}
#spodnilista {
	width: 1036px;
	height: 122px;
	background: url('../img/foot.gif') no-repeat left top;
	visibility: visible;
	text-align: right;
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 0px 0px; 
	font-size: 80%;
}
#footbg2 {
	top: 225px;
}
#spodnilista2 {
	width: 1036px;
	height: 122px;
	background: url('../img/bg-top.gif') no-repeat 0px -512px;
	visibility: visible;
	text-align: right;
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 0px 0px; 
	font-size: 80%;
}
#foot {
	width: 476px;
	color: #9A9A9A;
	margin: 47px 0px 0px 150px;
	float: left;
	text-align: right;
	line-height: 14px;
}
#foot a, #spodnilista span.cop a {
	text-decoration: none;
	color: #ffffff;
}
#foot a:hover, #spodnilista span.cop a:hover {
	text-decoration: none;
	color: #9A9A9A;
}
#foot img {
	float: right;
	text-align: right;
}
#foot span {
	float: left;
	text-align: right;
}

/* dotazy */

.red_star {
	color: #A10101;
	font-weight: bold;
	vertical-align:top;
}

table#dotazy input, table#dotazy textarea {
	border: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: bottom;
	background-color: #CACACA;
	color: #2E2E2E;
	padding: 4px 2px 4px 2px;
	width: 347px;
}
table#dotazy input:focus, table#dotazy textarea:focus {
	border: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: bottom;
	background-color: #EAEAEA;
	color: #A10101;
}
table#dotazy b {
	text-align:right;
	float: right;
}
table#dotazy input#kontrol_kod {
	font-size: 24px;
	letter-spacing: 24px;
}
table#emailInfo input {
	border: 0px;
	padding: 25px 50px 5px 0px;
	text-align: center;
	color: #FFFFFF;
	font-size: small;
	height: 50px;
}
table#emailInfo input.tlacitkos {
	width: 127px;
	background: url('../img/smazatudaje.jpg') no-repeat left top;
}
table#emailInfo input.tlacitkoe {
	width: 132px;
	background: url('../img/odeslatemail.jpg') no-repeat left top;
}
