/********************************************************
* global
********************************************************/
* { margin: 0; padding: 0; outline: none; }

img { border: 0; }

body {
    background-color: #ffffff;
	 text-align: center;
    font: normal 12px "Times New Roman", Times, serif;
}

body.poradatele {
    background-color: #41c1d9;
	 text-align: center;
    font: normal 13px "Times New Roman", Times, serif;
	 color: #dbf2f6;
}

span.none {
	 display:none;
}

.left {
	text-align: left;
}

#leoBrouwer {
 	 width: 510px; 
	 height: 360px; 
	 position:absolute; 
	 background-image: url(../img/leo-brouwer.jpg);
	 top:50%; 
	 left:50%; 
	 margin: -180px auto auto -255px; 
	 text-align:center;
 }

#layoutcontent {
 	 width: 844px; 
	 height: 552px; 
	 position:absolute; 
	 top:50%; 
	 left:50%; 
	 margin: -341px auto auto -422px; 
	 text-align:center;
 }

#programicon {
	 width: 124px; 
	 height: 325px; 
	 position:absolute; 
	 top: 108px;
	 left: 0px;
	 text-align:center;
}

#infoicon {
	 width: 124px; 
	 height: 325px; 
	 position:absolute; 
	 top: 108px;
	 left: 0px;
	 text-align:center;
}

#prihlaskaicon {
	 width: 124px; 
	 height: 325px; 
	 position:absolute; 
	 top: 108px;
	 left: 0px;
	 text-align:center;
}
 
#struna {
 	 width: 638px; 
	 height: 457px; 
	 position:absolute; 
	 left: 124px;
	 background-image: url(../img/struna.png);
	 text-align:center;
 }
 
 #M {
 	 width: 327px; 
	 height: 355px; 
	 position:absolute; 
	 top:50%; 
	 right: 0px; 
	 margin: -163px 0; 
	 text-align: right;
	 background-image: url(../img/M.png);
	 background-repeat: no-repeat;
 }
 
a {
	font-weight: bold;
	color: #41c1d9;
	text-decoration: none;
}

a:hover {
	color: #27ADC5;
}

#sponzori {
 	 width: 510px; 
	 height: 360px; 
	 position:absolute; 
	 top:50%; 
	 left:50%; 
	 margin: -180px auto auto -365px; 
	 text-align:center;
}

a.pure {
	color: white;
	font-weight: normal;	
}

a.pure:hover {
	color: white;
	font-weight: normal;	
}
 
/********************************************************
* navigace
********************************************************/
#navigace {
 	 width: 640px; 
	 height: 110px; 
	 position:absolute; 
	 top: 20px;
	 margin-left: -320px;
	 left:50%;
	 background-image: url(../img/navigace.png);
	 text-align:center;
}

a.program {
	width: 98px;
	height: 27px;
	position: absolute;
	left: 0px;¨
	background-image: url(../img/navigace-program-w.png);
}

a.info{
	width: 56px;
	height: 27px;
	position: absolute;
	left: 112px;
	background-image: url(../img/navigace-info-w.png);
}

a.prihlaska {
	width: 108px;
	height: 27px;
	position: absolute;
	left: 183px;
	background-image: url(../img/navigace-prihlaska-w.png);
}

a.partneri {
	width: 98px;
	height: 27px;
	position: absolute;
	left: 307px;
	background-image: url(../img/navigace-partneri-w.png);
}

a.archiv {
	width: 78px;
	height: 27px;
	position: absolute;
	left: 421px;
	background-image: url(../img/navigace-archiv-w.png);
}

a.poradatele {
	width: 125px;
	height: 27px;
	position: absolute;
	left: 515px;
	background-image: url(../img/navigace-poradatele-w.png);
}

a.program:hover{
	background-image: url(../img/navigace-program.png);
}

a.info:hover{
	background-image: url(../img/navigace-info.png);
}

a.prihlaska:hover {
	background-image: url(../img/navigace-prihlaska.png);
}

a.partneri:hover {
	background-image: url(../img/navigace-partneri.png);
}

