*{ margin: 0; padding: 0; }

body { 
font: 100%/1.125em Arial, Helvetica, Sans-serif;
background: #D8E9F3 url(../images/bg-web.jpg) repeat-x top; 
margin: 0px 0; 
color: #555;
}



/* Classes */

.right { float: right; }
.left { float: left; }

.clear { clear: both; }
.hidden { visibility: hidden; line-height: 0; display: none; } 
.invisible { visibility: hidden; display: none; margin: 0; padding: 0;}
.cleaner { display: inline-block } .cleaner { display: block }
.cleaner:after { visibility: hidden; display: block; clear: both; height: 0px; content:".";  }

h1 { padding: 0; margin: 0; font-size: 0; text-decoration: none; border: 0; color: #fff; float: left;}
h1 a { display: block; width: 220px; height: 100px; padding: 0; margin: 0; font-size: 0; color: #fff; line-height: 0; background: url(../images/logo.gif) no-repeat center;  }

h2.page-title { display: block; font-size: 1.3em; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #ccc; color: #EF3327; }
h2.uvod { display: block; font-size: 1.1em; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #ccc; color: #EF3327; }
h2.uvod.clanky {font-size: 25px;}
h2 { font-size: 1.1em; color: #EF3327; line-height: 1.2em }
h3 { display: block; margin: 15px 0 15px 0; font-size: 1.1em; color: #EF3327; }
h3.oddeleny-nadpis { display: block; margin: 15px 0 15px 0; font-size: 1.1em; color: #EF3327; padding-bottom: 5px;  border-bottom: 1px solid #ccc;}
a { color: #007298; }
a:hover { text-decoration: none; }
p { margin: 15px 0; line-height: 1.4em }
ul li {  line-height: 1.4em; }

object { display: block; padding: 1px; border: 5px solid #ccc; margin: 10px 0;}
.noborder { border: 0; }

/* Layout */

#wrap { width: 918px; margin: 24px auto 30px auto; background: #fff url(../images/bg-middle.jpg) repeat-y;}

#head { display: block; height: 100px; padding: 20px; padding-bottom: 0; width: 878px; background: url(../images/bg-top.jpg) no-repeat top;  }
#head #logo { display: inline; float: left; margin: 0px 0 0 5px; } 
#head #logo img { border: 0; }
#head #logo a img {float: left; width: 120px; display: inline; margin: 10px 0 0 30px;}

#head #menu { display: inline; margin: 65px 0px 0 0; float: right; font-size: 0.9em; }
#head #menu ul { list-style-type: none; margin-right: 15px;}
#head #menu ul li { position: relative; -moz-border-radius: 3px; border-radius: 3px; float: left; margin-left: 5px; padding: 0 10px; border: 1px solid #ef3810; background: url(../images/menu.png) repeat-x; height: 26px; text-align: center; }
#head #menu ul li a { font-weight: bold; font-size: 0.9em; display: inline; color: #333; text-decoration: none; height: 26px; line-height: 26px;}
#head #menu ul li a:hover { color: #EF3327; text-decoration: none;} 

#main { display: block; width: 916px;  }
 
#sidebar { display: inline; float: left; width: 220px; padding-left: 25px; }

#sidebar #top-box { display: block; width: 220px; height: 250px; background: #EF3327 url(../images/bg-sidebar.jpg) no-repeat;  }
#sidebar #top-box #search-box { padding: 15px 15px 10px 15px; }
#sidebar #top-box #search-box form.search-form input { float: left; background: #fff url(../images/bg-field-search.jpg) repeat-x bottom;  }
#sidebar #top-box #search-box form.search-form input.pole { width: 115px; height: 18px; margin-right: 5px; padding: 2px 5px; border: 0;  }

#sidebar #submenu { background: #04AECA; margin-top: 5px; background: url(../images/listek.png) no-repeat; width: 220px; padding-bottom: 50px; background-image: url(../images/listek_top.jpg), url(../images/listek_bottom.jpg), url(../images/listek.jpg);
background-position: center top, center bottom, center;
background-repeat: no-repeat, no-repeat, repeat-y;}
#sidebar #submenu>ul, #sidebar #submenu>div>ul { list-style-type: none; padding: 70px 5px 0px 20px; list-style: none;}
#sidebar #submenu ul li { line-height: 18px; border-bottom: 1px solid #fff; padding: 4px 0; position: relative;}
#sidebar #submenu ul li a { font-size: 0.9em; padding-left: 12px; margin-left: 5px; text-decoration: none; background: url(../images/sipka-submenu.gif) no-repeat left; color: #333; display: block;}
#sidebar #submenu ul li a:hover { text-decoration: underline; color: #EF3327; }

#sidebar #submenu ul.root li a {float: left; line-height: 12px; padding-top: 5px; padding-bottom: 5px;}
#sidebar .sub-menu {display: none;}
#sidebar .sub-menu.active {display: block;}

#sidebar #sidebar-image { padding: 0 15px; border: 0; }
#sidebar img.sidebar-image { border: 0; }
#sidebar #sidebar-image a img.okenko { border: 5px solid #fff; }
#sidebar #sidebar-image a img.okenko:hover { border: 5px solid #eee; }
#sidebar img.jidelnicek { margin-top: 0px; padding-top: 5px; border: 0;}

#sidebar .box { padding: 5px 15px; font-size: 0.9em; width: 200px;}
#sidebar .box ul { list-style-type: none; }
#sidebar .box li { font-size: 0.9em; padding-left: 12px; margin-left: 5px; text-decoration: none; background: url(../images/sipka-submenu.gif) no-repeat 0px 7px; }
#sidebar h3, #sidebar h2.widgettitle {font-size: 15px; border-bottom: 1px solid #ccc; padding-bottom: 3px; margin-top: 5px; margin-bottom: 15px;}
li.widget {list-style: none; width: 200px; padding: 5px 15px;}

.wp-rajce-galerie {text-align: center;    font-size: 14px; line-height: 16px;}
.wp-rajce-galerie .album {display: inline-block; margin: 0px auto; padding: 10px 0 10px 0; text-align: center; width: 180px; vertical-align: top;}
.wp-rajce-galerie .album a {display: block; width: 100%;}
.wp-rajce-galerie .album a img {display: inline-block; margin: 0px auto; border: solid 1px black; max-width: 100%;}
.wp-rajce-galerie .album a hr {display: block; clear: both; width: 100%; height: 1px; border: none; outline: none; margin: 0; padding: 0;}

.gallery-embed-rajce img {width: initial; height: initial; border: solid 1px black;}

#sidebar li.picasa_widget { list-style-type: none; font-size: 0.8em; }
#sidebar li.picasa_widget .picasa-widget-img { padding: 1px; border: 5px solid #ddd; }
#sidebar li.picasa_widget .picasa-widget-img:hover { padding: 1px; border: 5px solid #ccc; }
 
#panel { display: inline; float: right; width: 635px; height: 250px; padding-right: 28px;  }
.slideshow { position: relative; }
.slideshow img { position:absolute; top:0; left:0; z-index:8; width: 635px; height: 250px;}
.slideshow img.active { z-index:10; }
.slideshow img.last-active { z-index:9; }

#content { display: inline; float: right; width: 585px; padding: 35px; padding-right: 50px; font-size: 0.9em;  }
#content ul { padding: 5px 0 5px 20px;   }
#content ul li { }
#content ol {  padding: 10px 0 10px 25px;  }

#content .navigation { display: block; margin-top: 10px;  }

#content .post-footer { display: block; clear: both; padding: 3px 15px; margin-bottom: 10px; background: #eee; border: 1px solid #ccc; }
#content .post-footer p { margin: 5px 0; }
#content .post-footer p a { margin: 0px 2px; font-weight: bold; }

#content table.zamestnanci { display: block; margin-bottom: 15px;}
#content table.zamestnanci tr td img { padding: 1px; border: 5px solid #ddd; }

#videa { display: inline; float: left; clear: both; width: 850px; padding: 35px; padding-right: 50px; font-size: 0.9em;  }

ul.commentlist { display: block; font-size: 0.9em; list-style-type: none; margin-left: -20px;  }
ul.commentlist p { clear: both; display: block; margin: 0;  padding: 10px 20px; border-top: 1px solid #ccc;  }
ul.commentlist li { padding: 10px 0px; background: #eee; border: 1px solid #ccc; margin-bottom: 10px;  }
ul.commentlist ul.children { list-style-type: none; margin: 10px 0; margin-right: 20px; padding: 0;}
ul.commentlist ul.children li { background: #fff; list-style-type: none;  }
ul.commentlist cite.fn {  display: inline; float: left; margin-bottom: 5px; font-weight: bold; font-style: normal; margin-right: 5px; }
ul.commentlist span.says { display: none; }
ul.commentlist .vcard { display: inline; float: left; margin-bottom: 5px; color: #EF3327; margin-left: 20px; }
ul.commentlist .vcard a  {  color: #EF3327; text-decoration: none; }
ul.commentlist .comment-meta  { display: inline; float: left;}
ul.commentlist .comment-meta a { color: #555; text-decoration: none; font-size: 0.9em;  }
ul.commentlist a.comment-edit-link { color: #007298; text-decoration: underline; font-size: 0.9em;  }
ul.commentlist .reply a { font-size: 0.9em; padding: 0 20px; }  

#respond { background: #eee; padding: 20px; border: 1px solid #ccc; }
#respond form textarea { width: 520px; border: 1px solid #ccc; padding: 5px; }
#respond form input { border: 1px solid #ccc; padding: 5px; }
#respond h3 { margin-top: 0; }
#respond h3 a { margin-top: 0; color: #EF3327; text-decoration: none; }
.button { background: #fff; cursor: pointer; font-size: 11px; font-weight: bold; }

.alignleft { float: left; margin: 0 15px 10px 0px; }
.alignright { float: right; margin: 0 0 10px 15px; }

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;

-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}



.excerpt { display: block; padding: 5px 0;   }
.excerpt .text { display: block; float: left; }
.excerpt h3 { display: block;  margin: 0; padding: 0; margin-bottom: 5px; padding-bottom: 10px; }
.excerpt p { display: block; margin: 5px 0 0 0;  }
.excerpt p a {  color: #EF3327;  }
.excerpt .excerpt-footer { display: block; background: #eee; padding: 5px 10px; margin-top: 10px; clear: both; text-align: right; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.excerpt .excerpt-footer p { display: block; margin: 0; padding: 0; }
.excerpt .excerpt-footer p em { font-style: normal; font-size: 0.8em; padding: 0 3px 0 6px; border-left: 1px solid #999;  }
.excerpt .excerpt-footer p em a.continue { color: #EF3327;  }
.excerpt img { float: left; margin-right: 10px; margin-bottom: 7px; padding: 1px; border: 5px solid #ddd;}
.excerpt img:hover { border: 5px solid #ccc; }

.picasaView img { display: block; float: left; padding: 1px; border: 5px solid #ccc; margin-right: 15px; }
img.picasaViewImage { padding: 5px; border: 1px solid #ccc; margin: 5px 11px; }
img.picasaViewImage:hover { background: #ddd;}
td.picasaViewCurrentPage { background: #ddd; width: 100%; padding: 5px 0; }
 
#footer { display: block;  margin: 0 auto; width: 860px; padding: 10px 24px 30px 24px; background: url(../images/bg-bottom.jpg) no-repeat bottom; }
#footer a { color: #555; }
#footer #footer-links { display: block; width: 860px; height: 60px;  background: url(../images/bg-footer-links.jpg) no-repeat; text-align: center; }
#footer #footer-links p { display: block; padding: 0; margin: 0px 20px 0 20px; padding-top: 20px; font-size: 0.8em;    }




div.submenu,div.submenu2,div.submenu3,div.submenu4,.sub-menu
{
background: #fff;
position: absolute;
top: -12px;
left: 120px;
z-index: 100;
min-width: 135px;
display: none;
margin-left: 10px;
padding: 5px 5px;
border-radius: 6px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
 list-style: none;
}

.root li a {
   
    color: #555555;
    display: block;
    font-family: arial;
    font-weight: bold;
  cursor: pointer;
text-decoration:none;
}

.root li a:hover{
    background:#155FB0;
    color: #FFFFFF;
    text-decoration: none;
    
}
a.account,a.account2,a.account3,a.account4 {
cursor:pointer;
}
.root
{
list-style:none;
margin:0px !important;
padding:0px !important;
font-size: 11px;
padding: 11px 0 0 0px;	
	
}

div.dropdown {
color: #555;
margin: 3px -22px 0 0;
width: 195px;
position: relative;
height: 17px;
text-align:left;
}