@charset "iso-8859-2";

/* tag styles */
body, #left, #middle, #text, #bottom {font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;}
body {font-size:12px; background:#FFFFFF; margin-top:30px;}
a { color:white; text-decoration:none; border-bottom:1px solid #E16868;}
a:hover {border-bottom:none;}
a:visited {color: #FBD7D2;}
img {border: none;}
p {margin: 7px 0px 2px 25px;}
h1 {padding: 0px 13px; margin:0px; font-size:18px; text-transform:uppercase; font-weight:normal; text-align:right; width:500px; float:left;}
#h1 {padding:0; margin:0 auto; width:auto; text-align:center; float:none;}
h2 {color:#ffffff; font-weight:bold; font-size:12px; margin:7px 4px; border-bottom:#CC0000 2px solid; }
h3 {font-size:12px; font-weight:bold; margin: 7px 8px; font-weight:normal; border-bottom:#BF2F2F 1px solid; }
h4 {font-size:12px; margin:7px 14px; font-weight:bold;}
h5 {font-size:11px; margin:2px 16px; font-weight:normal;}
ul, ol {margin:0px; padding: 1px 0px;}
ul {list-style:square outside url(../images/odrazka.gif);}
li {margin:0px 0px 1px 45px;}
li A {}
ul li ul li {margin: 0px 15px;}
form { font-size:8pt; font-weight:bold; text-align:left; background-color: #AB2C2C; padding: 3px 10px; border: #666666 1px solid; width:92%; margin: 10px; }
	form div {float:left; margin-right:10px;}
	form h3 {font-size:8pt; margin:3px 3px 0px 0px; padding:0px; background-color:transparent; border:0px; background-image:none;}
input, textarea, select {margin-left:10px; font-size:8pt; padding: 0px 2px;}

.nostyle {background:none; margin:0; padding:0; border:none; font-weight:normal; width:auto;}
.aUnderline {text-decoration:underline;}
.aUnderline:hover {text-decoration:none;}
.button {font-weight:bold; height:22px; padding:1px 5px 3px !important; color:white; border:1px solid; border-color:#CCC #333 #333 #CCC; background: #C00 url(../images/menu_back2.gif) repeat-x bottom; cursor:pointer;}
.button:hover {color:#C9181D;}
.chyba, .chybap {font-weight:bold; font-size:8pt; margin: 10px auto 15px auto; text-align:left; float:none; clear:both; padding:10px 10px 10px 40px; border:1px solid; display: table;}
.chyba {color:#d22323; background: #ffe2e2 url(../images/hand-negative.png) no-repeat 10px 6px; border-color:#d23c3c;}
.chybap {color:#18661c; background: #e7f7e7 url(../images/hand-positive.png) no-repeat 10px 6px; border-color:#11a011;}

/* for more styles */
#logo, #middle-top {margin-bottom:10px; height:124px;}
.menu, #middle-left, #middle-center, #middle-right, .middle-vertical-line {height:603px;}
.red-line {width: auto; height:29px; font-size:8pt; margin-bottom:2px; float:none; clear:both;}
.red-line A, .red-line A:visited {color:#ffffff; border:none;}
.bottom-top {width:auto; height:35px; background:url(../images/bottom-top-back.gif) repeat-x; float:none; clear:both;}
.menu, #left-top-corner {line-height:31px;}
#middle-left, #middle-center, #middle-right, .middle-vertical-line, #left {margin-right:7px; float:left;}
#bottom, #red, .red-line {background-color:#c41230;}

/* user page styles */
#all {width:1024px; margin:auto;}
	
	/* base */
	#left {width:183px;}
		#logo A {border:none;}
		#left-top-corner {background:#c41230 url(../images/left-top-corner.gif) no-repeat left top; font-size:11px; text-indent:10px;}
		.menu {background:url(../images/left-bottom-back.gif) bottom left repeat-x; font-weight:bold; font-size:14px;}
			.menu div {width:auto; height:34px; background:url(../images/left-menu-button-back.gif) repeat-x; color:#d1d3d4; text-indent:10px;}
			.menu A, .menu A:visited {color:#d1d3d4; text-decoration:none; border:none;}
			.menu A:hover {color:#EC0000; margin-left:2px; line-height:33px;}
			.left-menu-mezi {width:auto; height:6px !important; background:url(../images/left-menu-between-button-back.gif) repeat-x !important; font-size:2px;}

	#middle {width:824px; float:left; background:url(../images/middle-bottom-back.gif) repeat-x 0px 680px;}
		/* divs in index */
			#middle-top {width:auto; background:url(../images/top-back.gif) repeat-x; position:relative; float:none; clear:both; z-index:0;}
				#danceSchool{font-weight:bold; font-size:90px; top:40px; right:0px; text-align:right; position:relative; z-index:1;}
			#middle-left, #middle-center, #middle-right {width:262px; background:repeat-x bottom;}
			#middle-left {background-color:#58595b; background-image:url(../images/middle-left-bottom-back.gif);}
			#middle-center {background-color:#808285; background-image:url(../images/middle-center-bottom-back.gif);}
			#middle-right {background-color:#a7a9ac; background-image:url(../images/middle-right-bottom-back.gif); margin-right:0px;}
			#middle-text {width:350px;}
			/* line behind middle divs */
			.middle-vertical-line {width:5px; background:url(../images/middle-vertical-line.gif) repeat-y;}
			/*red line on middle top */
			#red {width:auto; height:50px; margin-top:-10px; padding:5px 20px; font-size:14px;}
			/* buttons in middle divs */
			.middle-top-button {width:auto; height:49px; background:url(../images/middle-menu-button-back.gif) repeat-x; font-size:18px; color:#d1d3d4; text-transform:uppercase; font-weight:500; text-align:center; line-height:40px;}
			.middle-top-button A {border:none;}
			.middle-top-button A:visited {color:#d1d3d4}
		/* text div */
			/* middle button */
			.big .middle-top-button {text-align:right;}
			.middle-top-button A {color:#d1d3d4;}
			.middle-top-button A:hover {text-decoration:none; color:#FFFFFF;}
			/* middle column */
			.big {width:543px !important; background-color:#4d4948 !important;}
			.column-text {width:auto; height:544px;}
				/* middle menu */
				.menu2 {width:230px; height:464px !important; text-transform:uppercase; float:left; background:none; clear:none; margin:0; padding-bottom:90px;}
				.menu2inside {width:auto; height:465px !important; overflow:auto;}
				/* middle right */
				.text {width:313px !important; height:464px !important; float:left !important; clear:right; margin:0px !important; padding-bottom:90px;}
				.objednavka {background:#000000; text-indent:10px; padding:3px 0px;}
				.objednavka A {color:#FFFFFF; border:none;}
				.objednavka A:hover {color:#CCCCCC; font-weight:bold; text-decoration:none;}
				.inside {padding:0px 5px; overflow:auto; width:auto; height:444px;}
				.inside img {float:left; clear:left; width:auto; height:auto;}
				.inside-w-menu {width:200px;}
				.inside-w-menu-text {width:303px;}
				.inside-w-text {width:532px; height:465px;}
			.corner-left {float:left; margin-top:31px;}
			.corner-right {float:right; margin-top:31px;}
	#right {width:5px; height:550px; float:left; clear:right; background:url(../images/right-vertical-link.gif) repeat-y; margin:218px 0px 0px 5px;}
		#news {width: auto; margin: 0px; padding:0px 5px; overflow:auto; height:455px;}
			#news .priloha {text-align:right; text-align:right;}
			#news .priloha a {margin-right:10px;}
			#news .news-datum {font-size:8pt; font-weight:bold; text-align:left;}
			#news .news-nadpis {font-size:12pt; font-weight:bold; text-align:left;}
			#news .news-text {text-align:left;}
			#news .news-text a, #news .news-text a:link {text-decoration:underline;}
			#news .news-text a:hover {text-decoration:none;}
			#news div {float:none; clear:both; text-align:center; border-bottom:1px #000000 solid; padding-bottom:10px;}
			#news div div {border:none; padding:0px; margin:0px;}
			#news div img {height:auto; float:none; clear:both;}
	#bottom {width:1014px; height:22px; font-size:7pt; float:none; clear:both;}
		#bottom A {color:#FFFFFF; text-decoration:underline; border:none;}
		#bottom A:hover {text-decoration:none;}

/* galery, galery_all */
.foto-div {width:33%; height:auto; float:left; text-align:center; margin:5px auto; padding:0px;}
.foto-nadpis A, .foto-nadpis A:visited {height:30px; text-align:left; width:140px; margin:auto; font-size:8pt; color:white; text-decoration:underline; border:none;}
.foto-img {cursor:pointer; margin:auto; background:center no-repeat;}
/* galery_solo */
img.solo {width:auto; float:none;}
.solo {text-align:center; font-size:12px; font-weight:bold; color:white;}
.solo a {color:white; border:none;}
.solo img {padding:5px 10px;}
.back-to-top-galery {float:right; font-size:12px; font-weight:bold; margin: 5px 5px -20px 0px;}
.back-to-top-galery A, .back-to-top-galery A:visited {color:white; text-decoration:none; border:none;}
.back-to-top-galery img {width:15px; margin: 2px 5px 0px 0px;}

/* pages navigation */
.pages {margin:10px; float:none; clear:both; background:none; color:white;}
.pages a, .pages a:visited {color:white; font-weight: bold; border:none;}
.pages a:hover{color:#EC0000; background-color:transparent; font-weight:bold;}
.pages .prepazka {padding:3px;}
.pages .active { background-color: #B91324; color:#EEEEEE; }

/* user other styles */
.nadpis {margin: 5px 0px 5px 7px; font-size:14px; text-transform:uppercase; font-weight:bold;}
.clear {width:100% !important; height:0 !important; float:none !important; clear:both !important; margin:0 !important; padding:0 !important; font-size:0px !important; border:none;}
.center {text-align:center;}
.right {float:right;}
.cena {text-align:right; font-size:8pt; font-weight:bold;}

/* rozvrh */
.rozvrh {border-collapse:collapse; border:none; margin:0px 5px; float:left;}
.rozvrh th { font-size:8pt; text-align:center; width:30px; padding:0px 1px; height:24px;}
.rozvrh td {font-size:8pt; white-space:nowrap; color:white; text-align:center; padding:0px 2px;}
.rozvrh .den {background-color:#666666;}
.rozvrh .sal {background-color:#999999;}
.rozvrh .sal, .rozvrh .den {text-align:left; padding:0px 4px;}
.rozvrh A {color:white; border:none;}
.rozvrh A:visited {color:white;}
.rozvrh A:hover {color:#969696;}
.rozvrh-menu {text-align:center; width:auto; background-color:#242021; height:16px; padding:2px; margin-top:4px; border-top:1px solid #cc0000; border-bottom:1px solid #cc0000;}
.rozvrh-menu div {float:left; padding:0 8px;}
.rozvrh-menu A {color:white;}
.rozvrh-menu A:visited {color:white;}
.horlines td{border-top:1px #999999 solid;}
.verlines {border-left:1px #CC0000 dashed; }
.up {vertical-align:top;}
.down {vertical-align:bottom;}
.legenda {padding:5px 10px; font-size:8pt; float:left; width:auto;}
.legenda-color:hover {text-decoration:underline;}
.legenda-color {width:50px; padding:1px; text-align:center; margin:1px 15px; float:left; cursor:pointer;}
.legenda-description {padding:2px; white-space:nowrap; text-align:left;}
#nextRozvrh {width:90%; height:20px; line-height:18px; background-color:#FFF; color:#C00; font-weight:bold; text-align:center; margin:5px auto;}
#nextRozvrh a {color:#C00;}

.rozdeleni {width:96%; height:20px; border-top:#B1BACF 1px solid; margin: 5px 0px 0px 30px;}
.arrow {padding:0px 5px; vertical-align:middle;}
.img-left-bottom-corner, .img-left-top-corner {float:left !important; width:8px !important; height:9px !important; clear:none !important;}
.img-right-bottom-corner, .img-right-top-corner {float:right !important; width:8px !important; height:9px !important; clear:none !important;}
.top-corners {position:relative; bottom:-9px; margin-top:-9px; float:none; clear:both;}
.bottom-corners {position:relative; top:-9px; float:none; clear:both;}

/* objednavka */
#registrations .button {float:right;}
.objKurzy {width:100%; border-collapse:collapse; border:1px solid white; margin-top:15px; text-align:center; vertical-align:middle; font-size:12px;}
.objKurzy caption {font-size:1.0em; letter-spacing:0.1em; background-color:#666; font-weight:bold;}
.objKurzy th, .objKurzy .obdobi {padding:2px 5px; background:#CCC; color:#333;}
.objKurzy .obdobi {background-color:#DF8282; text-align:center;}
.objKurzy .cat {text-align:center; background-color:#A02929;}
.objKurzy .obdobiM {background-color: #999; text-align:center;}
.objKurzy td {border-right:1px solid #999; text-align:left; padding:0 2px; height:21px;}
.objKurzy td.obdobiM {border-top:#C9181D 2px solid;}
.objKurzy A {text-decoration:underline;}
.objKurzy A:hover {text-decoration:none;}
.objKurzy .zapl {width:70px;}
#objednane td {text-align:center;}
.kurzName {text-align:center;}
.kurzName form {width:100px; margin:2px -105px 2px 5px; padding:0; float:left;}
.kurzName .button {margin:0px; width:80px;}
.kurzName a {padding:5px 0; display:block; text-align:center;}
.objKurzyForm .button {float:right; margin:-15px 30px 0 0;}
.objKurzyForm table {margin:0px;}
.objKurzyForm input, .objKurzyForm select {vertical-align:middle; margin:2px;}
#dalsiOsoby h2 {margin:0;}
#dalsiOsoby h3 {margin:3px 0 3px 5px; border-bottom:1px solid #fff;}

/* overlay */
#overlay1 {width:100%; height:100%; position:absolute; top:0; left:0; background-color:#000; z-index:90;}
#overlay2 {width:100%; position:absolute; left:0; z-index:100;}
#overlayIn {margin:auto auto 20px; position:relative; padding:10px; border:5px #999 solid; background-color:#000; cursor:pointer;}
.close {position:absolute; top:10px; right:10px;}

/* login */
#login {margin:2px 10px;}
#login h2 {margin:-2px 0 0 0; border:none;}
#login h3 {margin:0; border:none; font-size:0.8em;}
#loginTop {position:absolute; top:-25px; right:10px; color:#333; z-index:500;}
#loginTop form {background:none; margin:0; padding:0; width:auto; height:auto; border:none; float:right;}
#loginTop input {border:1px solid #CCC; margin:5px; padding:0; height:16px; float:left; color:#666}
#loginTop .button {border:1px solid #CCC; vertical-align:middle; cursor:pointer; display:block; font-size:11px; font-weight:bold; line-height:14px; height:18px; padding:0; width:auto; background:#EAEAEA none; color:#666;}
.loginForm {margin:2px 0 0 5px;}
.loginForm input {margin:0 10px 0 0; padding:0;}
.loginForm .button {margin:0;}
#loginPage .loginForm {width:180px; margin:40px auto 10px auto; text-align:right;}
#loginPage .loginForm input {margin:5px;}
#loginPage A, #loginPage h3 {border:none; text-decoration:none;}

/* right menu */
#menuRight {font-weight:bold; font-size:14px; padding:20px 0; margin:-10px 0 0 0;}
#menuRight div {width:180px; height:25px; background:url(../images/menu_back2.gif) bottom repeat-x; color:#d1d3d4; text-indent:10px; margin:auto; border-top:1px solid #fff; border-bottom:1px solid #BB171A;}
#menuRight A, #menuRight A:visited {color:#d1d3d4; text-decoration:none; border:none; line-height:24px;}
#menuRight A:hover {color:#C9181D; margin-left:2px; line-height:26px;}
#menuRight .right-menu-mezi {width:180px; height:5px !important; font-size:2px; background:transparent; border:none;}
#menuRight .submenu {width:150px; text-align:center; height:20px; font-size:12px; margin:1px auto 0; border-top:none;}
#menuRight .submenu A {line-height:20px; margin-right:5px;}

/* videa */
#videa {width:100%; text-align:center;}
#videa .header {margin:15px auto 0 auto; font-size:14px; font-weight:bold;}

/* prohlidka */
#menu3 {background:url(../images/middle-right-bottom-back.gif) top left repeat; width:180px; text-align:center; height:590px;}
#menu3 img {padding:0; width:100%; text-align:center; margin:0 auto; padding:0;}
#menu3 a:hover {margin:0}
#ovladani {width:400px; margin:10px; float:left;}
#ovladani span {margin:0 10px;}
#ovladaniFlash {float:right; margin:10px;}
/* 
.menu {background:url(../images/left-bottom-back.gif) bottom left repeat-x; font-weight:bold; font-size:14px;}
	.menu div {width:auto; height:34px; background:url(../images/left-menu-button-back.gif) repeat-x; color:#d1d3d4; text-indent:10px;}
	.menu A, .menu A:visited {color:#d1d3d4; text-decoration:none; border:none;}
	.menu A:hover {color:#EC0000; margin-left:2px; line-height:33px;}
	.left-menu-mezi {width:auto; height:6px !important; background:url(../images/left-menu-between-button-back.gif) repeat-x !important; font-size:2px;}
*/