@charset "utf-8";
/* CSS Document */

html,body {
	height: 100%;
}

body {
	margin:0; padding:0;
	text-align: center;
	border: none;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	background:#93B716 url(../_clip/max-autumn-bg.jpg) repeat-x center top;
}
img {
	border:0;
}
.clear {
	clear: both;
}
hr {
  border: 0;
  width: 500px;
  color: #ffffff;
	background-color: #ffffff;
	height: 2px;
	margin: 10px 200px 20px 0;
}
fieldset {border: 0px}
.home{
	display:block;
	width: 250px;
	height: 170px;
	position:absolute;
	top:20px;
	left: 60px;
	z-index: 7;
}
.home span{
	display:none;
}
#top{
	width: 960px;
	height: 202px;
	margin:0 auto 0 auto;
	background:url(../_clip/top_edit2.png) no-repeat;
	position:relative;
	
}

/************** LOGO **************/

#logo{
	width: 330px;
	height: 209px;
	position: absolute;
    left: 60px;
    top: -10px;
    z-index: 5;
}

#flash { position: absolute; left: 330px; top: 50px}
#holder{
	width: 960px;
	/* background:url(../_clip/holder-bg.png) repeat-y center top; */
	margin: 0 auto;
}
#tabule{
	margin: 0 auto;
	width: 784px;
	background: #28580d;
	padding:5px 0 0 0;
}
#tabule-2{
	margin: 0 auto;
	width: 784px;
	padding:5px 0 0 0;
	min-height:400px;
}
#content{
	background: #316513;
	width:770px;
	margin:0 auto 0 auto;
	position:relative;
}
#pravidla{
	width: 620px;
	color:#ffffff;
	text-align:left;
	margin:0 auto 0 auto;
}
#pravidla h3{
	font-size:16px;
	color:#ffffff;
	text-align:left;
	font-size:bold;
}
#pravidla h4{
	font-size:12px;
	color:#ffffff;
	text-align:left;
	font-size:bold;
}
#login-area{
	width:770px;
	height:100px;
	margin:0 auto 0 auto;
	text-align:center;
}
#login-info{
	width: 250px;
	padding-top: 20px;
	margin:0 auto 0 auto;
	
}
#login-info a{
	color:#000000;
	text-decoration: none;
}
#login-info a:hover {
text-decoration: underline;
}
#content #page-btn-03 {
	background: url("../_clip/ikona_matika.gif") no-repeat center top;
	background-position: 300px 130px;
}


#content #page-btn-05 {
	background: url("../_clip/ikona_kviz.gif") no-repeat center top ;
	background-position: 620px 30px;
}



#content p{
	padding:0 0 10px 0;
	margin:0px 0 0 0;
	color: #ffffff;
	font-weight: normal;
	font-size:12px;
	line-height: 1.50em;
}

#content p.cestina-p {
	line-height: 1.65em;
}

h1.cs, h1.sk, #content h1 {height:30px; padding:30px 30px 30px 0;margin:0 0 0 20px; font-family: 'Open Sans', sans-serif; font-size: 25px; text-align: left; color: white;}

