/* OBECNE STYLY */

/** { margin: 0; padding: 0; }*/
html {background-color: #ffffff;}
body{ font-family: Arial,Verdena,sans-serif; color: #333333; left: 40px; padding: 10px; margin-top: 10px; font-size: 80%;}
a{ color: #003366; text-decoration: none;}
a:link{ color: #006699;  text-decoration: underline;}
a:visited{ color: #28166f; text-decoration: underline; }
a:hover{ color: #006699; text-decoration: none; }
h1{ height:50px; font-size: 1.2em; font-weight: bold; width: 528px; background: transparent url("../images/layout/nadpis-main.png") no-repeat; margin: 0px; padding-left: 10px; padding-top:5px; color: white;}
h2{ font-size: 114%; color: #006699; margin: 0px; padding: 0px; }
h3{ font-size: 100%; color: #0C0084; margin: 0px; padding: 0px;}
ul{ padding-right: 10px; /*margin-left: 20px;*/}
ul li{list-style-type: square;}
ul ul li{list-style-type: disc;}
ul ul ul li{ list-style-type: none;}
label{ font-family: Arial,sans-serif; font-size: 100%; font-weight: bold; color: #334d55;}
hr {display: none;}
img {border: none;}
#panelMain2 p{padding: 0px 5px;}
#panelMain2 h2{margin: 0px 0px 0px 5px; }
#panelMain2 h3{margin: 0px 0px 0px 5px; }
#panelMain2 h3.instruktor{color: black;}
#panelMain2 h4{margin: 2px 0px 0px 5px; }
.story p span{width:100%;padding:0;margin:0;}
.bunOhraniceni{border-top: 1px solid silver; border-bottom: 1px solid silver; padding: 5px 0px; margin: 5px 0px; background-color: #3e84c2; color: #ffffff;}
.english{color: #f98276;}
.vetsiPismo{font-size: 170%; font-weight: bolder;}
.cervene{color: red;}
.zarovnatR{float: right; margin: 0px 5px;}
.zarovnatL{float: left; margin: 0px 5px;}
.zarovnatC{text-align: center; display: block;}
.vCenter {vertical-align: middle;}
.hCenter {text-align: center;}
a.moreInfo{display: block; width: 151px; height: 31px; margin: 0 auto; color: #3f3f3f; font-weight: bold; text-decoration: none; padding-top: 10px; text-align: center; background: transparent url('../images/moreInfo.png') no-repeat;}
.bezRamecku td{border: none;}
.zvyraznit{font-weight: bold;}
.alert{color: red;}
#ok,#error {background-color: green; color: white; text-align: center; padding: 10px 0; font-size: 1.3em;}
#error {background-color: red; text-align: center; width: 100%;  color: white;}
#error h1{background-color: red; background-image: none; margin: 0px; padding: 0px; height: 100%;}
#form {width: 500px; margin: 0 0 0 10px; }
#form input,textarea {margin: 0 0 5px 10px; width: 200px;}
form#form select{margin: 0 0 5px 10px; width: 200px;}
#form label {width: 200px; float: left; display: block; }
form#form br {display: none;}
.cleaner {clear: both; overflow: hidden; height: 0; content: ' '; display: block;}

#cerveneBtn, #zeleneBtn, #zlutaBtn {display: block; float: left; width: 160px; height: 180px; background: url('../images/tlacitka/cervene.gif') no-repeat; margin-left: 10px; color: white; font-size: 110%; text-decoration: none; cursor: hand; }
#zeleneBtn {background: url('../images/tlacitka/zelene.gif') no-repeat;}
#zlutaBtn {background: url('../images/tlacitka/zluta.gif') no-repeat; color: black; }
#cerveneBtn span.odstavec, #zeleneBtn span.odstavec, #zlutaBtn span.odstavec{width: 145px; margin: 10px auto; text-transform: none; font-weight: normal; display: block;  text-align: left; font-size: 100%; letter-spacing: normal;}
#cerveneBtn span, #zeleneBtn span, #zlutaBtn span{text-transform: uppercase; font-weight: bold; display: block; margin-top: 20px; text-align: center; width: 150px; font-size: 120%; letter-spacing: 2px;}
/*#zlutaBtn span{margin-top: -5px;}*/


#balicek-obsah li{margin-bottom: 5px; font-size: 120%; font-weight: bold;}

.story p{color: black; width: 520px; display: block;}


a.detail {display: block; width: 20px; height: 20px; background: transparent url('../images/lupa.gif') no-repeat;}
a.detail span{display: none;}

/************** .feature styles ***************/

.feature{
	padding: 10px 10px 10px 10px;
	font-size: 100%;
	border-bottom: 1px solid silver;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: right;
	padding: 10px 10px 0px 0px;
}


/************** .story styles *****************/

.story{
	clear: both;
	/*padding: 10px 10px 10px 10px;*/
	font-size: 100%;
	border-bottom: 6px solid silver;
}

.story p{
	padding: 0px 0px 10px 0px;
}

/************** #advert styles **************/

.sidebox{
	width: 169px;
	border: 1px solid silver;
	margin-top: 10px;
	background: #ffffff url("../images/layout/sidebox.png") no-repeat;
	text-align: center;
}

.sidebox h3{margin: 0; padding-top: 5px; padding-bottom:5px; text-align: center; color:black;}

.sidebox img{
	display: block;
	margin: 0 auto;
	padding-top:5px;
	border: 0px solid black;
	overflow: hidden;
}

.sidebox div{text-align: left; padding: 5px;}

.sidebox ul{margin: 10px 0; width: 100%; text-align: left; list-style: none; padding: 0;}
.sidebox ul li{list-style-type: none;}
.sidebox li a{background: url("../images/vlnka.png") no-repeat left top; width: 100%; height: 15px; padding: 0 0 0 33px; white-space: nowrap; overflow: hidden;}
.sidebox li a.current{background-position: 0 -35px; color: silver;}
.sidebox li a:hover{background-position: 0 -17px;}
.sidebox li a.current:hover{background-position: 0 -35px; color: silver; text-decoration: none;}

/************** #headlines styles **************/

#menu {
	left: 10px;
	margin-top: 15px;
	margin-left: 5px;
}

#menuDisable{
	color: #b3b3b3;
}

/***************************************/
/* Layout */
#master1 {width: 950px; margin: 0 auto; background: #ffffff url("../images/layout/lista-bocni.png") repeat-y;}
#master2 {width: 950px; background: url("../images/layout/bottom.png") no-repeat left bottom; margin: 0 auto;}
#master3 {width: 910px; margin: 0 auto; }
#text {width: 970px; margin: 0px auto; position: relative; top: -150px;}
#panelTop {width: 100%; /*border: 1px solid red;*/ }
#mainAndLeft {float: left; width: 730px;}
#panelLeft {float: left; width: 180px; }
#panelMain {float: right; width: 550px;}
#panelMain2 {/*padding: 10px;*/ border: 1px solid silver; margin: 10px 10px 5px 0; background: #ffffff url("../images/layout/bg-main.png") repeat-y;}
#panelRight {float: right; width: 180px;}
#title {height: 100px; /*background: url('../img/title.gif') no-repeat;*/ }

#bottom{width:100%; height: 125px; margin-top:-200px;}
#bottom div{ padding-top:120px; color: #6e6a6a;}

#top1{
	float: right;
	height: 148px;
	width: 49%;
	background: #ffffff;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
}

#top2 {
	height: 148px;
	width: 49%;
	background-color: #77b0dd;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}


/***************************************/
/* Lista s menu */
#nav {clear: both; width: 950px; /*border: 1px solid black;*/  height: 30px; background: white url("../images/layout/lista-menu.png") no-repeat -5px 0; font-size: 120%;}
#nav, #nav ul, #footer {padding: 0; margin: 0; list-style-image:none; list-style-type:none;}

#nav li {border-left: 1px dashed silver; padding: 0.5em 0.7em 0.1em 0.8em; float: left; list-style-type:none; }
#nav li a {float:left; float: none; text-decoration:none; font-weight:bold; color: #3b8ee3;}
#nav a:hover {color:#17087d;}
#nav li a:hover .english{color:#17087d;}

#nav div, #nav li.navvyp div { visibility: hidden; }
#nav li.navzap div { visibility: visible;}
#nav div { position: relative; clear: both;}
#nav div ul {list-style-image: none;  background-color: #FFFFFF; width: 180px; margin:0; padding:0; position: absolute; top: 0.1em; left: 0; border: 2px solid #0093dd; z-index: 50; }
#nav div li { height:21px; float:none; vertical-align: bottom ;font-size: 13px; padding:0; margin:0; border: 1px solid #0093dd; }
#nav div a {display:block;  height:100%; width: 160px; margin:0; padding:1px 0 0 18px; font-weight:normal;background-color: #ffffff; color:#00669b;}
#nav div a:hover {width: 160px; background-color: #0093dd; color:#ffffff;}
#nav div ul li a:hover .english {width: 160px; background-color: #0093dd; color:#ffffff;}
#nav li#zacatek {border-left:none; padding-left: 80px;}
#nav li#konec {}

/***************************************/
/* Top Panel */
#jazyky{
	float: right;
	position: relative;
	left: -30px;
	top: 100px;
	/*position: absolute;
	width: 47px;
	margin-left: 885px; margin-top: 100px;*/
}
#top {
	float: left;
	width: 100%;
	height: 120px;
	background: white url("../images/layout/top-panel.png") no-repeat;
}
#top span{display: none;}
#top h1{display: block; width: 476px; height: 104px; background: transparent url("../images/layout/logo-afa.png") no-repeat; position: relative; top: 10px; left: 58px;}
a#logo{display: block; width: 476px; height: 104px;}
#panelTop hr{
	clear:both;
	visibility: hidden;
}
#cesky, #anglicky{
	/*height: 40px;*/
	width: 47px;
	float: left;
	/*background: transparent url("../images/jazykCZ.png") no-repeat 0 0;	*/
}
#anglicky{
	width: 47px;
	/*background: transparent url("../images/jazykEn.png") no-repeat 0 0;	*/
}
#jazyky span{
	visibility: hidden;
}
#jazyky a{
	text-decoration: none;
	color: silver;
	font-weight: bold;
	padding-bottom: 10px;
	display: block;
}
#jazyky a:hover{color:black;}
#jazyky a.zvyraznitJazyk{color: #f98276;}
/***************************************/

/* LOGIN */

#loginFormMini {position: absolute; width: 170px; height: 150px; margin-left: 790px; margin-top: -20px;}
#loginFormMini label{float: left; width: 50px; height: 16px; margin-bottom: 2px;}
#loginFormMini input{float: left; width: 80px; height: 14px; border: 1px solid silver; margin-bottom: 2px; }
#loginFormMini input#btnOk{float: right; width: 30px; height: 18px; border: 1px solid silver; margin: 1px 2px; }
#loginFormMini a{margin-bottom: 3px;}

#loginForm {width: 250px; margin-left: 150px;}
#loginForm label {float: left; width: 50px; height: 16px; margin-bottom: 2px;}
#loginForm input {width: 120px; height: 14px; border: 1px solid silver; margin-bottom: 2px; }
#loginForm input#btnOk {float: right; width: 80px; margin-top: 10px; height: 18px; border: 1px solid silver; /*margin: 1px 2px;*/ }
#loginForm a {margin-bottom: 3px;}
/***************************************/
/* Struktura AFA */
#struktura {
	background: white url("../images/struktura/struktura_afa.gif") no-repeat 0 0;
	width: 531px;
	height: 443px;
	z-index: 2;
}
#struktura img {
	border: 0;
	z-index: 3;
}
#struktura-en {
	background: white url("../images/struktura/struktura_afa-en.png") no-repeat 0 0;
	width: 531px;
	height: 443px;
	z-index: 2;
}
#struktura-en img {
	border: 0;
	z-index: 3;
}
#st_logo{
	margin: 0 auto;
	width: 338px;
	height: 111px;
}
#st_bike{
	position: relative;
	top: 30px;
	left:280px;
	width: 246px;
	height: 161px;
}
#st_af{
	position: relative;
	top: -132px;
	width: 234px;
	height: 160px;
}
.bgWhite{background-color: white; height: 100%;}
/***************************************/
/***************************************/
/*Tabulky terminu a seminaru*/
.terminy{
	border-collapse: collapse;
	margin: 10px auto;
	background-color: #fff2d9;
}
.terminy td,th{
	padding: 3px 5px;
	text-align: center;

	border: 1px solid black;
}
.terminy th{
	background-color: #3e84c2;/*svetle modra*/
	border: 1px solid black;
	color: white;

}
.zmena{
	background-color: #ffd9d9;/*svetle cervena*/
}
.probehlo{
	background-color: #dcdcdc;
}
/***************************************/
/***************************************/
/*Zobrazeni partneru*/
.tabPartneri{
	border: 0;
	width: 100%;
	margin: auto;
	border-collapse: separate;
	empty-cells: show;
	border-spacing: 1em;
}
.tabPartneri td{
	margin: auto;
	text-align: center;
	width: 50%;
	border: 0;
}
/***************************************/
.zvyraznit{
	font-weight: bold;
}
.error{
	color: red;
	font-weight: bold;
}

