/* CSS Document */

* {	margin:0; padding:0; line-height:normal; border:none; list-style-type:none}

html {	background:url('images/bg.jpg') top left repeat-x rgb(226, 240, 253); display:block; width:100%}
body {	background:url('images/background.jpg') top center no-repeat; display:block; width:100%; min-height:1121px; font:normal 13px Verdana, Arial, sans-serif; color:rgb(0, 0, 0)}

input {border: 1px solid #aaa;}
textarea {border: 1px solid #aaa;}

a {		font:bold 13px Verdana, Arial, sans-serif; color:rgb(20, 90, 160); text-decoration:underline}
a:hover {	color:rgb(0, 0, 0); text-decoration:none}

div#screen {	background:url(images/background.jpg) top center no-repeat; width:1000px; margin:0 auto; position:relative;}
div#frame {	background: url(images/content_footer.jpg) bottom center no-repeat; width:828px; margin:0 auto;}
div#frame_background {	background:url(images/content_background.jpg) center repeat-y; width:828px; margin:0 auto 10px auto}

.meta{	width:23px; display:block; position:absolute; left:50%; margin-left:263px; text-indent:-9999px}
a#home {	background:url(images/home.jpg); height:24px; margin-top:57px}
a#mail {	background:url(images/mail.jpg); height:16px;  margin-top:94px}
a#sitemap {	background:url(images/sitemap.jpg); height:18px; margin-top:124px}

div#header {	background:url('images/header.jpg'); width:852px; height:173px; margin:0 auto}
a#logo {	display:block; width:330px; height:120px; position:absolute; left:50%; margin:40px 0 0 -400px; text-indent:-9999px}


/*
ul#menu {	background:url('images/menu.jpg'); width:852px; height:33px; margin:0 auto; font:bold 14px Verdana, Arial, sans-serif; color:rgb(255, 255, 255)}
ul#menu li a {display:block; float:left; width:100px; height:27px; padding:6px 0 0 42px; color:rgb(255, 255, 255); text-decoration:none; font-size:14px}
ul#menu li a:hover {	background:url(images/menu_hover.png)}
*/

/* vysuvne menu */
#topmenu { margin:0 auto; width:852px; height:33px; background:url('images/menu.jpg');
  padding: 0; position: relative; 
  /* border: 1px solid red; */ 
}
    #topmenu LI A SPAN {
      /*text-decoration: underline;*/
    }
    #topmenu LI A {display:block; float:left; width:100px; height:27px; padding:8px 0 0 42px; color:rgb(255, 255, 255); text-decoration:none; font-size:14px;}
    
    #topmenu A:hover {background:url(images/menu_hover.png);}
    #topmenu LI LI A:hover {background: none; color: #fff; text-decoration: underline;}
  
    #topmenu LI {display:block; float:left;}
    
    #topmenu LI LI {
    	display: block; float: none;
      margin: 5px 0px;
    	padding-left: 20px;
      background: url('images/odrazka_mala.gif') 0px 5px no-repeat;
    }
    #topmenu LI LI A {
    	/* color: #000; */
    	display: inline;
    	float: none;
    	margin: 0; padding: 0;
      font-size: 12px;
      font-weight: bold;
    	margin-left: 7px;
    }
    #topmenu LI LI LI A {
      color: #333;
    }
    #topmenu LI LI LI {
    	padding-left: 0px;
    	/* background: url('images/odrazka_stredni.gif') 0px 7px no-repeat; */
    }
    #topmenu UL {margin: 0; font:bold 14px Verdana, Arial, sans-serif; color:rgb(255, 255, 255); height:33px; list-style-type: none; position: relative; display: inline;}
    #topmenu UL UL {
      text-align: left;
    	margin: 0px; padding: 5px;
    	display: block;
      position: absolute;
      top: 26px;
      padding-left: 10px;
      left: 0px;
      visibility: hidden;
      background: none;
      background-color: rgb(20, 95, 160);
      width: 230px;
      height: auto;
      border: 1px solid #eee;
      border-left: 1px solid #ddd;
      border: none;
      /* border-top: none;*/
      opacity: .95;
      -moz-opacity: .95;/* použito kvůli kompatibilitě se staršími verzemi Firefoxu a Mozilly */
      filter:alpha(opacity=95);
    }
    #topmenu UL ul ul {
      width: 190px;
      border: 0px solid white;
      position:relative;
      left: 0px;
      top: 0px;
      margin: 0px; padding: 0px;
      padding-left: 10px;
      list-style-type: none;
      /* background: url('images/odrazka_mala.gif') 0px 15px no-repeat; */
      visibility:hidden;
      opacity: 1;
      -moz-opacity: 1;/* použito kvůli kompatibilitě se staršími verzemi Firefoxu a Mozilly */
      filter:alpha(opacity=100);
    }
    #topmenu UL li {
      position: relative;
    }
    /* zde chovani zobrazeni*/
    #topmenu UL li:hover ul a, #topmenu UL li.hover ul a
    {
      /* odkaz podmenu */
      /* background-color: #bbb; */
      /* color:black; */
      font-weight: normal;
    }
    
    #topmenu UL li:hover ul a:hover, #topmenu UL li.hover ul a:hover
    {
      /* odkaz podmenu prejety mysi */
      /* background-color: #fff;
      color:white; */
      text-decoration: underline;
    }
    
    #topmenu UL li:hover ul, #topmenu UL li.hover ul
    {
    visibility:visible;
    }
    
    #topmenu UL li li
    {
    border:none;
    padding:0;
    /* background-color:#bbb; */
    }
    
    #topmenu UL li { behavior: url(hover.htc); }
