/* resetovaci */

  html,body,
applet,object,iframe,
 h1, h2, h3, h4, h5, h6 ,blockquote,pre,
a,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,ol,form,label,hr,
table,caption,tbody,tfoot,thead,tr,th,td, a img, {
	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: none;
	color: #5d5c5a;
	margin: 0;
}
 li {
	padding: 0;
	margin: 0;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}

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

/* konec reset */

body {
font-family: Verdana, Tahoma, Helvetica, Geneva, Arial;
font-size: 11px;
color: #434343;
background:  #c7c7c7; 
text-align: center;
margin: 0;
padding: 0 0 70px 0;
}

.container {
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 832px;
	background: url(img/back-body.png)  repeat-y;
	border: solid  5px #fff;
}
.head {
	position: relative;
	width: 832px;
	height: 360px;
	background: url(img/back-head.jpg) no-repeat;
}
h1 {
	position: absolute;
	top: 140px;
	left: 40px;
}
h1 span {
	display: none;
}
h1 a img {
	border: none;
}
h2 {
	font-size: 15px;
	font-weight: bold;	
	margin: 0 0 30px 0;
	padding: 0;
}
h2 span {
	color: #245f97;
}
h3 {
 
	margin: 0 0 20px 0;
	font-weight: bold	;
	font-size: 11px;
	color: #245f97;
	padding: 0 0 0 40px;
	background: url(img/semafor.png) left no-repeat;
	line-height: 25px;
}
h3 span {
	font-size: 10px;
	color: #434343;
}
h4 {
	margin: 15px 30px;
	font-weight: bold;
	font-size: 11px;
	color: #98000E;
}
.motto {
   position: absolute;
	top: 23px;
	left: 15px;
	font-family: Times New Roman;
	font-size: 18px;
	color: #fff;
}
.motto p span {
	color: #e1e1e1;
}
.motto p {
letter-spacing: 2px;
padding: 0;
margin: 0;
}
.url {
	position: absolute;
	right: 10px;
	top: 23px;
}
.url a {
	color: #a8b8bd;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
.url a:hover {
	color: #fff;
} 
.tel {
	position: absolute;
	top: 309px;
	left: 395px;
}
.tel p {
	font-size: 20px;
	color: #b8c7cb;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
.right {
	float: right;
	width: 169px;
}
.left {
	float: left;
	width: 600px;
 	padding: 20px 0 30px 42px;
}
 
hr.hr-vert {
	clear: both;
	position: relative;
	padding: 30px  0 0 0;
	margin: 10px 0 30px 0;
	background: none;
	height: 1px;
	border: none;
	border-bottom: 1px solid #c7c7c7;
}
.aktuality-index {
	position: relative;
	background: url(img/back-akt-index.png) repeat-y;
	width: 600px;
	margin: 25px 0 0 0;
}
.p-akt-i {
	float: left;
	width:280px;
   margin: 10px 20px 10px 0;
}
p.dale {
	text-align: right;
}
p.dale a {
	color: #245f97;
	font-size: 10px;
}
p.dale a:hover {
	color: #000;
}
p.banner  {
	margin: 20px 0 0 0;
}
p.banner a img {
	border: none;
}
ul#mainMenu
{  
	padding: 0;
	margin: 0;
	background: url(img/back-menu.png) repeat-y;
} 
ul#mainMenu ul 
{ 
  position: absolute;
  margin: -31px 0 0 -173px;
  padding: 0px;
  width: 163px;
  z-index: 2;
} 
 ul#mainMenu li
{ 
 padding: 0;
 margin: 0 0 5px 0;
 height: 30px;
} 
ul#mainMenu ul li {
	padding: 0;
	margin: 0;
}
 ul#mainMenu a
{ 
      display: block;
	width: 163px;
	font-size: 11px;
	font-weight: bold;
	color: #155379;
	text-decoration: none;
	background: url(img/back-button.png)  no-repeat;
	line-height: 31px;
	height: 30px;
} 
ul#mainMenu a span {
 margin: 0 0 0 15px;
}
ul#mainMenu  a:hover {
	color: #000;
} 
ul#mainMenu ul a 
{ 
   display: block;
	width: 163px;
	font-size: 11px;
	font-weight: bold;
 	color: #155379;
	text-decoration: none;
	background: #ced8db;
 	line-height: 31px;
	padding: 0 0 0 10px;
	border-top: solid 1px #fff;
} 
ul#mainMenu ul a:hover 
{ 
 color: #000; 
 font-weight: bold;
} 
ul#mainMenu ul 
{ 
 position:absolute; 
visibility:hidden; 
border: none;
} 
ul#mainMenu li:hover ul, ul#mainMenu li.hover ul 
{ 
visibility:visible; 
} 
ul#mainMenu li li 
{ 
float:none; 
border:none; 
padding:0; 
} 
 
