html, body, div, p, li, ul, ol, form, fieldset, h1, h2, h3, h4, h5, h6   { margin: 0; padding: 0; list-style: none; }

body {
       font: normal 62.8%/1.3 Tahoma, "Lucida Grande CE", lucida, sans-serif;
       background: #E4DFDB url('../img/bg-body.jpg') repeat-x;
}
a	  { text-decoration: underline !important; color: #0D5D7A; }
a:hover	  { color: #000;}

#stranka {
	margin: 0 auto;
	width: 919px;
}
#hlavicka {
	background: #fff url('../img/bg-logo-1.jpg') no-repeat;
	height: 116px;
	width: 100%;
	margin-top: 0px;
}
#menu {
	position: relative;
	float: right;
	background: # url('../img/bg-hlavni-menu.gif') repeat-x;
	margin-top: 50px;
	padding: 0 5px;
	height: 40px;
	font-size: 1.6em;
	font-weight: normal;
}
#menu-leve {
	position: relative;
	float: left;
	margin-top: 136px;
	margin-left: 7px;
	_margin-left: 3px;
	padding-left: 38px;
	font-size: 1.4em;
	font-weight: normal;
}
#foto {
	background: #fff url('../img/bg-foto.jpg') no-repeat;
	padding: 0 5px;
	height: 294px;
	font-size: 1.4em;
	font-weight: normal;
}

#textbox {
	background: # url('../img/bg-content.gif') repeat-y;
	padding: 3px 0;
	min-height: 660px;
	width: 100%;
	margin-bottom: 0;
	font-size: 1.3em;
}
#paticka {
        color: #666;
        font-size: 1.2em;
        height: 10px;
}

#pnlFoot {position: relative; clear: both; color: #888; font-family: verdana, san-serif; font-size: 11px; overflow: hidden; text-align: center;}
#pnlFoot div {padding: 0 10px 0 20px;}
#pnlFoot ul, #pnlMenu ul {margin: 0; padding: 0; list-style-type: none;}
#pnlFoot ul li {display: inline;}
#pnlFoot ul li span {margin: 0 4px 0 8px;}
#pnlFoot ul li a {color: #888; text-decoration: none;}
#pnlFoot ul li a:hover {color: #000; text-decoration: underline;}


.menu-s { background: url('../img/bg-l-menu.jpg') 100% 100% no-repeat; }
.menu-d { background: url('../img/bg-l-menu-z.jpg') 100% 100% no-repeat; }
.menu-f { background: url('../img/bg-l-menu-f.jpg') 100% 100% no-repeat; }
.menu-onas { background: url('../img/bg-l-menu-onas.jpg') 100% 100% no-repeat; }


.skryty      { display: none; }
.pr	     { float: right !important; }
.pl	     { float: left !important; }
.center	     { text-align: center !important; }
.justify     { text-align: justify; padding: 10px 10px 0 16px; }
.unlog       { font-size: 0.8em; width: auto !important; overflow: visible; padding: 2px 10px 2px 10px; background-color: #312b2a; color: #b59d97; }
.alert       { font-size: 1.1em; color: red; font-weight: bold; }
.ok          { color: green; font-weight: bold; }
.akce        { color: red; font-weight: bold; padding-left: 10px;}
.wht         { font-size: 0.8em; color: white; }


h1          { font-size: 1.2em; }
h3          { font-size: 1.1em; }
h4          { font-size: 0.9em; }

#logo  {
	position: relative;
	float: right;
	width: 560px;
	height: 0 auto;
	margin: 15px 25px 0 0;
	padding-top: 10px;
	border: 1px solid #6f90ba;
	color: #6f90ba;
}

#hlavniMenu ul            { position: relative; height: 35px; width: 527px; }
#hlavniMenu li            { position: relative; float: left; padding-right: 1px; }
#hlavniMenu li a          { text-decoration: none !important; display: block; float: left; color: #ccc; height: 39px; padding: 18px 16px 0 15px; }
#hlavniMenu li.active a   { text-decoration: none !important; color: #ccc !important; background: url('../img/menu-on.jpg') 0px -11px repeat-x; }
#hlavniMenu li a:hover    { text-decoration: none !important; color: #67C48C; }

#leveMenu ul            { position: relative; height: 210px; width: 230px; border: 0px solid #6f90ba;}
#leveMenu li            { position: relative; float: left; padding-right: 20px; }
#leveMenu li a          { text-decoration: none !important; display: block; float: left; color: #ccc; height: 40px; padding: 0 25px; background: url('../img/ico/ico-tlac.gif') -16px 4px no-repeat; }
#leveMenu li a:hover    { text-decoration: none !important; color: #67C48C; background-position: 2px 4px; }

