/*moje vlastni menu*/
#menu {height:44px; background:url(../design/bg_menu.png) top left no-repeat; }

#menu ul {padding:0; margin:0;}

#menu li{float: left; list-style-type: none; padding-left: 5px; padding-right: 5px; line-height:40px; font-size:90%; }

#menu a {text-decoration: none; color: #FFFFFF; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif;}

#menu a:hover {background:url(../design/bg_tlacitko.png) top left repeat-x; text-decoration: underline; }
/*moje menu konec*/

/* menu zacatek */

ul#mainMenu, #mainMenu ul
{
color:#000000;
padding:0;
margin:0;
list-style-type:none;
margin-left:8px;
} 


ul#mainMenu a
{
display:block; width: 9em; text-align:center;
}


ul#mainMenu ul, ul#mainMenu ul li
{
margin:0px;
padding:0px;
}


ul#mainMenu ul
{
border-top:4px solid #B17257;
background-color:#990000;
} 

ul#mainMenu ul a
{
 padding:0px;
 margin:0px;
 width:10em;
}

ul#mainMenu ul a:hover /* styly podmenu rollover */
{ color:#fff;

}

ul#mainMenu ul /* styly podmenu */
{
position:absolute;
visibility:hidden;
background-color:#E33D0A;
color: #FFFFFF;

}

ul#mainMenu li:hover ul, ul#mainMenu li.hover ul
{
visibility:visible;
}

ul#mainMenu li li
{
float:none;
border:none;
padding:0;
margin:0;
line-height: 26px;
}

ul#mainMenu li
{
behavior: url(styly/hover.htc); /* Protoe IE nedodruje CSS standarty, aby bylo een funkn, pouijeme tento *.htc soubor */
}

/* menu konec */

body {
margin:0px;
margin-top: 0px;
margin-bottom: 0px;
padding:0px;
/*font-family: Tahoma, Arial, Helvetica, sans-serif;*/
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 85%;
color : #000;
background:url(../design/bg_page.png) top left repeat-x #DADBA4;
}

img {
border: none;
margin: 0;
padding: 0;
}

div {
margin : 0;
padding : 0;
}

.right {
text-align : right;
}

.stred {
text-align : center;
}

.left{ float: left;}

h6.cistic {
clear : both;
height : 0px;
line-height : 0;
font-size : 0;
margin : 0 0 0 0;
padding : 0;
border : none;
visibility : hidden;
}

.neviditelny{ display: none;}

#kontejner-ie {

text-align : center;

}

#kontejner-ff {	
width: 734px;
margin-left : auto;
margin-right : auto;
text-align: left;
}



#claim{height:198px; background:url(../design/top.png) top left no-repeat; font-size:90%; text-align:right; padding-top:80px; font-weight:bold;}

#claim li {list-style-type:none;}

#pata{line-height:25px; text-align:right; color:#fff; font-size: 75%; padding-right:19%; height: 25px; background-color:#999;} 
#pata a{color:#900; text-decoration: none;}
#pata a:hover{color: #FFFF00; text-decoration: underline;}


.odeslano{
	font-size: 100%;
	display: block;
	background-color: #C1D8E7;
	padding: 7px;
	font-style: oblique;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
}

.povinny{
	vertical-align: super;
	font-size: 10px;
	color: #990000;
}

.koment{
	margin-top: 15px;
	margin-bottom: 15px;	
	color: #003366;
	font-weight: bold;
	border-bottom: 2px solid #003366;
	padding-left: 5px;
}

input, textarea, select{
	margin-bottom: 5px;
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
}

.ramecek{
	border: solid 1px black;
	height: 20px;
	background-color: #CCCCCC;
	margin-top: 3px;
}


.nahledy {text-align:center;}

.foto {border:1px solid #666;}

table {padding:0px; margin:0px;}

.pole-dotazniku {vertical-align: middle;}

#dotaznikname div {vertical-align: middle; line-height: 14px;}

input {vertical-align: middle;}

.wrapper{padding-bottom: 180px;}

#texty{font-size: 90%; padding: 00px 0px 10px 80px; background: url(../design/bg_texty.gif) bottom right no-repeat;}

h2{background:url(../design/h2_bg.gif) top left no-repeat;  font-size: 14px; display:block; width:197px; height: 52px; padding-left:59px; padding-top:25px; text-transform: uppercase; color: #990000;} 

.popisek{color:#666666;}

#random-pic{background-color: #ccc; padding:15px;margin:10px; text-align:center; border:1px solid #fff;}

#random-pic img{border:1px solid #666;}

.obr img{border: 1px solid #333333; margin:10px;}