a.archiv:hover {
	background-image: url(../img/navigace-archiv.png);
}

a.poradatele:hover {
	background-image: url(../img/navigace-poradatele.png);
}

/********************************************************
* hlavicka-poradatele
********************************************************/
#header {
	width: 100%;
	height: 75px;
   position:absolute; 
	top: 0; 
	left:50%; 
	margin: 0px auto auto -50%; 
	z-index: 99;
	background-image: url(../img/headerline.png);
}

#navigace-poradatele {
 	 width: 640px; 
	 height: 75px; 
	 position:absolute; 
	 top: 0px;
	 margin-left: -320px;
	 left:50%;
	 background-image: url(../img/navigace-white.png);
	 text-align:center;
}

a.program_ {
	width: 98px;
	height: 27px;
	position: absolute;
	left: 0px;
	top: 19px;
}

a.info_ {
	width: 56px;
	height: 27px;
	position: absolute;
	left: 112px;
	top: 19px;
}

a.prihlaska_ {
	width: 108px;
	height: 27px;
	position: absolute;
	left: 183px;
	top: 19px;
}

a.partneri_ {
	width: 98px;
	height: 27px;
	position: absolute;
	left: 307px;
	top: 19px;
}

a.archiv_ {
	width: 78px;
	height: 27px;
	position: absolute;
	left: 421px;
	top: 19px;
}

a.poradatele_ {
	width: 125px;
	height: 27px;
	position: absolute;
	left: 515px;
	top: 19px;
}

/********************************************************
* paticka
********************************************************/
#footer {
	width: 100%;
	height: 130px;
   position:absolute; 
	bottom: 0; 
	left:50%; 
	margin: 0px auto auto -50%; 
	background-image: url(../img/bluefooter.png);
	z-index: 99;
}

#foot-logo {
	width: 130px;
	height: 130px;
   position:absolute; 
	bottom: 0; 
	right:0; 
	background-image: url(../img/logo.png);
}

#autori {
 	 width: 640px; 
	 height: 30px; 
	 position:absolute; 
	 top: 85px;
	 margin-left: -320px;
	 left:50%;
	 text-align:center;
}

h4 {
	 margin: 0 auto;
	 font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	 color: #dbf2f6;
	 text-align: center;
}

a.photton {
	position: absolute;
	left: 455px;
	width: 96px;
	height: 30px;
}

a.team {
	position: absolute;
	left: 263px;
	width: 140px;
	height: 30px;
}

/********************************************************
* paticka poradatelele
********************************************************/

a.e-mail {
	color: #ffffff;
	text-decoration: none;
}

#footer-poradatele {
 	 width: 523px; 
	 height: 67px; 
	 position:absolute; 
	 bottom: 0; 
	 left:50%; 
	 margin: 0px auto auto -261px; 
	 background-image: url(../img/footautor.png);
	 text-align:center;
}

#autori-poradatele {
 	 width: 523px; 
	 height: 30px; 
	 position:absolute;  
	 top: 22px; 
	 text-align:center;
}

a.photton-poradatele {
	position: absolute;
	left: 396px;
	width: 96px;
	height: 30px;
}

a.team-poradatele {
	position: absolute;
	left: 204px;
	width: 140px;
	height: 30px;
}
/********************************************************
* styly textu
********************************************************/
 #textbox {
 	 overflow: auto;
 	 width: 478px; 
	 _width: 508px;
	 height: 272px; 
	 position:absolute; 
	 top: 140px;
	 left: 45px;
	 text-align:center;
	 padding-right: 30px;
	 _padding-right: -20px;
 }
 
  #textbox-info {
 	 overflow: auto;
 	 width: 478px; 
	 _width: 508px;
	 height: 272px; 
	 position:absolute; 
	 top: 140px;
	 left: 45px;
	 text-align:center;
	 padding-right: 30px;
	 _padding-right: -20px;
	 text-align: left;
}

  #textbox-tickets {
 	 overflow: auto;
 	 width: 478px; 
	 _width: 508px;
	 height: 272px; 
	 position:absolute; 
	 top: 140px;
	 left: 45px;
	 text-align:center;
	 padding-right: 30px;
	 _padding-right: -20px;
	 text-align: left;
}

  #textbox-poradatele {
  width: 500px; 
  height: 380px; 
  position: absolute; 
  top:50%; 
  left:50%; 
  margin: -200px auto auto -250px; 
  padding-top: 0px;
  text-align:center;
}