/* -- Icons list -- */
.ico          { background: url('../img/ico/ico-tlac.gif') 2px 4px no-repeat; }


#textBlock  {
	position: relative;
	float: left;
	width: 830px;
	min-height: 390px;
	margin-bottom: -20px;
	margin-left: 23px;
	background: url('../images/bg-content_left.gif') 100% 100% no-repeat;
	border: 0px solid #6f90ba;
}

#textBlock1  {
	position: relative;
	float: left;
	width: 282px;
	height: 402px;
	margin-top: -26px;
	margin-left: 5px;
	border: 0px solid #6f90ba;
}

#textBlock2  {
	position: relative;
	float: right;
	width: 622px;
	min-height: 210px;
	margin-bottom: 0px;
	margin-right: 0px;
	border: 0px solid #6f90ba;
}
#textBlock2 .pic1 { float: left; width: 625px; height: 210px; background: url('../img/bg-foto-sch.jpg') 100% 100% no-repeat; }
#textBlock2 .pic2 { float: left; width: 625px; height: 210px; background: url('../img/bg-foto-zabr.jpg') 100% 100% no-repeat; }
#textBlock2 .pic3 { float: left; width: 625px; height: 210px; background: url('../img/bg-foto-popt.jpg') 100% 100% no-repeat; }
#textBlock2 .pic4 { float: left; width: 625px; height: 210px; background: url('../img/bg-foto-onas.jpg') 100% 100% no-repeat; }

#textBlock3  {
	position: relative;
	float: right;
	width: 618px;
	height: 166px;
	margin-top: 0px;
	margin-right: 8px;
	border: 0px solid #6f90ba;
}

#textBlock3 .pic1 { float: left; width: 620px; height: 164px; background: url('../img/bg-foto-gal-zad.jpg') 100% 100% no-repeat; }
#textBlock3 .pic2a { float: left; width: 620px; height: 164px; background: url('../img/bg-foto-gal-sed.jpg') 100% 100% no-repeat; }
#textBlock3 .pic2 { position: absolute; margin: -143px 0 0 380px; }
#textBlock3 .pic3 { float: left; width: 620px; height: 164px; background: url('../img/bg-foto-gal-trm.jpg') 100% 100% no-repeat; }
#textBlock3 .pic4 { float: left; width: 620px; height: 164px; background: url('../img/bg-foto-gal-vre.jpg') 100% 100% no-repeat; }
#textBlock3 .pic5 { float: left; width: 620px; height: 164px; background: url('../img/bg-foto-gal-oce.jpg') 100% 100% no-repeat; }
#textBlock3 .info { margin-left: 10px; color: green; }
#textBlock3 .text { margin-top: 15px; margin-left: 30px; }
#textBlock3 h3    { margin-left: 15px; }

#textBlock3 a       { text-decoration: none !important; color: #fff; }
#textBlock3 a:hover { text-decoration: none !important; color: #67C48C; }


#textBlock4  {
	position: relative;
	float: left;
	width: 870px;
	min-height: 260px;
	margin-top: 5px;
	margin-left: 20px;
	padding: 5px 15px 5px 10px;
	border: 0px solid #aaa;
}
#textBlock4 li  { margin: 8px 0 0 20px; padding-left: 20px; background: url('../img/ico/ico-list_item.gif') 0 5px no-repeat; }
#textBlock4 .link-gal   { width: 847px !important; margin: 0 0 20px 0; padding: 1px 0 2px 0; font-size: 1.0em; font-weight: bold; background: #3f3230; }
#textBlock4 .link-gal a { color: #ccc; }
#textBlock4 .info { float: right; margin: -5px 50px 0 0; color: #888; }

#textBlock5  {
	position: relative;
	float: left;
	width: 905px;
	min-height: 649px;
        margin: 40px 0 -20px 5px;
	border: 0px solid #6f90ba;
}
#textBlock6  {
	position: relative;
	float: right;
	width: 620px;
	min-height: 374px;
	margin-top: 0px;
	margin-right: 8px;
	background: #2E2923 url('../img/bg-foto-gal-zad.jp') 100% 100% no-repeat;
	border: 0px solid #6f90ba;
}

#textBlock7  {
	position: relative;
	float: left;
	width: 867px;
	min-height: 260px;
	margin-top: 5px;
	margin-left: 10px;
	padding: 5px 15px 5px 15px;
	border: 0px solid #6f90ba;
}
#textBlock7 .okraj   { margin: 10px; border: 0px; }

