/* OBECNE STYLY */


* { margin: 0; padding: 0; }
html {overflow: auto; background-color: white;}
BODY, DIV, TABLE, CAPTION,ADRESS, IMG {
  border: 0;
  margin: 0;
  padding: 0;
}

.hidden{display:none;}


BODY {
	text-align: center;
	font-family: georgia, "Times New Roman", Times, serif;
	background-color: white;
	color: white;
}

img {border: 0;}
hr {display: block;}

p {
	color: #3e3e3e;
	margin-top: 0;
	margin-left: 20px;
        padding-top: 0;
        line-height: 150%;
}

ul, ol {
	color: #d20001;
	line-height: 100%;
}

/*ul {
	margin-left: 15px;
	text-align: left;
    padding-left: 0;
	list-style-image: url('../img/seznam.png');
	list-style-position: inside;
}


ol {
	margin-left: 0;
	padding-left: 1em;
}*/

a:link, a:active {
	text-decoration: none;
	color: #3E3E3E;
}

a:visited{
	text-decoration: none;
	color: #3E3E3E;
}

a:hover {
	text-decoration: underline;
	color: #3E3E3E;
}

.toLeft {
  float: left;
}

.toRight {
  float: right;
}

.center{
	text-align: center;
}

.toCenter {
	display: block;
	text-align: center;
	margin: 0 auto;
}

.halfwidth{width: 50%;}

.right{text-align: right;}
.cleaner {
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	content: ' ';
	font-size: 0;
}

.cleaner HR{
	display: none;
}

.ramec{border: 1px solid red; width: 500px;}

.zobraz HR{
    display: block;
    margin-top: 10px;
}
.zobraz{height: 20px;}



.prava{color: white;}

h1, h2, h3 {
	margin-left: 5px;
	padding: 0;
	text-align: left;
    letter-spacing: normal;
	font-size: 20px;
    font-weight: bold;
    text-align: center;
}