/********************************************************
* artists gallery
********************************************************/
 #artists-gallery {
 	 width: 571px; 
	 height: 335px; 
	 position:absolute; 
	 top: 109px;
	 left: 12px;
	 text-align: left;
}

#container-gallery {
 	 width: 551px; 
	 height: 285px; 
	 position: absolute; 
	 top:10px; 
	 left:10px; 
	 text-align:left;
	 background-color: #f4f4f4;
}

#container-foto {
 	 width: 165px; 
	 height: 272px; 
	 position: absolute; 
	 top:5px; 
	 left:5px; 
	 text-align:left;
	 background-color: #ffffff;
}

#container-text {
 	 width: 351px; 
	 height: 275px; 
	 position: absolute; 
	 top:5px; 
	 left: 190px; 
	 text-align:left;
}

#container-navigace {
 	 width: 551px; 
	 height: 20px; 
	 position: absolute; 
	 top:305px; 
	 left: 10px; 
	 text-align:left;
}

a.gallery-nav-back {
 	 width: 177px; 
	 height: 18px; 
	 _height: 20px; 
	 position: absolute; 
	 top:0px; 
	 left: 0px; 
	 text-align: center;
	 background-color: #f4f4f4;
	 padding-top: 2px;
	 color: #41c1d9;
	 text-decoration: none;
}

a.gallery-nav-next {
 	 width: 177px; 
	 height: 18px; 
	 _height: 20px; 
	 position: absolute; 
	 top:0px; 
	 left: 374px; 
	 text-align: center;
	 background-color: #f4f4f4;
	 padding-top: 2px;
	 color: #41c1d9;
	 text-decoration: none;
}

#gallery-nav-pocitadlo {
 	 width: 177px; 
	 height: 18px; 
	 _height: 20px; 
	 position: absolute; 
	 top:0px; 
	 left: 187px; 
	 text-align: center;
	 background-color: #f4f4f4;
	 padding-top: 2px;
	 color: #41c1d9;
	 text-decoration: none;
}

a.gallery-nav-back {
 	 width: 177px; 
	 height: 18px; 
	 _height: 20px; 
	 position: absolute; 
	 top:0px; 
	 left: 0px; 
	 text-align: center;
	 background-color: #f4f4f4;
	 padding-top: 2px;
	 color: #41c1d9;
	 text-decoration: none;
}

a.gallery-nav-next:hover {
	 background-color: #eeeeee;
}

a.gallery-nav-back:hover {
	 background-color: #eeeeee;
}
/********************************************************
* formular
********************************************************/
#inside1 {
 	 width: 571px; 
	 height: 335px; 
	 position:absolute; 
	 top: 109px;
	 left: 11px;
	 text-align: left;
	 background-image: url(../img/prihlaska-form-1.png);
}

#inside2 {
 	 width: 571px; 
	 height: 335px; 
	 position:absolute; 
	 top: 109px;
	 left: 11px;
	 text-align: left;
	 background-image: url(../img/prihlaska-form-2.png);
}

#inside3 {
 	 width: 571px; 
	 height: 335px; 
	 position:absolute; 
	 top: 109px;
	 left: 11px;
	 text-align: left;
	 background-image: url(../img/prihlaska-form-3.png);
}

#listovani {
	width: 480px;
	height: 35px;
	position:absolute; 
   top: 109px;
	left: 11px;
	z-index:10;
	text-align: left;
}

#over {
	width: 480px;
	height: 35px;
	top:0px;
	left:0px;
}

a.strana1 {
	top: 0px;
	left: 0px;
	width: 120px;
	height: 25px;
	display: block;
	padding-top: 10px;
	text-align: center;
	color: #41c1d9;
	text-decoration: none;
}