/* KONEC vysuvneho menu */



div#sidebar {float:left; width:230px; padding:30px 0 0 40px}

strong.sidebar_headline {	background:url('images/sidebar_headline.jpg'); width:190px; height:28px; font:bold 14px Verdana, Arial, sans-serif; color:rgb(255, 255, 255); padding:7px 0 0 0; margin:0 0 20px 0; text-align:center; display: block;}
strong.sidebar_headline_special {	background:url('images/sidebar_headline_special.jpg'); margin:0 0 20px 10px; position: relative; top: 0px; left: -20px;}

input#search { background:url(images/search.jpg); width:165px; height:17px; margin:0 0 0 4px; font:normal 13px Verdana, Arial, sans-serif; color:rgb(0, 0, 0); border:none; padding:3px 0 0 5px}
input#submit { background:url(images/submit.jpg); border:none; width:18px; height:20px; text-indent:-9999px; cursor:pointer}

ul#menu_vertical {		margin:30px 0 0 0}
ul#menu_vertical ul {	margin:-10px 0 30px 0}
ul#menu_vertical ul li a {			background:rgb(255, 190, 130); display:block; width:170px; height:23px; margin:0 0 2px 0; font:bold 14px Verdana, Arial, sans-serif; color:rgb(60, 60, 60); padding:7px 0 0 20px; text-decoration:none;}
ul#menu_vertical ul li a:hover {	background:rgb(255, 130, 55)}

div#sidebar_contact {	background:url(images/sidebar_contact_background.jpg) repeat-y; width:165px; padding:0 15px 0 20px; float:left; font:normal 14px Verdana, Arial, sans-serif; line-height:25px}
div#sidebar_contact_footer {background:url(images/sidebar_contact_footer.jpg) top center no-repeat; margin:0 0 0 1px; width:190px; height:10px; clear:left}

div#sidebar_contact p { margin:0 0 7px 0; font-size: 12px;}
div#sidebar_contact strong {	margin:0 0 3px 0; display:block}
div#sidebar_contact a { color: #333;}
div#sidebar_contact a.skype {text-decoration: none; position: relative; left: -3px;}
div#sidebar_contact a.skype img {vertical-align: middle;}
div#sidebar_contact img.icq {vertical-align: middle;}

