/* resetovaci */

  html,body,
applet,object,iframe,
 h1, h2, h3, h4, h5, h6 ,blockquote,pre ,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,sub,sup,tt,var,
dd,dl,dt,form,label,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style-type: circle;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}

.reset {
clear: both;
line-height: 0px;
width:1px;
visibility: hidden;
}

/* konec reset */

body {
font-family:   Arial, Verdana, Tahoma, Helvetica;
font-size: 12px;
color: #045675;
background: url(img/back-body.jpg) repeat-x #fff; 
text-align: center;
margin: 0;
}
h1 {
	position: absolute;
	top: 51px;
	left: 23px;
	z-index: 20;
}
h1 span {
	display: none;
}
h2 {
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	color: #045675;
}
h3 {
	color: #98b652;
	font-size: 18px;
	margin: 0px 0 0 20px;
}
h3 em {
	color: #045675;
}
h4 {
		font-size: 15px;
	font-weight: bold;
	color: #718d31;
	margin: 15px 0 0 0;
}
a {
	color: #045675;
}
a:hover {
	color: #000;
}
.ram {
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 928px;
}

.telo {
	position: absolute;
	background: url(img/back-telo.png) no-repeat;
	width: 928px;
	top: 136px ;
}
.telo-obsah {
  	position: relative;
	margin: 265px 0 0 33px;
	width: 580px;

}
p.telo-obsah {
display: block;
}
.telo-obsah a {
	color: #045675;
}
.telo-obsah a:hover {
	color: #000;
}
.telo-obsah p {
		line-height: 150%;
}
.bottom {
	position: relative;
	background: url(img/back-bottom.jpg) no-repeat;
	width: 917px;
	height: 41px;
	margin: 0 0 20px 0;
 
}
.vertical {
float: right;
display: block;
width: 1px;
height: 610px;
}
.foto {
	position: absolute;
	top: 42px;
	right: 6px;
	background: url(img/back-foto.jpg) no-repeat;
	width: 274px;
	height: 474px;
}
.lokace {
	position: absolute;
	top: 0px;
	left: 210px;
	background: url(img/back-lokace.jpg) no-repeat;
	width: 439px;
	height: 152px;
	z-index: 10;
}
ul.menu {
	position: absolute;
	top: 24px;
	left: 490px;
	list-style-type: none;
  padding: 0;
	margin: 0;
}
ul.menu li a {
	color: #718d31;
	font-size: 12px;
	padding: 0 0 0 20px;
	line-height: 148%;
	text-decoration: none;
}
ul.menu li a:hover {
	color: #009fdb;
	background: url(img/sipka-menu.jpg) left no-repeat;
}
img.img-ilustr {
	float: left;
	margin: 10px 10px 30px 10px;
}
.piste {
	position: absolute;
	right: 14px;
	top: 490px;
	background: url(img/back-piste.gif) no-repeat;
	width: 260px;
	height: 170px;
	z-index: 30;
	padding: 45px 0 0 0;
}
.facebook {
	position: absolute;
	right: 14px;
	top: 660px;
 
	width: 270px;
  
	z-index: 30;

}
.piste a {
   display: block;
	margin:  15px 22px;
 
	color: #045675;
	font-size: 12px;
	font-weight: bold;
	line-height: 180%;
	background: url(img/sipka-mail.jpg) right top no-repeat;
	text-decoration: none;
}
.piste a:hover {
	color: #000;
}
p.copy {
	 position: absolute;
	right: 10px;
   top: 6px;
	color: #045675;
	font-size: 11px;
	padding: 0;
	margin: 0;
}
p.copy img {
	vertical-align: middle;
	margin: 0 15px 0 0;	 
}
p.copy a {
	color: #27384d;
	font-size: 10px;	 
	z-index: 50;
}
p.copy a:hover {
	color: #718d31;
}
.news {
	position: absolute;
	top: 50px;
	left: 20px;
	width: 400px;
}

