/*Created by Ondřej Svěrák | www.Ondi.net*/

body{

	color: #000000;

	margin: 0;

	padding: 0;

	background: #ffffff;

	font: 13px Tahoma, Arial;

	letter-spacing:0px;

}

img {

	border: 0px;

}

form{

	border: 0px;

	padding: 0px;

	margin: 0px;

}

a {

	color: #003399;

}

a:hover {

	color: #003399;

	text-decoration: none;

}

p.malinky {

	margin-top:5px;

	margin-bottom:10px;

}

/******* Layout **********/

#wrapper{width:990px;margin: 0 auto;}

#header{height: 324px;}

#inside{

	width: 926px;

	margin-left: 47px;

	margin-top: 17px;

	margin-bottom: 20px;

	padding: 0px;

	

}

#footer{

	width: 926px;

	margin-left: 47px;

	margin-bottom: 5px;

	padding: 0px;

	text-align: center;

	border-top: 1px solid #aaaaaa;

	color: #aaaaaa;

	font-size: 12px;

}
#footer a{
	color: #aaaaaa;
}
#footer a:hover{
	color: #aaaaaa;
}

.header_r{

	float: left;

	height: 245px;

}

.header_pruh{

	clear: both; 

	height: 79px;

	margin-left: 47px;

}

.menu {

  	margin-left: 37px;

	margin-top: 5px;

	height: 40px;

}

/* remove all the bullets, borders and padding from the default list styling */

.menu ul {

padding:0;

margin:0;

list-style-type:none;

}

.menu ul ul {

width:230px;

}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu ul li {

float:left;

width:146px;

height: 40px;

margin-left: 10px;

position:relative;

}

.menu ul li a{

float:left;

width:146px;

height: 40px;

position:relative;

}

.menu ul ul li {

width: 180px;

height: 28px;

border: 0;

border-top: 1px solid #ffffff;

margin: 0;

padding: 0;

}

.menu ul ul li a {

width: 180px;

height: 28px;

border: 0;

margin: 0;

padding: 0;

}

.menu ul ul ul li {

width: 180px;

height: auto;

margin: 0;

border-top: 1px solid #ffffff;

padding: 0;

}

.menu ul ul ul li a{

width: 180px;

height: auto;

margin: 0;

padding: 0;

}

/* style the links for the top level */

.menu a, .menu a:visited {

display:block;

}

/* style the second level background */

.menu ul ul a.drop, .menu ul ul a.drop:visited {

}

/* style the second level hover */

.menu ul ul a.drop:hover{

}

.menu ul ul a:hover{

}

.menu ul ul :hover > a {

}

/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {

}

/* style the third level hover */

.menu ul ul ul a:hover {

}



.menu ul ul ul :hover > a {

}



/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {

visibility:hidden;

position:absolute;

height:0;

top:40px;

left:0; 

padding: 0;

margin: 0;

width:180px;

}

/* another hack for IE5.5 */



/* position the third level flyout menu */

.menu ul ul ul{

left:180px; 

top:0;

height: auto;

width:180px;

padding: 0;

margin: 0;

}

/* position the third level flyout menu for a left flyout */

.menu ul ul ul.left {

left:-180px;

}



/* style the table so that it takes no part in the layout - required for IE to work */

.menu table {position:absolute; top:0; left:0;}



/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {

height:28px; 

width:180px

padding: 0;

margin: 0;

/* yet another hack for IE5.5 */

}







/* style the top level hover */





/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul,

.menu ul a:hover ul{

visibility:visible; 

}

/* keep the third level hidden when you hover on first level list OR link */

.menu ul :hover ul ul{

visibility:hidden;

}

/* keep the fourth level hidden when you hover on second level list OR link */

.menu ul :hover ul :hover ul ul{

visibility:hidden;

}

/* make the third level visible when you hover over second level list OR link */

.menu ul :hover ul :hover ul{ 

visibility:visible;

}

/* make the fourth level visible when you hover over third level list OR link */