/* h1#nadpis.cs		{background:url("../_clip/nadpisy/nadpis_rozdily_cz.png") no-repeat left center;}
h1#nadpis.sk		{background:url("../_clip/nadpisy/nadpis_rozdily_sk.png") no-repeat left center;}

h1#nadpis-2.cs		{background:url("../_clip/nadpisy/nadpis_cestina.png") no-repeat left center;}
h1#nadpis-2.sk		{background:url("../_clip/nadpisy/nadpis_slovencina.png") no-repeat left center;}

h1#nadpis-3.cs		{background:url("../_clip/nadpisy/nadpis_matematika.png") no-repeat left center;}
h1#nadpis-3.sk		{background:url("../_clip/nadpisy/nadpis_matematika.png") no-repeat left center;}

h1#nadpis-4.cs		{background:url("../_clip/nadpis_vlast_cz.gif") no-repeat left center;}
h1#nadpis-4.sk		{background:url("../_clip/nadpis_vlast_sk.gif") no-repeat left center;}

h1#nadpis-4evr.cs	{background:url("../_clip/nadpis_evropa_cz.gif") no-repeat left center;}
h1#nadpis-4evr.sk	{background:url("../_clip/nadpis_evropa_sk.gif") no-repeat left center;}

h1#nadpis-6.cs		{background:url("../_clip/nadpisy/nadpis_rozvrh_cz.png") no-repeat left center;}
h1#nadpis-6.sk		{background:url("../_clip/nadpisy/nadpis_rozvrh_sk.png") no-repeat left center;}

h1#nadpis-7.cs		{background:url("/_clip/produkty-cs.png") no-repeat left center;}
h1#nadpis-7.sk		{background:url("/_clip/produkty-sk.png") no-repeat left center;}

h1#nadpis-8.cs		{background:url("/_clip/souteze-cs.png") no-repeat left center;}
h1#nadpis-8.sk		{background:url("/_clip/souteze-sk.png") no-repeat left center;}

h1#nadpis-9.cs		{background:url("/_clip/reklama-cs.png") no-repeat left center;}
h1#nadpis-9.sk		{background:url("/_clip/reklama-sk.png") no-repeat left center;}

h1#nadpis-10		{font:17px Verdana,Helvetica,sans-serif; color:#fdd074;font-weight:bold;padding:0;margin:10px 0 10px 25px;text-align:left;}

h1#nadpis-ang.cs	{background:url("../_clip/nadpisy/nadpis_anglictina.png") no-repeat left center;}
h1#nadpis-ang.sk	{background:url("../_clip/nadpisy/nadpis_anglictina.png") no-repeat left center;}

h1#nadpis-dopr-znac.cs	{background:url("../_clip/nadpisy/nadpis_znacky_cz.png") no-repeat left center;}
h1#nadpis-dopr-znac.sk	{background:url("../_clip/nadpisy/nadpis_znacky_sk.png") no-repeat left center;}

h1#nadpis-vyuk.cs		{background:url("../_clip/nadpisy/nadpis_vyuka.png") no-repeat left center;}
h1#nadpis-vyuk.sk		{background:url("../_clip/nadpisy/nadpis_vyuka.png") no-repeat left center;}

h1 span { 
	display: none; 
} */

h1.main-title {
    height: 30px; /* height of the replacement image */
    padding: 20px 0px;
    margin:0 0 0 20px;
    color: white;
}

div.alignLeft{
    text-align: left;
}

.sou-image-holder{
	text-align: left;
	width:770px;
	padding-bottom: 20px;
}

#content .sou-image-holder p {
	margin: 0 0 0 20px;
}


.sou-image-holder .rozdily-img{
	margin:0 0 0 15px;
        background-color: white;
        padding: 5px;
	float:left;
        line-height: 0;
}
.vlast-image-holder{
	text-align: center;
	width:770px;
	padding-bottom: 20px;
}
.vlast-image-holder img{
	padding-top: 10px;
	margin:0 0 0 13px;
}
.kviz-holder{
	min-height: 400px;
	/* float: left; */
	margin:0;
	padding:0 15px;
	text-align:left;
}
.kviz-holder div.column{
    width: 49%;
    float: left;
}
.kviz-holder div.column ol{
		margin:0;
}
.kviz-holder div.column ol li{
	color:#ffffff;
	font-weight:bold;
	padding: 2px 0 2px 0;
}
.kviz-holder ul{
		list-style-type:none;
}
.kviz-holder ul li{
	padding-top:3px;
	color:#ffffff;
}

.kviz-holder div.column ol li ul {
	padding: 0 0 20px;
}

.kviz-holder div.column ol li ul li {
	font-weight: normal;
}

.kviz-holder div.column ol li ul li label {
	cursor: pointer;
}

.kviz-holder div.column ol li ul li label:hover {
	text-decoration: underline;
}

.kviz-holder div.column ol li ul li input {
	position: relative;
	top: 2px;
}

h1#kviz{
	/* height: 30px;  height of the replacement image */
	padding: 20px 0px;
	margin:0;
    color: white;
}