.news p {
	color: #045675;
	font-size: 11px;
	padding: 0;
	margin: 10px 5px 5px 50px;
	line-height: 150%;
}
p.podpis {
	float: right;
	font-weight: bold;
}
table.promo {
	color: #718d31;
	text-align: center;
	margin: 0 0 0 30px;
}
table.promo ul {

}
ul.oheat1, ul.oheat2 {
	color: #0093dd;
	margin: 20px 20px 20px 50px;
}
ul.oheat1 li {
	list-style-image: url(img/heat.jpg);
	line-height: 180%;
	margin: 5px 0;
}
ul.oheat2 li {
	list-style-image: url(img/heatprogram.jpg);
	line-height: 180%;
	margin: 5px 0;
}
img.img-l {
	float: left;
	margin: 0 10px 10px 0;
}
table.instruktori {
	margin: 15px 20px;
	text-align: center;
}
table.instruktori td {
 
}
.red {
	color: #de0015;
	font-size: 14px;
	font-weight: bold;
	margin: 0 5px;
}
p.kont img {
	vertical-align: middle;
}
table.rozvrh {
	margin: 20px 0;
	width: 100%;
	 
}
table.rozvrh td {
		padding: 2px;
		font-size: 10px;
		color: #ef732f;
		 border-bottom: solid 1px #d5e3e8;
}
table.rozvrh tr {
behavior: url(hover.htc); 
 
}
table.rozvrh tr:hover {
background: #d5e3e8;
color: #045675;
}
p.zel {
	color: #718d31;
}





/* **************** */
/* SMART WEB ADMIN */
/* **************** */
.contact-form {
position: relative;
margin: 25px auto 25px auto;
width: 420px;
border: 2px solid rgb(238,243,250);
color: rgb(15,135,79);
}
.contact-form h2 {
background: rgb(238,243,250);
height: 30px;
line-height: 30px;
padding-left: 20px;
margin: 0;	
color: rgb(82,136,197);
}
.contact-form p {
padding-left: 20px;
}
.contact-form input, .contact-form textarea {
width: 380px;
border: 1px solid rgb(15,135,79);
color: rgb(82,136,197);
margin-bottom: 15px;
}
.contact-form img {
text-align: center;
margin-bottom: 15px;
}
.contact-form input.submit {
font-weight: bold;
}
.contact-form-alert {
color: rgb(15,135,79);
border-left: 5px solid rgb(15,135,79);
margin: 5px 5px 10px 20px;
padding-left: 5px;
}
.contact-form-alert2 {
color: rgb(228,164,45);
border-left: 5px solid rgb(228,164,45);
margin: 5px 5px 10px 20px;
padding-left: 5px;
}




.guestbook {
position: relative;
margin: 25px auto 25px auto;
width: 420px;
border: 2px solid rgb(238,243,250);
color: rgb(15,135,79);
}
.guestbook h2 {
background: rgb(238,243,250);
height: 30px;
line-height: 30px;
padding-left: 20px;
margin: 0;	
color: rgb(82,136,197);
}
.guestbook p {
padding-left: 20px;
}
.guestbook input, .guestbook textarea {
width: 380px;
border: 1px solid rgb(15,135,79);
color: rgb(82,136,197);
margin-bottom: 15px;
}
.guestbook img {
text-align: center;
margin-bottom: 15px;
}
.guestbook input.submit {
font-weight: bold;
}
.hlaska {
color: rgb(15,135,79);
border-left: 5px solid rgb(15,135,79);
margin: 5px 5px 10px 20px;
padding-left: 5px;
}
.hlaska2 {
color: rgb(228,164,45);
border-left: 5px solid rgb(228,164,45);
margin: 5px 5px 10px 20px;
padding-left: 5px;
}



.messages {
margin: 25px auto 25px auto;
border: 2px solid rgb(238,243,250);
}
.messages h2 {
background: rgb(238,243,250);
height: 30px;
line-height: 30px;
padding-left: 20px;
margin: 0;	
color: rgb(82,136,197);
}
.message {
padding: 5px;
margin-top: 4px;
}
.message-admin {
background: rgb(245,245,245);
padding: 5px;
margin-top: 4px;
border-left: 5px solid rgb(238,182,149);
}
.messages-flipping {
padding: 5px;
background: rgb(245,245,245);
}
.messages-flipping a {

}