/* Basic CSS by Dhakra.com */

body{ /* */
	margin: 0px; padding: 0px; border: 0px;
	font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	color: #EEEEEE;
	background: url('img/body-bg.gif') #444444 top center repeat-x;
	/*background: url('') #B69D5D left top repeat-x;*/
	background-color: #444444;
	cursor: default;
}
#body{
  margin: 0px; padding: 0px;
  margin-left: auto; margin-right: auto; /* to center new IE and other */
  /*background: url('img/body-bg.gif') #444444 top center repeat-x;*/
  text-align: center; 
  clear:both;
  }
#bodyContent { /* */
  width:900px; 
  margin: 0px; padding: 0px;
	margin-left: auto; margin-right: auto; /* to center new IE and other */
	border: solid #ddd000 0px;
	text-align: left;
}

/* HTML Basics ================================================================================================*/

/* Titles */
h1 { /* Main Web Title */ font-size:0em !important;  margin:0px; cursor:pointer; display:block; width:0px; height:0px; overflow:hidden;}
h2 { /* Main Titles */	font-size:185%; color:#F8E069; margin:5px 0px 5px 0px; padding:0px; font-weight:normal; border:none;}
h3 { /* Title */	font-size:135%; color:#FFCC66; margin:0px 0px 5px 0px; padding:0px; font-weight:bold; border:none;}
/* Sub-Titles */ 
h4 { /* Title */ font-size:120%; color:#FFFFFF; margin:0px 0px 0px 0px; padding:0px;}
/*h4 { font-size:130%; color:#CCCCCC; margin:0px 0px 5px 0px; padding:0px;  }*/
/*h5 { font-size:100%; color:#b2b2b2; margin:0px 0px 0px 0px; padding:0px; font-weight:bold;	 }*/
h5 {  margin: 0px; padding: 10px 0px 5px 0px;	color: #FFFFFF !important; font-size:120%;font-weight: bold;}

.pagetitle { padding-top: 15px; padding-bottom: 15px; border-bottom: solid #AAAAAA 2px;}
.maintitle { font-size:165%; color:#F8E069; margin:5px 0px 5px 0px; padding:0px; font-weight:normal; border:none;}
.nomargin {margin:0px !important;}

/*.line { padding-bottom: 10px; border-bottom: solid #AAAAAA 2px;}*/

/*.main { color:#DEC983;}*/

/* Text */
p {	margin-top:5px; font-size: 100%;}
strong { color: #FFFFFF;font-size:100%;}
small { color: #66DFFF; font-size: 90%;}
em { font-weight: bold;	color: #b2b2b2; font-size: 100%; margin-bottom:5px; font-style:normal;}

ul { margin: 0px 0px 16px 0px; padding: 0px; list-style:none;	}
li { margin-top: 5px; padding-left: 15px; background: url('img/li2.gif') 4px 6px no-repeat;}

/* Links and Buttons */
a {margin: 0px; padding: 0px;	color: #FFCC66; font-size: 100%; text-decoration:none;}
a:hover {color: #B79C49; text-decoration:none;}
/*.button {font-size:110%; color:#482B88; margin-top:20px; font-weight:bold; display:block; width:202px; height:16px; padding:14px 12px 12px 16px; background: url('img/button0.jpg') top left no-repeat;}
.button:hover {color:#482B88; background:url('img/button1.jpg') top left no-repeat; text-decoration:none;}
*/
/* Other */
hr {display:block; color:#666666; width: 100%; height: 2px; line-height: 2px; border: 0px; margin: 5px 0px 5px 0px; padding: 0px; background-color: #666665; clear:both;}
span { /*font-weight: bold;*//*display:block; width:50px; padding:0px; margin-right:6px;  float:left;*/}
img {margin: 0px; padding: 0px; border: 0px;}
.displaynone {display:none; width:0px; height:0px; overflow:hidden;}
.bold { font-weight:bold;}
.float-right{margin-left:10px; margin-bottom:10px; float:right;}
.gotop {display:block; float:right; width:65px; height:12px; padding:6px; font-size: 110%; background: url('img/top.gif') #2F2F2F 60px 10px no-repeat; font-weight: bold;  }
.gotop:hover {color: #FFFFFF; background: url('img/top.gif') #222222 60px 10px no-repeat; }
.big {font-size: 120%;}
.akcetext {font-size: 110%; font-weight:bold;}
.white {color:#FFFFFF;}
.bigger {font-size: 130%; }
.floatleft            {float:left; margin:10px;}
.floatright           {float:right; margin:10px; margin-top:0px}

/* PAGE ================================================================================================*/

#header { /* Flash main-menu */
  position:relative;
	width:900px; height: 100%; min-height: 120px;
	margin: 0px; padding: 0px;
	border: solid #FF77FF 0px;
  clear:both;
}
#header .logo {position:absolute; top: 5px; left: 20px; font-weight:bold; text-decoration:none; text-align:center;}
#header .logo img{width:300px; height:62px;}
#header .logo a span{color:#EEEEEE; text-decoration:none; padding-top:5px; /*border-top: solid #EEEEEE 2px;*/}
#header .logo a:hover span{color:#FFFFFF; text-decoration:none;}

/* Main Menu */
#menumain {position:absolute; top:34px; left:320px; overflow:hidden; border: solid #EEEEEE 0px;}
#menumain ul {padding:0px; margin:0px; margin-bottom:0px !important; font-style:normal; list-style:none;  border: solid #EEEEEE 0px;/*background-color:#333333;*/}
#menumain ul li {display:block; float:left; width:70px; height:34px; padding:0px; margin-left:2px; margin-top:0px; text-align:center; border-bottom: solid #EEEEEE 0px; background: url('img/main-off.gif') 0px 26px repeat-x;}
#menumain ul li a {display:block; width:70px; height:34px; color:#F8E069;/*color:#6E5A24;*/ /*color:#FFF5C5;*/ font-size:120%; padding-bottom:2px; font-weight: bold; text-decoration:none; /*background: url('img/main-off.gif') 0px 25px repeat-x;*/}
#menumain ul li:hover, #menumain li:focus {color: #FFFFFF; background: url('img/main-over.gif') 0px 25px repeat-x;/*text-decoration: underline;*/ }
/*#menumain ul li a.home {display:inline; padding-left:0px; background: url('img/menu-home.gif') 0px -2px no-repeat;}
#menumain ul li a.pageon { color:#FFFFFF; background: url('img/main-on.gif') 0px 25px repeat-x;}*/
#menumain .first {width:100px; padding-left:0px; margin-left:0px; background: url('img/main-off.gif') 0px 26px repeat-x;}
#menumain .on { background: url('img/main-on.gif') 0px 25px repeat-x !important;}
#menumain .on a { color: #FFFFFF!important; }
/* Formatovani stranky pro obsah */
#pageContent {
	width:900px; height:100%; min-height: 40px;
	margin: 0px 0px 0px 0px; padding: 0px;
	border: solid #FF77FF 0px;
	clear:both;
	background:url('img/pagescontent.gif') top center repeat-y;
}
#pageContent .top {
	width:900px; height:100%;/*min-height: 600px;*/
	margin: 0px; padding: 0px;
	border: solid #FF0000 0px;
  clear:both;
	/*background: url('img/pagecontent-bg-top.gif') top left repeat-x;*/
}
#pageContent .end {
	width:880px;	margin: 0px; padding: 0px 10px; 
  padding-bottom: 30px;
	border: solid #666666 0px; border-top: solid #666666 0px;
	background: url('img/pagecontent-end.gif') bottom center no-repeat;
	/*background: url('img/pagecontent-bg.gif') #4E4E4E top left repeat-y;*/
  clear:both;
}
/*
#navigation {
	width:900px; height: 15px; vertical-align: middle;
	margin: 2px 0px 0px 0px; padding: 10px 0px 10px 0px;
	border-top: solid 0px;
	color: #CCCCCC;
	font-size:125%;
	background: url('img/footermenu-bg.gif') left top repeat-x;
	font-weight:bold;
	clear:both;
}*/

#footermenu {
	width:900px; height: 15px; vertical-align: middle;
	margin: 2px 0px 0px 0px; padding: 10px 0px 10px 0px;
	border-top: solid 0px;
	color: #CCCCCC;
	border-top: solid #999999 0px;
	border-bottom: solid #999999 2px;
	background: url('img/footermenu-bg.gif') left top repeat-x;
	text-align: center;
	clear:both;
}
#footermenu a { color: #BBBBBB; font-weight: bold; text-decoration: none; margin: 0px; margin-left:10px; margin-right:10px; }
#footermenu a:hover { color: #FFFFFF;}
#footer {
  width:900px; height: 20px; min-height: 20px;
	margin: 5px 0px 10px 0px; padding: 0px;
	border: solid #FF77FF 0px;
	text-align: center;
	clear:both;
}
#footer .copyright { width:400px; float:left;	text-align:left;}
#footer .author { width:300px; float:right;	text-align:right;}
/*
.pagemenu1 {}
.pagemenu1 a { color: #FFFFFF; font-weight: bold; text-decoration: none; margin: 0px; margin-left:10px; margin-right:10px; }
.pagemenu1 a:hover { color: #EBDFC2;}
*/

.menuvyprodej {width:100%; height: auto; min-height:40px;  border-bottom: solid #686868 2px; clear:both;} /* horizontal */
.menuvyprodej div {margin-left: 5px; width:110px; min-height:40px; background: url('img/menu2off.gif') left bottom no-repeat; float:left;}
.menuvyprodej div a {display:block; width:110px; min-height:30px; margin: 0px; padding: 6px 0px 0px 0px;  color: #DDDDDD; font-weight: bold; text-decoration: none; text-align:center;}
.menuvyprodej div a:hover { color: #FFFFFF; text-decoration: none; }
.menuvyprodej .on { background: url('img/menu2on.gif') left bottom no-repeat;}
.menuvyprodej .on a { color: #FFFFFF!important; }

/*
.pagemenu2 {width:100%; min-height:30px; border-bottom: solid #686868 2px; clear:both;}
.pagemenu2 div {margin-left: 5px; width:150px; min-height:30px; background: url('img/menu2off.gif') left bottom no-repeat; float:left;}
.pagemenu2 div a {display:block; margin: 0px; padding: 8px 0px 0px 0px; width:150px; min-height:20px; color: #BBBBBB; font-weight: bold; text-decoration: none; text-align:center;}
.pagemenu2 div a:hover { color: #FFFFFF; text-decoration: none; }
.pagemenu2 .on { background: url('img/menu2on.gif') left bottom no-repeat;}
.pagemenu2 .on a { color: #FFFFFF!important; }
*/


#menuznacky {width:900px; height:42px; padding-top:0px; /*background: url('img/menu3bg.gif') left bottom repeat-x; */ border-bottom: solid #999999 0px; clear:both;} /* horizontal */
/*#menuznacky div {margin-left: 6px; width:90px; height:42px; background: url('img/menu3off.gif') left bottom no-repeat; float:left;}
#menuznacky div:hover {height:40px; padding-top:2px; background: url('img/menu3over.gif') left bottom no-repeat;}
#menuznacky div a {display:block; margin: 0px; padding: 8px 0px 0px 0px; width:90px; min-height:20px; color: #DDDDDD; font-weight: bold; text-decoration: none; text-align:center;}
#menuznacky div a:hover { color: #FFFFFF; text-decoration: none;}
#menuznacky .first { margin-left: 60px; }*/
#menuznacky ul { margin-bottom: 0px !important;}
#menuznacky ul li {margin: 0px; margin-left:6px; padding:0px; width:90px; height:42px; background: url('img/menu3off.gif') left bottom no-repeat; float:left; overflow:hidden;}
#menuznacky .first { margin-left: 60px;}
#menuznacky ul li:hover {height:40px; padding-top:2px; background: url('img/menu3over.gif') left bottom no-repeat;}
#menuznacky ul li a {display:block; margin: 0px; padding: 8px 0px 0px 0px; width:90px; min-height:20px; color: #DDDDDD; font-weight: bold; text-decoration: none; text-align:center;}
#menuznacky ul li a:hover { color: #FFFFFF; text-decoration: none;}
/*#menuznacky .on { background: url('img/menu3on.gif') left bottom no-repeat !important;}*/
#menuznacky .on { height:40px; padding-top:2px; background: url('img/menu3on.gif') left bottom no-repeat !important;}
#menuznacky .on a { color: #FFFFFF!important; }


#weblink	{width:782px; height:20px; margin-left: auto; margin-right: auto; margin-top:0px;}
#weblink .pol		{width:182px; height:24px; margin-left:2px; float:left; margin-top:0px;}
#weblink .pol.web	{width:180px; height:12px; float:left; margin-left:0px; margin-bottom:3px;}
#weblink .pol.lin	{width:180px; height:2px; float:left; margin-left:0px; margin-bottom:0px;}

/*
.weby 		{font-family: Verdana CE, Verdana, sans-serif; font-size: 10px; text-decoration: none; color: #FF8060; }
.weby:link	{font-family: Verdana CE, Verdana, sans-serif; font-size: 10px; text-decoration: none; color: #FF8060; }
.weby:active	{font-family: Verdana CE, Verdana, sans-serif; font-size: 10px; text-decoration: none; color: #FF8060; }
.weby:visited	{font-family: Verdana CE, Verdana, sans-serif; font-size: 10px; text-decoration: none; color: #FF8060; }
.weby:hover	{font-family: Verdana CE, Verdana, sans-serif; font-size: 10px; text-decoration: none; color: #CC6600; }
*/

#intro { /* Flash main-menu */
	width:782px; height: 100%; min-height: 334px; /* height: 446px; */
	margin: 9px 0px 0px 0px; padding: 0px;
	border: solid #FF77FF 0px;
  clear:both;
}
#introznacky {width:360px; clear:both; /*background-color:#4E4E4E;*/} /* height: 446px; */
#introznacky ul{margin: 0px; padding: 0px; list-style:none; width:360px; float:left; /*background-color:#4E4E4E;*/}
#introznacky li{ width:360px; height:65px; padding:0px; background-color:#5A5A5A; border: solid #686868 2px; float:left;}
#introznacky li a {display:block; width:175px; height:65px; padding-left:160px; padding-right:25px; padding-top:15px; color:#DDDDDD; font-size:120%; font-weight:bold;}
#introznacky li a:hover {color:#FFFFFF; display:block;}
#introznacky li a.natuzzi {background: url('img/intro-natuzzi0.jpg') left top no-repeat;}
#introznacky li a.natuzzi:hover {background: url('img/intro-natuzzi1.jpg') left top no-repeat;}
#introznacky li a.scavolini {background: url('img/intro-scavolini0.jpg') left top no-repeat;}
#introznacky li a.scavolini:hover {background: url('img/intro-scavolini1.jpg') left top no-repeat;}
#introznacky li a.accessories {background: url('img/intro-accessories0.jpg') left top no-repeat;}
#introznacky li a.accessories:hover {background: url('img/intro-accessories1.jpg') left top no-repeat;}
#introznacky li a.flai {background: url('img/intro-flai0.jpg') left top no-repeat;}
#introznacky li a.flai:hover {background: url('img/intro-flai1.jpg') left top no-repeat;}
#introznacky li a.sangiacomo {background: url('img/intro-sangiacomo0.jpg') left top no-repeat;}
#introznacky li a.sangiacomo:hover {background: url('img/intro-sangiacomo1.jpg') left top no-repeat;}
#introznacky li a.calligaris {background: url('img/intro-calligaris0.jpg') left top no-repeat;}
#introznacky li a.calligaris:hover {background: url('img/intro-calligaris1.jpg') left top no-repeat;}
#introznacky li a.slamp {background: url('img/intro-slamp0.jpg') left top no-repeat;}
#introznacky li a.slamp:hover {background: url('img/intro-slamp1.jpg') left top no-repeat;}
#introznacky li a.bretz {background: url('img/intro-bretz0.jpg') left top no-repeat;}
#introznacky li a.bretz:hover {background: url('img/intro-bretz1.jpg') left top no-repeat;}


#newsletter  {
	width:770px; min-height: 30px;
	padding: 20px 30px 10px 40px;
	border-top: solid #666666 2px;
  margin-top: 20px;
}


/* PAGE CELA STRANKA FORMATOVANI ================================================================================================*/
#pages {
  height:100%; 
	margin: 0px; padding: 0px;
	border: solid #FF0000 0px;
  clear:both;
  position:relative;
}

#introtext {width:430px; float:left; color:#999999; font-size: 110%; font-weight:bold;}
/*#introtext .info {width:300px; float:left; color:#666666; font-size: 110%; font-weight:bold;}*/
#introtext .naz { font-size: 220%; color:#666666; font-weight:normal;}
#introtext .c1 { color:#999999;}
#introtext .c2 { color:#888888;}
#introtext .c3 { color:#777777;}
#introtext .c4 { color:#666666;}


#akce {
width:378px; float:right;	
background: url('img/intro-akce.gif') top left no-repeat; 
padding:0px; padding-left:60px;
border: solid #00FF00 0px;
}
#akce img{
width:375px; height:200px; border: 0px; float:right;
}




/* STRANKY ZNACEK - DELENI, DESIGN */
/*.pagesContent {
	width:100%;
	border: solid #00FF00 0px;
	clear:both;
}*/
.pagesContent {
	width:840px; min-height: 480px;
	padding: 20px 20px 20px 20px; /*margin-bottom: 10px;*/
	border-top: solid #666666 0px;
	/*background-color:#666666;*/
	/*border: solid #666666 1px;*/
	/*background: url('img/pagescontent.gif') top center repeat-y;*/
	text-align:left;
  clear:both;
}

#pagesHead {
	width:840px; min-height: 240px;
	padding: 0px;  /*margin-bottom: 10px;*/
	/*border: solid #999999 1px;*/
	text-align:left;
  clear:both;
  position:relative;
}
/* Main Menu znacky */
#pagesHead ul {padding:0px; margin:0px; height:16px; position:absolute; top:100px; left:15px; border: solid #FF77FF 0px; font-style:normal;}
#pagesHead ul li {display:block; height:16px; padding-left:15px; padding-top:3px; background: url('img/li.gif') left top no-repeat;}
#pagesHead ul li a {color:#FFCC66; font-size:120%; padding-bottom:2px; font-weight: bold; text-decoration:none;}
#pagesHead ul li a:hover {color: #FFFFFF;}

.pagesContentLeft {
	width:360px; min-height: 100px;	
	padding: 15px; padding-top: 30px;
	/*padding: 0px 0px 0px 10px;*/
	border: solid #666666 0px;
	/*background-color: #4E4E4E;*/
	/*background: url('img/pageContent-grad2.gif') top left no-repeat;*/
	text-align:left;
	float:left;
}
.pagesContentRight {
	width:410px; min-height: 100px;
	padding: 15px; padding-top:30px; margin-right:5px; /*padding-top: 30px;*//*margin-bottom: 10px;*/
	border: solid #FFFFFF 0px;
	text-align:left;
  float:right;
}
.pagesContentRight .images img {
	margin-bottom: 10px;
	/*float:bottom;*/
}
.ContentIntro {width:420px; padding:0px; padding-top:30px; margin-right:10px;}
.introtext {font-size:110%; font-weight:bold;}

.pagesContentBoth {
	width:810px; min-height: 100px;
	padding: 15px;  padding-top: 30px; /*margin-bottom: 10px;*/
	border-top: solid #666666 0px;
	/*background-color:#666666;*/
	/*border: solid #666666 1px;*/
	/*background: url('img/pagescontent.gif') top center repeat-y;*/
	text-align:left;
  clear:both;
}


/* BACKGROUND IMAGES */
.bg-page {background: url('img/bg-page.jpg') top center no-repeat;}
.bg-natuzzi {background: url('img/bg-natuzzi.jpg') top center no-repeat;}
.bg-scavolini {background: url('img/bg-scavolini.jpg') top center no-repeat;}
.bg-accessories {background: url('img/bg-accessories.jpg') top center no-repeat;}
.bg-calligaris {background: url('img/bg-calligaris.jpg') top center no-repeat;}
.bg-sangiacomo {background: url('img/bg-sangiacomo.jpg') top center no-repeat;}
.bg-flai {background: url('img/bg-flai.jpg') top center no-repeat;}
.bg-slamp {background: url('img/bg-slamp.jpg') top center no-repeat;}
.bg-bretz {background: url('img/bg-bretz.jpg') top center no-repeat;}




/* AKCE */
.akce {width:380px; min-height:100px; padding:15px; /*background-color: #222222;*/ background: url('img/akce-bg.jpg') top center no-repeat; border:solid #666666 2px;}

/* GALERIE */
#gal {width:820px; min-height:100px; padding:10px; clear: both;}
#gal .p {width:174px; /*height:130px;*/ margin:15px; /*padding-bottom:10px;*/ float:left;}
#gal .p a {color: #FFCC66; text-decoration:none;}
#gal .p a:hover {color: #B79C49 !important;}
#gal .p a img {width:170px; /*height:110px;*/ padding:2px; margin-bottom:2px; border:solid #666666 4px; float:left; clear:both;}
#gal .p a:hover img {border:solid #AAAAAA 4px;}
#gal .p h4 {margin:0px; padding: 0px; color:#FFCC66; font-size: 100%; font-weight:bold;}
#gal .p a strong {display:block; margin: 0px; padding: 0px; height:30px; /*border:solid #AAAAAA 0px;*/ color:#FFCC66; font-size: 100%; font-weight:bold;}
#gal .p a:hover strong{color:#FFFFFF;}
#gal .p .info {width:170px; height:1px; color:#922222; margin-top:5px; font-weight:normal !important; overflow:hidden; display:none; }


/* PRODEJNY */
#kontakt {width:820px; margin: 0px; padding: 0px; clear: both; border:solid #AAAAAA 0px;}
#kontakt .box {width:780px; padding:15px; padding-bottom:25px; margin-bottom:10px; clear:both; border:solid #666666 2px; /*border: 0px solid #565656;*/}
#kontakt .box h3 { /* Nazev odstavce */ margin:0px; padding-bottom: 20px;	font-size: 150%; clear:both;}

#kontakt .box .info {width:170px; float:left; border:solid 0px;}
#kontakt .box .info div span {display:block; width:50px; float:left;}

#kontakt .box .kontakt {width:302px; min-height:150px; padding-left:10px; float:left; border-left:2px solid #666666; /*border: solid 2px;*/}
#kontakt .box .kontakt div {width:300px; float:left;}
#kontakt .box .kontakt div span {display:block; width:50px; float:left;}
#kontakt .box .kontakt div .c { width:1px; height:1px; border:solid #FFFFFF 0px; overflow:hidden;}

#kontakt .box .znacky {width:210px; min-height:150px; padding-left:10px; float:right; border-left:2px solid #666666;}
#kontakt .box .znacky img {width:60px; margin: 0px 10px 10px 0px; float:left;}


/* VÝPRODEJ */
.vyprodejblok {	width:790px; height:100%; border:solid #AAAAAA 0px; margin:15px 0px 0px 0px; padding: 10px 10px 10px 10px; /*background-color: #3E3E3E;*/ /*background: url('img/kontakty-bg.jpg') #4E4E4E top left no-repeat;*/ border:solid #666666 2px;	clear:both; }
.vyprodejblok .vyprodej {	width:790px; margin-top: 15px; border-top: solid #666666 2px; padding-top: 10px; padding-bottom: 10px; clear:both; }
.vyprodejblok .vyprodej .image {position:relative;width:300px; float:left;	 }
.vyprodejblok .vyprodej .image .prodano-h { position:absolute; width:300px; height:225px; float:left; background: url('vyprodej/prodano-h.png') top left no-repeat; }
.vyprodejblok .vyprodej .image .prodano-v { position:absolute; width:300px; height:400px; float:left; background: url('vyprodej/prodano-v.png') top left no-repeat; }

.vyprodejblok .vyprodej .text {	width:460px; float:left; margin-left: 10px; }
.vyprodejblok .vyprodej .text h3 {  display:block; height:20px; margin: 0px 0px; color: #FFFFFF; border:0px; font-size: 130%!important; font-weight:bold; text-decoration:none; font-style:normal; clear:both;}
.vyprodejblok .vyprodej .text i {  display:block;	width:100%; height:20px; margin: 5px 0px; color: #FF0000; font-size: 130%; font-weight:bold; text-decoration:none; font-style:normal; clear:both;}

.vyprodejblok .vyprodej .text .p {/*width:420px;*/ height:15px; text-align:left; clear:both;}
.vyprodejblok .vyprodej .text .p .i {display:block; width:200px; height:15px; text-align:left; float:left; font-weight:normal;}
.vyprodejblok .vyprodej .text .p .o {display:block; width:50px; height:15px; text-align:right; float:left; font-weight:normal; font-weight:bold;}
.vyprodejblok .vyprodej .text .p .s {display:block; width:90px; height:15px; text-align:right; float:left; font-weight:normal; color: #FF6666;}
.vyprodejblok .vyprodej .text .p .c {display:block; width:90px; height:15px; text-align:right; float:right; font-weight:normal;}

.vyprodejblok .vyprodej .text .cc {display:block;	width:100%; font-size: 110%; color: #FF6666; font-weight:bold; text-align:right; float:left;}
.vyprodejblok .vyprodej .text .cc span {display:block; width:240px; font-size: 110%;color: #FF6666; font-weight:bold; text-align:left; float:left;}
.vyprodejblok .vyprodej .text .cs {display:block;	width:100%; font-size: 130%; font-weight:bold; text-align:right; float:left;}
.vyprodejblok .vyprodej .text .cs span {display:block;	width:200px; font-size: 110%;  font-weight:bold; text-align:left; float:left;}




/*
.nazev {	margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; border-bottom: solid #7C8E9A 1px;}
.nazev2 {	margin: 0px 0px 10px 0px; padding: 0px 0px 20px 0px;}
*/
/*
#kontakty {width:770px; margin: 0px; padding: 0px; clear: both;}
#kontakty .uno {margin-bottom:10px; padding: 10px; width:358px; min-height:220px; clear:right; background-color: #5A6972; border: 1px solid #576770;}
#kontakty .duo {margin-right: 9px; margin-bottom:9px; padding: 10px; width:352px; height:265px; min-height:220px; float:right; background: url('img/kontakty-bg.jpg') #4E4E4E top left no-repeat; border: 1px solid #565656; float:left;}
#kontakty .duo .info {width:130px; float:left; border:solid 0px;}
#kontakty .duo .info div span {display:block; width:50px; float:left;}
#kontakty .duo .znacky {width:210px; float:right; border:solid 0px;}
#kontakty .duo .znacky img {width:60px; margin: 0px 10px 10px 0px; float:left;}
#kontakty .pozn {margin-left: 10px; margin-bottom:20px; padding: 0px; width:438px; height:30px; clear: both; float:left; }
#kontakty .duo .kontakt div {width:300px;float:left;}
#kontakty .duo .kontakt div span {display:block; width:50px; float:left;}
#kontakty .duo .kontakt div .c { width:1px; height:1px; border:solid #FFFFFF 0px;overflow:hidden;}

#kontakty2 { width:485px; margin: 0px; padding: 0px; clear: both; overflow:hidden;}
#kontakty2 .web{ width:470px; padding: 5px; margin-top: 10px; background-color: #444444; clear:both;}
#kontakty2 .duo {margin-right: 10px; margin-bottom:10px; padding: 10px; width:210px; height:210px; min-height:160px; float:right; background: url('img/kontakty-bg.jpg') #4E4E4E top left no-repeat; border: 1px solid #565656; float:left;}
#kontakty2 .duo .info {width:200px; float:left;}
#kontakty2 .duo .info div {width:200px;float:left;}
#kontakty2 .duo .info div span {display:block; width:50px; float:left;}
#kontakty2 .duo .info div .c { width:1px; height:1px; border:solid #FFFFFF 0px;overflow:hidden;}
*/
/* u podstranek znacek */

.strong {font-weight: bold;}
.prodejny, .odkazy {width:365px; min-height:100px; padding:10px; /*background: url('img/akce-bg.gif') #4E4E4E top center no-repeat;*//*background-color: #5A5A5A;*/ border:solid #3A3A3A 2px; }
.prodejny div {width:352px; margin-bottom: 2px; padding: 4px 4px; /*background-color: #5A5A5A;*/ clear: both;}
.prodejny .link {width:360px; padding: 4px 0px; /*background-color: #4E4E4E;*/ text-align:right;}
.prodejny .link a {/*color: #BBBBBB;*/ font-weight: bold;}
.prodejny .link a:hover {/*color: #DDDDDD;*/}


/*.akce {width:360px; min-height:260px; padding:10px; background: url('img/akce-bg.gif') top center no-repeat; border:solid #5A5A5A 2px; }*/


.znacka-kontakty { padding: 10px; margin-top: 10px; background: url('img/kontakty-bg.jpg') #4E4E4E top left no-repeat; border: 1px solid #565656;}

/*#znacky { margin: 0px 0px 15px 0px; padding: 5px 0px 5px 5px; background-color: #3E3E3E;}*/

#znacky { text-align: center; width:772px; height:20px; padding: 15px 5px 5px 5px; margin-bottom: 2px; background-color: #333333; clear:both;}
#znacky a { color: #BBBBBB; font-weight: bold; text-decoration: none; margin: 0px; margin-left:10px; margin-right:10px; }
#znacky a:hover { color: #FFFFFF;}


.pagesTop {width:550px;background-color: #333333; padding: 5px; margin-bottom:10px;}
.pagesTop .pagesTitle { text-align:left; width:200px; float:left;}
.pagesTop .pagesTitle h4 { margin: 0px !important;  padding: 5px 5px 0px 5px; background-color: #333333 !important; clear:left !important;}

#znackymenu { text-align: right; width:400px; height:20px; padding: 5px 5px 0px 5px; margin-bottom: 2px; background-color: #333333; float:right;}
#znackymenu a { color: #BBBBBB; font-weight: bold; text-decoration: none; margin: 0px; margin-left:10px; margin-right:10px; }
#znackymenu a:hover { color: #FFFFFF;}


#fotogalerie {position:relative;width:730px; min-height: 620px;	padding: 10px 10px 10px 10px;	border: solid #FF0000 0px; background: url('img/pageContent-grad2.gif') top left no-repeat;	clear:both;}
#fotogalerie .none {position:absolute; top:40px; left:10px; width:528px; height: 298px; float:none; display:block; padding: 11px;}

/*  nahoru */
.goup {margin: 10px 0px; padding: 1px 7px 7px 3px;	background-color: #5A6972; list-style:none; }
.goup li {background: url('img/trans.gif') right 2px no-repeat;}
.goup li a{display:block; height:12px; background: url('img/top.gif') right 2px no-repeat; font-size: 12px; font-weight: bold;}


/* OBSAH INDEX ============================================================================================*/
/*
.indexImage {
  display: block;
  width:750px; height: 100%;
	margin: 0px 10px 0px 10px; padding-top: 10px;
	border: solid #FF77FF 0px;
	text-align: center;
	clear:both;
}
.indexLeft {
	width:440px; height: 100%; min-height: 200px;
	margin: 10px 0px 0px 10px; padding: 0px;
	float:left;
	background: url('img/pageContent-grad.gif') top left repeat-x;
}
.indexRight {
	width:300px; height: 100%; min-height: 200px;
	margin: 10px 10px 0px 10px; padding: 0px;
	border: 0px;

	float:right;
	background: url('img/pageContent-grad.gif') top left repeat-x;
}
.indexUvod {
	margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px;
	border-bottom: solid #7C8E9A 1px;
	color: #FFFFFF; font-size: 175%;
	font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;
}
.indexUvod ul { 
	margin: 20px 0px 0px 0px; padding: 0px; 
	list-style:none;
	}
.indexUvod li {
	margin: 5px 0px 0px 0px; padding: 0px 0px 0px 8px;
	background: url('img/li2.gif') 0px 8px no-repeat;
	font-size: 15px; font-weight: bold;
	color: #FFFFFF;
}
.indexKontakt {
	width:280px; height: 100%;
	margin-left: 0px; 
	border: solid #FF77FF 0px;
	float:right;
}*/




/* PAGE PRAVA FORMATOVANI ================================================================================================*/
/*
#top { 
	width:550px; height: 25px;
	margin: 0px; margin-top: 10px; margin-left: 5px; padding: 0px;
	border: 0px;
	clear:both;
}
#top img {margin: 0px; margin-left: 10px;}

#pagetop { 
	width:550px; height: 405px;
	margin: 0px; margin-top: 5px; padding: 0px;
	background: url('img/pagetop.gif') left top no-repeat;
	border: 0px;
	clear:both;
}
#page { 
  width:500px; height: auto; min-height: 400px;
	margin: 0px; padding: 25px 25px 25px 25px;
	background: url('img/page.gif') 0 0 repeat-y;
	border: 0px;
	clear:both;
}
#pagebot { 
	width:550px; height: 20px;
	margin: 0px; padding: 0px;
	background: url('img/pagebot.gif') left top no-repeat;
	border: 0px;
	clear:both;
}
*/
/*#page { margin: 0px; padding: 0px; background: url('img/page-bg.jpg') left top repeat-y;}*/
/*#pageContentTop {
	width: 770px; 
	margin: 0px; padding: 0px;
	background: url('img/page-bg-top.jpg') left top repeat-x;
	border: 0px;
	clear:both;
}
#pageContentEnd {
	width: 770px; min-height: 600px; 
	margin: 0px; padding: 0px;
	background: url('img/page-bg-end.jpg') left bottom repeat-x;
	border: 0px;
	clear:both;
}*/


/* Uvodni strana a produkty ============================================================================================*/
/*
.uvod { 
	width: 500px;
	margin: 0px;  padding: 0px; border: 0px;
	clear:both;
}
.uvod .text { 
	width: 345px;
	margin: 0px; padding: 0px;	border: 0px;
	float:left;
}
.uvod .image { /
	width: 140px;
	margin: 0px; padding: 0px; padding-left: 15px;	border: 0px;
	background: url('img/page-vline.gif') left top no-repeat;
	float:left;
}

.novinka { 
	width: 500px; height: 100%;
	margin: 0px; margin-top: 35px; padding: 0px; border: 0px;
	clear:both;
}

.produkt { 
	width: 500px; height: 100%;
	margin: 0px; margin-top: 10px; padding: 0px; border: 0px;
	clear:both;
}
.produkt .text { 
	width: 345px; height: 100%;
	margin: 0px; padding: 0px;	border: 0px;
	float:left;
}
.produkt .image { 
	width: 140px; height: 100%;
	margin: 0px; padding: 0px; padding-left: 15px;	border: 0px;
	background: url('img/page-vline.gif') left top no-repeat;
	float:left;
}
.produktinfo { 
	width: 500px; 
	margin: 0px; margin-top: 10px; margin-bottom:5px; padding: 0px;	border: 0px;
	background: url('img/produktinfo-ctr.gif') #E5F0D8 left top repeat-y;
	clear:both;
}
.produktinfo .top { 
	width: 500px; height: 10px;
	margin: 0px; padding: 0px;	border: 0px;
	background: url('img/produktinfo-top.gif') left top no-repeat;
	clear:both;
}
.produktinfo .bot { 
	width: 500px; height: 10px;
	margin: 0px; padding: 0px;	border: 0px;
	background: url('img/produktinfo-bot.gif') left top no-repeat;
	clear:both;
}
.produktinfo .content { 
	width: 470px;
	margin: 0px; padding: 0px;	border: 0px; padding-left: 15px; padding-right: 15px;
	clear:both;
}
.produktinfo .content .info { 
	width: 330px;
	margin: 0px; padding: 0px; border: 0px;
	float:left;
}
.produktinfo .content .info IMG{ 
	margin: 0px; padding: 0px; border: 0px; margin-right: 10px;
}
.produktinfo .content .kod { 
	width: 125px;
	margin: 0px; padding: 0px; padding-left: 15px;	border: 0px;
	background: url('img/page-vline2.gif') left top no-repeat;
	float:left;
}
*/
.loga { 
  margin: 0px; margin-top: 20px; padding: 0px; padding-top: 20px; border: 0px;
	clear:both; border-top: solid #CEC7A1 1px;
	text-align: center;
}
.loga IMG { 
  margin: 0px; padding: 0px;	border: 0px; margin-top: 5px; margin-left: 5px; margin-right: 5px;
  border: solid #CEC7A1 0px;
}

#navi {
	width:530px;  /* DŮLEŽITÉ: trapne zmensit o padding, potoze je to U W3C nelogicky stanoveno a nerespektuje to implicitni nastaveni width a height  */
	margin: 0px 0px 10px 0px;  padding: 0px 10px 0px 10px;
	background: url('img/menu-li1.gif') 0px 3px no-repeat;
	border: solid #FF77FF 0px;
	float:left;
	clear:both;
}
#navi A{
	color: #66DFFF; font-size: 100%;	
}
#navi A:hover {
	color: #FFFFFF; font-size: 100%;
}

/* HTML ================================================================================================*/
/*
p {}
strong {
	color: #FFFFFF; font-size: 100%;	
}
small {
	color: #66DFFF; font-size: 90%;	
}
em {
	color: #FFFFFF; font-size: 100%;	
}
img {
	margin: 0px; padding: 0px; border: 0px;
}

a{
	margin: 0px;
	padding: 0px;
	color: #C9E2E8; font-size: 100%;
		
}
a:link {
	margin: 0px; padding: 0px;
	color: #BBBBBB; font-size: 100%; text-decoration: none;	
}
a:active {
	margin: 0px; padding: 0px;
	color: #BBBBBB; font-size: 100%; text-decoration: none;	
}
a:visited {
	margin: 0px; padding: 0px;
	color: #BBBBBB; font-size: 100%; text-decoration: none;	
}
a:hover {
	margin: 0px; padding: 0px;
	color: #FFFFFF; font-size: 100%; text-decoration: underline;	
}*/




/*.hr {width: 100%; height: 5px; border: 0px; clear:both;}*/

.nazevodkaz { 
	margin: 0px; padding: 0px 15px 0px 0px; display:block; clear:both;
	color: #FFF00C; font-size: 100%; text-decoration: none;	
	background: url('img/nazevodkaz-li1.gif') center right no-repeat;
	font-weight: bold;
}	
.nazevodkaz:link, .nazevodkaz:active, .nazevodkaz:visited { 
	margin: 0px; padding: 0px 15px 0px 0px;
	color: #FFF00C; font-size: 100%; text-decoration: none;	
	font-weight: bold;
}
.nazevodkaz:hover { 
	text-decoration: underline;
	background: url('img/nazevodkaz-li2.gif') center right no-repeat;	
}
.head {font-size: 20px; margin: 0px;	letter-spacing: 0.06em;	padding: 0px;}

/* EXTRAS ==============================================================================================*/

.FFclearer {clear:both; width:100%; height:1px; visibility:hidden; overflow:hidden; line-height: 1px; background-color: #000;}