/* CSS Document */
body {
	margin:0;
	padding:0;
	text-align:center;
	font-size:11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color: #93d0fe;
}

a:link {
	color: #003399;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #003399;
}
a:hover {
	text-decoration: none;
	color: #003399;
}
a:active {
	text-decoration: none;
	color: #003399;
}

p {
  margin:10px;
  padding: 0;
  text-align:left;
}

/* zarovani stranky na stred - container */
.container {
	width:850px;
	margin: 20px auto 20px auto;
	text-align:left;
	background-color: #FFF;
	color: #000;
	position: relative;
	padding: 5px 0;
}

/* header */
.header {
	position:absolute;
	width:850px;
	margin: 0 auto;
	height:120px;
	top: 0px;
}

.header .menu-top{
	position:absolute;
	bottom:15px;
	right:10px;
	width:auto;
	height:15px;
	color: #003399;
	text-align:right;
}

.header .menu-top ul {
	height: auto;
	width: auto;
	list-style: none;
	margin: 0;
	padding: 0;
}
.header .menu-top li {
	list-style: none;
	display: inline;
	color:#006699;
	margin:0;padding:0;
}
.header .menu-top li a {
	color:#003399;
	text-decoration:none;
	margin:0;padding:0 7px 0 8px;	
	border-right:1px solid #003399;
}
.header .menu-top li a.last {border-right:none;}
.header .menu-top li a:hover {
	color:#003399;
	text-decoration: underline;	
}
/* ---------------------------------- */

/* topBOdy */
.topBody {
	width:850px;
	margin: 105px 0 5px 0;
	height:255px;
	position:relative;
	clear:both;
}

.topBody .menuLine {
	float:left;
	margin: 0 0 5px 0;
	padding:0;
	width:255px;
	height:10px;
	font-size:1px;
	text-align:center;
	background-color: #B1B1B1;	
}
.topBody .contentLine {
	float:right;
	margin: 0 0 5px 0;
	padding:0;
	width:590px;
	height:10px;
	font-size:1px;
	text-align:center;
	background-color: #003399;
}

.topBody .uvodniFoto {
	width:590px;
	padding: 0;
	height: 240px;
	margin: 0;
	color: #FFF;
	float:left;
	background: #069 url(../images/bg-foto-roll.jpg) repeat-x center top;
	font-size:11px;
	position: relative;
	left: 260px;
	overflow: hidden;
}
.uvodniFoto .img { border:none;}
.topBody .uvodniFoto h1{
	position:absolute;
	top:200px;
	left: 360px;
	font-size:14px;
	font-weight:bold;
	width: auto;
	margin: 0;
}

/* topBody menu */
.topBody .levy-sloupec {
	float: left;
	position: relative;
	left: -590px;
	color: #435d8e;
	width: 255px;
	padding: 0;
	height: auto;
	top: 0px;
}
.topBody .levy-sloupec .menu {
	width:255px;
	margin:0;
	padding:3px 0 0 0;
	height:237px;
	background-color: #799D09;
	background-image: url(../images/top-menu-bg.png);
	background-repeat: repeat-y;
	background-position: left top;
	position:absolute;
	top: 0px;
}
.topBody .levy-sloupec .menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float:right;
	text-align: right;
	}
.topBody .levy-sloupec .menu li {position:relative;}
	
.topBody .levy-sloupec .menu li a {
	text-decoration: none;
	}	
	
.topBody .levy-sloupec .menu li a:link, .levy-sloupec .menu li a:visited {
	width:220px;
	color: #FFFFFF;
	display: block;
	padding: 7px 35px 6px 0;
	font-weight: bold;
	font-size: 11px; 
	background: url(../images/arrow.gif) 230px 9px no-repeat;
	position:relative;
	}
	
.topBody .levy-sloupec .menu li a:hover {
	padding: 7px 35px 6px 0;
	background: #92b721 url(../images/arrow.gif) 235px 9px no-repeat;
	}
