/* styl stranky */
p  {

 text-indent: 10px;
 margin: 1.12em 0;
 display: block;
 color:#000000;
 
 }

body{
	padding:0;
	margin:0;
	background: #DDDDDD;
	color:#FFFFFF;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-image: url("../img/back.jpg");
}

a{

text-decoration:none;
background-color:inherit;
color:#FF0000;
font-weight: bold;
}

a:hover{

background-color:inherit;
color:#FFFFFF;
font-weight: bold;
}
h1
{

	text-decoration: none;
	font-size:1.5em;
	margin: 0;
}
h2 {

	font-size: 28px;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
}

h3 {

	font-size: 24px;
	color: #FFFFFF;
	font-weight: bold;
}

.h3galery{
	margin-left:120px;
	
}

#horni{
	text-align: center;
	margin-top:1px;
	margin-bottom:0px;
}

.topcaption{
  font-size: 4em;
  color: #fff;
  margin:5px;
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 50px #f00;
  color: #fff;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

#menu{
font-size: 1.2em;
font-weight: bold;
float: left;
width: 14%;
/*background-color: rgba(128,128,128,0.6);*/
/*border-radius: 20px;*/
margin-top:0px;
margin-left:35px;
margin-right:5px;
margin-bottom:10px;
padding-left:10px;
}

#sponzor:hover{

	width:1000px;
	height:1500px;
	margin-top:auto;
	margin-left:auto;
	position:absolute;
	z-index: 1000;
}



#page{
width: 74%;
float: left;
padding: 5px;
background-color: rgba(190,190,190,0.0);
/*border: 4px solid #AAAAAA;*/
border-radius: 20px;
margin-top:3px;
margin-bottom:10px;
margin-left:20px;
margin-right:auto;
padding-top:1px;
}

#box{
/*float: left;*/

}

#box5{
background: #DDDDDD;
margin-top:4px;
margin-right:4px;
border: 3px solid #444444;
border-radius: 20px;
}

#box4{
background: #DDDDDD;
background-color: rgba(220,220,220,0.85);
margin-top:1px;
margin-bottom:7px;
margin-left:7px;
margin-right:7px;
/*border: 3px solid rgba(128,128,128,0.6);*/
border-radius: 20px;


}

#box4>div
	{
		border-top-left-radius: 16px;
		border-top-right-radius: 16px;
		padding-top:10px;
		background: #444444;
		color:#FFFFFF;
		font-size: 20px;
		padding-left:5px;
		
	}

#box6
	{

		border-radius: 16px;
		padding:3px;
		background: #444444;
		color:#FFFFFF;
		font-size: 20px;
		
	}

#box6>img
	{
		float:right;
		
	}
	

#box2{
width: 10%;
padding-top: 15%;
padding-bottom: 15%;
padding-left: 8px;
padding-right: 8px;
float: left;

}

#box3{
padding-left: 8px;
padding-right: 8px;
text-align: center;
float: left;
width: 100%;
}


#bookbox{
width: 100%;
text-align: center;
}

#fotobox{
text-align: center;
float: left;
width: 75%;
}
fieldset
{
    text-align: center;
    margin: 10px 10px 10px 10px;
}

fieldset label
{
	display: block;
	width: 10em;
	text-align: right;
	padding-right: 1em;
	margin-top: 5px;
	clear: left;
	float: left;
}

fieldset input
{
	width: 20em;
}

fieldset input, fieldset select, fieldset checkbox
{
	display: block;
	float: left;
	margin-top: 5px;

}

#check1,#check2
{
	width: 1em;
}

fieldset select
{
	width: 20.35em;
}



/* skin tabulky */
.sort-table 				{ font:Icon; border:1px Solid ThreeDShadow; border-collapse:collapse; width:100%;}
.sort-table thead 			{ background:ButtonFace; font-weight: bold; }
.sort-table td 				{ padding:2px 4px; border:1px solid; border-color:Gray; text-align: left;}
.sort-table thead td 		{ border:1px solid; border-color:ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; cursor:default; }
.sort-table thead td:active { border-color:ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow; padding:3px 4px 1px 6px; }
.sort-arrow 				{ width: 11px; height: 11px; background-position:center center; background-repeat:no-repeat; margin:0 2px; }



#container
{
	margin-top: 10px;
	margin-left: auto;
	margin-bottom: 50px;
	margin-right: auto;
	width: 95%;
	padding: 20px;
	background: #E5E5E8;
	color: #303030;
	border: 15px solid #232930;
}

#right
{
	text-align: right;

}

#left
{
	text-align: left;

}




.box
{
	padding: 1px;
	border: 1px solid #696969;
}

.butt
{
	background: url(img/button.gif) no-repeat;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
	width: 98px;
	font-size:0.9em;
	float: left;

}


.err
{
	font-size:0.8em;
	color: red;
}



.smallbox
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 1px;
	border: 1px solid #696969;
	width: 70%;
}


.bigbox
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 1px;
	border: 1px solid #696969;
	width: 90%;
}

.center
{
	margin-left: auto;
	margin-right: auto;
}


.title
{
	color: black;
	font-style: normal;
	background: url(img/back.jpg) #E9F0F6 repeat-x;
	border-bottom: solid 1px #9BAEBF;
	border-top: solid 1px #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
}

#copy
{
	font-size:0.8em;
	float:right;
}



/* MENU_______________________________________________________________________________ */

.menu li { position: relative; }

.menu, .menu ul
{
  padding: 0;    /* presune hlavni menu vlevo pres puntiky */
  list-style-type: none;   /* zrusi puntiky */
  margin-left: 0px;   /* rusi nastaveni z rodicu */
}


.menu li
{
  text-align: left;

  height: 33px;
  line-height: 33px;
  margin-top:0px;
  margin-bottom:5px;
  width:175px;

  background-color: #393939;
  background-image: url('images/design/menu_item.png');  /* pozadi wood30.png*/
  background-position: left top;                    /* horni tretina */
  background-repeat: repeat-x;
  display: block;
  border: 4px solid #393939;

	line-height: 30px;    /* pismo menu */
	color: white;
	font-family: 'Trebuchet MS';
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
  padding-left: 4px;
  border-radius: 10px;
  z-index: 5;            /* prekryti normalniho textu v okne */
}

.image
{
 float:left;
 width:30;
 height:30;

}

.menu a           /* vlastnosti odkazu */
{
  text-decoration: none;
	color: white;
  display: block;
}

.menu li {  /* meni kurzor pro dt polozky bez linku na hand */
  cursor: pointer;
 }

.menu li span {
  position: absolute;
  right: 8px;
  font-style: italic;
}

.menu ul {             /* skryje vsechny submenu */
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
}


.menu li:hover          /* barva hover */
{
  background-color: black;         /* stejna barva jako obrazek */
  background-position: 0 -30px;
  color: #f80
}

.menu li:hover>ul             /* zobrazeni submenu pri hover menu */
{
  visibility: visible;
  top: 0px;            /* do vysky hoveru predchoziho menu */
  left: 100%;          /* do pozice vedle predchoziho menu */
}

/* KONEC MENU_________________________________________________________________________ */