/* CSS Document 
ešc
 orange : #e3a000
 dark red : #520505
 dark red 2 :#8f1f1b
 okr form :#f3b115
*/

body {
	color: #ffe6a9;
	text-align: center;
	background: #000000 url(../images/background-center.jpg) no-repeat center top;
	font: 14px Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, ol, ul, li, a, img, body, div, span, table {
	margin: 0;
	padding: 0;
	border: 0; }

#page {
	display:  block;
	position: relative;
	width:    952px;
	text-align: left;
	margin: 0 auto;
	padding: 0px;
	/*background: url(../images/background-page.gif) repeat-y;*/
	}
a { color:#f3b117; text-decoration:none;	}
a:hover {
	color:#FC0;
}
	
/* OBSAH STRANKY ========== */
#content {
	width: 952px;
	float: left;
	margin-top: 356px;
	padding-bottom: 0px;
	background: url(../images/bg-content-page.jpg) no-repeat;
	}

#contentbox { margin: 15px 25px 0px; padding-left: 35px; padding-right: 30px; }

#content-home {
	width: 952px;
	float: left;
	margin-top: 356px;
	padding-bottom: 0px;
	background: url(../images/bg-content.jpg) no-repeat;
	}



/* POZICOVANE BLOKY */
#head {
	position:absolute;
	left: 0;
	top:0;
	overflow: hidden;
	height:356px;
	width: 952px;
	float: left; }

/*HEADER */
#head #headlogo {
	display:  block;
	position: relative;
	width:    952px;
	height: 292px;
	text-align: left;
	overflow:hidden;
	font-size: 0.8em;
	}

#head #headlogo a {
	text-decoration: none;
	color:#f3b115;
	font-size: 50px;
	line-height: 100px;	
}

#head #headlogo span{
	position:absolute;
	left: 0;
	top:0;
	overflow: hidden;
	height:292px;
	width: 952px;
	background: url(../images/zahlavi-home.jpg) no-repeat;
	cursor:pointer;
	}

/*#head #headlogo a {
	position: relative;
	height:292px;
	width: 952px;
	}*/
	
#head #headlogo a.reference span{
	position:absolute;
	left: 0;
	top:0;
	overflow: hidden;
	height:292px;
	width: 952px;
	background: url(../images/zahlavi-5.jpg) no-repeat;
	cursor:pointer;
	}
	
#head #headlogo a.tanecnici span{
	position:absolute;
	left: 0;
	top:0;
	overflow: hidden;
	height:292px;
	width: 952px;
	background: url(../images/zahlavi-3.jpg) no-repeat;
	cursor:pointer;
	}

#head #headlogo a.foto span{
	position:absolute;
	left: 0;
	top:0;
	overflow: hidden;
	height:292px;
	width: 952px;
	background: url(../images/zahlavi-1.jpg) no-repeat;
	cursor:pointer;
	}
#head #headlogo a.video span{
	position:absolute;
	left: 0;
	top:0;
	overflow: hidden;
	height:292px;
	width: 952px;
	background: url(../images/zahlavi-2.jpg) no-repeat;
	cursor:pointer;
	}

#head #headlogo a.nabidka span{
	position:absolute;
	left: 0;
	top:0;
	overflow: hidden;
	height:292px;
	width: 952px;
	background: url(../images/zahlavi-6.jpg) no-repeat;
	cursor:pointer;
	}
#head #headlogo a.tanecni-kurzy span{
	position:absolute;
	left: 0;
	top:0;
	overflow: hidden;
	height:292px;
	width: 952px;
	background: url(../images/zahlavi-4.jpg) no-repeat;
	cursor:pointer;
	}
#head #headlogo a.kontakt span{
	position:absolute;
	left: 0;
	top:0;
	overflow: hidden;
	height:292px;
	width: 952px;
	background: url(../images/zahlavi-7.jpg) no-repeat;
	cursor:pointer;
	}
#head #menu {
	/*background: url(../images/bg-basicmenu.jpg) no-repeat;*/
	height: 64px;
	width: 952px;
}

#head #menu ul {
	list-style-type:none;
	}

#head #menu ul li { float:left;}

/* hover menu */
#head li a {
	height: 64px;
	position: relative;
	display: block;
	overflow:hidden;
	cursor:pointer;
	text-decoration:none;
	text-align: center;
	color:#CCCCCC;
	font-size:1.2em;
	font-weight:bold;
	}
	
#head li a span {
	height: 64px;
	position: absolute; top: 0; left: 0;
	}
#head li a:hover {	text-decoration:underline;}

#head li a:hover span {
	height: 64px;
	position: absolute;
	top: 0;
	left: 0;
	}


/* jednotlive polozky menu */
#head li.home a {width: 110px;}
	
#head li.home a span {
	background: url(../images/menu/menu-home.jpg) top no-repeat;
	width: 110px;	
	}

#head li.home a:hover span, #head li.aktivhome a span  {
	background: url(../images/menu/menu-home.jpg) no-repeat bottom;
	width: 110px;
	}

#head li.ref a {width: 125px;}
	