#cestina{
	width: 520px;
	text-align:left;
	padding:0 0 0 20px;
	padding:margin;
	float: left;
}
.cestina-p{
	text-align:left;
	padding:0 0 10px 0;
	margin:0 0 0 0;
}
.knizka{
	width: 142px;
	height: 157px;
	position:absolute;
	top: 236px;
	right: 38px;
	background:url(../_clip/knizka.gif);
}
.btn-pravidla{
	font: 11px Verdana, Helvetica, sans-serif; 
	color: #ffffff;
	width:132px;
	height:35px;
	border:0;
	margin: 0 0 0 0;
	background-image:url(../_clip/bg_tlac.jpg);
	background-color: transparent;
	font-weight:bold;
	padding-bottom:3px;
	position:absolute;
	top:31px;
	right:156px;
	cursor: pointer;
}
.btn-vysledky{
	font: 11px Verdana, Helvetica, sans-serif; 
	color: #ffffff;
	width:132px;
	height:35px;
	border:0;
	margin: 0 0 0 0;
	background-image:url(../_clip/bg_tlac.jpg);
	background-color: transparent;
	font-weight:bold;
	padding-bottom:3px;
	position:absolute;
	top:31px;
	right:14px;
	cursor: pointer;
}
.btn-vyhodnotit{
	font: 11px Verdana, Helvetica, sans-serif; 
	color: #ffffff;
	width:132px;
	height:35px;
	border:0;
	margin: 0 0 20px 480px;
	background-image:url(../_clip/bg_tlac.jpg);
	background-color: transparent;
	font-weight:bold;
	padding-bottom:3px;
	cursor: pointer;
}
.btn-vyhodnotit2{
	font: 11px Verdana, Helvetica, sans-serif; 
	color: #ffffff;
	width:132px;
	height:35px;
	border:0;
	margin: 0 0 20px 70px;
	background-image:url(../_clip/bg_tlac.jpg);
	background-color: transparent;
	font-weight:bold;
	padding-bottom:3px;
	cursor: pointer;
}
.btn-spocitat{
	font: 11px Verdana, Helvetica, sans-serif; 
	color: #ffffff;
	width:132px;
	height:35px;
	border:0;
	margin: 5px 0 0 20px;
	background-image:url(../_clip/bg_tlac.jpg);
	background-color: transparent;
	font-weight:bold;
	padding-bottom:3px;
	margin-top: 20px;
	cursor: pointer;
}
.btn-spocitat5{
	font: 11px Verdana, Helvetica, sans-serif; 
	color: #ffffff;
	width:132px;
	height:35px;
	border:0;
	margin: 5px 0 0 0;
	background-image:url(../_clip/bg_tlac.jpg);
	background-color: transparent;
	font-weight:bold;
	padding-bottom:3px;
	margin-top: 20px;
	float:right;
	cursor: pointer;
}
.button{
	font: 11px Verdana, Helvetica, sans-serif; 
	color: #ffffff;
	width:94px;
	height:31px;
	border:0;
	margin: 20px 0 0 0;
	background-image:url(../_clip/bg_over_btn.jpg);
	background-color: transparent;
	font-weight:bold;
	padding-bottom:3px;
	cursor: pointer;
}
.btnSoutez{
	font: 11px Verdana, Helvetica, sans-serif; 
	color: #ffffff;
	width:194px;
	height:31px;
	border:0;
	margin: 5px 0 5px 0;
	background-image:url(../_clip/btn_soutez.png);
	background-color: transparent;
	font-weight:bold;
	padding-bottom:3px;
	cursor: pointer;
}
.btnDDM{
	font: 11px Verdana, Helvetica, sans-serif; 
	color: #ffffff;
	width:105px;
	height:31px;
	border:0;
	margin: 0 0 0 10px;
	background-image:url(../_clip/btn_ddm.png);
	background-color: transparent;
	font-weight:bold;
	padding-bottom:3px;
	cursor: pointer;
}
.btn-vyhodnotit3{
	font: 11px Verdana, Helvetica, sans-serif; 
	color: #ffffff;
	width:132px;
	height:35px;
	border:0;
	margin: 20px 0 20px 50px;
	background-image:url(../_clip/bg_tlac.jpg);
	background-color: transparent;
	font-weight:bold;
	padding-bottom:3px;
	float:left;
	cursor: pointer;
}
.btn-napoveda{
	font: 11px Verdana, Helvetica, sans-serif; 
	color: #ffffff;
	width:132px;
	height:35px;
	border:0;
	margin: 20px 0 20px 20px;
	background-image:url(../_clip/bg_tlac.jpg);
	background-color: transparent;
	font-weight:bold;
	padding-bottom:3px;
	float:left;
	cursor: pointer;
}
.popisek{
	color:#ffffff;
	font-size:11px;
	width: 730px;
	margin: 0 20px 0 20px;
	text-align: left;
	padding-bottom:20px;
}
.popisek2{
	color:#ffffff;
	font-size:11px;
	margin: 0 0px 0 30px;
	text-align: left;
	padding-bottom:5px;
}
#spodek{
	height: 172px;
	background:url(../_clip/bg-spodek_edit2.png) no-repeat center top;
}
#spodek2{
	height: 172px;
	/* background:url(../_clip/bg-spodek-2.png) no-repeat center top; */
}


