@import "reset.css";

body 	{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:75%;
	background:#FBFBFB url(bg.gif) repeat-x;
	color:#58595B;
	line-height:1.5;
	}
a {
	color:#EC008C;
	text-decoration:underline;
	}
a:hover {
	color:#EC008C;
	text-decoration:none;
	}
p {
	margin:15px 0;
	font-size:1.1em;
	}
hr {
	display:none;
	}
h1 {
	font-weight:bold;
	color:#58595B;
	font-size:1.3em;
	margin:0;
	padding:10px 0;
	}
h3 {
	font-weight:bold;
	color:#58595B;
	font-size:1.3em;
	margin:0;
	padding:0;
	border-bottom:1px dotted #58595B;
	}

/* LAYOUT
------------------------------*/
#all {
	width:770px;
	margin:0 auto;
	background:#FFF;
	}
#top {
	position:relative;
	width:100%;
	height:171px;
	background:#FFFFFF;
	}
#container {
	width:100%;
	top:0;
	}
#menu {
	float:left; 
	width:120px; 
	margin:0;
	padding:15px 0; 
	position:relative;
	display:block;
	}
#obsah { 
	top:0; 
	width:590px;
	padding:15px 30px;
	display:block;
	float:left;
	}
.clean {
	clear:both;
	height:6px;
	width:100%;
	font-size:0;
	}
#footer {
	text-align:right;
	font-size:0.8em;
	margin-left:590px;
	margin-right:25px;
	width:150px;
	height:60px;
	}

	
/* H2 REPLACE
------------------------------*/
h2 {
	display:block;
	width:320px;
	height:90px;
	top:25px;
	left:85px;
	position:absolute;
	text-align:center;
	font-size:2.5em;
	background-color:#FFFFFF;
	}
h2 span {
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	left:0;
	top:0; 
	z-index:1;
	background:transparent url(logo.gif) 0 0 no-repeat;
	cursor:pointer;
	}
h2 a {
	color:#000000;
	text-decoration:none;
	line-height:90px;
	}
h2 a:active,
h2 a:hover {
	color:#000000;
	text-decoration:underline;
	}

/* PLATNO
------------------------------*/
.platno {
	position:absolute;
	top:0;
	left:464px;
	width:306px;
	height:148px;
	display:block;
	overflow:hidden;
	z-index:1;
	}

/* VLAJKY
------------------------------*/
ul#vlajky {
	width:auto;
	height:13px;
	list-style:none;
	position:absolute;
	top:165px;
	left:705px;
	z-index:1000;
	}
ul#vlajky li {
	width:17px;
	float:left;
	position:relative;
	height:13px;
	margin-right:14px;
	line-height:13px;
	}
ul#vlajky li a {
	color:#58595B;
	font-size:90%;
	text-align:center;
	height:13px;
	width:17px;
	margin:0;
	padding:0;
	}
ul#vlajky li a:active,
ul#vlajky li a:hover {
	text-decoration:none;
	color:#58595B;
	}
ul#vlajky a span {
	height:13px;
	display:block;
	position:absolute;
	left:0;
	top:0; 
	cursor:pointer;
	z-index:1;
	width:17px;
	}
ul#vlajky li.m1 a span {background:url(cz.gif) 0 0 no-repeat;}
ul#vlajky li.m2 a span {background:url(en.gif) 0 0 no-repeat;}


/* MENU
------------------------------*/
ul.menu{
	width:770px;
	height:25px;
	padding:0;
	margin:0;
	position:absolute;
	left:0;
	top:123px;
	list-style:none;
	border-bottom:3px solid #d1d3d4;
	z-index:1000;
	}
ul.menu li {
	height:25px;
	width:auto;
	list-style:none;
	text-transform:uppercase;
	float:left;
	font-weight:bold;
	text-align:center;
	background:url(break.gif) left center no-repeat;
	position:relative;
	}
ul.menu a {
	color:#58595B;
	text-decoration:none;
	font-size:12px;
	width:95px;
	height:25px;
	line-height:25px;
	text-align:center;
	display:block;
	margin:0;
	padding:O;
	}