#head li.ref a span {
	background: url(../images/menu/menu-ref.jpg) top no-repeat;
	width: 125px;	
	}

#head li.ref a:hover span, #head li.aktivref a span {
	background: url(../images/menu/menu-ref.jpg) no-repeat bottom;
	width: 125px;
	}

#head li.tanecnici a {width: 125px;}
	
#head li.tanecnici a span {
	background: url(../images/menu/menu-tanecnici.jpg) top no-repeat;
	width: 125px;	
	}

#head li.tanecnici a:hover span, #head li.aktivtan a span  {
	background: url(../images/menu/menu-tanecnici.jpg) no-repeat bottom;
	width: 125px;
	}

#head li.foto a {width: 75px;}
	
#head li.foto a span {
	background: url(../images/menu/menu-foto.jpg) top no-repeat;
	width: 75px;	
	}

#head li.foto a:hover span, #head li.aktivfoto a span {
	background: url(../images/menu/menu-foto.jpg) no-repeat bottom;
	width: 75px;
	}

#head li.video a {width: 85px;}
	
#head li.video a span {
	background: url(../images/menu/menu-video.jpg) top no-repeat;
	width: 85px;	
	}

#head li.video a:hover span, #head li.aktivvideo a span {
	background: url(../images/menu/menu-video.jpg) no-repeat bottom;
	width: 85px;
	}
	
#head li.video-page a {width: 85px;}
	
#head li.video-page a span {
	background: url(../images/menu/menu-video-page.jpg) top no-repeat;
	width: 85px;	
	}

#head li.video-page a:hover span, #head li.aktivvideo-page a span {
	background: url(../images/menu/menu-video-page.jpg) no-repeat bottom;
	width: 85px;
	}


#head li.nabidka a {width: 210px;}
	
#head li.nabidka a span {
	background: url(../images/menu/menu-nabidka.jpg) top no-repeat;
	width: 210px;	
	}

#head li.nabidka a:hover span, #head li.aktivnab a span {
	background: url(../images/menu/menu-nabidka.jpg) no-repeat bottom;
	width: 210px;
	}
	
#head li.nabidka-page a {width: 210px;}
	
#head li.nabidka-page a span {
	background: url(../images/menu/menu-nabidka-page.jpg) top no-repeat;
	width: 210px;	
	}

#head li.nabidka-page a:hover span, #head li.aktivnab-page a span {
	background: url(../images/menu/menu-nabidka-page.jpg) no-repeat bottom;
	width: 210px;
	}

#head li.kurzy a {width: 90px;}
	
#head li.kurzy a span {
	background: url(../images/menu/menu-kurzy.jpg) top no-repeat;
	width: 90px;	
	}

#head li.kurzy a:hover span, #head li.aktivkurzy a span {
	background: url(../images/menu/menu-kurzy.jpg) no-repeat bottom;
	width: 90px;
	}
	
#head li.kurzy-page a {width: 90px;}
	
#head li.kurzy-page a span {
	background: url(../images/menu/menu-kurzy-page.jpg) top no-repeat;
	width: 90px;	
	}

#head li.kurzy-page a:hover span, #head li.aktivkurzy-page a span {
	background: url(../images/menu/menu-kurzy-page.jpg) no-repeat bottom;
	width: 90px;
	}

#head li.kontakt a {width: 132px;}
	
#head li.kontakt a span {
	background: url(../images/menu/menu-kontakt.jpg) top no-repeat;
	width: 132px;	
	}

#head li.kontakt a:hover span, #head li.aktivkontakt a span {
	background: url(../images/menu/menu-kontakt.jpg) no-repeat bottom;
	width: 132px;
	}

#head li.aktivhome a span, #head li.aktivref a span, #head li.aktivtan a span, #head li.aktivfoto a span, #head li.aktivvideo a span, #head li.aktivnab a span, #head li.aktivkurzy a span, #head li.aktivkont a span { cursor:default;}

#head li.aktivhome a, #head li.aktivref a, #head li.aktivtan a, #head li.aktivfoto a, #head li.aktivvideo-page a, #head li.aktivnab-page a, #head li.aktivkurzy-page a, #head li.aktivkont a { cursor:default;}

/* TEXTY A NADPISY */
#contentbox h1 { 
	margin-bottom: 20px; color:#ffe6a9; font-size: 16px; }
	
#contentbox h2 { margin-bottom: 5px; color:#f3b117; font-size: 16px; }
#contentbox h3 {color:#f3b117;}
#contentbox h4 {}
#contentbox p { color:#ffe6a9; font-size:14px; }
#contentbox p strong {}
#contentbox #content-left { float:left; width: 385px; text-align:justify; }
#content-right span { text-decoration:underline; color:#f3b117; font-weight:bold; float:right; }
#contentbox #content-right { float:right; width: 425px; }
#contentbox ul { padding-left: 15px; color:#ffe6a9; }
#contentbox li {
	list-style:square;
	line-height: 18px;
}


