body { margin:0; padding:0; width:100%; color:#5f5f5f; font: normal 12px/1.8em Arial, Helvetica, sans-serif;
background: white;
}

html, .main { padding:0; margin:0; }

a { color: #577A8C; }
a:hover {color: black; }


.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
.space { clear:both; padding: 6px; margin:0; width:100%; }
h1 { margin:0; padding:0; color:#3a90c9; font:bold 24px/1.2em Arial, Helvetica, sans-serif; }
h1 a, h1 a:hover { color:#3a90c9; text-decoration:none;}
h2 { color: orangered; font: normal 18px/normal Arial, Helvetica, sans-serif; margin: 18px 0px 8px 0px; padding: 0px; font-size-adjust: none; font-stretch: normal;}
h2 a {	color: #385FAC; text-decoration: underline;} 
h2 a:hover { color: black;}

p { margin:8px 0; padding:0 0 8px 0; font:normal 13px/1.8em Arial, Helvetica, sans-serif;}
table {border: 0; width: 100%; }
table td {padding: 0; margin: 0;}
/*table td img{border: 0 !important; width: 160px; height: 130px; }*/
table td.last img { width: 140px;}
table td { text-align: center; }
#record table td {padding:6px 0 6px 0;}
h3{ margin-top : 0px; padding-top: 0px;}


/*table tabulka*/
.tabulka td{ text-align: left; }
.tabulkaSidla td {text-align: left; padding: 10px 0 0 15px; border: 1px solid; }
.tab tbody > tr > td { vertical-align: top; }
table.tab td img { width: 200px !important; height: 160px !important; }
/*table.tabulka td img {  width: 220px !important; height: 200px !important; border: 1px solid black !important; }*/

/* table prices */
table.prices { border:1px solid black; border-collapse:collapse; }
table.prices tr { border:1px solid #C4C4C4; }
table.prices td { border:1px solid #C4C4C4; }


.header, .hbg, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { margin:0; padding:0;}
.hbg_resize, .header_bg, .fbg_resize, .footer_resize { margin:0 auto; width:920px;}
.footer_resize {width: 960px !important; display: block;}
.content, .footer { padding:16px 0;}

#top {
 height:auto;
 background: #8DB8DB; 
}

#top_center {
    background: #8DB8DB; 
    width: 960px; 
    height: 60px; 
    padding: 10px; 
    margin:0 auto;
}

#top a {
text-decoration: none;
}

#top h1 {
font-size: 45px;
font-family: "Segoe UI", Tahoma, Arial, Helvetica, sans-serif;
font-weight:normal;
color: white;
text-shadow: 2px 2px 2px #66859E;
padding: 0px;
}

/* menu */
#menu {
  clear: both; 
  display: block; 
  height: auto; 
  border-bottom: 1px solid white;
  background: linear-gradient(#F76C2F, #F65B16);
}

.menu_nav { height: 36px; margin:0 auto; width:960px; }
.menu_nav ul { width:auto; list-style:none; display: block; height: 36px;}
.menu_nav ul li { margin:0 0 0 1px; float:left; display: block; height: 36px; }
.menu_nav ul li a { display: block; margin:0; padding: 8px 17px 6px 17px; color:#fff; text-decoration:none; font-size: 18px; overflow: hidden; font-family: Trebuchet MS,Verdana,Tahoma,Arial;}
.menu_nav ul li a:hover{ color:#fff;  text-shadow: 1px 1px 1px #000, 1px 1px 7px #50B2D5, 1px 1px 15px #50B2D5;}
.menu_nav ul li a.current { padding: 8px 21px 7px 21px; height: 21px; color:#fff; text-shadow: 1px 1px 1px #000, 0px 0px 15px #fff; background: #535353; border-left: 1px solid white; border-right: 1px solid white; border-bottom: 2px solid #535353; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.menu_nav ul li a.notSubMenu {  padding: 7px 21px !important; }

#pod_menu_background { clear: both;  display: block; height: auto; overflow: hidden;
background: linear-gradient(#F76C2F, #F65B16);background: #535353; min-height: 7px;
}
.pod_menu {  width:960px; margin: 0 auto;}
.pod_menu ul { text-align: center; line-height: 1.3em !important;}
.pod_menu ul span { display:inline-block; margin:0 auto; padding: 6px 2px 3px 2px; color: #B1B1B1; text-decoration:none; font-size: 14px; overflow: hidden; font-family: Trebuchet MS,Verdana,Tahoma,Arial; }
.pod_menu ul li { margin:0 0 0 1px; display:inline-block; position: relative; text-align: center; white-space: nowrap; list-style-type: none; height: auto; width: auto;}
.pod_menu ul li a { display:block; margin:0 auto; padding: 6px 21px 3px 21px; color:#fff; text-decoration:none; font-size: 15px; overflow: hidden; }
.pod_menu ul li a:hover{ color:#fff; text-shadow: 1px 1px 1px #000, 0 0 8px #fff; }
.pod_menu ul li a.current {color:#fff; text-shadow: 1px 1px 1px #000, 0 0 8px #fff;}

/* hbg */
.hbg { height:261px; background:url(images/hbg_bg.gif) repeat-x top; overflow:hidden; color:#fff;}
.hbg_resize { padding-right:0; width:960px;}
.hbg img.hbgimg { margin-right:70px; padding:16px 0 0 0; float:left;}
.hbg img.readmore { float:right; padding-top:32px;}
.hbg h2 { padding-top:16px; color:#fff; font-size:28px; text-transform:uppercase;}

/* content */
.content { margin: 0; padding: 1px 0;}
.content h1 { margin:0; padding: 20px 0 3px 0; color:#323a3f; font:bold 24px/1.2em Arial, Helvetica, sans-serif; text-transform: none; }
/*.content h2 {	background: #F1F8FE;}*/
.content_resize { margin: 0px auto; width: 960px; background: white; padding: 10px;}
.content .mainbar { float:right; width:685px; background-color: #F6F6F6; padding: 0 20px;border-radius: 5px;}
.content .sidebar .gadget { margin-bottom: 10px; padding: 10px 14px 10px 14px; background-color: #E8E8E8; border-radius: 5px;}
.gadget h2 {margin: 3px 0 10px 0;}
.content .mainbar .article {padding: 0; margin: 0;}
.content .sidebar { float:left; width:220px; background-color: white; }
ul.ex_menu, ul.ex_menu li a span { margin:0; padding:0; list-style:none; color:#959595;}
ul.sb_menu {margin:0; padding:0 0 0 25px; line-height: 1.5em;}
ul.ex_menu li { margin: 4px 0; background:url(images/li.gif) no-repeat 0 12px;}
ul.ex_menu li { padding:4px 0 8px;}
ul.sb_menu li { padding:2px 0;}
ul.sb_menu li a, ul.ex_menu li a { color:#5f5f5f; text-decoration:none; }
ul.sb_menu li a:hover, ul.ex_menu li a:hover { color:#3a90ca; font-weight:bold; text-decoration:none; }

.info_submenu { text-align: center; }

/*right menu*/
ul.right_menu { margin:0; padding:0; list-style:none; color:#323a3f; } 
ul.right_menu li { ; }
ul.right_menu li.firstli {  }
ul.right_menu li a { padding:4px 0 4px 1px; width: 218px; display: block; color:#323a3f; text-decoration:none; font-size: 130%;}
ul.right_menu li a:hover, ul.right_menu li a.current { color:#323a3f; text-decoration:underline;}

/* 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 { background-color: #F5F5F5; color:#fff; border-top: 1px solid silver; border-bottom: 5px solid #F76C2F; text-align: center; padding: 5px;}
.fbg h2 { color: black; font-size: 20px; }
.fbg h2 a{ color: black; font-size: 22px;} 

.fbg .col { margin:0; float:left;}
.fbg .c1 { padding:0 16px 0 0; width:276px;}
.fbg .c2 { padding:0 16px; width:280px;}
.fbg .c3 { padding:0 0 0 16px; width:300px;}
.fbg .c3 table { padding:0 0 15px 0; margin:0; }
.fbg .c3 table td{ text-align: left; }
.fbg .c1 img { margin:8px 16px 16px 0; padding:0; float:left;}
.fbg .c3 img, .fbg_resize .c3 img { margin: 4px 10px 4px 12px; padding:0;}
.fbg .c3 a {font-weight: bold; text-decoration: underline;}
.fbg .c3 a:hover { text-decoration: none; }
.fbg ul.sb_menu { width:285px;}
.fbg ul.sb_menu a, .fbg ul.sb_menu a:hover { color:#fff;}

/* footer */
.footer {  color:#fff;    font-size: 15px;  
background: linear-gradient(#618DB2, #67A1CF);
}
.footer img.flogo { float:left; border:none;}
.footer p { margin: 0; padding: 0; font-size: 15px;}
ul.fmenu { margin:0; padding:2px 0; list-style:none; float:left; width:auto;}
ul.fmenu li { margin:0; padding:0 4px; float:left;}
ul.fmenu li a { color:#fff; text-decoration:none; padding:2px 6px;}
ul.fmenu li a:hover { text-decoration:underline;}
ul.fmenu li a.current { color:#3a90ca; text-decoration:underline;}

.footer a { color:#fff; text-decoration:none;text-shadow: 2px 2px 2px #66859E;}
.footer a:hover { text-decoration:underline;}
.footer a.current { color:#3a90ca; text-decoration:underline;}


/* 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;}

.ulbar {margin: 0; padding: 0 90px 0 0; display: inline-block; vertical-align: top;}
.ulbar ul {margin: 10px 0 0 25px;}


.ulbar2 {margin: 0; padding: 0 90px 0 0; display: inline-block; vertical-align: top;}
.ulbar2 ul {margin: 10px 0 0 25px;}


.ulbar3 {margin: 0; display: inline-block; vertical-align: top;}
.ulbar3 ul {margin: 10px 0 0 25px;}


.ulbar4 {margin: 0; display: inline-block; float: right; vertical-align: top;}
.ulbar4 ul {margin: 10px 0 0 25px;}




/*formular*/
.kontaktbottom{
 padding-bottom: 0px !important;
}
#newsletter{
margin: 20px auto;
padding: 0;
}

.left {
float: left;
width: 43%;
margin: 0;
padding: 0 0 0 15px;
}

.right {
float: right;
width: 43%;
margin: 0 ;
padding: 0 25px 0 0;
}
.message{
margin: 0;
padding: 0 0 0 5px;
position: relative; 
 clear: both;
}

#newsletter .textbox {
font-size: 100%; 
width: 100%; height: 20px; line-height: 30px;
padding: 5px 5px 5px 5px; margin: 0 0 0 0;
outline: none;
border-radius: 5px;
border: 1px solid #C4C4C4;
box-shadow: 0px 0px 0px 0px #fff inset;
color: #000;
}      
#newsletter .textbox:focus {
 box-shadow: inset 0px 0px 2px 0px #fff;
}

#newsletter .ddl {width: auto; height: auto; padding: 0 0 0 3px;}
#newsletter .area {height: auto; width: 620px; overflow: auto; margin: 0; padding: 10px 0 0 5px; font-family: "Segoe UI", Tahoma, Arial, Helvetica, sans-serif; line-height: 1.6em;}
        
#newsletter label.form {display: block; line-height: 30px; margin: 0; padding: 0; color: #c9c9c9; font-size: 93.75%; color: #5a5c5e;}

#newsletter .button {
 margin: 10px auto 0 auto !important;
 padding: 10px 20px;
 text-transform: none;
 display: block;
 -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  font-weight: bold;
  background: #D2EAFE;
  color: black;
  cursor: pointer;
}
#newsletter .button:hover { 
 background: #AFD8FC; 
}

.zlyVstup{
  color: red;
  font-size: 80%;
  padding: 0 0 0 10px;
  display: block;
  margin: 3px 0 0 0;
}
.povinneUdaje{
  color: red;
  font-size: 80%;
  display: block;
  margin: 10px 0 0 3%;
}
.marBot15{
  margin: 0 0 15px 0;
}
#emailOKtext{
  display: block;
  font-weight: bold;
  margin: 40px 0 50px 0;
  text-align: center;
}

/* bug in chrome*/
#foxcub_translator_popup_win{
  display: none;
}

p iframe { border: 1px solid #C4C4C4; display: block; margin: auto;}

.updateFont{
  line-height: 1.5em;
}

.updateFont p{
  padding: 0 !important;
}

.updateFont span{
  font-size: 15px;
}

.highlight {
    border: 1px solid #E8E8E8; 
    padding: 0 15px 0 15px;
    margin: 0;
    border-radius: 5px;
    background: white;
}

.highlight_blue {
    background: #F3F9FB; 
    border: 1px solid #BCDEEA; 
    padding: 0px 15px 0 15px;
    border-radius: 5px;
}


.content_list_01 {
padding-left: 20px;
}


#page_footer {
  font-family: Trebuchet MS, Titillium Web, Verdana, Arial;
  font-size: 14px;
  background-color: #3B3B3B; 
  width: 100%;
  height: 165px;
}

#page_footer_top_left{
  color: #808080;
  float: left;
  padding: 12px;
  padding-top: 28px;

}

#page_footer_top_left a {
  color: #808080; 
  text-decoration: none;
}

#page_footer_top_left a:hover {
  color: #909090; 
  text-decoration: underline;
}

#page_footer_top_right{
color: #808080;
float: right;

padding: 12px;
padding-right: 0px;
padding-top: 28px;
}

#page_footer_bottom {
font-size: 13px;
color: white;
text-align: left;
width: 100%;
padding: 16px;
padding-right: 0px;
padding-left: 0px;
border-top: 1px solid #4F4F4F;
clear: both;

}

#page_footer_bottom a {
color: white;
text-decoration: none;

}

#page_footer_bottom a:hover {
text-decoration: underline;
}

.size {
	height:auto;
	width:990px;
	margin:0 auto;
}


#page_footer_cookies {
color: white;
background-color: #5A606A;
z-index: 9900;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
border-top: 1px solid #fff;
padding: 5px;
}

.buttons {
opacity:0.5;
color: black;
filter:alpha(opacity=80); /* For IE8 and earlier */
border-radius: 3px;
border: 1px solid silver;
}