a.strana2 {
	margin-left: 120px;
	margin-top: -35px;
	width: 120px;
	height: 25px;
	margin-top: -35px;
	display: block;
	padding-top: 10px;
	text-align: center;
	color: #41c1d9;
	text-decoration: none;
}

a.strana3 {
	margin-left: 240px;
	margin-top: -35px;
	width: 120px;
	height: 25px;
	display: block;
	padding-top: 10px;
	text-align: center;
	color: #41c1d9;
	text-decoration: none;
}

#strana1 {
	margin:0px;
	width: 120px;
	height: 25px;
	_height: 35px;
	background-color: #fafafa;
	display: block;
	padding-top: 10px;
	text-align: center;
}

#strana2 {
	margin-left: 120px;
	width: 120px;
	height: 25px;
	_height: 35px;
	background-color: #fafafa;
	display: block;
	padding-top: 10px;
	text-align: center;
}

#strana3 {
	margin-left: 240px;
	width: 120px;
	height: 25px;
	_height: 35px;
	background-color: #fafafa;
	display: block;
	padding-top: 10px;
	text-align: center;
}

.submit {
	margin:0px;
	background: transparent;
	height:35px;
	border:solid 0 #fff;
	width:120px;
	position: absolute;
	left: 361px;
	top: 0px;
	color: #41c1d9;
	font: normal 12px "Times New Roman", Times, serif;
	cursor: hand;
	cursor: pointer;
 }
 
.submit:hover {
	background: transparent;
	background-color: #d1ebef;
 }

a.strana1:hover {
	background-color: #d1ebef;
}

a.strana2:hover {
	background-color: #d1ebef;
}

a.strana3:hover {
	background-color: #d1ebef;
}

/********************************************************/
#formbox {
	width:500px;
	top: 20px;
	position: absolute;
}

fieldset {
	border:solid 0 #fff; /* Opera doesn't get border:none or border:0 on fieldsets */
	width:500px;
	position: absolute;
	background-color: lime;
}

.br {
	display:none;
}  

/********************************************************/
label {
	display: none;
}


/********************************************************/  
.textfield-jmeno {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color:#333 ;
	height:20px;
	border:solid 0 #fff;
	padding: 3px 8px;
	width:300px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:287px;
	position: absolute;
	top: 45px;
	left: 190px;
	background: transparent;
}

.textfield-adresa {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color:#333 ;
	height:20px;
	border:solid 0 #fff;
	padding: 3px 8px;
	width:300px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:287px;
	position: absolute;
	top: 77px;
	left: 190px;
	background: transparent;
}

.textfield-telefon {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color:#333 ;
	height:20px;
	border:solid 0 #fff;
	padding: 3px 8px;
	width:300px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:287px;
	position: absolute;
	top: 109px;
	left: 190px;
	background: transparent;
}

.textfield-email {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color:#333 ;
	height:20px;
	border:solid 0 #fff;
	padding: 3px 8px;
	width:300px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:287px;
	position: absolute;
	top: 141px;
	left: 190px;
	background: transparent;
}

.textfield-narozen {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color:#333 ;
	height:20px;
	border:solid 0 #fff;
	padding: 3px 8px;
	width:300px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:287px;
	position: absolute;
	top: 173px;
	left: 190px;
	background: transparent;
}

.textfield-skola {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color:#333 ;
	height:20px;
	border:solid 0 #fff;
	padding: 3px 8px;
	width:300px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:287px;
	position: absolute;
	top: 237px;
	left: 190px;
	background: transparent;
}

.textfield-ucitel {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color:#333 ;
	height:20px;
	border:solid 0 #fff;
	padding: 3px 8px;
	width:300px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:287px;
	position: absolute;
	top: 269px;
	left: 190px;
	background: transparent;
}
/********************************************************/
.textfield-banka {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color:#333 ;
	height:20px;
	border:solid 0 #fff;
	padding: 3px 8px;
	width:300px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:287px;
	position: absolute;
	top: 100px;
	left: 170px;
	background: transparent;
}