ul.menu li.top2en a {
	width:160px !important;
	}
ul.menu li.top1en a {
	width:80px !important;
	}
ul.menu li.top3en a {
	width:70px !important;
	}
ul.menu a:hover {
	color:#EC008C !important;
	text-decoration:none;
	}
.first {
	background:none !important;
	}
ul.menu ul {
	position:absolute;
	width:360px;
	top:25px;
	left:0;
	padding:0;
	margin:0;
	visibility:hidden;
	display:block;
	border-top:3px solid #58595B;
	/*z-index:1000 !important;*/
	}
ul li.m2 ul {
	width:490px;
	}
ul li.top2en ul {
	width:490px;
	}
ul.menu ul li {
	height:25px;
	list-style:none;
	text-transform:uppercase;
	float:left;
	padding:0 15px;
	font-weight:bold;
	text-align:center;
	background:url(break.gif) left center no-repeat;
	}
ul.menu ul a,
ul.menu li.active ul a {
	color:#58595B !important;
	text-decoration:none;
	font-size:12px;
	width:auto !important;
	height:25px;
	line-height:25px;
	text-align:center;
	margin:0;
	padding:O 20px;
	display:inline;
	}
ul.menu li.m5 ul {
	color:#F0F !important;
	margin-left:-120px; width:400px !important; 
	}
ul.menu li.top1en ul li.first  {
	width:80px !important;
	}
	
ul.menu li:hover ul, ul.menu li.hover ul {visibility:visible;}
ul.menu li, ul.menu li li {behavior: url(hover.htc);}