.upload               { position: relative; float: left; width: 390px; }
.form                 { background: #; font-size: 0.85em; color: #111; }
.form textarea, input { margin: 5px 5px 5px 5px; }
.form .pos            { margin-left: 23px; }
.form textarea        { width: 351px; scrollbar-face-color: #2E2923; scrollbar-highlight-color: #62513E; scrollbar-3dlight-color: #62513E; scrollbar-arrow-color: #32A65E; scrollbar-track-color: #62513E; overflow: auto; }
.form .input          { font-size: 1.1em; background: #ccc; border: 1px solid #32A65E; }
.form input.file      { font-size: 1.1em; background: #ccc; border: 0px solid #32A65E; }
.form label           { float: left; padding: 0 0 5px 10px; }
.form .tlac           { width: 200px; margin: 15px; background: #32A65E; }
.form h3,h4           { text-align: center; }

#form        { float: right; font-size: 1.0em; color: #000; }
#form .table  { float: left; width: 870px; margin: 30px 0 30px 0; }
#form input  { font-size: 1.1em; color: #000; background: #eee; border: 1px solid #32A65E; margin: 10px 20px 5px 10px; }
#form label  { float: left; padding: 0 0 5px 25px; }
#form .tlac  { float: left; margin-left: 60px; width: 150px; background: #32A65E; }
#form th     { text-align: left;}
#form .auto_tab     { width: 870px;}

#login             { float: left; margin: 20px 0 20px 60px; width: 460px; }
#login fieldset    { padding: 10px 30px 30px 30px; background: #000; color: #eee; border: 0 !important; }
#login input       { font-size: 1.1em; color: #fff; background: #000; border: 1px solid #32A65E; margin: 5px 10px 5px 10px; }
#login legend      { font-size: 1.1em; color: #fff; }
#login label       { float: right; padding: 0 0 5px 15px; }
#login .tlacitko   { float: left; width: 100px; background: #32A65E; }

.material     { position: relative; float: left; margin: 0 15px 2px 0; width: 145px; height: 150px; overflow: auto; border: 0px solid #6f90ba;}
.material p   { text-align: center; font-size: 11px; color: #35543D; }
.material img { margin: 1px 0 3px 9px; border: none;}

.nahled       { position: relative; float: left; margin: 0 16px 10px 0; width: 126px; height: 150px; overflow: auto; border: 1px solid #eed; text-align: center; font-size: 11px; color: #35543D;}
.nahled img   { margin: 3px 0 3px 0; border: none;}

.prvky        { position: relative; float: left; margin: 0 5px 10px 0; width: 49px; height: 255px; overflow: auto; border: 0px solid #eed; text-align: center; font-size: 11px; color: #35543D;}
.prvky  img   { margin: 3px 0 3px 0; border: 0px; }
.prvky-b      { position: relative; float: left; margin: 0 5px 10px 0; width: 165px; height: 199px; overflow: auto; border: 0px solid #eed; text-align: center; font-size: 11px; color: #35543D;}
.prvky-b  img { margin: 3px 0 3px 0; border: 0px; }
.prvky-c      { position: relative; float: left; margin: 0 5px 10px 0; width: 165px; height: 255px; overflow: auto; border: 0px solid #eed; text-align: center; font-size: 11px; color: #35543D;}
.prvky-c  img { margin: 3px 0 3px 0; border: 0px; }
.prvky-m      { position: relative; float: left; margin: 0 5px 10px 0; width: 25px; height: 235px; overflow: auto; border: 0px solid #eed; text-align: center; font-size: 11px; color: #35543D;}

#paticka p  { padding: 0 16px 0 16px }

.npv  { border-bottom:1px dotted #32A65E; }
span.tooltip { behavior:url('hover.htc'); cursor:help; position:relative; margin:0 4px 0 4px; }
span.tooltip div { behavior:url('hover.htc'); text-align:justify; visibility:hidden; min-width:250px; _width:250px; font-weight:normal; padding:15px; border:1px solid #cccccc; -moz-border-radius:12px; background:#ffffcc; position:absolute; top:1.35em; left:1.6em; }
span.tooltip strong { display:block; margin:5px 0 0 0; }
span.tooltip strong:first-child { margin:0; }
span.tooltip:hover div, span.tooltip.hover div { visibility:visible; z-index:10; }
span.tooltip div:hover, span.tooltip div.hover { visibility:hidden; }