html{
background-color: #72bfd1;
background-image: url('./img/sw/back.gif');
background-position: center top;
background-repeat: repeat-y;
font-family: Tahoma;
}

body{
margin: 0px;
padding: 0px;
text-align: center;
}

p{
margin-bottom: 9px;
margin-top: 0px;
padding: 0px;
}

ul{
margin-top: 9px;
}

ul li{
list-style-image: url("./img/sipka.jpg");
font-weight: bold;
}

.page{
position: relative;
text-align: left;
margin-left: auto;
margin-right: auto;
width: 697px;
color: black;
background-color: white;
background-image: url('./img/sw/info.gif');
}

.vrch{
position: relative;
width: 697px;
height: 163px;
background-image: url('./img/sw/vrch.jpg');
}


.zalozky_s{
position: absolute;
top: 0px;
left: -36px;
width: 36px;
height: 240px;
background-image: url('./img/zalozky_s.gif');
background-repeat: no-repeat;
}

.zalozky_s a#software{
display: block;
width:36px;
height: 103px;
background: none;
}

.zalozky_s a#trenerske{
display: block;
width:36px;
height: 237px;
background: none;
}

.okno{
position: absolute;
top: 210px;
left: 200px;
width: 498px;
height: 218px;
background-image: url('./img/sw/okno/okno.gif');
}

.okno table{
position: relative;
float: left;
left: 10px;
top: 5px;
width: 148px;
height: 175px;
}

.okno table tr td{
width: 144px;
height: 171px;
text-align: center;
vertical-align: middle;
}


.vlajky{
position: absolute;
left:15px;
top:145px;
}


.vlajky img {
border: 0px;
float:left;
margin-left:5px;
}



.info{
position: relative;
left: 50px;
color: black;
width: 590px;
}

.info h1{
	color: #3F8899;
	color: #22119d;
	font-size: 1.4em;
}

.info h2{
	color: #F07960;
	color: #9f0606;
	font-size: 0.9em;
}

.info h3{
	color: #747474;
	font-size: 0.9em;
}

.info p{
	font-size: 0.9em;
	text-align: justify;
	font-family: serif;	
}



.info ul{
	font-size: 0.8em;
}

.info ol{
	font-weight: bold;
	font-size: 0.8em;
}

.info2 ul{
	font-size: 0.8em;
}

.info2 ol{
	font-weight: bold;
	font-size: 0.8em;
}

.pata{
position: relative;
clear: both;
width: 500px;
height: 25px;
border-top: 1px solid #2795d1;
left: 50px;
width: 590px;
color: gray;
font-size: 0.7em;
text-align: center;
}

.pata img{
float:right;
margin-top:-20px;
#margin-top:-25px;
_margin-top:-25px;
}

.pata text{
}


.red{
	color: #EB3812;
}

.green{
	color: green;
}

input, textarea, select{
background-color: #e2eff2;
color: navy;
border: 2px solid #3f8899
}

input.tlacitko{
background-color: #ee5d3f;
color: #edf1f2;
font-weight: bold;
cursor: pointer
}

.roztah{
width: 300px;
}

.down td{
padding-right: 10px;
padding-bottom: 5px;
}

.otaznik{
list-style-image: URL('./img/question.jpg');
}

.odpoved{
list-style-image: URL('./img/answer.jpg');
}

.fotos img{
border: 0px solid #888888;
}

.fotos_down img{
border: 0px solid #888888;
margin-bottom:-10px;
}

.fotos td{
text-align: center;
vertical-align: middle;
width: 290px;
height: 290px;
border: 1px dotted gray;
background-color: #eeeefe;
font-size: 0.7em;
}

big{
font-weight: bold;
}


.ohlasy{
position: relative;
vertical-align: top;
padding-left: 0px;
margin-top: 20px;
}


.ohlasy img{
position: relative;
float: left;
margin-top: 0px;
padding-right:25px;
}

.ohlasy ul{
  position: relative;
  padding-left: 50px;
  
}

.ohlasy li{
 margin-top: 5px;
}

.ohlasy h1{
	color: #000000;
}

.ohlasy p{
  
  
}


.dotaz{
position: relative;
padding-top: 20px;
left: 50px;
color: black;
width: 590px;
}

.dotaz h1{
	color: #3F8899;
	font-size: 1.4em;
}

.dotaz h2{
	color: #F07960;
	color: #9f0606;
	font-size: 0.9em;
}