/* vlastiveda */
div#map {
height: 424px;
margin: 20px auto;
}

.slepa-mapa_cs {
width: 647px;
height: 374px;
background:url(../_clip/mapa_cr.png) no-repeat center top;
}

.slepa-mapa_sk {
width: 593px;
height: 311px;
background:url(../_clip/mapa_sk.png) no-repeat center top;
}

.slepa-evropa {
width: 664px;
height: 658px;
background:url(../_clip/slepa-evropa.png) no-repeat center top;
}
/* vlastiveda */

/* diktat */
div.certici {

}

/* rozvrh */

/* table#rozvrh {
	margin-left: 18px;

height: 274px;
border-collapse: collapse;
}


div#drag {
	padding: 2px;
	background: url(../_clip/bg_rozvrh.png) no-repeat center top;
	height: 450px;
}

table#rozvrh th {
padding: 2px;
width: 77px;
height:30px;
text-align: center;
vertical-align: center;
color: white;
font-weight: bold;
}

table#rozvrh td {
	width:77px !important;
	height:39px !important;
padding: 2px;
text-align: center;
vertical-align: center;
}

table#rozvrh td .predmet {
font-size: 24px;
color: white;
height: 28px;
}

table#rozvrh td .cas {
font-size: 9px;
color: white;
}
.drag{
	margin-left: 4px;
	width: 72px;
	height: 35px;
	position:relative;
	text-aling:center;
}
.trash{
	margin-left: 4px;
	width: 72px;
	height: 35px;
	position:relative;
	background:#316513 url(../_clip/kos.png) no-repeat center top;
	text-aling:center;
}
.trash h5{
	display:none;
	padding:0;
	margin:0;
	
}
.drag h5{
	padding:10px 0 0 0;
	margin:0;
	color:#ffffff;
	font-size:11px;
	font-weight:normal;
}
.barva-1{
	background:#fdb575;
}
.barva-2{
	background:#b7d012;
}
.barva-3{
	background:#ed9e0d;
}
.barva-4{
	background:#ff3a00;
}
.barva-5{
	background:#80e1ff;
}
.barva-6{
	background:#ff7db1;
}
.barva-7{
	background:#ffde5b;
}
.barva-8{
	background:#8086ff;
}
.barva-9{
	background:#6fce00;
}
.barva-10{
	background:#cf28e8;
}
.barva-11{
	background:#28b0e8;
}
.barva-12{
	background:#f3f000;
}
.barva-13{
	background:#a614a8;
}
.barva-14{
	background:#fd6060;
}
.barva-15{
	background:#aafd60;
}
.barva-16{
	background:#a05bff;
}
.barva-17{
	background:#59b408;
}
.barva-18{
	background:#b49608;
}
.barva-19{
	background:#ffe776;
}
.barva-20{
	background:#fe9212;
}
#predmety-na-vyber{
	margin:10px 0 0 18px;
	height:160px;
}
.hlavicka-dny{
	color:white;
	font-weight: bold;
} */
/* matematika */

.mat-holder{
	width: 327px;
	float: left;
	display:inline;
	min-height: 300px;
	/* margin: 0 0 0 30px; */
}

.mat {
	margin: 0 30px 0 30px;
	padding: 20px;
	overflow: hidden;
}

.mat-priklad{
	height:30px;
	width:327px;
	text-align:center;
		
}
.mat-priklad label{
	width: 120px;
	text-align:right;
	display:block;
	float:left;
	clear:left;
	color: white;
	font-weight: bold;
	margin-top:3px;
	padding-left:70px;
}
.mat-priklad input{
	height: 15px;
	width: 30px;
	text-align: center;
	float:left;
	display:block;
	font-weight: bold;
	padding: 2px;
	margin-left:10px;
	
}
.mat-double-holder{
	/* width: 720px; */
	/* float: left; */
	/* display:inline; */
	min-height: 200px;
	/* margin: 20px 0 0 30px; */
	color: white;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	
}
.mat-slovni{
	padding-bottom:20px;
}
.mat-slovni label{
	width: 500px;
	text-align:left;
	display:block;
	float:left;
	clear:left;
	color: white;
	font-weight: normal;
	margin-top:3px;
}
.mat-slovni input{
	height:15px;
	width: 150px;
	text-align:center;
	float:right;
	display:block;
	font-weight: bold;
	padding: 2px;
	
}

