

*{
		margin: 0;
		padding: 0;
		/*border: solid thin #000000;*/
}
body{
		padding-top: 20px;
		font-size: 80%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-image: url(../images/bgr.gif);
		background-repeat: repeat-x;
		color: #000000;
}
body {
		behavior: url(csshover.htc);
			}
#page {
		padding: 10px 0px 10px 10px;
		background-color: #FFFFFF;
		width: 760px;
		margin: auto;
		/*		border: solid thin red;*/
}
#header {
		background-image: url(../images/header.jpg);
		background-repeat: no-repeat;
		margin: auto;
		width: 750px;
		height: 180px;
		padding-right: 10px;
}
#content{
		width: 755px;
/*	  border: solid thin orange;*/
		background-color: #FFFFFF;
}
#textarea {
		float: right;
		width: 575px;
		background: center center no-repeat url(../images/valar-bw-svetle.gif);
		min-height: 400px;
/*		border: solid thin red;*/
}
#form {
		width: 500px;
}
#anketa-nadpis {
		background-image: url(../images/anketni-otazka.gif);
		background-position: center;
		background-repeat: no-repeat;
		background-color: #cc0000;
		line-height: 2em;
		height: 2em;
}
#anketa {
		margin-top: 5px;
		clear: left;
		float: left;
		border: solid 2px #cc0000;
		width: 160px;
		padding: 0 0 2px 0px;
}
#anketa form {
		border: none;
}
#anketa label {
		display: block;
		padding: 0.2em 0.2em 0.2em 0.5em;
}
#anketa p{
		padding-left: 0.8em;
}
.submit {
		margin-top: 20px;
		margin-left: 38px;
}
#info {
		font-size: 85%;
		margin-top: 5px;
		clear: left;
		float: left;
		border: solid 1px #BBF;
		width: 163px;
		padding: 0 0 2px 10px;
		background-color: #EEF;
}
#info p {
		padding: 0.5em 0.2em 0.2em 0;
}


/* MENU */
#menu {
position: relative;
left: 0;
top: 0;
float: left;
width: 165px;
z-index: 100;
/*		border: solid thin purple;*/
}
#menu span {
		visibility: hidden;
}
#menu ul {
    list-style: none;
    width: 150px;
}

#menu ul a {
		font-size: 110%;
		font-weight: bold;
    color: #FFF;
    text-decoration: none;
    display: block;
    padding: 5px 5px 5px 10px;
    width: 150px;
    background: #cc0000;
		
}

#menu ul a:hover {
    color: #FFF;
    text-decoration: none;
    background: #cc0000;
}
#menu .o-znacce a, #menu .produkty a, #menu .kvalita a ,#menu .objednavka a, #menu .kontakt a {
		font-size: 110%;
		font-weight: bold;
    color: #FFF;
    text-decoration: none;
    display: block;
    padding: 5px 5px 5px 10px;
    width: 150px;
		background-image: url(../images/1.gif);
}
#menu .produkty a {
		background-image: url(../images/2.gif);
}
#menu .kvalita a {
		background-image: url(../images/3.gif);
}
#menu .objednavka a {
		background-image: url(../images/4.gif);
}
#menu .kontakt a {
		background-image: url(../images/5.gif);
}
#menu .o-znacce a:hover {
    color: #FFF;
    text-decoration: none;
		background-image: url(../images/1h.gif);
}
#menu .produkty a:hover {
    color: #FFF;
    text-decoration: none;
		background-image: url(../images/2h.gif);
}
#menu .kvalita a:hover {
    color: #FFF;
    text-decoration: none;
		background-image: url(../images/3h.gif);
}
#menu .objednavka a:hover {
    color: #FFF;
    text-decoration: none;
		background-image: url(../images/4h.gif);
}
#menu .kontakt a:hover {
    color: #FFF;
    text-decoration: none;
		background-image: url(../images/5h.gif);
}
#menu ul li {
    border-bottom: 1px solid #FFF;
    float: left;
    /*position: relative;*/
}
/* KONEC MENU */

/* POP UP */
ul li ul {
				list-style: none;
				position: absolute;
				left: 165px;
				top: 2.2em;
				display: none;
				border-left: 2px solid #FFF;
			}
			
			ul li:hover ul { display: block; }
			
			ul li:hover ul li ul { display: none; }
			
			ul li ul li:hover ul { display: block; }
			
			
#menu .produkty ul li a {
		font-size: 10px;
		color: #FFF;
		background-image: none;
}

#menu .produkty ul li a:hover {
		color: #cc0000;
		background-image: none;
		background-color: #FFF;
}