.textfield-ucet {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color:#333 ;
	height:20px;
	border:solid 0 #fff;
	padding: 3px 8px;
	width:300px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:287px;
	position: absolute;
	top: 131px;
	left: 170px;
	background: transparent;
}

.textfield-kodbanky {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color:#333 ;
	height:20px;
	border:solid 0 #fff;
	padding: 3px 8px;
	width:75px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:62px;
	position: absolute;
	top: 162px;
	left: 170px;
	background: transparent;
}

.textfield-castka {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color:#333 ;
	height:20px;
	border:solid 0 #fff;
	padding: 3px 8px;
	width:75px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:62px;
	position: absolute;
	top: 193px;
	left: 170px;
	background: transparent;
}

.textfield-varsymbol {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color:#333 ;
	height:20px;
	border:solid 0 #fff;
	padding: 3px 8px;
	width:300px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:287px;
	position: absolute;
	top: 224px;
	left: 170px;
	background: transparent;
}

.textfield-zprava {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color:#333 ;
	height:20px;
	border:solid 0 #fff;
	padding: 3px 8px;
	width:300px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:287px;
	position: absolute;
	top: 255px;
	left: 170px;
	background: transparent;
}
/********************************************************/
fieldset>input.textfield-jmeno {
	background: transparent;
}

fieldset>input.textfield-adresa {
	background: transparent;
}

fieldset>input.textfield-telefon {
	background: transparent;
}

fieldset>input.textfield-email {
	background: transparent;
}

fieldset>input.textfield-narozen {
	background: transparent;
}

fieldset>input.textfield-skola {
	background: transparent;
}

fieldset>input.textfield-ucitel {
	background: transparent;
}

/********************************************************/
fieldset>input.textfield-banka {
	background: transparent;
}
fieldset>input.textfield-ucet {
	background: transparent;
}
fieldset>input.textfield-kodbanky {
	background: transparent;
}
fieldset>input.textfield-varsymbol {
	background: transparent;
}
fieldset>input.textfield-castka {
	background: transparent;
}
fieldset>input.textfield-zprava {
	background: transparent;
}
/********************************************************/
textarea {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color:#333 ;
	border:solid 0 #fff;
	padding: 0 8px;
	width: 280px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 270px;
	position: absolute;
	left: 210px;
	background: transparent;
}

textarea.repertoar {
	top: 50px;
	height: 4.9em;
}

textarea.lektori {
	top: 142px;
	height: 3.7em;
}

/********************************************************/
input {
	position: absolute;
	left: 40px;
}

input.prehravka {
	top: 212px;
	?top: 208px;
	_top: 208px;
}

input.orchestr {
	top: 232px;
	?top: 228px;
	_top: 228px;
}

input.ubytovani {
	top: 252px;
	?top: 248px;
	_top: 248px;
}

input.strava {
	top: 272px;
	?top: 268px;
	_top: 268px;
}

/********************************************************/
input.prevodem {
	top: 70px;
	?top: 65px;
	_top: 65px;
}

input.slozenkou {
	top: 50px;
	?top: 45px;
	_top: 45px;
}

/********************************************************/
fieldset>textarea {
	background: transparent;
}

/********************************************************/
input.pohlavi-muz {
	left: 198px;
	top: 208px;
	?top: 204px;
	_top: 204px;
}

input.pohlavi-zena {
	left: 260px;
	top: 208px;
	?top: 204px;
	_top: 204px;
}

input.student-ano {
	left: 388px;
	top: 208px;
	?top: 204px;
	_top: 204px;
}

input.student-ne {
	left: 448px;
	top: 208px;
	?top: 204px;
	_top: 204px;
}
/********************************************************
* konec formular
********************************************************/
.odstavec {
	text-indent: 30px;
}

.date {
	color: #41c1d9;
}

.bila {
	color: #dbf2f6;
}

h2 {
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}

h1.poradatele {
	color: #dbf2f6;
}

h1 {
	color: #41c1d9;
	font-size: 14px;
	font-weight: bold;
	text-align: center;	
}