.menu ul :hover ul :hover ul :hover ul { 

visibility:visible;

}

.prvni{

background-color: #FAF048;

}

.prvni a{

background-color: #FAF048;

}

.prvni a:hover{

background-color : #F8EC16;

}

.prvni :hover > a{

background-color : #F8EC16;

}

.prvni ul :hover > a{

background-color : #F8EC16;

}

.prvni ul ul :hover > a{

background-color : #F8EC16;

}

.menu :hover.prvni > a{

background-color : #F8EC16;

}

.druha{

background-color: #CBDE55;

}

.druha a{

background-color: #CBDE55;

}

.druha a:hover{

background-color : #BED635;

}

.treti{

background-color: #DC5B68;

}

.treti a{

background-color: #DC5B68;

}

.treti a:hover{

background-color : #D84655;

}

.treti :hover > a{

background-color : #D84655;

}

.treti ul :hover > a{

background-color : #D84655;

}

.treti ul ul :hover > a{

background-color : #D84655;

}

.menu :hover.treti > a{

background-color : #D84655;

}

.menu ul li.treti ul ul li a{

	background-color : #D84655;

	height:auto;

}

.ctvrta{

background-color: #BF9CDB;

}

.ctvrta a{

background-color: #BF9CDB;

}

.ctvrta a:hover{

background-color : #AE80D1;

}

.menu :hover.ctvrta > a{

background-color : #AE80D1;

}

.ctvrta :hover > a{

background-color : #AE80D1;

}

.ctvrta ul :hover > a{

background-color : #AE80D1;

}

.ctvrta ul ul :hover > a{

background-color : #AE80D1;

}

.menu :hover.ctvrta > a{

background-color : #AE80D1;

}

.pata{

background-color: #71C1F4;

}

.pata a{

background-color: #71C1F4;

}

.pata a:hover{

background-color: #59B7F2;

}

.sesta{

background-color: #E661A5;

}

.sesta a{

background-color: #E661A5;

}

.sesta a:hover{

background-color: #E34B98;

}

/*vnitrek*/

.pruh-modry{

	background-color: #00B9F2; margin: 7px 0px 7px 0px; 

}

.pruh-zel{

	background-color: #CEDF6B; margin: 7px 0px 7px 0px;

}

.pruh-fial{

	background-color: #AD91C4; margin: 0px 0px 7px 0px;

}



.pruh-hned{

	background-color: #E1C2B2; margin: 7px 0px 7px 0px;

}

.noscreen{

	display: none;

}

/*rezervace*/

fieldset{

	border:0;padding:0;margin:0;

}

.pdf-rezervace{

	display:block;

	width:150px;

	height:30px;

	position:absolute;

	right:219px;

	top:65px;

		}



.pdf-rezervace span {

	display: block;

	visibility: hidden;

	}



#spolecnostF {

width:150px;

height:15px;

margin-top:5px;

}

#sidloF {

width:259px;

height:15px;

margin-top:5px;

}

#fakturacniF {

	width:198px;

	height:15px;

	margin-top:5px;

}

#icF {

	width:79px;

	height:15px;

	margin-top:5px;

}

#dicF {

	width:85px;

	height:15px;

	margin-top:5px;

}

#kontaktniF {

	width:282px;

	height:15px;

	margin-top:5px;

}

#osobF {

	width:85px;

	height:15px;

	margin-top:5px;

	

}

#dalsi {

	width:471px;

	height:15px;

	margin-top:5px;

	

}

#telF {

	width:120px;

	height:15px;

	margin-top:5px;

}

#faxF {

	width:119px;

	height:15px;

	margin-top:5px;

}

#mailF {

	width:209px;

	height:15px;

	margin-top:5px;

}

#reditelF {

	width:198px;

	height:15px;

	margin-top:5px;

}

#rmailF {

	width:209px;

	height:15px;

	margin-top:5px;

}

#jmenoF {

	width:206px;

	height:15px;

	margin-top:5px;

}

#poziceF {

	width:206px;

	height:15px;

	margin-top:5px;

}