/* KONEC POP UP */


/* POP UP 2 */

ul li ul li ul{
				list-style: none;
				position: absolute;
				left: 165px;
				top: 0px;
				display: none;
				border-left: 2px solid #FFF;
			}
ul li ul li ul.prumysl{
				list-style: none;
				position: absolute;
				left: 165px;
				top: 23px;
				display: none;
				border-left: 2px solid #FFF;	
			}
			ul li ul li:hover ul { display: block; }
			
			ul li ul li:hover ul li ul { display: none; }
			
			ul li ul li ul li:hover ul { display: block; }
			
			
#menu .produkty ul li a {
		font-size: 10px;
		color: #FFF;
		background-image: none;
}

#menu .produkty ul li a:hover {
		color: #cc0000;
		background-image: none;
		background-color: #FFF;
}

/* KONEC POP UP 2*/


#footer {
		background-image:url(../images/bgr-b.jpg);
		background-position:right;
		background-repeat: no-repeat;
		float: none;
		clear:both;
		font-size: 0.8em;
		background-color:#FFFFFF;
		color: #000000;
		height: 36px;
		line-height: 2.5em;
		width: 755px;
		text-align: center;
/*		border: solid thin green;*/
}
#footer-top {
		background-image:url(../images/bgr-t.jpg);
		background-position:right;
		background-repeat: no-repeat;
		float: none;
		clear:both;
		font-size: 0.8em;
		background-color:#FFFFFF;
		color: #000000;
		height: 81px;
		line-height: 2.5em;
		width: 755px;
		text-align: center;
/*		border: solid thin green;*/
}
#atom {
		position: relative;
		right: -30px;
		top: -85px;
		float: none;
/*		border: solid thin black;*/
}
a, a:visited {
		color: #cc0000;
		text-decoration: underline;
}
a:hover, a:active {
		text-decoration: none;
}
.noborder {
		border: none;
}
p {
		padding: 1em 1em 1em 0em;
}
#bmenu{
		background-image:url(../images/bgr-m.jpg);
		background-position:right;
		background-repeat: no-repeat;
		float: none;
		clear: both;
		font-size: 1em;
		text-align: center;
		height: 36px;
		min-height: 36px;
		background-color:#cc0000;
		color: #FFFFFF;
/*		border: solid thin blue;*/
		width: 755px;
}
#bmenu ul {
		margin-left: 100px;;
		color: #FFFFFF;
		list-style: none;
}
#bmenu li {
		float: left;
		margin: 0.15em 0 0.15em 0;
		text-align: center;
}
#bmenu li a {
		margin-left: 2em;
		color: #FFFFFF;
		float: left;
		line-height: 2.2em;
		width: auto;
		text-align: left;
		text-decoration: none;
}
#bmenu li a:hover {
		color: #FFFFFF;
		text-decoration: underline;
}
h1 {
		padding: 1em 1em 1em 2em;
		font-size: 120%;
		font-weight: bold;
		background-image: url(../images/li.gif);
		background-position: center left;
		background-repeat: no-repeat;
}

h2 {

		padding: 3px;
		font-size: 100%;
		font-weight: bold;
		text-decoration: underline;		


}
img {
		border: none;
}
img.typ {
		border: none;
		float: right;
		padding: 0.5em 1em 0.5em 1em;
}
.typ {
		font-weight: bold;
}
.nazev {width: 250px;}
.mnozstvi {width: 50px;}
.cena {width: 100px;}

.zrusit {font-size: 0.8em; padding-left: 0.8em;}

.linethrough {
	color: red;
	text-decoration: line-through;
}

#map a {

	background-image: url(../images/item.gif);
	background-position: center left;
	background-repeat: no-repeat;
	height: 13px;

	padding-left: 15px;

}

/* druha uroven */
#map div a {

	background-image: url(../images/itemb.gif);
	background-position: center left;
	background-repeat: no-repeat;
	height: 12px;

	padding-left: 15px;


}

/* treti uroven */
#map div div a {

	background-image: url(../images/itemc.gif);
	background-position: center left;
	background-repeat: no-repeat;
	height: 11px;

	padding-left: 15px;


}

/* 4. uroven */
#map div div div a {

	background-image: url(../images/itemd.gif);
	background-position: center left;
	background-repeat: no-repeat;
	height: 10px;

	padding-left: 15px;


}

p.Info {text-decoration:none; font-size:10pt; color:black; font-style:italic; font-weight:bold;} 
p.mainpara {text-decoration:none; text-align:justify;}