.info{color: green; font-weight: bold;}

.cleaner{
	clear: both;
	height: 0;
	overflow: hidden;
	content: ' ';
}

.cleaner hr{display: none;}
/***************************************/
/*Nabidka plavek*/
#galerie{
	width: 100%;
}
#galerie .plavky{
	width: 269px;
	float: left;
	display: inline;
	height: 275px;
	overflow: auto;
	background-color: white;
}
.plavky img{
	border: hidden;
	margin: 10px 0 0 0;

}

/*#galerie .plavky p{
	margin: 0 0 0 3px;
	position: absolute;
	top: -37px;
	width: 241px;
	color: white;
	font-size: 80%;
	background-color: #005ca1;
}
#galerie .plavky div{
	margin: 0;
	position: absolute;
	width: 200px;
	top: -220px;
	left: 10px;
	color: #005ca1;
	background-color: white;
	font-weight: bold;
	font-size: 120%;
	z-index: 0;
}*/

.pansky div{
	text-align: center;
	background-color: #005ca1;
	color: white;
}
.pansky,.damsky{
	width: 320px;
	float:left;
	/*padding: 2px;*/
}
.damsky div{
	background-color: #da251d;
	text-align: center;
	color: white;
}
.pansky ul{
	list-style-type: circle;
	width: 320px;
}
.damsky ul{
	list-style-type: circle;
	width: 320px;
}