/*
ul.m1 a:hover, ul.m1 li.active a, ul.m1 ul li.active a{color:#d62288 !important;}
ul.m2 a:hover, ul.m2 li.active a, ul.m2 ul li.active a{color:#e7b369 !important;}
ul.m3 a:hover, ul.m3 li.active a, ul.m3 ul li.active a{color:#96d544 !important;}
ul.m4 a:hover, ul.m4 li.active a, ul.m4 ul li.active a{color:#3fcee1 !important;}
ul.m5 a:hover, ul.m5 li.active a, ul.m5 ul li.active a{color:#6e5e9f !important;}
ul.m6 a:hover, ul.m6 li.active a, ul.m6 ul li.active a{color:#edb664 !important;}
*/
li.m1 a:hover, ul.m1 li.active a, li.m1 ul li.active a, li.m1 ul li a:hover{color:#d62288 !important;}
li.m2 a:hover, ul.m2 li.active a, li.m2 ul li.active a, li.m2 ul li a:hover{color:#e7b369 !important;}
li.m3 a:hover, ul.m3 li.active a, li.m3 ul li.active a, li.m3 ul li a:hover{color:#96d544 !important;}
li.m4 a:hover, ul.m4 li.active a, li.m4 ul li.active a, li.m4 ul li a:hover{color:#3fcee1 !important;}
li.m5 a:hover, ul.m5 li.active a, li.m5 ul li.active a, li.m5 ul li a:hover{color:#6e5e9f !important;}
li.m6 a:hover, ul.m6 li.active a, li.m6 ul li.active a, li.m6 ul li a:hover{color:#edb664 !important;}

ul.m1 {border-bottom:3px solid #d62288 !important;}
ul.m2 {border-bottom:3px solid #e7b369 !important;}
ul.m3 {border-bottom:3px solid #96d544 !important;}
ul.m4 {border-bottom:3px solid #3fcee1 !important;}
ul.m5 {border-bottom:3px solid #6e5e9f !important;}
ul.m6 {border-bottom:3px solid #edb664 !important;}

ul.m1 ul {border-top:3px solid #d62288 !important;}
ul.m2 ul {border-top:3px solid #e7b369 !important;}
ul.m3 ul {border-top:3px solid #96d544 !important;}
ul.m4 ul {border-top:3px solid #3fcee1 !important;}
ul.m5 ul {border-top:3px solid #6e5e9f !important;}
ul.m6 ul {border-top:3px solid #edb664 !important;}

/*ul.menu ul.setPath {visibility:visible !important;}*/

/* OBSAH
------------------------------*/
.text {
	padding:20px 60px;
	}
.text_vlevo {
	float:left;
	width: 235px;
	margin-right:10px;
}
.text_vpravo {
	float:right;
	width: 235px;
	margin-left:10px;
}
.obr_vlevo {
	float:left;
	width: 200px;
}
.obr_vpravo {
	float:right;
	width: 200px;
}
.popisVyrobku {
	font-size: 0.8em;
	margin:0px;
}
.nazevVyrobku {
	font-size:1.2em;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	margin:0px;
}
.objCislo {
	font-size:12px;
	font-weight:bold;
	margin:0px;
}
.popisDruhu, .vyrobek {
	float: none;
	clear:both;
	width: 455px;
	padding-top:20px;
}
.popisDown {
	float: none;
	clear:both;
	width: 580px;
	padding-top:20px;
}
.download {
	float: left;
	width: 193px;
	margin-right: 20px;
	padding-top:20px;
}
.download obr_vlevo a{
	 text-docoration:none !important;   
}
.vyrobek img{
	width: 200px;
}
ul.menu ul li.oFirme {
	width:95px !important;	
	padding:0 !important;
	}
ul.menu ul li.oFirme a{
	width:68px !important;
	text-align:left !important;
	padding:O 0 0 27px !important;	
	}

/* LEVÉ MENU
------------------------------*/
#menu ul {
	padding:0;
	margin:0;
	width:100%;
	list-style:none;
	}
#menu ul li {
	width:100%;
	list-style:none;
	text-transform:normal;
	font-weight:bold;
	text-align:center;
	background:url(break.gif) 0 60px no-repeat;
	position:relative;
	padding:0;
	margin:0;
	line-height:normal;
	}
#menu ul a {
	color:#58595B;
	text-decoration:none;
	font-size:1em;
	text-align:left;
	display:block;
	margin:0;
	padding:5px 10px 6px 27px;
	line-height:normal;
	border-bottom:1px dashed #e7b369;
	}
#menu ul a:hover {
	color:#e7b369;
	text-decoration:none;
	}


/* INDEX MENU
------------------------------*/
ul.index {
	height:80px;
	padding:40px 0 0 0;
	margin:0;
	list-style:none;
	}
ul.index li {
	height:80px;
	width:auto;
	list-style:none;
	text-transform:uppercase;
	float:left;
	font-weight:bold;
	text-align:center;
	background:url(break.gif) 0 60px no-repeat;
	position:relative;
	}
ul.index a {
	color:#58595B;
	text-decoration:none;
	font-size:1em;
	width:95px;
	height:25px;
	line-height:25px;
	text-align:center;
	display:block;
	margin:0;
	padding:55px 0 0 0;
	}
ul.index a:hover {
	color:#EC008C;
	text-decoration:none;
	}

.profil {background:url(menu-index.gif) 0 0 no-repeat;}
.sortiment {background:url(menu-index.gif) -95px 0 no-repeat;}
.obchod {background:url(menu-index.gif) -190px 0 no-repeat;}
.kontakty {background:url(menu-index.gif) -285px 0 no-repeat;}
.stazeni {background:url(menu-index.gif) -380px 0 no-repeat;}

.profil:hover {background:url(menu-index.gif) -475px 0 no-repeat;}
.sortiment:hover {background:url(menu-index.gif) -570px 0 no-repeat;}
.obchod:hover {background:url(menu-index.gif) -665px 0 no-repeat;}
.kontakty:hover {background:url(menu-index.gif) -760px 0 no-repeat;}
.stazeni:hover {background:url(menu-index.gif) -855px 0 no-repeat;}
	
.cotojatka { padding: 3px 5px; background: white; 
	margin:0;
	padding:3px;
	border:2px solid #3fcee1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.3;
	text-align: left;
	min-width: 180px;
	background: #FFF;

}	
.cotojatka2 { padding: 3px 5px; background: white; 
	margin:0;
	padding:3px;
	border:2px solid #96d544;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.3;
	text-align: left;
	min-width: 180px;
	background: #FFF;

}