.topBody .levy-sloupec .menu li.menuActiv a {
	padding: 7px 35px 6px 0;
	background: #92b721 url(../images/arrow.gif) 230px 9px no-repeat;
}

/* podmenu */
.topBody .levy-sloupec .menu ul li ul.podmenu{
	display:none;
}
.topBody .levy-sloupec .menu ul li.zobraz ul.podmenu {
	display: block;
	position:absolute;
	top:0px;
	left: 255px;
	z-index: 100;
	background-color: #799D09;
}

.topBody .levy-sloupec .menu ul li.zobraz ul.podmenu li a:link, .topBody .levy-sloupec .menu ul li.zobraz ul.podmenu li a:visited{
	padding: 6px 0 7px 15px;
	font-size:11px;
	text-align: left;
	background: url(../images/top-menu-bg.png) repeat-y top left;
	border-top:1px solid #92b721;
	border-right:1px solid #92b721;
	border-left:1px solid #92b721;
}
.topBody .levy-sloupec .menu ul li.zobraz ul.podmenu li a:hover {background-color: #92b721; background-image:none;}
/*
.topBody .levy-sloupec .menu ul li.zobraz ul.podmenu li a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
.topBody .levy-sloupec .menu ul li.zobraz ul.podmenu li a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
}*/

/* ---------------------------------- */

/* lineDrobNav */
.lineDrobNav {
  width:850px;
	margin: 5px auto 5px 0;
	height:10px;
	position:relative;
	clear:both;
}
.lineDrobNav .menuLine {
	position:absolute;
	left:0;
	bottom:0;
	margin: 0;
	padding:0;
	width:255px;
	height:10px;
	font-size:1px;
	text-align:center;
	background-color: #B1B1B1;	
}
.lineDrobNav .contentLine {
	position:absolute;
	right:0;
	bottom:0;
	margin: 0;
	padding:0;
	width:590px;
	height:10px;
	font-size:1px;
	text-align:center;
	background-color: #B1B1B1;
}
.lineDrobNav .contentLine .nav {
  float:left;
  height:10px;
  font-size:10px;
  background-color: #FFFFFF;
  color: #B1B1B1;
  padding: 0 5px 0 0;
  font-weight:bold;
}
.lineDrobNav .contentLine .nav a, .lineDrobNav .contentLine .nav a:hover{
  color:#b1b1b1;
  text-decoration:none;
  font-weight:normal;
}
 .lineDrobNav .contentLine .nav a:hover{
  text-decoration:underline;
}
/* ---------------------------------- */
.clear {
	clear: both;
	width: 100%;
	height: 0px;
	line-height: 0px;
	background: none;
}
/* body */
.body {
	width:850px;
	margin: 5px auto 5px 0;
	height:auto;
	position:relative;
	background-repeat: repeat-y;
	background-position: left top;
	background-image: url(../images/bg-left-roll.jpg);
}

.body .content {
	width:570px;
	padding: 15px 10px 30px 10px;
	height: auto;
	margin: 0;
	color: #000000;
	float:left;
	font-size:12px;
	position: relative;
	left: 260px;
}
/* ---------------------------------- */

/* paticka stranky - footer */
.footer {
	position:relative;
	width:850px;
	margin: 0 auto;
	height:25px;
	padding: 0;
	clear:both;
}

/* ul class="bottommenu" */
.footer ul.bottommenu {
	display:inline;
	width:150px;
	color: #999999;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}
.footer ul.bottommenu li {
	float:left;
	padding:0 10px;
	text-align: left;
	list-style:none;
	margin: 0;
	font-size:11px;
	display: inline;
	line-height: 25px;
	background-image: url(../images/mezera-topmenu.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.footer ul.bottommenu li a {color: #ffffff;}


/* footer-copyright */
.footer .copyright {
	margin: 0;
	width:255px;
	float:left;
	height:19px;
	font-size:10px;
	text-align:center;
	background-color: #B1B1B1;
	padding: 6px 0 0 0;
	color: #003399;
	font-weight: bold;
}
.copyright a {text-decoration:none;}
.copyright a:hover {text-decoration:underline;}
/* footer-line */
.footer .line {
	margin: 0;
	width:570px;
	float:right;
	height:19px;
	font-size:10px;
	text-align:left;
	background-color: #CCCCCC;
	padding: 6px 10px 0 10px;
	color: #003399;
}
.footer .menu {float:left;}
.footer .menu ul {
	height: auto;
	width: auto;
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer .menu li {
	list-style: none;
	display: inline;
	color:#003399;
	margin:0;padding:0;
}
.footer .menu li a {
	color:#003399;
	text-decoration:none;
	margin:0;padding:0 4px 0 5px;	
	border-right:1px solid #003399;
}
.footer .menu li a.last { border-right:none;}
.footer .menu li a:hover {
	color:#003399;
	text-decoration: underline;	
}
.bg-bottom {
	clear:both;
	margin: 0 auto;
	width: 950px;
	position: relative;
	color:#000;
}
/* ---------------------------------- */


.body .levy-sloupec {
	float: left;
	position: relative;
	left: -590px;
	color: #003399;
	width: 255px;
	padding: 0;
	height: auto;
}
.body .levy-sloupec .h3{
	background-image: url(../images/bg-blue-roll.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#003399;
	margin:0;
	padding: 3px 10px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	width:235px;
}
.pravy-sloupec {
	float: right;
}

li.no-bg {
	background-image: url(none)!important;
}
.levy-sloupec h2, .pravy-sloupec h2 {
	font-size: 14px;
	line-height: 40px;
	font-weight: bold;
	color: #629207;/*#9F0;*/
	text-align: center;
	padding: 0;
	margin: 0;
}
.levy-sloupec input.name, .levy-sloupec input.pass {padding:auto 3px;}
.levy-sloupec input.login {background-color:#004499; color:#FFFFFF;font-weight:bold;}
.borderTop1 {
	padding: 10px;
	margin:0 0 5px 0;
	background: #f6f6f6 url(../images/sloupce-boxy-bg-bottom-right.png) no-repeat bottom right;
	border: 1px solid #ccc;
}
.borderTop {
	border-top: 5px solid #fff;
	padding: 10px;
	margin-bottom:5px;
	background: #f6f6f6 url(../images/sloupce-boxy-bg-bottom-right.png) no-repeat bottom right;
	border: 1px solid #ccc;
}




/***** Obecne styly *****/
.content a {
    color: #000;
    text-decoration: underline;
}
.content a:hover, .content a:focus, .content a:active {
	color: #000;
    text-decoration: none;
}
.content a img {
    border: 0;
}

.content table {
    font-size: 1em;
}

/*****  nadpisy  *****/


.content h1 {
	color: #003399;
	font-size: 14px;
	font-weight: bold;
	margin:5px 0;
	padding:0;
}

.content h2 {
	background-image: url(../images/bg-blue-roll.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#003399;
	margin:20px 0 10px 0;
	padding: 3px 10px;
	font-size:12px;
	color:#FFFFFF;
	width:auto;
}

.content h3 {
	font-size: 13px;
	font-weight: bold;
	color: #003366;
	text-align: center;
	margin: 10px 0;
}
.content h3 strong {
	font-size: 18px;
	font-weight: bold;
}
.content h4 {
	font-size: 12px;
	font-weight: bold;
}
.content h5 {
    font-size: 11px;
    font-weight: normal;
}

.content p {
	/*   line-height: 1.65em;
    padding-top: 20px;*/
	margin: 0;
	padding: 0;
}
.content ul, .content ol {
	padding: 10px 0 0 0;
	margin: 0 0 0 20px;
}
.content ul li, .content ol li {
    padding: 5px 0 0 10px;
    position: relative;
	list-style-type: square;
}
.content ol li {
	color:#000000;
	margin-left: 27px;
    padding: 5px 0 0 10px;
    position: relative;
	list-style-type: decimal;
}


.content table {
    border-collapse: collapse;
    margin-top: 10px;
    width: 100%;
}
.content table th, .content table td {
	padding: 5px;
	text-align: left;
	vertical-align: top;
}

/***** obrazky  ******/
.content img { 
    border: none;
	padding: 0;
    position: relative;
    text-indent: 5px;
	background: none!important;
}

.content img.img-vlevo {
    border: none;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.content img.img-vpravo {
	border: none;
	float: right;
	border:1px solid #000;
	margin: 0 0 5px 10px;
}
.content img.img-stred {
    border: none;
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
}


/***** styly v combu v editoru (jejich seznam je v DB sys_config.StylesMenuList a StylesMenuNames) ****/
.content .zvyrazneno {
    color: #000;
    font-weight: bold;
}
.content .citace {
    font-style: italic;
}
.content .monospace {
    font-family: Monospace;
}


/***** r�¡mecek pro tabulku, aby byla videt *******/
.content table {
    border-collapse: collapse;
}
.content .parametry {
	margin: 15px 0 5px 0;
}
.content .cena {
	margin: 5px 0;
}
.content .popis {
	margin: 0 0 15px;
	overflow: auto;
	max-height: 150px;
}
.content .popis strong {
	color: #339933;
	padding: 10px 0 2px 2px;
}
.content iframe {
	background: #fff;
	border:none;
}


.content .cena strong {
	font-size: 14px;
	font-weight: bold;
	color: #0066CC;
}
.content .cena12 strong {
	font-size: 11px;
	font-weight: bold;
	color: #0066CC;
}

.content .tab-kosik .tab-polozky {
	background-color: #FFF;
}
.content .tab-kosik .kos-cena {
	font-weight: bold;
	text-align: center;
}
.content .tab-kosik .kos-vypis {
	font-weight: bold;
	text-align: right;
	padding: 0 50px 0 0;
}
.content .tab-kosik .kos-sleva {
	font-size: 16px;
	font-weight: bold;
	color: #06c;
	text-align: right;
	padding: 0 15px 0 0;
	height: 18px;
}


.content .tab-kosik .kos-vas {
	font-weight: bold;
	color:#0066CC;
	font-size:12px;
}
.content .tab-kosik .kos-stav {
	font-size: 12px;
	font-weight: bold;
	color: #0066CC;
	background-color: #FFFFFF;
}
.content .tab-kosik .objednat {
	background-image: url(../images/objednat.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:107px;
	height: 24px;
	border: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size:12px;
}
.content .tab-kosik .objednat-activ {
	background-image: url(../images/objednat-activ.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:107px;
	height: 24px;
	border: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size:12px;
}
.content .tab-kosik .tab-objednat {
	background-color: #FFFFFF;
	text-align: center;
	padding: 5px;
}


.content .tab-kosik .kos-kon-cena {
	font-size: 16px;
	font-weight: bold;
	color: #06c;
	text-align: right;
	text-decoration: underline;
	padding: 0 15px 0 0;
}
.tab-objednat .input-button, .tab-objednat .input-button-a {
	background-image: url(../images/objednat.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 107px;
	height: 24px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FFFFFF;
	border: none;
	margin: 0;
	padding: 0;
}
.tab-objednat .input-button-a {
	background-image: url(../images/objednat_activ.png);
}
input  {font-size:11px;vertical-align:middle; border: 1px solid #003399;margin:1px;}
input.input-button, input.input-button-a, a:visited.button, a:link.button {
	background-color: #273857;
	background-image: url(../images/input-button_activ.png);
	background-repeat: repeat-x;
	background-position: center center;
	border: 1px solid #617395/*#304462*/;
	color: #FFF;
	height: 20px;
	line-height: 20px;
	padding: 0px 7px 5px 7px;
	margin: 0;
}
input.input-button-a, a:hover.button {
	background-image: url(../images/input-button.png);
	border: 1px solid #617395;
}
a:hover.button, a:visited.button, a:link.button {
	position:relative;
	width:auto;
	padding: 0 7px 0 7px!important;
	font-size:11px;
	margin:2px;
	color: #FFFFFF;
	line-height: 20px!important;
	height:20px;
	display: inline-block;
	text-decoration:none;
}
.formBg {
	padding: 10px;
	border: 1px solid #ccc;
	background: url(../images/box-bg-bottom-right.jpg) no-repeat bottom right;
}
.formBg table.form {
	width:100%;
	border:none!important;
	margin:0;padding:0;
}

/* content */

.content table.form th, .content table.form td {
	border: none;
	padding: 5px;
	text-align: left;
	vertical-align: top;
}
.content table.form a {color:#000000;}
.content table.form input {border: 1px solid #617395;}
.content table.form input.input-button {float:right;}
.zvyrazniTab01, .zvyrazniTab02 {font-weight:bold;}
.zvyrazniTab01 {color:#CC0000;}
.warning {color:#CC0000; font-weight: bold; font-size:12px;}
.content h2 span {
	font-weight: normal;
	color: #000000;
	font-size: 11px;
}
.content .nadpis {
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	margin: 15px 0 10px 0;
}

.text-alignJustify {text-align:justify!important;}
.text-alignLeft {text-align:left!important;}
.text-alignRight {text-align:right!important;}
.text-alignCenter {text-align:center!important;}

/*ul li span {margin: 0 4px 0 5px;width:0px; height:10px;font-size:10px; background-color: #069; overflow:hidden;border-left:1px solid #069;} */

/* webdesign */
.powered {
	width:auto;
	height:auto;
	font-size:11px;
	text-align:right;
	color:#003399;
	float: right;
	padding: 0;
}
.powered a {
	color:#003399;
	font-weight:bold;
	text-decoration: none;
}


.powered a:hover {
	text-decoration:underline;
}
.autordatum {font-size:11px; color:#666666; margin: 0;}
.anotace {margin: 10px 0 0 0;}
.vice, .zpetSeznam {
	margin: 5px 0 0 0;
	text-align:right;
	background: url(../images/blue-arrow-right.gif) no-repeat right bottom;
	padding: 0 20px 0 0;
	}
.vice a, .zpetSeznam a {color:#003399; font-weight:bold; text-decoration:none;}
.vice a:hover, .zpetSeznam a:hover {color:#003399; font-weight:bold; text-decoration:underline;}

.kotvaUp {
	margin: 5px 2px 0 0;
	text-align:right;
	background: url(../images/blue-arrow-up.gif) no-repeat right bottom;
	padding: 0 20px 0 0;
}
.kotvaUp a, .zpetSeznam a {color:#003399; font-weight:bold; text-decoration:none;}
.kotvaUp a:hover, .zpetSeznam a:hover {color:#003399; font-weight:bold; text-decoration:underline;}

.odkazPdf {
	background: url(../icons/FileType/filetype_pdf.gif) no-repeat left bottom;
	line-height:20px;
padding: 2px 0 0 20px;
}
.odkazDoc {
	background: url(../icons/FileType/filetype_doc.gif) no-repeat left bottom;
	line-height:20px;
	padding: 2px 0 0 20px;
}

.content span.zvyrazneno {
	color: #cc0000;
	font-weight: normal;
}
.content span.citace {
    font-style: italic;
}
.content span.monospace {
    font-family: Monospace;
}
.content span.preskrtnuto {text-decoration: line-through;}

/******************************************************
		barevne tabulky
******************************************************/
span.modra table { background-color:blue;}
span.modra table tr{}
span.modra table tr th{background-color:blue;}
span.modra table tr td{background-color:blue;}