/*
Design by http://www.templateaccess.com
Released for free under a Creative Commons Attribution 3.0 License
*/

body { margin:0; padding:0; width:100%; color:#5f5f5f; font:normal 12px/1.8em Arial, Helvetica, sans-serif;}
html, .main { padding:0; margin:0; background:#fdfdfd url(images/main_bg.gif) top repeat-x;}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
.logo { padding:14px 0 20px 0; margin:0 auto; width:275px; float:left;}
.logo img { float:left; margin:0 10px 0 0;}
h1 { margin:0; padding:5px 0; width:340px; color:#fff; font:normal 28px Arial, Helvetica, sans-serif; letter-spacing:-2px;}
h1 a { color:#fff; text-decoration:none; float:left;}
h1 a:hover { color:#78bbe6; text-decoration:none;}
h1 a:hover span { color:#fff;}
h1 span { color:#78bbe6;}
h1 small { color:#fff; float:left; padding:18px 0 0 10px; font:normal 12px Arial, Helvetica, sans-serif; letter-spacing:normal;}
h2 { font:normal 24px Arial, Helvetica, sans-serif; padding:0; margin:5px 0; color:#595959;}
h3 { font:normal 16px Arial, Helvetica, sans-serif; padding:0; margin:5px 0; color:#595959;}
p { margin:8px 0; padding:0 0 8px 0; font:normal 12px/1.8em Arial, Helvetica, sans-serif;}
p.spec { text-align:right;}
a { color:#2a6389; text-decoration:none;}
a:hover { text-decoration:underline;}
a.rm, a.com { margin-left:8px; padding:9px 12px; background:url(images/a_bg.gif) repeat-x top; text-decoration:none; color:#fff;}


.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { margin:0; padding:0;}

/* header */
.header { }
.header_resize { margin:0 auto; padding:1px 0 0 0; width:994px;}
.header_img { width:800px;  padding:15px 0 0 0;}
.header_img img  { float:left;}
.header_img h2 { width:507px; float:right; text-align:left; font: normal 26px Arial, Helvetica, sans-serif; color:#fff; padding:30px 0 0 0; margin:0; text-transform:uppercase;}
.header_img p {width:507px; float:right; text-align:left; font: normal 12px Arial, Helvetica, sans-serif; color:#fff; line-height:1.8em; padding:10px 0 0 0;}
/* menu */
.menu_nav { margin:17px 0 0 0; padding:3px 0 0 1px; float:left; width:715px;}
.menu_nav ul { list-style:none; padding:0; margin:0; }
.menu_nav li { float:left; padding:0 5px; }
.menu_nav li a {font:normal 13px Arial, Helvetica, sans-serif; color:#fff; display:block; float:left; padding:10px 0; }
.menu_nav li a span {padding:10px 15px; }
.menu_nav li a:hover { text-decoration:none; color:#3b86ae; }
.menu_nav li a:hover span { text-decoration:none; color:#3b86ae; }
.menu_nav li.active a { text-decoration:none; color:#3b86ae; }
.menu_nav li.active a span {text-decoration:none; color:#3b86ae;}

/* search */
.search { margin:0; padding:1px 0;}
.search form { padding:0; margin:0; }
.search span { display:block; float:left; background:#fff; border:1px solid #dcdcdd; width:250px; padding:0 5px; height:29px; margin:0;}
.search form .keywords { width:220px; line-height:13px; height:13px; float:left; background:none; border:0; padding:8px 0px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#767676; }
.search form .button { float:left; margin:0; padding:4px 0 0 0; border:0; position:relative; }
/* content */
.content { padding:0 0 0 0;}
.content_resize { margin:0 auto; padding:1px 0 0 0; width:970px;}
.content .mainbar { margin:0; float:right;}
.content .mainbar img { float:left; padding:0px; margin:0 10px 0 0; background-color:#fff;}
.content .mainbar .recenze img { float:left; padding:0px; margin:0 0 0 0; background-color:#fff;}
.content .mainbar .article { margin:0 0 0 0;  padding:10px 20px;  width:674px;}
.content .mainbar .article span.butons a { margin:0 5px 0 0; float:right; color:#9a9a9a; padding:1px 10px; text-decoration:none;  border:1px solid #ebe8e8; background:#fbfbfc;}
.content .mainbar .article span.butons a:hover { border:1px solid #d9f0ff; background:#78bbe6; color:#fff; text-decoration:none;}
.content .mainbar .article span.butons a.active {  border:1px solid #ebe8e8;  background:#78bbe6; color:#fff; text-decoration:none;}
.content .sidebar { margin:0; padding:0; float:left; }
.content .sidebar .gadget { margin:0 0 0 0; padding:10px 0; width:230px;}
ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none; color:#5f5f5f;}
ul.sb_menu li, ul.ex_menu li { margin:0;}
ul.sb_menu li { padding:4px 0 2px 2px; width:230px;}
ul.ex_menu li { padding:4px 0 2px 2px;}
ul.sb_menu li a, ul.ex_menu li a { color:#116399; text-decoration:none; margin-left:-22px; padding-left:22px;  }
ul.sb_menu li a:hover, ul.ex_menu li a:hover { color:#116399; text-decoration:underline; }
ul.sb_menu li a:hover { text-decoration:underline;}
ul.ex_menu li a:hover { text-decoration:none;}
.content table {padding:0px 20px 20px; border-width: 0px; border-spacing: 0px;}
.content ul { list-style:none; padding:0; margin:0; }

/*=====tooltip===========*/
.content .mainbar a.tt{
    position:relative;
    z-index:24;
    color:#5a5adf;
	  font-weight:600;
	  font-size:12px;
    vertical-align: super;
    text-decoration:none;
}

.content .mainbar a.tt2{
    position:relative;
    z-index:24;
    color:#91a2c8;
	  font-weight:normal;
	  background-color: #f1f1f2;
    border-bottom: 1px dashed #acacac;
    text-decoration: none;
}

.content .mainbar a.tt span{ display: none; }
.content .mainbar a.tt:hover{ z-index:25; color: #91a2c8; font-size:12px; background:;}
.content .mainbar a.tt2 span{ display: none; }
.content .mainbar a.tt2:hover{ z-index:25; color: #000; background:;}
.content .mainbar a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:10px; left:-30px;
	  padding: 10px 0 0 0;
	  width:200px;
	  color: #000;
    text-align: left;
    font-weight:normal;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}

.content .mainbar a.tt2:hover span.tooltip{
    display:block;
    position:absolute;
    top:10px; left:-30px;
	  padding: 10px 0 0 0;
	  width:200px;
	  color: #000;
    text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
.content .mainbar a.tt:hover span.top{
	display: block;
	padding: 10px 5px 0;
  background: url(bubble.gif) no-repeat top;
}
.content .mainbar a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 5px; 
	background: url(bubble_filler.gif) repeat bottom; 
}
.content .mainbar a.tt:hover span.bottom{
	display: block;
	padding: 5px 5px 5px;
	color: #548912;
  background: url(bubble.gif) no-repeat bottom;
}
.content .mainbar a.tt2:hover span.top{
	display: block;
	padding: 10px 5px 0;
  background: url(bubble.gif) no-repeat top;
}
.content .mainbar a.tt2:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 5px; 
	background: url(bubble_filler.gif) repeat bottom; 
}
.content .mainbar a.tt2:hover span.bottom{
	display: block;
	padding: 5px 5px 5px;
	color: #548912;
  background: url(bubble.gif) no-repeat bottom;
}
/*=====//tooltip===========*/

/* subpages */
.content .mainbar .comment { margin:0; padding:16px 0 0 0;}
.content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}

/* fbg */
.fbg { padding:0 0 0 0;background: url(images/fbg_bg.gif) bottom repeat-x; margin:10px 0 0 0;}
.fbg_resize { margin:0 auto; padding:15px 10px; width:970px;}
.fbg  h3 { color:#5190bb;}
.fbg  p { color:#fff;}
.fbg  a { color:#5190bb; text-decoration:none;}
.fbg  img { padding:2px; border:1px solid #cfd2d4; background-color:#fff;}
.fbg .col { margin:0; float:left;}
.fbg .c1 { padding:0 0 0 10px; width:240px;}
.fbg .c3 { padding:0 0 0 10px; width:220px;}
.fbg .c2 { padding:0 0 0 10px; width:260px;}
.fbg .c4 { padding:0 0 0 20px; width:200px;}
.fbg .c1 img { margin:4px;}
.fbg .c3 img { margin:4px 10px 4px 0; float:left;}

/* footer */
.footer { width:970px; margin:0 auto; padding:0 0 0 0;}
.footer p.lf { margin:0; padding:4px 0; float:right; width:auto; text-align:right; line-height:1.5em; color:#575656;}
.footer p.lf a { color:#3f647e;}
.footer p.lr { margin:0; padding:0 0; float:left; width:auto; line-height:1.5em; color:#575656;}
.footer p.lr a { color:#3f647e;}


/* form */
ol { list-style:none;}
ol li { display:block; clear:both;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background:#fff;}
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;}
ol li .send { margin:16px 0 0 0;}