/* standard elements */
/*html {min-height: 100%;}*/

* {
	margin: 0;
	padding: 0;
}

a {color: #963;}
a:hover {color: #C60;}

body {
  background: url(img/sloupec2.jpg) repeat-x center top;
  color: #444;
	font: normal 62.5% Tahoma,sans-serif;
}

p,code,ul { padding-bottom: 1.2em; }

li {list-style: none;}

h1 {
	font: normal 1.8em Tahoma,sans-serif;
	margin-bottom: 4px;
}

code {
	background: #FFF;
	border: 1px solid #EEE;
	border-left: 6px solid #C1CAD3;
	color: #666;
	display: block;
	font: normal 1em Tahoma,sans-serif;
	line-height: 1.6em;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}

blockquote {
	background: url(/img/quote.gif) no-repeat;
	display: block;
	font-weight: bold;
	padding-left: 28px;
	text-align: center;
}

h1,h2,h3 {padding-top: 6px;}
.h2-sidenav {padding: 5px 0 5px 0; letter-spacing: 2px;}

/* misc */
.ods1 { text-align: justify; text-indent: 15px }
.cert { border: 1px solid darkGrey }
.clearer { clear: both; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.justify { text-align: justify; }
.aright { text-align: right; }
.fwn { font-weight: normal; }
.bold { font-weight: bold; }
.italic { font-style:italic; }
.w49 { width: 49%; }
.w580 { width: 580px; }
.w780 { width: 780px; }
.w980 { width: 980px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }
.pl60 { padding-left: 60px; }
.pl70 { padding-left: 70px; }
.pl80 { padding-left: 80px; }
.pl90 { padding-left: 90px; }
.okraj0 { border: none; }
.left300 { float: left; width: 300px; padding-top: 30px; }
.left365 { float: left; width: 365px; padding-top: 30px; }
.left400 { float: left; width: 400px; }
.left450 { float: left; width: 450px; }
.left500 { float: left; width: 500px; }
.left565 { float: left; width: 565px; }
.left600 { float: left; width: 600px; }
.tp1 { background-color: #FC6 }
.tp2 { background-color: #FF9; }
.tp3 { background-color: #FFF; }
.tp4 { background-color: #CEFFCE; }
.tp5 { background-color: #9FFF9F; }
.poptat_typ { background-color:#e9967a; padding: 4px 4px 4px 4px; font-weight: bold; text-align: center; }
.pt0 { padding-top: 0; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pb0 { padding-bottom: 0px; }
.pb3 { padding-bottom: 3px; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb30 { padding-bottom: 30px; }
.mr0 { margin-right: 0px; }
.mr40 { margin-right: 40px; }
.ml20 { margin-left: 20px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
.mt10 { margin-top: 10px; }
.mt-20 { margin-top: -20px; }
.ptn_obr { margin-left: 50px; text-align: center; font-style: italic; padding-top: 3px; }
.ks_obr { margin-left: 10px; text-align: center; font-style: italic; }
.ks_obr2 { text-align: center; font-style: italic; }
.sekce_a { text-decoration: none; color: #000; display: block; }
.sekce_a:hover { text-decoration: none; color: #000; display: block; }
.po10 { padding-left: 10px; text-align: justify; }
.underlined { text-decoration: underline; }
.pl60pt10pb20 { padding: 10px 0 20px 60px; }
.pl20pt10pb20 { padding: 10px 0 20px 20px; }
.injust { text-align: justify; text-indent: 10%; }
.aras { text-decoration: none; color: black; }
.aras:hover { color: black; font-weight: bold; }



/* .suchy_300 { padding: 20px 0 0 60px; } */
.vice { padding-bottom: 0; padding-right: 5px; text-align: right; font-size: 0.9em; color: #6D6D6D; }
.vice a { padding-bottom: 0; padding-right: 5px; text-align: right; font-size: 0.9em; color: #6D6D6D; }
.vice a:hover { padding-bottom: 0; padding-right: 5px; text-align: right; font-size: 0.9em; color: #000; }
.vice2 { padding: 0 5px 3px 0; text-align: right; font-size: 0.9em; color: #6D6D6D; }
.vice2 a { padding-bottom: 3px; padding-right: 5px; text-align: right; font-size: 0.9em; color: #6D6D6D; }
.vice2 a:hover { padding-bottom: 3px; padding-right: 5px; text-align: right; font-size: 0.9em; color: #000; }
.vice3 { position: absolute; top: 495px; margin-left: 130px; font-size: 0.9em; color: #6D6D6D; }
.vice3 a { color: #6D6D6D; }
.vice3 a:hover { color: #000; }


.nadpis1 {
	font: bold 1.2em Tahoma,sans-serif;
	margin-bottom: 4px;
	text-align: center;
	color: #00F;
}

.nadpis2 {
	font: bold 1.1em Tahoma,sans-serif;
	text-align: left;
	color: #00F;
	padding: 5px 0 0 0;
}

.nadpis3 {
	font: bold 1.0em Tahoma,sans-serif;
	margin-bottom: 2px;
	text-align: center;
	color: #000;
}

.nadpis4 {
	font: bold 1.2em Tahoma,sans-serif;
	text-align: left;
	color: #00F;
	margin-top: 10px;
	padding: 0;
}

.nadpis5 {
	font: bold 1.1em Tahoma,sans-serif;
	text-align: left;
	color: #000;
	padding-left: 130px;
}

.nadpis6 {
	font-weight: bold;
	padding-bottom: 5px;
}

.nadpis7 {
	font-weight: bold;
	padding-top: 3px;
	font-size: 1.0em;
}

.nadpis7o {
	font-weight: bold;
	padding-top: 3px;
	padding-left: 10px;
	font-size: 1.0em;
}

.nadpis8 {
	font: bold 1.2em Tahoma,sans-serif;
	text-align: left;
	color: #00F;
	margin: 10px 0 5px 0;
}

.nadpis9 {
	font-weight: bold;
	padding: 3px 0 5px 0;
	font-size: 0.9em;
}

.nadpis10 {
	font: bold 1.1em Tahoma,sans-serif;
	text-align: center;
	color: #C00;
	letter-spacing: 1px;
}

.nadpis11 {
	font: bold 1.1em Tahoma,sans-serif;
	text-align: left;
	color: #00F;
	padding-bottom: 3px;
}

.nadpis12 {
	font: bold 1.2em Tahoma,sans-serif;
	text-align: left;
	color: #000;
	margin: 0;
}

.nadpis13 {
	font: bold 1.2em Tahoma,sans-serif;
	text-align: left;
	color: #00F;
	margin: 0 0 5px 0;
}

.nadpis14 {
	font: bold 1.2em Tahoma,sans-serif;
	text-align: center;
	color: #00F;
	margin: 5px 0 5px 0;
	padding: 0;
}

.nadpis15 {
	font: bold 1.2em Tahoma,sans-serif;
	text-align: left;
	color: #00F;
	margin: 0 0 5px 0;
}

.nadpis16 {
	font: bold 1.2em Tahoma,sans-serif;
	text-align: center;
	color: #C00;
	letter-spacing: 1px;
}

.duvody {
	font: bold 0.9em Tahoma,sans-serif;
	color: #000;
}

.nad_sekce1 {
	background: #fff url(/img/bg_ns1.png) no-repeat;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	height: 36px;
	margin: 7px auto 10px auto;
	letter-spacing: 1px;
	line-height: 31px;
	padding: 0px 20px;
	text-align: center; }
	
.nad_sekce1v {
	background: #fff url(/img/bg_ns4.png) no-repeat;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	height: 36px;
	margin: 5px auto 10px auto;
	letter-spacing: 1px;
	line-height: 31px;
	padding: 0px 20px;
	text-align: center; }
	
.nad_sekce_p0 {
	background: #fff url(/img/bg_ns1.png) no-repeat;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	height: 36px;
	margin: 10px auto 0 auto;
	letter-spacing: 1px;
	line-height: 31px;
	padding: 0px 20px;
	text-align: center; }
	
.nad_letter {
	float: left;
	background: #fff url(/img/bg_ns2.png) repeat-x;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	height: 26px;
	width: 30px;
	margin: 10px auto 3px auto;
	letter-spacing: 1px;
	line-height: 23px;
	padding: 0px 10px;
	text-align: center;
	}

.nad_rok {
	float: left;
	background: #fff url(/img/bg_ns2.png) repeat-x;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	height: 26px;
	width: 60px;
	margin: 10px auto 3px auto;
	letter-spacing: 1px;
	line-height: 23px;
	padding: 0px 10px;
	text-align: center;
	}
	
.nad_pobocka {
	background: #fff url(/img/bg_ns3.png) repeat-x;
	display: block;
	font-size: 0.9em;
	font-weight: normal;
	height: 18px;
	width: 287px;
	margin: 3px auto 3px auto;
	padding-top: 1px;
	letter-spacing: 1px;
	line-height: 15px;
	text-align: center;
	}
	
.nad_citace {
	background: #fff url(/img/bg_ns2.png) repeat-x;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	height: 26px;
	width: 500px;
	margin: 10px auto 10px auto;
	letter-spacing: 1px;
	line-height: 23px;
	padding: 0px 10px;
	text-align: center;
	}

.nad_citace2 {
	background: #fff url(/img/bg_ns2.png) repeat-x;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	height: 26px;
	width: 600px;
	margin: 0px auto 10px auto;
	letter-spacing: 1px;
	line-height: 23px;
	padding: 0px 10px;
	text-align: center;
	}

.nad_citace3 {
	background: #fff url(/img/bg_ns2.png) repeat-x;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	height: 26px;
	width: 300px;
	letter-spacing: 1px;
	line-height: 23px;
	margin-top: 20px;
	padding: 0 0 0 3px;
	text-align: left;
	}

.nad_citace4 {
	background: #fff url(/img/bg_ns2.png) repeat-x;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	height: 26px;
	width: 400px;
	letter-spacing: 1px;
	line-height: 23px;
	margin-top: 10px;
	padding: 0 0 0 3px;
	text-align: left;
	}

.nad_citace5 {
	background: #fff url(/img/bg_ns2.png) repeat-x;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	height: 26px;
	width: 550px;
	letter-spacing: 1px;
	line-height: 23px;
	margin-top: 10px;
	margin-left: 110px;
	margin-bottom: 10px;
	padding: 0 0 0 3px;
	text-align: center;
	}

.nad_citace6 {
	background: #fff url(/img/bg_ns2.png) repeat-x;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	height: 26px;
	width: 420px;
	letter-spacing: 1px;
	line-height: 23px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 0 0 0 3px;
	text-align: left;
	}
	
.nad_citace7 {
	background: #fff url(/img/bg_ns2.png) repeat-x;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	height: 26px;
	width: 100px;
	letter-spacing: 1px;
	line-height: 23px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 0 0 0 3px;
	text-align: left;
	}

.nad_citace8 {
	background: #fff url(/img/bg_ns2.png) repeat-x;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	height: 26px;
	width: 160px;
	letter-spacing: 1px;
	line-height: 23px;
	margin: 0 0 10px 0;
	padding: 0 0 0 3px;
	text-align: left;
	}

.nad_citace9 {
	background: #fff url(/img/bg_ns2.png) repeat-x;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	height: 26px;
	width: 110px;
	letter-spacing: 1px;
	line-height: 23px;
	margin: 20px 0 10px 0;
	padding: 0 0 0 3px;
	text-align: left;
	}

.nad_citace10 {
	background: #fff url(/img/bg_ns2.png) repeat-x;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	height: 26px;
	width: 510px;
	letter-spacing: 1px;
	line-height: 23px;
	margin: 10px 0 10px 0;
	padding: 0 0 0 3px;
	text-align: left;
	}

.nad_citace11 {
	background: #fff url(/img/bg_ns2.png) repeat-x;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	height: 26px;
	width: 550px;
	letter-spacing: 1px;
	line-height: 23px;
	margin-top: 10px;
	margin-left: 210px;
	margin-bottom: 10px;
	padding: 0 0 0 3px;
	text-align: center;
	}

.vz { 
	width: 252px; 
	float: left; 
	background: url(/img/odrazka.gif) left center no-repeat;
	margin: 4px 5px 3px 0;
	font-weight: bold;
	padding-left: 10px;
	}

.vz a { 
	text-decoration: none;
	color: #444;
	}

th.tabulka_td_header {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
} 

th.tabulka_td_header2 {
	border-top: 1px solid black;
} 

th.tabulka_td_header3 {
	border-bottom: 1px solid black;
} 

th.tabulka_td_left {
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
} 

th.tabulka_td_right {
	border-right: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
} 

th.tabulka_td_right2 {
	border-right: 1px solid black;
	border-top: 1px solid black;
} 

th.tabulka_td_right3 {
	border-right: 1px solid black;
	border-bottom: 1px solid black;
} 


th.underline, td.underline {
	border-bottom: 1px solid black;
} 
	
/* structure */
.container {
	background: #FFF;
	font-size: 1.2em;
	margin: 0px auto auto auto;
	padding: 0px 10px 10px 10px;
	width: 1180px;
}

/* header */
.top {
	width: 1200px;
  margin:0 auto;
  padding: 0;
  background: url(img/bg.jpg) repeat-x;
  height: 170px;
}

/* google */
.google {	
  float: left;
  margin: 195px 0 0 525px;
}

.ee_home {	
  float: left;
  width: 530px;
	height: 170px;
}

/* main */
.main {
	padding-top: 5px;
}


.sidenav { padding-top: 5px; }
.sidenav h2 {
	color: #c00;
	font-size: 1.1em;
	line-height: 30px;
	margin: 0;
	background-color: darkGrey;
	text-align: center;
}

/* Actual menu CSS starts here */
	.menu,
	.menu ul {
		margin:0;
		padding:0;
		list-style:none;
		border-top: 1px solid #EAEADA;
		font-weight: bold;
		background-color: #DEDEDE;
	}
	.menu li {
		display: block;
		margin: 0;
		padding: 0;
		/*margin-bottom: 1px;*/
		border-bottom: 1px solid #EAEADA;
	}
	.menu a {
		display: block;
		padding: 5px 2px;
		color: #000;
		/*background: #b0c23d;*/
		text-decoration: none;
	}
	.menu a:hover, .menu a:focus, .menu a:active {background-color:darkGray;}
	.menu ul li {padding-left:10px; font-weight: normal; background-color: #EAEAEA; border-bottom: 1px solid #FFF; font-size: 0.9em }
	.menu ul a {background-color: #EAEAEA;}
	.hidden {display:none;}

/* menu bez roletky */
	.menu2,
	.menu2 ul {
		margin:0;
		padding:0;
		list-style:none;
		border-top: 1px solid #EAEADA;
	}
	.menu2 li {
		display:block;
		margin:0;
		padding:0;
		/* text-indent: 5px; */
		border-bottom: 1px solid #EAEADA;
	}
	.menu2 a {
		display:block;
		padding:5px 5px 5px 10px;
		color:#000;
		/*background:#b0c23d;*/
		text-decoration:none;
	}
	.menu2 a:hover, .menu2 a:focus, .menu2 a:active {background-color:darkGray;}
	.menu2 ul li {margin-left: 10px; border: 0; }
	/*.menu ul a {background:#ced174;}*/
	.hidden2 {display:none;}
	.nav-zluta {background-color: #EAEAEA; font-weight: bold;}
	.nav-normal {background: #FFF; font-weight: normal;}

  /* menu s roletkou doplňkové */
	.menu3,
	.menu3 ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	.menu3 li {
		display:block;
		margin:0;
		padding:0;
		/* text-indent: 5px; */
		border-bottom: 1px solid #EAEADA;
	}
	.menu3 a {
		display:block;
		padding:5px 5px 5px 10px;
		color:#000;
		/*background:#b0c23d;*/
		text-decoration:none;
	}
	.menu3 a:hover, .menu3 a:focus, .menu3 a:active {background-color:darkGray;}
	.menu3 ul li {margin-left: 10px; border: 0;}
	/*.menu ul a {background:#ced174;}*/
	.hidden3 {display:none;}



/* content */
.content {
	float: right;
	margin: 0 0 10px 0;
	width: 1000px;
}
.content .descr {
	color: #664;
	font-size: 0.9em;
	margin-bottom: 6px;
}

.content .mininav {
	color: #664;
	font-size: 0.9em;
	margin: 6px 0 6px 0;
	text-align: center;
}
.content li {
	list-style: url(/img/li.gif);
	margin-left: 18px;
}
.content p {
	font-family: Tahoma,sans-serif;
}

/* stranka + special */
.stranka {
	float: left;
	width: 805px;
	padding: 5px 10px 0 10px;
    min-height: 600px;
	}
	
.stranka2 {
	float: left;
	width: 980px;
	padding: 0 10px 0 10px;
	}

.special {
	float: right;
	width: 175px;
	}
	
.special_ram { border: 1px solid #ffcc00; padding: 5px; margin-bottom: 5px; margin-top: 10px; }
.special_ram_cez { border: 1px solid #EAEAEA; margin-bottom: 5px; margin-top: 10px; padding: 5px 5px 0 5px; }
.i_c_pb0 { padding-bottom: 0; text-align: center; font-style: italic; }
.i_c_pb0_size { padding-bottom: 0; text-align: center; font-style: italic; font-size: 0.9em; padding-top: 3px; }
.sub_special { font-size: 0.9em; text-align: center; padding-top: 3px; }
.sub_special_pt0 { font-size: 0.9em; text-align: center; }
.nad_special { text-align: center; color: #444; font-size: 0.9em; font-style: normal; padding-bottom: 10px; }
.nad_special a { text-decoration: none; color: #444; }
.nad_special a:hover { color: #000; }
.nad_special2 { text-align: center; color: #444; font-size: 0.9em; font-style: normal; padding-bottom: 0px; padding-top: 5px; }
.nad_special2 a { text-decoration: none; color: #444; }
.nad_special2 a:hover { color: #000; }
.nad_specialsgb { text-align: center; color: #444; font-size: 1.0em; font-style: normal; padding-bottom: 0px; padding-top: 5px; }
.nad_specialsgb a { text-decoration: none; color: #444; }
.nad_specialsgb a:hover { color: #000; }
.sub_specialsgb { font-size: 1.0em; text-align: center; padding-top: 3px; }
.sub_specialsgb a { text-decoration: none; color: #444; }
.sub_specialsgb a:hover { color: #000; }
/* .spec2011_nadpis { text-align: left; color: #444; font-size: 0.9em; font-style: normal; padding: 8px 8px 3px 8px; font-weight:normal } */
.spec2011_nadpis { text-align: center; color: #000; font-size: 0.9em; font-style: normal; padding: 8px 8px 3px 8px; font-weight: bold; line-height: 140%; }


	
/* kontakty */
div.kbox { margin: 0px; width: 289px }
.kbox div.obal2 { padding-left: 90px }
.foto { border: 1px solid #ccc; padding: 1px; display: inline; left: 13px; top: 13px; margin-right: 5px }
.role { font-size: 0.9em; font-weight: bold; color: #000; }
.tel-mob1 { font-size: 1.0em; font-weight: normal; }
.tel-mob2 { font-size: 1.0em; font-weight: normal; }
.jmeno { font-size: 1.1em; font-weight: bold; }
.email { text-align: center; }
.email a { text-decoration: none; color: #00F; }
.email a:hover { text-decoration: underline; }
.kbox { background: #f7f7f7 url(/img/bg_kbox.png) repeat-x; display: inline; float: left; min-height: 50px; margin: 5px auto;  }
.kbox .ktop, .kbox .kbottom { display: block; font-size: 0; height: 8px; width: 100% }
.kbox .ktop b, .kbox .ktop i, .kbox .kbottom b, .kbox .kbottom i {
	background: #fff url(/img/bg_kbox_corners.png) no-repeat;
	display: block;
	height: 8px;
	width: 8px;
	z-index: 2 }
.kbox .ktop b { float: left }
.kbox .ktop i { background-position: -8px 0; float: right }
.kbox .kbottom { background: #fff url(/img/bg_kbox_horiz.png) repeat-x; clear: both }
.kbox .kbottom b { background-position: 0 -8px; float: left }
.kbox .kbottom i { background-position: -8px -8px; float: right }
.kbox div.obal1 { background: transparent url(/img/bg_kbox_vert_l.png) repeat-y left; padding-left: 13px; }
.kbox div.obal2 { background: transparent url(/img/bg_kbox_vert_r.png) repeat-y right; height: 100%; padding: 5px 10px 5px 0  }

/* menu-box */
div.menubox { margin: 0px; width: 175px }
.menubox div.obal2 { padding-left: 90px }
.menubox { background: #f7f7f7 url(/img/bg_kbox.png) repeat-x; display: inline; float: left; margin: 5px auto;  }
.menubox .ktop, .menubox .kbottom { display: block; font-size: 0; height: 8px; width: 100% }
.menubox .ktop b, .menubox .ktop i, .menubox .kbottom b, .menubox .kbottom i {
	background: #fff url(/img/bg_kbox_corners.png) no-repeat;
	display: block;
	height: 8px;
	width: 8px;
	z-index: 2 }
.menubox .ktop b { float: left }
.menubox .ktop i { background-position: -8px 0; float: right }
.menubox .kbottom { background: #fff url(/img/bg_kbox_horiz.png) repeat-x; clear: both }
.menubox .kbottom b { background-position: 0 -8px; float: left }
.menubox .kbottom i { background-position: -8px -8px; float: right }
.menubox div.obal1 { background: transparent url(/img/bg_kbox_vert_l.png) repeat-y left; padding-left: 5px; }
.menubox div.obal2 { background: transparent url(/img/bg_kbox_vert_r.png) repeat-y right; height: 100%; padding: 0 5px 0 0  }

/* specialbox */
div.specialbox { margin: 5px 0 0 0; width: 175px; height: 280px }
.specialbox div.obal2 { padding-left: 90px }
.specialbox { background: #f7f7f7 url(/img/bg_kbox.png) repeat-x; display: inline; float: left; margin: 5px auto;  }
.specialbox .ktop, .specialbox .kbottom { display: block; font-size: 0; height: 8px; width: 100% }
.specialbox .ktop b, .specialbox .ktop i, .specialbox .kbottom b, .specialbox .kbottom i {
	background: #fff url(/img/bg_kbox_corners.png) no-repeat;
	display: block;
	height: 8px;
	width: 8px;
	z-index: 2 }
.specialbox .ktop b { float: left }
.specialbox .ktop i { background-position: -8px 0; float: right }
.specialbox .kbottom { background: #fff url(/img/bg_kbox_horiz.png) repeat-x; clear: both }
.specialbox .kbottom b { background-position: 0 -8px; float: left }
.specialbox .kbottom i { background-position: -8px -8px; float: right }
.specialbox div.obal1 { background: transparent url(/img/bg_kbox_vert_l.png) repeat-y left; padding-left: 5px; height: 270px; }
.specialbox div.obal2 { background: transparent url(/img/bg_kbox_vert_r.png) repeat-y right; height: 100%; padding: 0; }

/* specialbox-aktuality */
div.specialbox-akt { margin: 5px 0 0 0; width: 175px; height: 330px }
.specialbox-akt div.obal2 { padding-left: 90px }
.specialbox-akt { background: #f7f7f7 url(/img/bg_kbox.png) repeat-x; display: inline; float: left; margin: 5px auto;  }
.specialbox-akt .ktop, .specialbox-akt .kbottom { display: block; font-size: 0; height: 8px; width: 100% }
.specialbox-akt .ktop b, .specialbox-akt .ktop i, .specialbox-akt .kbottom b, .specialbox-akt .kbottom i {
	background: #fff url(/img/bg_kbox_corners.png) no-repeat;
	display: block;
	height: 8px;
	width: 8px;
	z-index: 2 }
.specialbox-akt .ktop b { float: left }
.specialbox-akt .ktop i { background-position: -8px 0; float: right }
.specialbox-akt .kbottom { background: #fff url(/img/bg_kbox_horiz.png) repeat-x; clear: both }
.specialbox-akt .kbottom b { background-position: 0 -8px; float: left }
.specialbox-akt .kbottom i { background-position: -8px -8px; float: right }
.specialbox-akt div.obal1 { background: transparent url(/img/bg_kbox_vert_l.png) repeat-y left; padding-left: 5px; height: 320px; }
.specialbox-akt div.obal2 { background: transparent url(/img/bg_kbox_vert_r.png) repeat-y right; height: 100%; padding: 0; }

/* specialbox-aktuality2 */
div.specialbox-akt2 { margin: 15px 0 0 0; width: 175px; height: 155px }
.specialbox-akt2 div.obal2 { padding-left: 90px }
.specialbox-akt2 { background: #f7f7f7 url(/img/bg_kbox.png) repeat-x; display: inline; float: left; margin: 5px auto;  }
.specialbox-akt2 .ktop, .specialbox-akt2 .kbottom { display: block; font-size: 0; height: 8px; width: 100% }
.specialbox-akt2 .ktop b, .specialbox-akt2 .ktop i, .specialbox-akt2 .kbottom b, .specialbox-akt2 .kbottom i {
	background: #fff url(/img/bg_kbox_corners.png) no-repeat;
	display: block;
	height: 8px;
	width: 8px;
	z-index: 2 }
.specialbox-akt2 .ktop b { float: left }
.specialbox-akt2 .ktop i { background-position: -8px 0; float: right }
.specialbox-akt2 .kbottom { background: #fff url(/img/bg_kbox_horiz.png) repeat-x; clear: both }
.specialbox-akt2 .kbottom b { background-position: 0 -8px; float: left }
.specialbox-akt2 .kbottom i { background-position: -8px -8px; float: right }
.specialbox-akt2 div.obal1 { background: transparent url(/img/bg_kbox_vert_l.png) repeat-y left; padding-left: 5px; height: 145px; }
.specialbox-akt2 div.obal2 { background: transparent url(/img/bg_kbox_vert_r.png) repeat-y right; height: 100%; padding: 0; }

/* specialboxsgb */
div.specialboxsgb { margin: 20px 0 0 0; width: 175px }
.specialboxsgb div.obal2 { padding-left: 90px }
.specialboxsgb { background: #f7f7f7 url(/img/bg_kbox.png) repeat-x; display: inline; float: left; margin: 5px auto;  }
.specialboxsgb .ktop, .specialboxsgb .kbottom { display: block; font-size: 0; height: 8px; width: 100% }
.specialboxsgb .ktop b, .specialboxsgb .ktop i, .specialboxsgb .kbottom b, .specialboxsgb .kbottom i {
	background: #fff url(/img/bg_kbox_corners.png) no-repeat;
	display: block;
	height: 8px;
	width: 8px;
	z-index: 2 }
.specialboxsgb .ktop b { float: left }
.specialboxsgb .ktop i { background-position: -8px 0; float: right }
.specialboxsgb .kbottom { background: #fff url(/img/bg_kbox_horiz.png) repeat-x; clear: both; }
.specialboxsgb .kbottom b { background-position: 0 -8px; float: left }
.specialboxsgb .kbottom i { background-position: -8px -8px; float: right }
.specialboxsgb div.obal1 { background: transparent url(/img/bg_kbox_vert_l.png) repeat-y left; padding-left: 5px; }
.specialboxsgb div.obal2 { background: transparent url(/img/bg_kbox_vert_r.png) repeat-y right; height: 100%; padding: 0 5px 0 0  }

/* rozcestnik */
div.kbox99 { margin: 0px 10px 10px 0px; width: 193px }
.kbox99 div.obal299 { padding-left: 90px }
.kbox99 { background: #f7f7f7 url(/img/bg_kbox.png) repeat-x; display: inline; float: left; min-height: 50px; margin: 5px auto;  }
.kbox99 .ktop99, .kbox99 .kbottom99 { display: block; font-size: 0; height: 8px; width: 100% }
.kbox99 .ktop99 b, .kbox99 .ktop99 i, .kbox99 .kbottom99 b, .kbox99 .kbottom99 i {
	background: #fff url(/img/bg_kbox_corners.png) no-repeat;
	display: block;
	height: 8px;
	width: 8px;
	z-index: 2 }
.kbox99 .ktop99 b { float: left }
.kbox99 .ktop99 i { background-position: -8px 0; float: right }
.kbox99 .kbottom99 { background: #fff url(/img/bg_kbox_horiz.png) repeat-x; clear: both }
.kbox99 .kbottom99 b { background-position: 0 -8px; float: left }
.kbox99 .kbottom99 i { background-position: -8px -8px; float: right }
.kbox99 div.obal199 { background: transparent url(/img/bg_kbox_vert_l.png) repeat-y left; padding-left: 13px; }
.kbox99 div.obal299 { background: transparent url(/img/bg_kbox_vert_r.png) repeat-y right; height: 100%; padding: 5px 10px 5px 0  }
.nad_rozc { text-align: center; font-size: 1.1em; padding-bottom: 5px; font-weight: normal; padding-top: 0; }
.nad_rozc a { text-decoration: none; color: #c00; }
.nad_rozc a:hover { color: #00f; }

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
	position: relative;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -38px;
	left: -50px;
	z-index: 1000;

}

.hoverbox img
{
	border: 1px solid #ccc; 
	padding: 1px;
	width: 159px;
	height: 106px;
}

/*.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}*/

.hoverbox .preview
{
	border: 1px solid #ccc; 
	padding: 1px;
	width: 300px;
	height: 200px;
}


/* footer */
.footer {
	background-image: url("/img/bottom2.jpg");
	color: #fff;
	font-size: 1.2em;
	line-height: 30px;
	width: 1200px;
	text-align: center;
	margin: 0 auto;
}
.footer a,.footer a:hover {color: #fff; text-decoration: none;}

/* s7 - aktuality */
#s7 div { width: 149px }

/* sgc - reference */
.ref-gal 
 {
	margin: 10px 0 0 50px;
 }  

.ref-foto 
 {
	border: 1px solid #a0a0a0;
	padding: 2px;
	margin: 0 20px 20px 0;
 }
 
 /* Form styling */

label {
    display: block;
    padding: 1px 7px 0;
    position: absolute;
    top: 0;
    z-index: 1;
}

input[type="text"], textarea {
    display: block;
    background: none;
    font: inherit;
    padding: 0 7px;
    position: relative;
    z-index: 10;
	overflow: auto; /* removes scrollbar from textarea in IE - trick from HTML5 boilerplate*/
}

label, input[type="text"], #singleParagraphInputs div{
	/* these two values must be the same */
	line-height: 1.5em;
	height: 1.5em;
}

#singleParagraphInputs div, #commentTxt, #recaptcha_widget_div{
	margin-bottom: 1.5em;
}

input, textarea, #recaptcha_table{
	border: 1px solid #ccc;
}

.formError {
    border: 1px solid red;
}

#contactForm, #recaptcha_table{
	width: 600px;
	margin: 0 auto;
	margin-top: 20px;
}

#singleParagraphInputs div, #commentTxt {
    position: relative;
}

#singleParagraphInputs input {
    width: 584px; /* 16px less than form width */
}

#commentTxt textarea {
    min-height: 9em;
	min-width: 584px; /* 16px less than form width */
	/* if you aim ie7 users specify font to use in textarea since it won't inherit it*/
	/*
	font: 14px/1.5em sans-seif;
	*/
}

#screenReader, #checking {
    float: left;
	display: none;
}

#recaptcha_response_field {
    width: 286px !important; /* just a stylistic detail to make the input field equal width as the box with words to copy */
}

input[type="submit"]{
	/* some styles for the button */
}