td .cena{font-size: 150%;
	font-weight: bold; margin: 0;}
.cena{
	/*width: 170px;*/
	margin: 40px 20px 0px 340px;
	font-size: 150%;
	font-weight: bold;
}
.formInput{
	margin: 10px 20px 0px 340px;
	font-size: 100%;
	text-align: center;
}
.poznPodCarou{
	font-size: 75%;
}

.zeny caption{
	background-color: #da251d;
	color:white;
	margin: 0 auto;
}

.muzi caption{
	background-color: #005ca1;
	color:white;
	margin: 0 auto;
}

.miry{
	border-collapse: collapse;
	text-align:center;
	margin: 0 auto;
}
.miry td,th{
	border: 1px solid silver;
}
.ozSloupec{
	background-color: #dcdcdc;
}
/***************************************/
/*Obsah stranek*/
#obsah{padding: 0px 5px; margin: 8px; float:right; width: 150px; border: 1px dashed black; background-color: #77b0dd; color: #ffffff; font-weight: bold; font-size: 130%;}
#obsah ul{padding:0px; margin: 3px; list-style: none; width: 150px; color: black; font-size: 80%;}
#obsah ul li{list-style-type: none;}
#obsah ul li a{color: black; text-decoration: none; font-weight: normal;}
#obsah ul li a:link{color: black; text-decoration: none;}
#obsah ul li a:hover{color: white;}

