body, html {margin: 0; padding:0; background: url(../img/bg.index.gif); background-repeat:repeat-y; background-color: #3B616B; font-family:Arial, Helvetica, sans-serif;}

img {border:0;}

ul,li {	margin: 0;	padding: 0;}

li { list-style-type: none; }

.main {width:770px; }
.index {background: url('../img/bg.img.index.jpg'); background-repeat:no-repeat;}
.onasi {background: url('../img/bg.img.onasi.jpg'); background-repeat:no-repeat;}
.dodavky {background: url('../img/bg.img.dodavky.vydeju.jpg'); background-repeat:no-repeat;}
.nase-vyrobky {background: url('../img/bg.img.nase.vyrobky.jpg'); background-repeat:no-repeat;}
.katalog {background: url('../img/bg.img.katalog.vyrobku.jpg'); background-repeat:no-repeat;}
.reference {background: url('../img/bg.img.reference.jpg'); background-repeat:no-repeat;}
.kontakt {background: url('../img/bg.img.kontakt.jpg'); background-repeat:no-repeat;}

ul#menuUL {margin-left: 166px;width:140px;}

ul#menuUL li { font-size: 0; line-height: 0;  }
ul#menuUL li img {  border-bottom: 1px solid #D9E5E9; }
div.submenu {
	width: 195px;
	visibility: hidden;
}

li.submenu {
    /*padding: 12px 0 5px 7px; */
	height: 28px;
	font-size: 11px;
	font-weight: bold;
	background: #C1D1D6;
    padding: 0;
	border-left: 2px solid #CA0000;
	margin-bottom: 1px;
}


li.submenu a {color: #34474C; text-decoration: none; display: block; width: 170px; padding: 11px 0 0 7px;}


#submenu1 {
	position: absolute;
	top: 71px;
	left: 306px;
}

#submenu2 {
	position: absolute;
	top: 71px;
	left: 306px;
}

#submenu3 {
	position: absolute;
	top: 129px;
	left: 306px;
}
#lanselect {height: 71px; padding-right: 25px; }
#lanselect span {float: right; margin-top: 6px; border-left: 2px solid #90A9AF; padding-left: 7px; margin-left: 7px;}
#lanselect span a {font-size: 11px; font-weight: bold; color: #6B8A92; text-decoration: none;}
#lanselect span a:hover {color: #3B616B;}
#lanselect span.last {border-right: 2px solid #90A9AF; padding-right: 7px; }
#lanselect img {margin-left: 166px; float: left;}


#text {margin: 10px 35px 10px 330px; line-height: 1.1em}

#text a {color: #29373B;}
#text a:hover {color: #29373B; background: #E6EFF2;}

#footer {margin: 25px 0 10px 330px; border-top: 2px solid #C8D7DA; text-align: right; font-size: 10px; width: 404px; clear:both; padding-top: 2px; color: #8FA8AE;}
#footer span {float: left;}

#footer a {color: #749199; text-decoration: none;}
#footer a:hover {color: #749199; text-decoration: underline;}

ul.vtextu {margin: 5px 0 5px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #34474C;}
ul.vtextu li {padding: 1px 0 1px 8px; margin: 5px 3px 3px 0; border-left: 2px solid #CA0000; }


h1 {font-weight:lighter; font-size: 18px; color: #CA0000; border-left: 2px solid #34474C; padding: 3px 0 3px 12px; margin: 18px 0 10px 0; letter-spacing: -0.1px; }
h2 {font-size: 14px; color:#CA0000; margin: 0 0 6px 0; padding: 4px 0 0 0; border-top: 2px solid #C8D7DA; clear: both;}

p {font-size: 12px; color: #34474C; margin:0 0 6px 0; padding:0;}
p img {float: right; border: 2px solid #34474C; margin-left: 10px; margin-bottom: 6px;}

.odkaz_pod_textem {clear: both; margin-bottom: 5px;}
.odkaz_pod_textem img {float: right;}

.galerie {margin: 6px 0 6px 0; width: 390px;}
.galerie img {float: left; border: 2px solid #3B616B; margin: 0 5px 9px 0;}
img.ico {border: 0; float: none; margin-right: 8px;}

.vyrobek  {font-weight: normal; margin: 5px 0 5px 0;}
.vyrobek img {float: left; margin: 5px 10px 5px 0; border: 2px solid #3B616B; }
.vyrobek table {font-size: 11px; margin-top: 5px; border-collapse: collapse; color: #34474C;  }

.vyrobek td {text-align: center; padding: 3px; background: #E9F3F5; border-bottom: 1px solid #C4D9DE; font-weight: bold; }
.vyrobek tr.titulek td {text-align: center; padding: 3px; background: none; border-bottom: 1px solid #C4D9DE; font-weight: normal; }
.clear {clear: both;}
td.left {text-align: left;}