ul#mainMenu li 
{ 
behavior: url(hover.htc); 
} 
.menu-top {
	position: relative;
	background: url(img/back-top-menu.png) no-repeat;
	width: 163px;
	height: 14px;
}
.menu-bottom {
	position: relative;
	background: url(img/back-bottom-menu.png) no-repeat;
	width: 163px;
	height: 14px;
	margin: -5px 0 20px 0;
}
p.copy {
	position: absolute;
	right: 0;
	bottom: -43px;
}
p.copy img {
	vertical-align: middle;
	margin: 0 15px 0 0;
}
p.copy {
	font-size: 10px;
	padding: 0;
	margin: 0;
}
p.copy a {
	font-size: 10px;
	color: #245f97;
}
p.copy a:hover {
	color: #000;
}
.facebook {
 position: absolute;
 left: 0px;
 bottom: -90px;
 margin: 0;
 padding: 0;
 width: 350px;
 height: 85px;
}

ul#skupiny {
	margin: 20px 0 0 0;
	padding: 0;
}
ul#skupiny li {
   float: left;
	margin: 0 2px 0 7px ;
	padding: 0;
	width: 44px;
	height: 44px;
}
ul#skupiny li a img{
	border: none;
}
ul#skupiny ul 
{ 
 position: absolute;
 padding: 5px;
 z-index: 2;
} 
ul#skupiny ul li {
 float: left;
 padding: 5px;
 margin:0;
 border: 1px solid #155379;
 background: #fff;
 width: 250px;
 height: 26px;
}
ul#skupiny ul 
{ 
 position:absolute; 
 visibility:hidden;  
} 
ul#skupiny  li:hover ul, ul#skupiny  li.hover ul 
{ 
visibility:visible; 
} 
ul#skupiny  li li 
{ 
float:none; 
} 
ul#skupiny  li 
{ 
behavior: url(hover.htc); 
} 
span.vyraz {
	color: #000;
}
.etesty {
	position: absolute;
	top:346px;
	left: 500px;
}
.etesty a img {
	border: 0;
}
h3.h3-vypis {
	margin: 10px 0 0 0;
}
h3.kontakty {
	background: none;
	padding: 10px 0 0 0;
}
.akt-vypis-a {
	background: #f0f0f0;
	padding: 5px;
	color: #245f97;
	margin: 8px 0 0 0;
}
.akt-vypis-b {
	padding: 5px;
	color: #434343;
	margin: 8px 0 0 0;
}
.form {
	float: right;
	width: 200px;
	margin: 0 20px 0 0;
}
.form input, .form textarea {
	border: solid 1px #245f97;
	padding: 3px;
	margin: 0 0 6px 0;
	width: 200px;
	font-size: 11px;
	color: #5d5c5a;
}
.form textarea {
	height: 140px;
}
p.but {
	text-align: right;
	padding: 0;
}
p.but input.button {
	width: 70px;
}
.left p {
	padding: 1px 0 2px 5px;
}
.left p a, .left a {
	color: #155379;
}
.left p a:hover, .left a:hover {
	color: #000;
}
ul.instruktor, ul.instruktor li {
	float: left;
}
ul.instruktor li a {
   display: block;
	margin: 18px;
	border: solid 1px #c7c7c7;
	padding: 8px;
	text-align: center;
	text-decoration: none;
}
p.p-odsaz {
	padding: 0 0 0 25px;
	color: Green;
	margin: 0 0 0 25px;
	background: url(img/fajfka.png) left no-repeat;
	line-height: 20px;
}
ul.p-odsaz-a {
	padding: 0 0 0 25px;
}
ul.p-odsaz-a a {
	color: #245f97;
}
ul.p-odsaz-a a:hover {
	color: #000;
}
p.soubory a, p.mapka a {
   margin: 0 0 0 10px;
	text-decoration: none;
	font-size: 10px;
}
p a img {
	border: none;
}
p.soubory img, p.mapka img {
	vertical-align: middle;
}
table.cenik-1 {
	table-layout: fixed;
	width: 100%;
	margin: 20px 0;
}
 