#kmailF {

	width:166px;

	height:15px;

	margin-top:5px;

}
#faxU {

	width:166px;

	height:15px;

	margin-top:5px;

}

#linkaF {

	width:206px;

	height:15px;

	margin-top:5px;

}

#mobilF {

	width:166px;

	height:15px;

	margin-top:5px;

}

.linkablue{

	background-color: #59B7F2;

	padding: 5px 25px 5px 25px;

	color: #ffffff;

	font: bold 15px Tahoma, Arial;

	letter-spacing: 1px;

	margin-bottom:10px;

}

.bgformular{

	background: #D4ECFC url(img/poz_rezervace.gif) repeat-y top left;;

}

.formular{

	padding: 15px 0px 15px 25px;

	width: 621px;

	color: #000000;

	font: bold 13px Tahoma, Arial;

	float: left;



}

.prava_strana{

	float: right;

	width: 250px;

	padding: 15px 15px 0px 15px;

	font-size : 12px;

}

.sumbit2{

	margin-top: 5px;

	float: right;

}

.clear{

	clear:both;

}

ul.dopinf{

	list-style-image : url(img/black.gif);

	margin:10px 0px 0px 20px;

	padding: 0px;

	line-height : 15px;

	font-weight : normal;

}

ul.dopinf li{

	padding:0px 0px 3px 0px;

}	

ul.prog{

	list-style-image : url(img/black.gif);

	margin:10px 0px 10px 20px;

	padding-left: 10px;

	line-height : 15px;

	font-weight : normal;

}

ul.prog li{

	padding:0px 0px 3px 0px;

}

ul.pred{

	list-style-image : url(img/black.gif);

	margin:10px 0px 0px 20px;

	padding-left: 10px;

	line-height : 15px;

	font-weight : normal;

}

ul.pred li{

	padding:0px 0px 3px 0px;

}

ul.za{

	list-style-image : url(img/black.gif);

	margin:0px 0px 10px 20px;

	padding-left: 10px;

	line-height : 15px;

	font-weight : normal;

}

ul.za li{

	padding:0px 0px 3px 0px;

}		

.dodatek{

	font-weight : normal;

	padding-top:20px;

	font-size : 12px;

	vertical-align: middle;

}

.ciste{

	font-weight : normal;

}

.tlacform{

	padding: 20px 80px 0px 0px;

	text-align: right;

}

.polevlevo1{

	float: left;

	padding-right: 5px;

	text-align: center;

	width: 90px;

}

.polevlevo2{

	float: left;

	padding-left: 5px;

	width: 476px;

}

.formPoleZeleny{

	width: 586px;

	background-color: #CEDF6B;

	padding: 5px 5px 5px 5px;

	margin-bottom: 5px;

}

.formPoleModry{

	width: 586px;

	background-color: #00BAF2;

	padding: 5px 5px 5px 5px;

	margin-bottom: 5px;

}

.formPoleHnedy{

	width: 586px;

	background-color: #E1C1B1;

	padding: 5px 5px 5px 5px;

	margin-bottom: 5px;

}

.formPoleOranzovy{

	width: 586px;

	background-color: #F47321;

	padding: 5px 5px 5px 5px;

	margin-bottom: 5px;

}

.formPoleFialovy{

	width: 586px;

	background-color: #C190C1;

	padding: 5px 5px 5px 5px;

	margin-bottom: 5px;

}

.formPoleCerveny{

	width: 586px;

	background-color: #fe927e;

	padding: 5px 5px 5px 5px;

	margin-bottom: 5px;

}