/* footer ******************** */
#footer {
	background: url(../images/bg-footer.jpg) no-repeat;
	height: 214px;
	width: 970px;
	text-align: center;
}

#footer p#footertext {
	color: #FFFFFF;
	padding-top: 190px;
	font-weight: bold;
	font-size:11px;
}

#footer p#footertext a {
	color: #FFFFFF;
	text-decoration:underline;}
	
#footer p#footertext a:hover { text-decoration:none; }


/* *** pomocné **/
.print { display:none;}
.cleaner { clear:both;}
hr {display:none;}

/* KONTAKTNÍ FORMULÁR 
.form input, .form textarea {
	background: url(../images/form_background1.gif) no-repeat right top;
	border-style: none;
}*/

.form {
	margin-right: 51px;
	margin-left: 51px;
}

.form h3 {
	font-size: 18px;
	color: #f3b115;
	padding-bottom: 10px;
	margin-left: 10px;
} 
.form div#formbg {
	background: url(../images/form_background_all2.gif) no-repeat;
	float: left;
	height: 237px;
	width: 850px;
	color: #f3b115;
}

.form #formbg a {
	display: block;
	margin-bottom: 35px;
	margin-left: 10px;
	font-size: 15px;
	margin-top: 25px;
}
.form #formbg h4 {
	font-size: 16px;
	/*margin-bottom: 2px;*/
	margin-left: 10px;
}
.form #formbg p {
	font-size: 14px;
	margin-right: 20px;
	/*margin-bottom: 10px;*/
	margin-left: 10px;
	color:#ffe6a9;
}
.form {}

.form .input1 {
	background: #ffe6a9 /*url(../images/form_background3.gif) no-repeat*/;
	height: 30px;
	width: 199px;
	border-style: none;
	font-size: 16px;
}
.form .area1 {
	background: #ffe6a9 /*url(../images/form_bg_textarea2.gif) no-repeat*/;
	/*height: 133px;
	width: 263px;*/
	border-style: none;	/*overflow:hidden;*/
		
}
.form .input2 {
	font-size: 16px;
	color: #FFFFFF;
	background: #2f0909 /*url(../images/form_bg_submit.gif) no-repeat*/;
	text-align: center;
	vertical-align: middle;
	height: 29px;
	width: 208px;
	border-style: none;
	font-weight: bold;
}
.form {}

#formerror, #contentbox #formerror  {
	font-size: 16px;
	font-weight: bold;
	color: #CC0000;
	background: #FFFFFF;
	border: 3px solid #FF3300;
	padding: 5px;
}
#formready {
	background: #FFFFFF;
	border: 3px solid #339933;
	padding: 5px;
}

#formready h3, #formready p, #formready p a {font-size: 16px;
	font-weight: bold;
	color: #336600;
 }
 
 
#formready p a {
	color: #336633;
	text-decoration: underline;
}
#formready p a:hover {
	text-decoration: none;
}


/* KURZY ZE SALSY SAMBY */
h2.kurzheadlist {
	padding-bottom: 2px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 70px;
	border: 1px none #FFEA93;
}
h2.kurzhead {
	margin-left: 70px;
	
}
table.kurzy { margin-left: 70px; }



/* temp */
.formular_all {
	background: url(../images/bg-formular-all.jpg) no-repeat;
	height: 286px;
	width: 952px;
}
#fotogalerie-flash { width: 800px; height: 400px; margin-left: 20px; margin-bottom: 25px;}
#fotogalerie-flash-index { width: 800px; height: 300px; margin-left: 20px;  }
/* Docasná úprava */
/*#fotogalerie-flash { width: 800px; height: 35px; margin-left: 20px; margin-bottom: 25px;}*/
.tanecnici-obr { width: 100px; height: 120px; margin-right: 20px; margin-bottom: 10px; float: left;}
.obr-vpravo { width: 150px;  margin-right: 20px; margin-left: 20px; margin-bottom: 10px; float: right;}
#fotogalerie-fotky img {
	margin-right: 35px;
	margin-bottom: 5px;
	float:left;
	width: 160px;
	border:1px solid #333;
}
.fleft {margin-right: 43px; float:left; }
.fleft-male {margin-right: 30px; float:left; }
.fright {float:right; }
.nabidka-levy {margin-right: 30px; float:left; width: 600px; }
.nabidka-pravy {float:right; width: 180px; }


/* VÝPIS TANECNÍCH KURZU */
.kurzhead  { color:#f3b115}


/* *** TABULKA **/
.styl1 {
	color: #f3b115;
	font-weight: bold;
}
#contentleft #contentleftbox table a {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
#contentleft #contentleftbox table a:hover {
	color: #8f1f1b;
	text-decoration: underline;
}

#contentright #contentrightbox table a {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
#contentright #contentrightbox table a:hover {
	color: #8f1f1b;
	text-decoration: underline;
}

.kurzhead {
	color:#f3b115;
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom: 1px solid #f3b115;
	font-size: 18px;
}

table.kurzy tr td  { vertical-align: top; }

table.kurzy tr td span {
	color: #f3b115;
	font-weight: bold;
}