h1{font-size: 0px;}
h3{font-size: 20px;}
h2{color: #da251d; text-align: left; margin: 30px 0 10px 40px; font-size: 15px; font-weight: bold;}
h1{color: #da251d; text-align: left; margin: 30px 0 10px 40px; font-size: 15px; font-weight: bold;}
h4{font-size: 20px; text-align: center;}

.main_list{color: black; font-size: 16pt; margin-left: 180px; }
.main_list li{list-style-type: none; list-style-image: none;}
.imgCenter{margin-left: 130px;}
.odsazeni{ margin: 10px;}
ol {margin-left: 35px; margin-right: 10px;}
ol li{margin-bottom: 5px;}

.ramecek{border: 1px solid black;}

.msgOK, .msgError{background-color: #ae2304; color: white; text-align: center;}
.msgError{background-color: #ae2304;}

/* SEZNAM */
.sponzor{background-color: #e1cacd;}
td.name{width: 31ex;}
td.adresa div{width: 30ex; height: 1.1em; overflow: hidden; }
.seznam{width: 100%; margin-top: 20px; Border-collapse: collapse;}
.seznam td{padding: 2px 5px;}

/* FORMULAR */
fieldset {border: none; padding: 10px;}
legend{display: none;}
label{display: block; float: left; width: 140px; margin-bottom: 5px;}
label.small{width: 50px;}
input{margin-bottom: 5px;}
input.text{width: 250px;}
input.small{width: 50px; margin-right: 5px;}
input.button{float: none; background-color: #ae2304; border: none; height: 30px; width: 120px; padding-bottom: 3px; color: white;}
form br{clear: both;}
textarea{height: 100px; }
select {float: left; border: 1px solid #8f3844; margin: 0 5px;}

table#aktuality {margin-left: 20px;}

#sprava_aktualit{width: 530px; margin: 0 auto;}
#sprava_aktualit input.text,#sprava_aktualit textarea{width: 330px;}

/* LAYOUT */

#panelTop{width: 100%;}
#panelMiddle{width: 100%; text-align:center; margin-top: 40px; color: #3E3E3E;background: url('../img/panelMiddle_bg.png') repeat-x;}
#panelMiddleIn{width:938px; margin:0 auto; text-align:left;}
#panelMiddleIn2{width:916px; margin:0 auto;}
#mainLeft{width: 880px; float: left;}
#panelMain{width: 660px; padding-right: 10px; float: right; font-size: 10pt; }
#panelMain2{width: 876px; float: left; font-size: 10pt; padding: 20px;}
#panelLeft{width: 210px; float: left; }
#panelLeft #left_img{background: url('../img/preview.jpg'); height: 600px;}
#panelRight{width: 0px; float: right;}
#panelBottom{border-top: 2px solid #da251d; width: 880px; color: #ffffff; padding-top: 5px; padding-bottom: 15px; clear: both; margin: 0 auto;}
#panelTopik{width: 900px; color: #ffffff; padding-bottom: 5px; padding-right: 50px; clear: both; margin: 0 auto;}
#panelContent{padding-left: 30px; padding-right: 30px;}

#obdelnik h2{margin: 10px 0px 0px 0px; text-align: center;}

#galer{float: left; text-align: center; margin-left: 65px;}



#panelMain ul {
	color: #da251d;
	line-height: 150%;
}

#obdelnik{border-top: 1px solid #e1e1e1; width:600px; margin: 0 auto;}

#panelContent.bgKatalog {background-color: #ffffff; background-image: none;}

#poradna{background: url('../img/lista_bottom1.png') no-repeat; width: 190px; height: 38px; padding-top: 9px;}
#poradna a{font-size: 15px; font-weight: bold; text-align: center; text-decoration: none; color: black;}
#poradna a:hover{text-decoration: underline;color: #DE0000;}

#otazky fieldset {border: 1px solid #ffffff; padding: 10px; background-color: white;}
#otazky label{display: block; float: left; width: 140px; margin-bottom: 5px; color: black;}
#otazky p{padding: 0;}

#richter img{}
#panelLeft p{margin-left: 0px; font-size: 9pt;}
#panelLeft a{margin-left: 0px; font-size: 9pt; color: #3E3E3E;}
#panelLeft a:visited{text-decoration: none;}
#panelLeft a:hover{text-decoration: underline;}

#simplegallery1{float: left; position: relative; visibility: hidden; border: 1px solid darkred;}
#simplegallery2{float: left; position: relative; visibility: hidden; border: 1px solid darkred;}



#panelLeft ul{font-size: 8pt; color: #3E3E3E; text-align: center; margin-bottom: 10px; list-style-type: none;}


#panelBottom a{color: #da251d;}
#panelBottom a:hover{color: #da251d;}
#panelBottom p{font-size: 11px;text-align: center; margin: 0;}
#panelTopik p{font-size: 11px; text-align: right;margin: 0;}
#panelTopik a{color: #ae2304;}
#panelBottom img{margin-top: 5px; margin-right: 30px; }

#odberatel{float: left;width: 320px;}
#dodavatel{float: right;width: 320px;}
#info{width: 600px;}
#suma_celkem{text-align:center;}
.tabulkaPolozek{width:670px;}

/*TELO*/


div.content {background: white url('../img/content.gif') repeat-x; color: #8f3844; width: 100%;}

#preview{width: 900px; height: 600px;}

#panelMain .image{float: left; margin: 20px 20px 10px 20px;}
#panelMain .image2{float: right; margin: 20px 20px 10px 20px;}
#panelMain .toRight{float:right;}
#panelMain p{}
#podminky p{padding-top: 1px; padding-bottom: 1px;}


#border-right {border-right: 1px solid #e1e1e1; margin: 10px 0; padding-right: 10px;}
#border-left {border-left: 1px solid #aeaeae; margin: 10px 0; position: relative; left: -1px; padding-left: 10px; }

/*detail*/
#panelMain h3{text-align: left; text-transform: uppercase; font-size: 12pt; margin: 5px 0 5px 0px; }

#panelMain form h3{color: white;}
#panelMain h4{text-align: left; font-size: 11pt; padding-bottom: 3px; padding-left: 10px; border-bottom: 1px solid #aeaeae; margin-bottom: 10px;}
#detail img{border: 1px solid #aeaeae; padding: 3px; }
#detail img.otherImg{margin: 2px 5px; }
#detail a{text-decoration: none;}
#detail {padding-bottom: 40px; }
#detail p{margin: 15px 5px; padding: 0;}
#detail div{width: 49%;}

#detail form{width: 390px; margin: 30px 0 0 0; float: right;}
#detail form fieldset{background-color: #ffffff; border: 1px solid #aeaeae;}
#detail form input{border: 1px solid #aeaeae;}
#detail form input.text{width: 40px; float: right; margin-top: 7px; margin-right: 15px; text-align: right;}
#detail form input.button{ background-color: #ebebeb; background-image: none; float: right; }
#detail form label{color: #000000; float: right; margin-top: 7px; width: 13ex;}

form .povinne{color: #e86837;}

#adresar a{margin-left: 30px;}



#panelMain p.odkazyNaStranky{padding-top: 5px; text-align: center;}
#panelMain p.odkazyNaStranky span{font-family: times new roman;}
#panelMain p.aktualita{padding: 5px;}

#panelMain table.popis { border-collapse: collapse; margin-left: 30px; margin-bottom: 20px;}
table.popis td{border-bottom: 1px solid #094fa3; text-align: left; width: 80px;}
table.popis td+td{width: auto; font-weight: normal;}
table.popis td.ks{width: 5em; text-align: center;}

#panelMain table.popis2 { border-collapse: collapse; margin-left: 30px; margin-bottom: 20px;}
table.popis2 td{border-bottom: 1px solid #008000; text-align: left; width: 80px;}
table.popis2 td+td{width: auto; font-weight: normal;}
table.popis2 td.ks{width: 5em; text-align: center;}


p.aktualita{font-size: 9pt;}

.mDown {margin-top: 3px;}
#panelMain h2 a{text-decoration: none;}
#panelMain div.descript h3{margin: 10px;}

ul.nolist li {list-style-type: none; list-style-image: none;}

p#admin{width: 178px; color: black; font-weight: bold; padding-top: 8px; height: 38px; background: url('../img/lista_bottom.png') no-repeat; text-align: left; padding-left: 20px; }
a#admin{width: 198px; font-size: 15px; text-decoration: none; color: black; font-weight: bold; padding-top: 9.5px; height: 38px; background: url('../img/lista_bottom.png') no-repeat; text-align: left;padding-left: 7px;}
a:hover#admin{text-decoration: underline; color: #DE0000;}
/*#admin a{text-decoration: none;}*/


fieldset .cena{color: black;}


/*Skupiny*/
.panelSide{margin: 0 1px 20px 10px; text-align: center; }
.panelSide img{margin: 5px auto;}
.panelSide h2{margin: 15px 0 10px 0;  color: #000000; text-align: center; font-size: 18px; text-transform: uppercase; background: url('../img/bg_h2.png') 10px 8px no-repeat;}
.panelSide ul{list-style: none; list-style-image: none; text-align: center; margin: 0; padding: 0;}
.panelSide ul li{ display: block;  list-style: none; list-style-image: none;  margin: 5px 0 0 0; padding: 0;}
.panelSide ul li a{text-decoration: none; color: #3E3E3E; font-size: 10pt; margin: 0; }
.panelSide ul li a:hover{color: #ae2304;}
.panelSide ul li.licha{/*background-color: #e9e9e9;*/}
.panelSide ul li.suda{/*background-color: #ffffff;*/}
.panelSide ul ul li.suda, .panelSide ul ul li.licha {background:  url('../img/bg_skupiny.gif') -10px 0 no-repeat; background-color: #cecece; padding: 0;}
.panelSide ul ul li.suda {background:  url('../img/bg_skupiny.gif') -10px 0 no-repeat; background-color: #ffffff; padding: 0;}
.panelSide ul ul ul li.suda, .panelSide ul ul ul li.licha{background-color: #cecece; background-image: none; margin: 0; padding: 0; display: block;}
.panelSide ul ul li.suda{background-color: #ffffff;}
.panelSide ul ul{ margin: 0; padding: 0;}
.panelSide ul ul ul ul li.suda,.panelSide ul ul ul ul li.licha {background-color: #ffffff;}
.panelSide ul li.mark a{color: #ae2304;}
.panelSide ul li.mark ul a{color: black;}

/*Menu*/
ul.menu {float: right; margin-top: 123px; margin-right: 70px; font-size: 12px; }
ul.menu a{display: block; width: 100px; color: black; text-decoration: none; padding-top: 10px; background: url('../img/menu.png'); height: 46px;}
ul.menu a:hover, ul.menu a.active {color: white; font-weight: bold; background-position: 0 -56px;}
ul.menu li{text-align: center;  list-style-type: none; float: left; margin-right: 5px;}

/*seznam-zbozi*/
#seznam_zbozi{width: 640px; margin-left: 10px; margin-bottom: 20px;}
.zbozi {width: 160px; float: left; text-align: center; margin-bottom: 5px;}
.zbozi-t{margin: 0 auto; }
.zbozi img{display: block;margin: 0 auto; border: 1px solid black;}

/*Login*/
#formLogin {text-align: center; }
#formLogin form{width: 200px; margin: 0 auto;border:1px solid #ae2304;}
#formLogin fieldset{text-align: center; border:none;}
#formLogin legend{font-weight: bold; }
#formLogin label{width: 60px; display: block; float: left; margin-top: 5px; margin-left: 10px; color: #ae2304; }
#formLogin input.text{float: left; margin-top: 5px; width: 90px; border: 1px solid #000000;}
#formLogin input.button{margin-top: 5px;}
#formLogin a{display: block; float: left;  margin-top: 15px; font-size: 10pt; width: 100px;}
#formLogin p a{display: inline; float: none;}
#formLogin li a{display: inline; float: none;}

/*Nevim heslo*/
#nevim-heslo {width: 350px;}
#nevim-heslo a{color: white;}
#nevim-heslo input.button{position: relative; top: -5px;}

/*Statistiky*/
#tabulkaPolozek{width: 100%;}

/*Kosik*/
#doprava{width: 100%;}
#polozky {width: 100%;}
#celkovacena {margin-left: 300px;} 
.kosik{float: none; background: url('../img/btn.png'); border: none; width: 120px; height: 30px; padding-bottom: 3px; color: white;}

/*kontaktni formular*/
#kontForm{width: 300px; margin: 10px auto;border: 1px solid #ae2304;}
#kontForm input.text, #kontForm textarea, #kontForm label {width: 270px;}
#kontForm input.button{margin-top: 5px;}

#kontakt,#adresa{text-align: center; width: 100%; }
#adresa {margin-bottom: 30px; line-height: 1.3; font-size: 14pt; text-align: left; margin-left: 50px; }
#kontakt{width: 650px;}
table.contact {width: 100%; text-align: center;}
table.contact p{margin: 0px;}
table.contact td{/*padding-right: 20px;*/}

#vyroba {height:150px; display: block; text-align: center; margin: 0 auto;}
#vyroba img{margin-bottom: 3px;float:left;margin-left:6px;}
#vyroba a{color: #3E3E3E; text-align: center;display: block;}
#vyroba p{color: #3E3E3E; text-align: center;display: block;}
#vyroba a:hover{text-decoration: underline;}

#patent{width: 200px; margin-left: 280px;}
.popis{font-size: 10pt; text-align: center; font-weight: bold;}


/*Objednavka*/
#objednavka form fieldset{background-color: transparent;}
#objednavka form label{color: #000000; width: auto;}
#objednavka form textarea{width: 400px;}

/*Rerefence*/
.reference img{margin-left: 18px;}
#panelMain .reference h3{text-align: center; text-transform: uppercase; font-size: 8pt; margin: 4px 0 2px 0px; }
#panelMain .reference a{text-decoration: none;}
#panelMain .contact h3{text-align: center;}

#cart{margin-bottom: 5px; border-bottom: 1px solid #fff; height: 50px;}
#cart img{float: left; margin-left: 8px; margin-right: 10px; margin-top: 10px;}
#cart div{float: left; text-align:center; font-size: 10pt; margin-top: 8px; width: 121px;}

table.tabForm input.toCart{margin-top: 2px; margin-left: 3px; display: block; float: left; height: 16px;}
table.tabForm{width: 100%; border-collapse: collapse;}
table.tabForm th{background-color: #E06E00; }
table.tabForm td{border-bottom: 1px solid #fff;}
table.tabForm fieldset{padding: 0;}
table.tabForm input{margin: 0; display: block; float: left;}
a.lupa {display: block; margin: 0 auto; width: 16px; height: 16px;}