table.cenik-1 td {
	font-size: 10px;
	color: #000;
	border-bottom: solid 1px #c7c7c7;
	padding: 2px;
}
 
table.cenik-1 tr
{ 
behavior: url(hover.htc); 
} 
table.cenik-1 tr:hover {
	background: #ced8db;
}
table.cenik-1 th {
	color: #245f97;
	text-align: left;
	line-height: 25px;
	background: #fff;
}
th.vek {
	width: 70px;
}
th.cena {
	width: 110px;
}
p.vyraz-c {
	padding: 0 0 0 20px;
	color: #98000e;
	font-size: 10px;
}
.flash {
	float: right;
	width: 400px;
	padding: 0;
	margin: -60px 0 0 0;	
}
ul.foto-vypis {
	float: right;
	width: 420px;
	padding: 0;
	margin: 0;
}
ul.foto-vypis li {
	float: left;
	margin: 0 8px 8px 0;
}
ul.foto-vypis li a img {
	border: 2px solid #245f97;
}
ul.foto-vypis li a:hover img {
	border: 2px solid #000;
}

ul.foto-menu {
	float: left;
   width:145px;
	padding: 0;
	margin: 0;
}
ul.foto-menu li {
	margin: 0 0 1px 0;
}
ul.foto-menu li a {
	display: block;
	width: 145px;
	line-height: 26px;
	text-decoration: none;
	background: #245f97;
	color: #fff;
	font-size: 10px;
	padding: 0 2px;
}
ul.foto-menu li a:hover {
	background: #155379;
	color: #fff;
}
ul.seznam1 {
	padding: 15px 20px;
	margin: 15px 20px;
	color: #007ef8;
	font-size: 11px;
	list-style-type: decimal;
}
ul.seznam2 {
	padding: 15px 20px;
	margin: 15px 20px;
	color: #0d5000;
	font-size: 11px;
	list-style-type: circle;
}
 p.foto-skupiny {
 	float: right;
	width: 220px;
	margin: 10px 0 7px 7px;
 }
 ul.skupiny-detail li {
 	float: left;
	text-align: center;
	margin: 0 10px 0 0;
 }
  ul.skupiny-detail li a {
 	text-align: center;
 }
  p.foto-skupiny-2 {
 	float: right;
	width: 330px;
	margin: 10px 0 7px 7px;
 }
   p.foto-skupiny-3 {
 	float: right;
	width: 350px;
	margin: 10px 0 7px 7px;
 }
 ul.skupiny-detail-2 li {
 	float: left;
	text-align: center;
	margin: 0 10px 0 0;
 }
  ul.skupiny-detail-2 li a {
 	text-align: center;
 }
 p.skupina {
 	 
 }
 p.skupina img {
   margin: 20px 0 0 0;
 	border: solid 4px #155379;
 }
 ul.foto-vozy li{
 	float: left;
	margin: 0 15px 0 0;
	line-height: 150px;
 }
 ul.foto-vozy li a img {
 	vertical-align: middle;
	border: solid 1px #155379;
 }
  ul.foto-vozy li a:hover img {
 	vertical-align: middle;
	border: solid 1px #000;
 }
 input.pocet {
 	width: 50px;
 }
 table.instruktori td {
 	padding: 3px;
 }
  table.instruktori td.modr {
 	color: #245f97;
 }
 p.bannerek {
 	margin: 0 0 0 15px;
 	padding: 0; }