div#content {	width:506px; float:right; margin:10px 40px 0 0; min-height: 870px;} 
div#content p {	line-height:22px; text-align:justify; margin:10px auto; color:rgb(100, 100, 100); font:normal 13px Verdana, Arial, sans-serif}
div#content td { line-height:22px; color:rgb(100, 100, 100); font:normal 13px Verdana, Arial, sans-serif; vertical-align: top; padding: 0 0 10px 0;}
div#content td p {text-align: left; margin: 0;}

div#content p.arrow { background:url('images/arrow.jpg') 0 2px no-repeat; width:447px; padding:0 0 0 45px; display:block}
div#content h1 {	background:url(images/content_headline.jpg) repeat; min-height:23px; width:494px; border:1px solid rgb(120, 190, 255); font:bold 16px Verdana, Arial, sans-serif; color:rgb(20, 95, 160); padding:0px 0 0 10px; line-height:24px; margin:20px auto}
div#content h2 {	background:url(images/content_headline.jpg) repeat; min-height:23px; width:494px; border:1px solid rgb(120, 190, 255); font:bold 15px Verdana, Arial, sans-serif; color:rgb(20, 95, 160); padding:0px 0 0 10px; line-height:24px; margin:20px auto}
div#content h3 {	font:bold 15px Verdana, Arial, sans-serif; color:rgb(20, 95, 160); margin:10px 0}
div#content h4 {	font:bold 14px Verdana, Arial, sans-serif; color:rgb(20, 95, 160); margin:10px 0}
div#content h5 {	font:bold 14px Verdana, Arial, sans-serif; color:rgb(20, 95, 160); margin:10px 0}
div#content h6, strong {	font:bold 13px Verdana, Arial, sans-serif; color:rgb(50, 50, 50)}
div#content ul { margin: 4px 0 8px 10px; padding: 0;}
div#content li { margin: 0; font-weight:normal; padding: 0 0 0 45px; background: url('images/arrow.jpg') 0px 5px no-repeat;	/* list-style-image : url("img0/li1.gif"); */}
div#content img { margin: 5px; border:1px solid rgb(120, 190, 255);}

div#content table.aktuality {width:500px;} 
div#content table.aktuality td {padding: 5px; width: 33%;} /* border: 1px solid #78BEFF; */
div#content table.aktuality td h2 {font-size: 97%; margin: 0; text-align: left;}
div#content table.aktuality td p {font-size: 90%; margin: 3px 0; text-align: left;}
div#content table.aktuality td strong {font-size: 90%; text-align: left; color:#145FA0;}
div#content .aktuality .dve {border: 1px solid #78BEFF; border-top: none; border-bottom: none;}

div#footer {	clear:both; margin:20px 10px 10px 0; float:right; width:800px; line-height:24px; font:bold 12px Verdana, Arial,  sans-serif; color:rgb(0, 0, 0); text-align:right}

#odk { width:800px; margin: 0 0 0 100px; font:normal 10px Verdana, Arial,  sans-serif; color:rgb(0, 0, 0); text-align:center;}
#odk a, #odk a strong { font:normal 10px Verdana, Arial,  sans-serif; color:rgb(0, 0, 0);}

div.clear {	clear:both; width:800px; height:1px; margin:0 auto}

#cesta_webem {margin: 0px 0px 5px 0; padding: 0 5px 3px 5px; /* font-weight: bold; /* border-bottom: 1px solid #d5e69a; background: url(grafika/titulek.gif) no-repeat;*/ position: relative; top: -12px;} /* background: #d5e69a; */
#cesta_webem span {font-weight: bold; color: #333; /*ef2d2d*/}
#cesta_webem a {color: #589700;}

/* vypis fotogalerie */
div#content td.fotogalerie { vertical-align: top; text-align: center; font-size: 11px; width: 150px;}
div#content td.fotogalerie img { 	padding: 3px;	margin: 5px; background: #ddd; /* border: 1px solid #ddd; */}
div#content td.fotogalerie img:hover	{ border: 1px solid #d2d2d2; background: rgb(120, 190, 255);}
div#content .oramovat { border: 1px solid #ccc; } /* obrazky s odkazem thickbox */ /* 98c700 */

.center {text-align: center;}
.clear {clear: both;}