.dotaz h3{
	color: #747474;
	font-size: 0.9em;
}

.dotaz p{
	font-size: 0.8em;
	text-align: justify;
}

.dotaz li{
	font-size: 1em;
	text-align: justify;
}

.dotaz ul{
	font-size: 0.8em;
}

.nadpisOkno h1{
	position: relative;
	float: left;
	width: 300px;
	left: 10px;
	padding-top:10px;
	font-size: 0.9em;
	color: #9f0606;
}



.popisekOkno p{
	position: relative;
	float: left;
	overflow: auto;
	margin-top:-5px;
	#margin-top:5px;
	_margin-top:5px;
	left: 10px;
	font-size: 0.7em;
	width: 300px;
	height:150px;
	text-align: justify;
  	color: #2f2b2b;
}

.partneri{
position: absolute;
z-index: 3;
left: 700px;
top: 370px;
font-size: 0.8em;

}


.partneri img{
display: block;

margin-bottom: 2px;
border: 0px;
}




.info2{
position: relative;
padding-top: 20px;
left: 50px;
color: black;
width: 590px;
}

.info2 h1{
	color: #3F8899;
	color: #22119d;
	font-size: 1.4em;
}

.info2 h2{
	color: #F07960;
	color: #9f0606;
	font-size: 0.9em;
	padding-top:10px;
}

.info2 h3{
	color: #747474;
	font-size: 0.9em;
}

.info2 p{
	font-size: 0.9em;
	margin-top: -5px;
	text-align: justify;
	font-family: serif;	
}

.posunNahoru{
margin-top:-20px;
}


.aktuality{
padding-bottom:10px;
margin-bottom:10px;
clear:both;
}

.aktuality p{
	font-size: 0.9em;
	margin-top: 0px;
	text-align: justify;
	font-family: serif;
}

.aktuality img{
float: left;
margin-top: 0px;
padding-right: 15px;
}


.menuMain ul{
	list-style-type:none;
	position:relative;
	top:-10px;
	display:block;
	height:40px;
	width:636px;
	margin-left:18px;
	padding-left:21px;
	text-transform:uppercase;
	font-size:1.0em;
	background:transparent url("img/menu_main/blue.jpg") repeat-x top left;
	font-family:Helvetica,Arial,Verdana,sans-serif;
}
.menuMain li{
	display:block;
	float:left;
	height:40px;
}

.menuMain li.s{
	display:block;
	float:left;
	height:40px;
	font-size:1.1em;
}


.menuMain li a{
	display:block;
	float:left;
	color:#ffffff;
	text-decoration:none;
	padding:12px 20px 0px 20px;
	height:40px;
}

.menuMain li.s a{
	display:block;
	float:left;
	color:red;
	text-decoration:none;
	padding:12px 20px 0px 20px;
	height:40px;
}

.menuMain li a:hover{
	background:transparent url("img/menu_main/black.jpg") repeat-x top left;
}


.nadpis{
position:relative;
}


.menu_back {
position: absolute;
top: 205px;
left:-15px;
width: 190px;
height: 450px;
background-image: url('./img/sw/menu/menu_back.png');
background-repeat: no-repeat;
z-index:1;
}


.menu{
position: relative;
top: -10px;
left:-20px;
width: 155px;
height: 440px;
padding-left: 14px;
padding-top: 5px;
z-index: 1;
}

.menu a{
position: relative;
display: block;
width: 126px;
height: 23px;
background-image: url('./img/sw/menu/menu.png');
background-repeat: no-repeat;
text-decoration: none;
font-size: 0.8em;
color: #fefefe;
padding-left: 29px;
margin-bottom: 3px;
}

.menu a:hover{
	color:yellow;
	font-weight: bold;
	background-image: url('./img/sw/menu/menu_hover.png');
}



.video{
position: relative;
margin-top: 29px;
clear:both;
}


.video ul{
	list-style-type:none;
	position:relative;
	display:block;

}

.video li{
	float:left;
	display:block;
	font-weight: bold;
	font-size: 1.1em;
}


.video li.v a{
	display:block;
	float:left;
        width:44px;
	height:35px;
        background-image: url("./img/video.png");
        background-repeat: no-repeat;
	margin-bottom:10px;
}


.video li.v a:hover{
        width:44px;
	height:37px;
        background-image: url("./img/video_selected.png");
        background-repeat: no-repeat;
	margin-bottom:8px;
}