.poleFialovyNadpis{

	width: 586px;

	background-color: #AD91C4;

	padding: 2px 5px 2px 5px;

	margin-top: 20px;

	color : White;

	font-size : 15px;

	text-align: center;

}
.poleFialovyNadpis_bez{

	width: 586px;

	background-color: #AD91C4;

	padding: 2px 5px 2px 5px;

	margin-top: 20px;
	
	margin-bottom: 5px;

	color : White;

	font-size : 15px;

	text-align: center;

}
.poleCervenyNadpis_bez{

	width: 586px;

	background-color: #ed1c24;

	padding: 2px 5px 2px 5px;

	margin-top: 20px;
	
	margin-bottom: 5px;

	color : White;

	font-size : 15px;

	text-align: center;

}
.poleCervenyNadpis{

	width: 586px;

	background-color: #fe927e;

	padding: 2px 5px 2px 5px;

	margin-top: 20px;

	color : White;

	font-size : 15px;

	text-align: center;

}

.popisekPod{

	width: 596px;

	padding: 5px 0px 15px 0px;

	text-align: justify;

}

.workshopy{

	padding: 5px 0px 0px 0px;

}

.hlaska{

	font-size: 13px;

	color: Red;

	font-weight: bold;

	text-align:center;

	padding: 5px 0px 15px 0px;

}

.vlevo{

	float: left;

}

.vpravo{

	float: right;

}

.pad4{

	margin-bottom: 3px;

}

img.velpartner{

	border: 5px solid #ffffff; 

}

table.program {

	border: 0;

	vertical-align: top;

	text-align: left;

}

table.program td {

	vertical-align: top;

	text-align: left;

	padding: 10px 5px 10px 5px;

}

.licha{

	background-color: #D8E67F;

}

.suda{

	background-color: #DEEA94;

}
.darkRed{

	background-color: #ed1c24;
	color: #ffffff;
}
.lichaDarkRed{
	background-color: #fe927e;
}
.sudaDarkRed{
	background-color: #ffb8ab;
}
.darkGreen{

	background-color: #a2ad00;
	color: #ffffff;
}

.lichaPrez{

	background-color: #FAF048;

}

.sudaPrez{

	background-color: #F8EC16;

}

.skupinaU{

	width: 320px;

	height: auto;

	margin: 20px 0px 20px 0px;

}

.skupinaUvnitr{

	width: 30px;

	height: 20px;

	text-align:center;

	padding: 5px 0px 5px 0px;

	float:left;

	background-color : #59B7F2;

}

.skupinaUvnitr2{

	width: auto;

	height: 20px;

	width: 280px;

	padding: 5px 0px 5px 10px;

	float: left;

	text-align:left;

	background-color : #B6E0F9;

	line-height : 20px;

}

.tm_zelena{

	background-color: #C7DA56;

	margin-top: 10px;

	margin-bottom:3px;

	padding: 10px;

}

.tm_hneda{

	background-color: #DAB29F;

	margin-top: 10px;

	margin-bottom:3px;

	padding: 10px;

}

.tmvel_zelena{

	background-color: #D1E26A;

	margin-top: 10px;

	margin-bottom:3px;

	margin-right: 7px;

	padding: 10px;

}

.tmvel_zelena2{

	background-color: #D7E67F;

	margin-top: 10px;

	margin-bottom:3px;

	margin-right: 7px;

	padding: 10px;

}

.tmvel_zluta{

	background-color: #F8EC16;

	margin-top: 10px;

	margin-bottom:3px;

	margin-right: 7px;

	padding: 10px;

}.tmvel_zluta2{

	background-color: #EDE107;

	margin-top: 10px;

	margin-bottom:3px;

	margin-right: 7px;

	padding: 10px;

}

.tm_modra{

	background-color: #00A6D8;

	margin-top: 10px;

	margin-bottom:3px;

	padding: 10px;

}

.tm_oranzova{

	background-color: #F0640C;

	margin-top: 10px;

	margin-bottom:3px;

	padding: 10px;

}

img.recnik{

	margin-right: 10px;

	margin-bottom: 10px;

}

.vlevo256{

	float: left;

	width: 256px;

	padding: 0px;

	margin: 15px 0px 15px 0px;

	text-align: center;

	background-color: #ffffff;

	height: 146px;

}

.fotecka{

	padding: 10px 10px 10px 10px;

	background-color: #FDF693;

	width: 220px;

	height: 146px;

	

}