ul#seznam{width: 480px; padding-left: 10px; margin-left: 20px;}
ul#seznam li{list-style: lower-alpha;}
ul#seznam ul li{list-style: circle;}
ul#seznam ul{width: 430px; padding-left: 30px; margin: 8px;}


#prazdNabidka{width: 360px; margin: 15px auto;}
#prazdNabidka p{width: 155px; margin: 5px auto; }
#prazdNabBike{height: 70px; margin-top:40px;}
#prazdNabBike p{margin-top:55px;}
/***************************************/
/*Pravidla prihlaseni*/
#pravidlaPrihlaseni {height: 200px; overflow: auto; border-bottom: 1px solid #7f9db9; border-top: 1px solid #7f9db9; font-size: 10.0pt; font-family: Tahoma}

/*Login*/
#loginForm {overflow: visible;}
#loginForm1 {margin: 0px 20px 0px 10px;}
#loginForm .alert{font-size: 10px;}

/* REGISTRACE */

#registrace {width: 350px; margin: 0 0 0 10px; }
#registrace input {margin: 0 0 5px 10px; width: 150px; float: left;}
#registrace label {width: 150px; float: left; display: block; }
form#registrace br {display: none;}
/* AKTUALITY */
#formAktualit input{margin: 0 0 5px 10px; width: 300px;}
#formAktualit input.btn{}
/* ZAKAZNIK */
table#udajeZakaznika {margin-left: 10px;}
table#udajeZakaznika td{border: none;}
table.tabulkaPolozek {width: 500px; margin: auto; border-collapse: collapse; text-align: center;}
table.tabulkaPolozek th,table.tabulkaPolozek td {border: 1px solid black;}
table.tabulkaPolozek th{background-color: white; border-bottom: 2px solid black;}
table.tabulkaPolozek tr.suda{background-color: #77b0dd;}

table#tabPrihlasky {margin: 5px auto; /*width: 520px;*/  border-collapse: collapse; border: 1px solid black;}
table#tabPrihlasky td{border-right: 1px solid black;}
table#tabPrihlasky td.zarazka{border-top: 1px solid black;}

table#detailProv{width: 500px; text-align: left;}
table#detailProv td{ padding-left: 10px; padding-bottom: 10px;}
table#detailProv tr{ padding-bottom: 10px;}

/* DISKUZE  */
#diskuze {width: 500px; margin-left: 5px;}
#diskuze p{margin-top: 0;}

/* UKAZATELE */
#panelMain2 .ukazatel{margin: 5px; border-top: 1px solid #006699; border-bottom: 1px solid #006699; height: 100px;}
#panelMain2 .ukazatel img{float: left; margin: 2px 5px;}
#panelMain2 .ukazatel a{color: black; text-decoration: none;}
#panelMain2 .ukazatel a:visited{color: black; text-decoration: none;}
#panelMain2 .ukazatel div{margin-top: 10px; margin-left: 300px; color: red;}
#panelMain2 .ukazatel p{margin: 0;}
#panelMain2 .ukazatel h3{margin: 5px 3px; }


/*FORM*/
form fieldset{width: 500px; margin-left: 10px;}
form fieldset br{clear: both;}
form fieldset input.button{margin-left: 200px; margin-top: 5px;}
form fieldset label{display: block; width: 150px; float: left; margin-top: 5px;}
form fieldset textarea{width: 470px; margin-top: 5px;}
form fieldset input.text{display: block; width: 150px; float: left; margin-top: 5px;}