.mat hr {
	border: 0;
	background: #46752b;
	height: 2px;
	overflow: hidden;
	width: 100%;
}

#response {
height: 94px;
padding: 3px 20px;
text-align: left;
}

#response2 {
height: 0px;
}

#vyjmenovana-slova {
}

#vyjmenovana-slova td {
vertical-align: top;
padding: 5px;
}

#vyjmenovana-slova td strong {
display: block;
padding: 0px 10px;
font-size: 16px;
}


/* overlay 1 */
#nastaveni-rozvrhu{
	color:#ffffff;
}
#nastaveni-predmetu{
	color:#ffffff;
}
.overlay1 {position: absolute; top: 150px; left: 25%; z-index: 999; background: #b2150a; width: 650px;  padding: 0 10px 20px 10px; border: 1px solid #ffffff;}
.overlay1 h2 {margin: 0; padding: 0 0 15px 15px; font-size: 105%;}
.overlay1 table h3 {font-size: 105%; margin: 0; padding: 0; text-align: left; }
.overlay1 h5.holka {background: url(../_clip/postavicky/hlava-holka-js.gif) left top no-repeat; padding: 25px 0 0 0; text-align: left;}
.overlay1 h5.kluk {background: url(../_clip/postavicky/hlava-kluk-js.gif) left top no-repeat; padding: 25px 0 0 0; text-align: left;}


.overlay1 ul.stranky {padding: 0; margin: 0 20px 0 420px; list-style: none; font-size: 80%; width: 184px;}
    .stranky li {width: 57px; height: 15px; padding: 5px 15px 10px 15px; margin: 0;}
    li.stranka {background: #d1e398 url(../_clip/stranka-zelena.gif) left bottom no-repeat;}
    /*li.stranka2 {background: #dde1ad url(../_clip/stranka-seda.gif) left bottom no-repeat;}
    li.stranka2 a {color: #b2b2b2;}
    li.stranka2 a:hover {color: #D40400;}*/

.overlay1 ul.over_mistnost {padding: 0; margin: 0 20px 0 25px; list-style: none; font-size: 70%; width: 280px;}
    .over_mistnost li {padding: 0 0 5px 10px; height: 12px;}
    .over_mistnost li a {color: #D40400;}
    li.inverz {background: #d1e398;}

table.over_hodno {width: 285px; margin: 25px 0 0 15px;}
    .over_hodno td {padding: 0; margin: 0; width: 50%;}


table.over_lepsi {width: 270px; margin: 25px 15px 0 15px;}
    .over_lepsi td {padding: 25px 0 0 0; margin: 0; text-align: left; vertical-align: top;}
    .over_lepsi h5 {color: #D40400; margin: 0; padding: 0;}
    .over_lepsi h5 span, .over_lepsi p a {color: #000000;}

table.vyherci {float: left; font-size: 90%; width: 200px; margin: 0 5px 15px 10px; border: 1px solid #F4FBB3;}
.vyherci .nadpis {font-weight: bold; color: #274f00; font-variant: small-caps; padding: 5px; }
.vyherci th {font-weight: normal; color: #777777; background: #F4FBB3; }
.vyherci td {text-align: center}
    p.hra {padding: 10px; width: 330px;}
    img.hra {margin: 10px;}
.princip, .princip2 {width: 96%; margin: 10px 0 10px 5px; padding: 5px; font-size: 70%; background: #F4FBB3; border-top: 1px solid #FFB734; border-bottom: 1px solid #FFB734;}
.princip2 {width: 90%;}
.overlay1 .halt {width: 330px; padding: 5px; border: 1px dashed #FFB734; font-size: 70%; margin: 40px 5px 15px 5px; background: #DBE797;}


.overlay1 table.cinnosti {color: #274f00;  width: 375px; margin: 0; padding: 0px; font-size: 70%;}
.overlay1 .cinnosti td, .vyherci td {margin: 0; padding: 2px; background: #D1E398; border: none; color: #000000;}
.overlay1 .cinnosti td.pevna {width: 250px;}
.overlay1 p.cinnosti a {font-size: 70%; padding: 5px 5px 0 0; text-align: left; color: #D40400;}


.overlay1 .cervena {background: url(../_clip/semafory/semafor-cervena-js.gif) 35px 22px no-repeat;}
.overlay1 .zelena {background: url(../_clip/semafory/semafor-zelena-js.gif) 35px 22px no-repeat;}
.overlay1 .zluta {background: url(../_clip/semafory/semafor-zluta-js.gif) 35px 22px no-repeat;}

.pritel {background: #E2EAA1 url(../_clip/overlay2-pozadi.jpg) left top no-repeat;  }

.overlay1 .look img {padding: 10px 0 0 50px;}
.overlay1 .look h2 {margin: 10px 0 0 65px;}

.overlay1 .foto {width: 250px;}
.overlay1 .info {width: 400px; padding: 25px 0 0 0;}
.overlay1 .info .float_left {text-align: center; padding: 10px;}
.overlay1 .info .float_right {padding: 10px;}
.overlay1 .info h2 {margin: 25px 0 0 0; padding: 0 0 5px 0;}
.overlay1 .info h3 {margin: 15px 0 10px 0;}

.overlay1 ul.over_prispevek {padding: 0; margin: 0 20px 25px 25px; list-style: none; font-size: 70%; width: 600px;}
    .over_prispevek li {padding: 0 0 5px 10px; height: 12px;}
    .over_prispevek li a {color: #D40400;}
    .over_prispevek p {width: 240px;}
    .over_prispevek p.pevna {width: 100px;}

.overlay1 ul.over_kamosi {padding: 0; margin: 0 20px 25px 25px; list-style: none; font-size: 70%; width: 600px;}
    .over_kamosi li {padding: 2px 7px 2px 7px; margin: 7px; background: #E8EEB3; width: 90px; float: left; background: url(../_clip/overlay2-pozadi2.jpg) left top no-repeat;}

.overlay1 input.okno {margin: 0;}

.overlay1 form h2 {color: #ffffff; margin: 0; padding: 25px 0 0 15px; }
.overlay1 form table {width: 625px; margin: 25px 10px 0 10px;}
.overlay1 form td, .overlay1 form table td h2 {padding: 0; margin: 0; text-align: left; font-size: 95%;}
.overlay1 form td {padding: 5px 0 5px 0;}

.overlay1 form .edit td {padding: 0 10px 0 0;}
.overlay1 form .edit h2 {color: #ffffff; padding: 0; width: 100%;}
.overlay1 form .edit h2 span {font-size: 90%; padding: 0;}
.overlay1 form .edit p { padding: 15px;}

.overlay1 .mail textarea {width: 620px;}
.overlay1 .akce {width: 120px;}

/* produkty */
#produkty{
	margin:0 0 0 3px;
}
#prHolder{
	width:781px;
	height:400px;
	position:absolute;
	top:80px;
	left:17px;
}
.productContent{
	width:153px;
	height:400px;
	float: left;
	display: inline;
	margin:0 3px 0 0;
}
.prTop{
	width:153px;
	height:14px;
}
.prImage{
	width:153px;
	height:148px;
}
.prTextHolder{
	width:153px;
	height:238px;
	background:url(/magic-school/_clip/bg_pr.jpg) repeat-x left top;
	text-align: center;
}
.prTextHolder h2{
	font: 17px Verdana, Helvetica, sans-serif; 
	color: #fdd074;
	font-weight: bold;
	padding:0;
	margin: 10px 0 10px 0;
}
.prTextHolder p{
	font: 11px Verdana, Helvetica, sans-serif; 
	color: #FFFFFF;
	text-align: left;
	width:126px;
	padding:0;
	margin-left: 12px;
}
#posuvnik{
	text-align:center;
	padding-top:10px;
}
#posuvnik a{
	color:#fdd074;
	font-size:11px;
	font-weight:bold;
}


/**************** STRANKOVANI ****************/

.strankovani{
	color:#fdd074;
	font-size:13px;
	padding: 10px 0 0 0;;
	height: 20px;
    font-weight: bold;
    width: 784px;
    margin: 0 auto;
}
.strankovani a{
	color:#fdd074;
	font-size:13px;
	padding: 0 10px 0 10px;
}


/*  ---------------- start Reklama ---------------*/
#reklamaHolder {
	width: 816px;
	height: 600px;
	margin: 0 auto 0 auto;
	position:relative;
}
.reklamaNadpis{
	width:189px;
	height:32px;
	position:absolute;
	top:15px;
	left:312px;
}
.plakatHolder{
	width:175px;
	height:250px;
	position:absolute;
	top:120px;
	left:116px;
}
.plakatHolder img{
	border: 0;
}
.videoHolder{
	width:500px;
	margin: 80px 45px 20px 10px;
	float: right;
}
img.vizual {
margin: 80px 10px 20px 45px;
width: 200px;
float: left;
}
/*  ---------------- konec Reklama ---------------*/

/*  ---------------- zacatek Souteze ---------------*/

.souHolder{
	width:750px;
	height: 116px;
	text-align:left;
	margin: 0 0 20px 20px;
}
.souImg{
	width:169px;
	height:116px;
	float: left;
	display:inline;
	margin-right:30px;
}
.souTextHolder{
	width:530px;
	text-align: left;
	float: left;
	display:inline;
}
.souHolder h2{
	font: 17px Verdana, Helvetica, sans-serif; 
	color: #fdd074;
	font-weight: bold;
	padding:0;
	margin: 10px 0 10px 0;
}
.souHolder p{
	font: 11px Verdana, Helvetica, sans-serif; 
	color: #ffffff;
	text-align: left;
	padding:0;
	margin: 10px 0 0 0;

}
.souHolderInfo{
	width: 730px;
	margin: 0 auto 0 auto;
	color:#ffffff;
	text-align:left;
}
.souHolder h2 a {
color: inherit;
text-decoration: none;
}
.souHolder h2 a:hover {
text-decoration: underline;
}
/*  ---------------- konec Souteze ---------------*/
/*  ---------------- zacatek Ciperka ---------------*/
#ciperkaHolder {
	width: 816px;
	height: 600px;
	margin: 0 auto 0 auto;
	position:relative;
}
.cipNadpis{
	width:500px;
	height:37px;
	position:absolute;
	top:15px;
	left:180px;
}

.cipHolder{
	width:781px;
	height: 116px;
	text-align:left;
	margin: 0 0 20px 0;
}
.coopHolder{
	width:400px;
	float:left;
	display: inline;
	height: 116px;
	text-align:left;
	margin: 0 0 20px 0;
}
.cipBtnHolder{
	width:277px;
	text-align: left;
	float: left;
	display:inline;
	margin:20px 30px 20px 0;
}
.cipBtnHolder img{
	float: left;
	margin:0 0 10px 0;
	
}
.coopBtnHolder{
	width:277px;
	text-align: left;
	float: left;
	display:inline;
	margin:20px 30px 20px 0;
}
.coopBtnHolder img{
	float: left;
	margin:0 0 10px 0;
	
}
.coopHolder h2{
	font: 15px Verdana, Helvetica, sans-serif; 
	color: #1d5700;
	font-weight: bold;
	padding:0;
	margin: 10px 0 2px 0;
}
.coopHolder p{
	font: 11px Verdana, Helvetica, sans-serif; 
	color: #1d5700;
	text-align: left;
	padding:0;
	margin: 10px 0 0 0;
}
.coopHolder li{
	font: 11px Verdana, Helvetica, sans-serif; 
	color: #1d5700;
}

.cipHolder h2{
	font: 15px Verdana, Helvetica, sans-serif; 
	color: #1d5700;
	font-weight: bold;
	padding:0;
	margin: 10px 0 2px 0;
}
.cipHolder p{
	font: 11px Verdana, Helvetica, sans-serif; 
	color: #1d5700;
	text-align: left;
	padding:0;
	margin: 10px 0 0 0;
}
.cipHolder li{
	font: 11px Verdana, Helvetica, sans-serif; 
	color: #1d5700;
}
.btnCip{
	font: 11px Verdana, Helvetica, sans-serif; 
	color: #ffe4ba;
	width:209px;
	height:68px;
	border:0;
	margin: 0 0 10px 0;
	background-image:url(/magic-world/images/btn_fotbalek.jpg);
	background-color: transparent;
	font-weight:bold;
	padding-bottom:3px;
}
.btnCoop{
	font: 11px Verdana, Helvetica, sans-serif; 
	color: #ffe4ba;
	width:115px;
	height:31px;
	border:0;
	margin: 10px 0 0 0;
	background-image:url(/magic-world/images/btn_potvrdit.jpg);
	background-color: transparent;
	font-weight:bold;
	padding-bottom:3px;
	position: absolute;
	left:580px;
	top:350px;
}
#cip-input{
	background: #ffffff;
	border: 1px solid #d4d0c8;
	width: 100px;
	height: 18px;
	margin:14px 0 0 5px;
	padding:2px;
	float:left;
	display:inline;
	color:#1d5700;
}

#cip-input{
	background: #ffffff;
	border: 1px solid #d4d0c8;
	width: 100px;
	height: 18px;
	margin:14px 0 0 5px;
	padding:2px;
	float:left;
	display:inline;
	color:#1d5700;
}

#cip-input-long{
	background: #ffffff;
	border: 1px solid #d4d0c8;
	width: 400px;
	height: 18px;
	margin:10px 0 10px 0px;
	padding:2px;
	float:left;
	display:inline;
	color:#1d5700;
}

#cip-textarea{
	background: #ffffff;
	border: 1px solid #d4d0c8;
	width: 700px;
	height: 250px;
	margin:20px 0px;
	padding:2px;
	display:block;
	color:#1d5700;
}
.btnCiperka{
	font: 11px Verdana, Helvetica, sans-serif; 
	color: #ffe4ba;
	width:115px;
	height:31px;
	border:0;
	margin: 10px 0 0 0;
	background-image:url(/magic-world/images/btn_potvrdit.jpg);
	background-color: transparent;
	font-weight:bold;
	padding-bottom:3px
}
fieldset.anketa{
	font: 11px Verdana, Helvetica, sans-serif; 
	color: white;
	margin: 0px;
	padding: 0px 40px;
	border:0;
}
fieldset.anketa h3{
	font: 13px Verdana, Helvetica, sans-serif; 
	color: white;
	font-weight: bold;
}

/*  ---------------- konec Ciperka ---------------*/


form.strankovani {
text-align: center;
margin: 5px;
}
form.strankovani fieldset {
margin: 0px 120px;
}
form.strankovani fieldset span {
margin: 30px 10px 0px 40px;
float: left;
display: inline;
color: white;
font-weight: bold;
font-size: 150%;
}

/*  ---------------- ostatni ---------------*/

p.justify {text-align: justify; padding: 10px 40px;}
p.odeslany-kod {color: white}
p.odeslany-kod strong {color: orange}

.znacky {padding:0 15px;}
.dopravni-znacky-holder { width: 49%; float: left;}
.dopravni-znacky-holder .znacka {text-align: left; margin: 0px; height: 110px; }
.dopravni-znacky-holder .znacka .obrazek { width: 90px; float: left; height: 90px; text-align: center;  margin: 0; line-height: 90px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #FFFFFF;}
.dopravni-znacky-holder .znacka .obrazek img {vertical-align: middle;}
.dopravni-znacky-holder .znacka ul {float: left; padding: 0; margin: 0;  position: relative; top: 0; width: 250px;}
.dopravni-znacky-holder .znacka ul li {list-style: none; list-style-position: outside; padding: 0 0 4px 0; position: relative;}
.dopravni-znacky-holder .znacka ul li.nic {color: white; }
.dopravni-znacky-holder .znacka ul li.spravne {color: GreenYellow; }
.dopravni-znacky-holder .znacka ul li.spatne {color: RosyBrown; }
.dopravni-znacky-holder .znacka ul li label {cursor: pointer; display: block; padding: 0 0 0 24px;}
.dopravni-znacky-holder .znacka ul li label:hover {text-decoration: underline;}
.dopravni-znacky-holder .znacka ul li input {position: absolute; top: -2px; left: 0;}
.dopravni-znacky-holder .vyhodnoceni { text-align: center; }
.dopravni-znacky-holder .vyhodnoceni input { margin-top: 30px; }



/**************** SUBMENU ****************/

.submenu {
	width: 758px;
	height: 36px;
	background: #28580D;
	padding: 1px 6px 0 6px;
}

.submenu a {
	float:left;
	padding: 7px 22px 0 22px;
	text-decoration: underline;
	font-size: 12px;
	color: white;
	font-weight: normal;
	height: 23px;
	text-align: center;
	margin: 0 14px 0 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.subclr1, .subclr5 {background: #b47704}
.subclr2, .subclr6 {background: #507896}
.subclr3, .subclr7 {background: #829c51}
.subclr4, .subclr8 {background: #ae6767}

.subclr1:hover, .subclr5:hover {background: #c8980b}
.subclr2:hover, .subclr6:hover {background: #7699b2}
.subclr3:hover, .subclr7:hover {background: #a1b677}
.subclr4:hover, .subclr8:hover {background: #c48a8a}