html {
     height:100%; min-height:100%;
     overflow: -moz-scrollbars-vertical;
     overflow-y: scroll;
}
body { /* background of website and basic font settings */
	margin:0px; padding:0px; height:100%;
	font-family: 'Source Sans Pro', Calibri, Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;
	font-size:14px; color:#474747;
	background:url('body-bg.jpg') #919191 center top repeat-x;
}
.body{ /* background image of website */
  padding:0px; margin:0px auto; height:100%;
  background:url('body-bg-image.jpg') center top repeat-x;
  text-align:center; 
  clear:both;
}

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


#topmenu li a { color:#646464; font-size:14px;  text-decoration:none;}
/*#topmenu li a:hover, #header li a:focus {color: #FFF; }*/
#topclient, #topclient a { color:#14272D; font-size:14px; font-weight:500; text-decoration:none;}
#mainmenu li a { color:#02335C; font-size:16px; font-weight:bold; text-decoration:none; text-align:center!important;}	
/*#mainmenu li a:hover { color:#FFF;}	*/
#copy { color:#1F4F81; font-size:13px; text-decoration:none; text-align:left!important;}	
#page, #page p{	font-size: 14px; text-align:left;}
#page strong {font-weight:bold;}
#page small {color: #66DFFF; font-size: 90%;}
#page em {color: #666; font-size: 100%;}
img {	margin: 0px; padding: 0px; border:0px;}
h1, h2, h3, h4, h5 {}

#page h1 {
	margin: 0px 0px 15px 0px; padding: 0px 0px 15px 0px; /*clear:both;*/
	color: #386486; font-size: 230%; font-weight:normal; 
	z-index:10; /*background: url('h1-bg.png') bottom left no-repeat;*/
}
#page h2, #header #logo span {
	margin: 5px 0px 5px 0px; padding: 0px;
	color: #386486; font-size: 200%; font-weight:normal;
}
#page h3 {
	margin: 5px 0px 5px 0px; padding: 0px;
	color: #203F85; font-size: 150%; font-weight:normal;
}
#page h4 {
	margin: 0px; padding: 0px;
	color: #000000; font-size: 140%;
	font-weight:bold;
}
#page h5 {
 margin: 0px; padding: 0px; font-size:110%;	font-weight:normal;
}
button, input, select, textarea {color:#474747; font-size:16px; padding:4px; outline: none; font-family: 'Source Sans Pro', Calibri, Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;}


a, a:hover, a:active, a:visited, a:link, input, button {outline: 0!important;}
a:link 		{text-decoration: none; color: #144170;}
a:visited {text-decoration: none; color: #144170;}
a:active 	{text-decoration: none; color: #144170;}
/*a:hover 	{text-decoration: none; color: #144170; text-decoration: underline;}*/



table {width:100%; margin:0px;}
tr    {}
td    {padding:5px 10px; background-color:#EEEEEE;}

.link-white {color: #FFFFFF; font-weight:bold;}
.link-white:link 		{text-decoration: none; color: #FFFFFF;}
.link-white:visited {text-decoration: none; color: #FFFFFF;}
.link-white:active 	{text-decoration: none; color: #FFFFFF;}
.link-white:hover 	{text-decoration: none; color: #FFFFFF; text-decoration: underline;}

.link {display:block-inline; min-width:50px; height:15px; clear:both; margin-bottom:10px; padding:7px 45px 12px 10px; font-size:18px; text-align:left; text-decoration:none; background: url('link-out.png') center right no-repeat;}
.link:hover {background: url('link-over.png') center right no-repeat; text-decoration:none; }
.linkblock {display:block; width:150px; min-width:100px; height:15px; clear:both; margin-bottom:10px; padding:10px 45px 10px 0px; font-size:18px; text-align:left; text-decoration:none; background: url('link-out.png') center right no-repeat;}
.linkblock:hover {background: url('link-over.png') center right no-repeat; text-decoration:none; }


.linkback {display:block-inline; min-width:60px; height:15px; clear:both; margin-bottom:5px; padding:7px 10px 12px 45px; font-size:18px; text-align:left; text-decoration:none; background: url('link-back.png') left center no-repeat;}
.linkback:hover {background: url('link-back-over.png') left center no-repeat; text-decoration:none; }



#page ul { list-style: none; margin:0px; padding:0px;}
#page li { margin:0px; padding: 0px 0px 5px 18px; /*margin: 10px, 0px, 14px, 0px; padding: 0px 0px 0px 12px;*/ background: url('li.png') 1px 2px no-repeat;}

sup {font-weight:both; font-size: 60%;}
object {clear:both;}

hr {color: #AAA; width: 100%; height: 1px; line-height: 1px; border: 0px; background-color: #AAA; clear:both;}
.hr { width:100%; height:20px; clear:both; margin:5px 0px; background: url('delic.png') top center no-repeat; }
.hrbig{ width:100%; height:30px; clear:both; margin:5px 0px; background: url('delic.png') top center no-repeat; }

.line {position:absolute; top:10px; left:477px; width:6px; height:440px; padding:0px; /*background:#E5E1DE;*/ background: url('delic-vertical.png') #E5E1DE center top repeat-y; z-index:100;}


.akcetext {font-size: 110%;}
.akcetext2 {font-size: 130%; color: #330000;	font-weight: bold;}

/* Pomocne definice formatovani */
.floatleft {float:left;}
.floatright {float:right;}
.floatright25px {float:right; margin:0px 0px 25px 25px;}
.clearboth    {clear:both; width:100%;}
.displaynone  {display:none;}
.block        {display:block;}



.bold {font-weight: bold; }
.lbig {font-size: 110%;}
.big {font-size: 120%!important;}
.bigbold {font-size: 120%; /*font-weight: bold;*/ }
.bigger-red {font-size: 120%!important;	font-weight: bold; color: #CC0000!important;}
.bigger {font-size: 140%!important; line-height:140%; /*color: #444;*/ /*font-weight: bold;*/}
.superbig {font-size: 180%!important;}
.superbigger {font-size: 220%;}
.megabig {font-size: 280%;}
.megabigger {font-size: 360%;}
.small {font-size: 85%;}
.smaller {font-size: 70%;}

.font-size18px {font-size:18px;}

.size120 {font-size: 120%!important;}
.size140 {font-size: 140%!important;}
.size160 {font-size: 160%!important;}
.size180 {font-size: 180%!important;}
.size200 {font-size: 200%!important;}
.size220 {font-size: 220%!important;}
.size240 {font-size: 240%!important;}
.size260 {font-size: 260%!important;}

.noline {text-decoration:none!important;}
.bg-red { background-color:#A00; width:230px; color: #FFF; padding:10px;}
.w20px { width:20px!important;}
.w50px { width:50px!important;}
.w75px { width:75px!important;}
.w80px { width:80px!important;}
.w100px { width:100px!important;}
.w150px { width:150px!important;}
.w180px { width:180px!important;}
.w200px { width:200px!important;}
.w230px { width:230px!important;}
.w240px { width:240px!important;}
.w250px { width:250px!important;}
.w260px { width:260px!important;}
.w270px { width:270px!important;}
.w280px { width:280px!important;}
.w310px { width:310px!important;}
.w320px { width:320px!important;}
.w330px { width:330px!important;}
.w340px { width:340px!important;}
.w360px { width:360px!important;}
.w370px { width:370px!important;}
.w380px { width:380px!important;}
.w390px { width:390px!important;}
.w400px { width:400px!important;}
.w420px { width:420px!important;}
.w440px { width:440px!important;}
.w450px { width:450px!important;}
.w460px { width:460px!important;}
.w480px { width:480px!important;}
.w490px { width:490px!important;}
.w500px { width:500px!important;}
.w525px { width:525px!important;}
.w530px { width:530px!important;}
.w550px { width:550px!important;}
.w600px { width:600px!important;}
.w650px { width:650px!important;}
.w720px { width:720px!important;}
.w740px { width:740px!important;}
.w860px { width:860px!important;}
.w900px { width:900px!important;}

.h200px { height:200px!important;}

.red {color: #F33!important;}
.black {color: #000!important;}
.white {color: #FFF!important;}
.grey {color: #666!important;}
.greydark {color: #444!important;}
.greylight {color: #999!important;}
.orange {color: #CC6600!important; }

.border-grey {border: solid 10px #CCC;}

.showborders {border: solid 1px #CCC;}

.imgbox {position:relative;}
.marianne-avana {position:absolute; top:400px; right:20px; z-index:10;}
.marianne-klaus {position:absolute; top:50px; right:20px; z-index:10;}
.center {text-align: center;}
.normal{font-weight: normal;}

.nomargin {margin:0px!important;}
.nomargintop {margin-top:0px!important;}
.nopadding {padding:0px!important;}
.nopaddingbottom {padding-bottom:0px;}
.nopaddingtop {padding-top:0px;}
.margin-right50px {padding-right:50px!important; border: solid #ddd000 2px;}
/*.link {display:block; width:100px; height:auto; background: url('li.gif') center right no-repeat;}*/
.linkprodejny {display:block; width:200px; height:auto; padding:5px 7px; text-decoration:none!important; background: url('li.gif') #E4E4E4 center right no-repeat;}
.linkprodejny:hover {color:#FFF; background: url('li.gif') #CCC center right no-repeat;}
.backgroundnone {background:none!important;}

.img-right {float:right; padding-left:20px; padding-bottom:20px;}

/* WEB.MAIN.BLOCKS  ===================================================================================*/

/* PAGE */
#page { 
  position:relative; padding:0px;	margin:0px; clear:both; border: solid #FF77FF 0px;
  width:100%; background: url('page-bg.png') center top repeat-y;
}
#page .pageContent { 
  position:relative; width:920px; /*height:auto;*/ margin:0px auto; padding:30px 30px 30px 30px; clear:both;
  /*background:url('page-top0.png') #FFF center top repeat-x;*/
  background-color:#FFF;
}
#page .pageContentIndex { 
  position:relative; width:980px; min-height:380px; margin:0px auto; padding:0px; clear:both;
  background-color:#FFF;
}
#page .pageContentMenu { 
  position:relative; width:730px; min-height:430px; margin:0px auto; padding:30px 30px 0px 220px; clear:both;
  background-color:#FFF;
}
#page .pageContentBottom { 
  position:absolute; bottom:0px; left:0px; width:980px; height:30px; margin:0px auto; padding:0px; clear:both;
  background:url('page-bottom.png') #FFF center bottom repeat-x;
}
#page .line-index { 
  position:relative; width:980px; height:8px; margin:0px auto; padding:0px; clear:both;
  background:url('line-index.png') #FFF center top repeat-x;
}
/* Navigation bar ================================================================================================*/
#navi { position:relative; padding:0px;	margin:0px; clear:both; border: solid #FF77FF 0px; width:100%; background: url('page-bg.png') center top repeat-y;}
#navi .naviContent{width:920px; height:14px; padding:13px 30px; margin:0 auto; color:#464646; text-align:left; font-size:13px; background:url('navi-bg.png') #E0E0E0 center top repeat-x; border-bottom: solid #DDD 1px;}
#navi a {color:#AAAAAA; padding:0px 10px;}
#navi a:hover {color:#464646;}
#navi strong {color:#464646; padding:0px 10px;}



/* HEADER */

/* Page Header ================================================================================================*/
#header {
  position:relative; margin:0px; padding:0px; clear:both; border:solid #FF77FF 0px;
	width:100%; height:265px;
	background:url('header-bg-image.png') center top no-repeat;
}
#header .headerContent {
  position:relative; margin:0px auto; padding:0px; clear:both; border:solid #FF7700 0px;
	width:980px; height:265px;
	/*background:url('../images/header-bg-image.png') center top no-repeat;*/
}
#header .box-top {
  position:relative; margin:0px auto; padding:0px; padding-top:3px; clear:both; border:solid #FF0000 0px;
	height:42px;
}
#header .box-center {
  position:relative; margin:0px auto; padding:0px; clear:both; border:solid #FF77FF 0px;
	height:170px;
}
/*#header a { color:#646464;}
#header a:hover{color:#848484;}*/
#header #logobg { position:absolute; top:12px; left:12px; width:450px; height:140px; background:#ccc; opacity:0.6; border-radius:5px; border:solid 5px #386486; }
#header #logo {position:absolute; top:12px; left:12px; width:450px; height:140px; }
#header #logo a {position:absolute; top:20px; left:0px; width:450px; height:70px; display:block; font-size:70px; color:#fff; }
#header #logo a span { font-size:70px; }
#header #logo h1{position:absolute; width:372px; height:120px; }
#header #logo h2, #header #logo div.motto{position:absolute; top:100px; left:12px; width:450px; font-size:25px; color:#14272D; text-align:left; font-weight:bold; /* height:20px;*/ }

#header #telephone {position:absolute; top:10px; right:14px; display:block; width:220px; height:18px; font-size:18px; color:#8E8E8E; text-align:right;}
#header #telephone strong{color:#2D6695;}

#header #topclient { position:absolute; top:18px; right:10px; width:300px; height:24px; padding:12px 0px 12px 0px; text-align:right; z-index:510; border: solid #CBE1DD 0px;}
#header #topclient a {display:block-inline; height:16px; padding:12px 10px 12px 10px; margin:0px; border: solid #CBE1DD 0px;}
#header #topclient span.delimiter{display:block-inline; width:1px; top:0px; height:40px; /*border-left:solid #A2B0B5 1px;*/ border-right:solid #14272D 1px;}

#header #topcart {position:absolute; top:65px; right:0px; width:300px; height:65px; /*background-color:#666;*/}
#header #topcart .cartlink {position:absolute; top:0px; right:0px; display:block; width:82px; height:82px; /*padding-top:42px;*/ color:#646464; text-align:center; background:url('icon-cart-out.png') center top no-repeat; z-index:1000!important; }
#header #topcart .cartlink:hover{color: #949494; text-decoration:none;  background:url('icon-cart-over.png') center top no-repeat; }
#header #topcart .cartitems {position:absolute; top:15px; right:100px; display:block; width:140px; height:18px; color:#14272D; font-size:16px; text-align:right;}
#header #topcart .cartprice {position:absolute; top:38px; right:100px; display:block; width:140px; height:18px; color:#14272D; font-size:20px; text-align:right;}
#header #topcart span.delimiter{position:absolute; display:block; width:1px; top:0px; right:85px; height:60px; border-left:solid #73615C 1px;}

/*
#header #menu-sitemap {position:absolute; top:24px; right:14px; display:block; width:100px; height:18px; padding-top:42px; color:#E57F13; text-align:center; background:url('icon-sitemap-out.png') center top no-repeat; z-index:1000!important; }
#header #menu-sitemap:hover{color: #FFF; text-decoration:none;  background:url('icon-sitemap-over.png') center top no-repeat; }
*/

/* FOOTER - ODKAZY */
#footer { 
  position:relative; width:100%; margin:0px; clear:both;
  background:url('page-bg.png') center top repeat-y;
  text-align:center; z-index:50; 
  /*border: solid #00F 0px;*/
}
#footer .footerContent{ 
   position:relative; width:930px; height:170px; min-height:170px; margin:0px auto; padding:35px 25px 0px 25px; clear:both;
   background:url('footer-bg.png') #1E4463 center top repeat-x; 
   color:#72AAE2; text-align:left; z-index:50;
   border: solid #0F0 0px; 
  }
#footer .box{ position:relative; width:180px; height:100%; min-height:150px; padding:0px; padding-left:25px; float:left;}
#footer h2 { color:#72BDFC; font-size:17px; font-weight:400; padding:0px; margin:0px; margin-bottom:14px;}	
#footer a {font-size:14px; color:#C0C0C0; padding:2px 0px; text-decoration:none; display:block; clear:both;}

#footer .boxcontact{ width:270px; padding-left:0px; background: url('footer-delimiter.png') right top repeat-y;}
#footer span.phone{display:block; color:#7AA7CB; font-weight:bold; width:215px; height:28px; padding-left:45px; padding-top:7px; padding-bottom:5px; background: url('icon-phone.png') left center no-repeat; clear:both;}
#footer span.phone strong{color:#C0C0C0;}
#footer span.email{display:block; color:#C0C0C0; width:215px; height:28px; padding-left:45px; padding-top:7px; padding-bottom:5px; background: url('icon-email.png') left center no-repeat; clear:both;}
#footer span.address{display:block; color:#C0C0C0; font-size:14px; width:215px; height:35px; padding-left:45px; padding-bottom:5px; background: url('icon-address.png') left center no-repeat; clear:both;}

#footer .boxbenefits{ width:205px; padding-left:0px; float:right}
#footer span.quality{display:block; color:#7AA7CB; font-weight:bold; width:175px; height:50px; padding-left:55px; padding-top:7px; background: url('footer-quality.png') left center no-repeat; clear:both;}
#footer span.transport{display:block; color:#7AA7CB; font-weight:bold; width:175px; height:50px; padding-left:55px; padding-top:7px; background: url('footer-transport.png') left center no-repeat; clear:both;}
#footer span.complaints{display:block; color:#7AA7CB; font-weight:bold; width:175px; height:50px; padding-left:55px; padding-top:7px; background: url('footer-complaints.png') left center no-repeat; clear:both;}


/*#footer a:hover {color:#FFFFFF;}*/

/* COPY - UKONCENI STRANKY */
#copy {
  position:relative; width:100%; margin:0px; clear:both;
  background: url('copy-bg.png') top center no-repeat;
  text-align:center;  
}
#copy .copyContent{ 
   position:relative; width:920px; min-height:85px; margin:0px auto; padding:55px 30px 0px 30px; clear:both;
   text-align:left; z-index:50; border: solid #0F0 0px;
  }
#copy p {display:block; color:#555; width:400px; height:34px; float:left; padding:0px; padding-top:5px; margin:0px;}
#copy .dhakra { display:block; clear:none; float:right; min-width:110px; height:34px; color:#555; text-align:center; text-decoration: none; padding:0px; /*padding-left:110px;*/ padding-top:30px; margin:0px; background: url('logo-dhakra.png') top center no-repeat;  }
#copy .dhakra:hover { color:#777!important; text-decoration: none; background: url('logo-dhakra-over.png') top center no-repeat; }
#copy .gramonet { display:block; clear:none; float:right; min-width:110px; height:34px; color:#555; text-align:center; text-decoration: none; padding:0px; /*padding-left:110px;*/ padding-top:30px; margin:0px; background: url('logo-gramonet.png') top center no-repeat;  }
#copy .gramonet:hover { color:#777!important; text-decoration: none; background: url('logo-gramonet-over.png') top center no-repeat; }

/* WEB.MAIN.BLOCKS.END  ===================================================================================*/

/* MENU.BLOCKS ============================================================================================*/

/* TOPMENU */
#topmenu { position:absolute; top:0px; left:10px; width:680px; z-index:510; border: solid #CBE1DD 0px;}
#topmenu ul, #topmenu li { margin:0px; padding:0px; list-style:none;	}
#topmenu ul {position:relative;  height:auto; list-style:none; clear:both;}
#topmenu li {position:relative; height:auto; min-height:16px; padding:12px 0px 12px 0px; float:left; background:none; clear:none; z-index:510!important;}
#topmenu li.first {padding-left:0px; margin-left:0px; border-left: solid #CBE1DD 0px; background:none; }
#topmenu li a {display:block-inline; height:16px; padding:12px 12px 12px 12px; margin:0px; border: solid #CBE1DD 0px;}
/*#topmenu li a:hover, #header li a:focus {color: #FFF; }*/
#topmenu li a.home {display:inline; padding-left:30px; height:28px; padding-top:2px; background: url('../images/topmenu-home.png') 0px 0px no-repeat;}

/* MAINMENU */
#mainmenu { /* Main-menu */
  position:relative; padding:0px; margin:0px; clear:both;	border: solid #FF77FF 0px;
	height:50px; min-height:45px;
	/*width:100%; background: url('../images/page-bg.png') center top repeat-y;*/
  overflow:hidden;
}
#mainmenu .mainmenuContent{ /* Main-menu */
  position:relative; padding:0px; margin:0px auto; clear:both;border: solid #FF77FF 0px;
	width:980px!important; height:50px;
	background: url('mainmenu-bg.png') top left no-repeat;
  overflow:hidden;
}
#mainmenu ul.menu  {margin:0px; padding:0px; width:980px; height:45px; /*margin-left:auto; margin-right:auto;*/ border: solid #FF77FF 0px; font-style:normal;}
#mainmenu ul.menu li {display:block; float:left; /*width:186px;*/ height:50px; padding-left:0px; margin:0px; padding-top:0px; background:none; border-right: solid #FF77FF 0px; }
#mainmenu ul.menu li.first {padding-left:0px; margin-left:0px; width:50px; background:none; }
#mainmenu ul.menu li a {display:block; width:183px; height:34px; /*color:#D3E076;*/ font-size:110%; padding:0px 0px; padding-top:16px; font-weight:bold; text-decoration:none; text-align:center; /*background: url('../images/mainmenu-out.jpg') top center no-repeat;*/}
#mainmenu ul.menu li a:hover {color: #196AAD; background: url('mainmenu-on.png') top center no-repeat;/*text-decoration: underline;*/ }
#mainmenu ul.menu li a.home {display:block; width:50px; height:50px; padding-top:0px; background: url('mainmenu-home.png') center center no-repeat;}
/*#mainmenu ul.menu li a.home:hover {background: url('../images/mainmenu150-home-over.png') center center no-repeat;}*/
#mainmenu ul.menu li.delimiter {padding-left:0px; margin-left:0px; width:3px; background: url('mainmenu-delimiter.png') top left no-repeat; }
#mainmenu ul.menu li a.pageon {color:#000; height:30px; padding-top:16px;background: url('mainmenu-on.png') top center no-repeat;}



/* SIDEMENU */
#sidemenubg {position:absolute; top:0px; left:0px; width:190px; height:100%; padding-bottom:0px; float:left; border-right: solid 1px #DDD; z-index:1;  background: url('sidemenu-bg.png') #EEE left top repeat-y;}

#sidemenu {position:relative; top:0px; left:-30px; width:190px; height:100%; padding-bottom:0px; float:left; border-right: solid 1px #DDD; z-index:2; /*background-color:#DDD;*/}
#sidemenu .line {position:relative; width:190px; height:2px; border-top: solid 2px #FFF;}
#sidemenu .top {width: 190px; height:35px; padding-top:15px; z-index:1;}
#sidemenu .bottom {position:absolute; bottom:-15px; width:189px; height:15px; border-left: solid 1px #FFF; background-color: #FFF;}

/* 1.uroven */
#sidemenu ul.menu1 { margin: 0px; padding:0px; list-style:none; border-top: solid #DDD 1px;}
#sidemenu ul.menu1 li {/*width:190px; min-height:44px;*/ margin: 0px; padding:0px; border-bottom:solid #DDD 0px; background: url('sidemenu-out.png') left top no-repeat; /*z-index:999;*/}
#sidemenu ul.menu1 li:hover { background: url('sidemenu-over.png') left top repeat-x;}
#sidemenu ul.menu1 li>a{width:166px; min-height:16px; padding:13px 7px 12px 17px; display:block; clear:both; color:#BAD4EC; font-size:15px; border-bottom: solid 0px #F00; text-decoration:none; }
#sidemenu ul.menu1 li>a:hover{color:#FFF;}
#sidemenu ul.menu1 li.on {background: url('sidemenu-on.png') left top no-repeat;}
#sidemenu ul.menu1 li.on>a {color:#FFF; /*background:#DDD; font-weight:bold;*/}

/* 2.uroven */
#sidemenu ul.menu2   { margin:0px; padding:0px; list-style:none; background: url('sidemenu-shadow.png') left top repeat-x; clear:both;}
#sidemenu ul.menu2 li{ margin:0px; padding:1px 0px; padding-left:16px; background: url('sidemenu-tree.png') left top no-repeat!important;}
#sidemenu ul.menu2 li>a{width:154px; min-height:16px; padding:7px 12px 5px 6px; display:block; clear:both; color:#666; font-size:13px; font-weight:normal; border-bottom: solid 0px #F00; text-decoration:none; /*background: url('sidemenu-menu-out2.png') left bottom repeat-x;*/ }
#sidemenu ul.menu2 li>a:hover{color:#000; background:#DDD; /*background: url('sidemenu-menu-overn.png') #DDD left bottom repeat-x;*/}
#sidemenu ul.menu2 li.on>a {color:#333; font-weight:bold;}

/* 3.uroven */
#sidemenu ul.menu3   { margin:0px; padding:0px; list-style:none; background:none; clear:both;}
#sidemenu ul.menu3 li{ margin:0px; padding:1px 0px; padding-left:16px; background: url('sidemenu-tree.png') left top no-repeat;}
#sidemenu ul.menu3 li>a{width:138px; min-height:16px; padding:7px 12px 5px 6px; display:block; clear:both; color:#666; font-size:13px; font-weight:normal; border-bottom: solid 0px #F00; text-decoration:none; background:none; }
#sidemenu ul.menu3 li>a:hover{color:#000; /*background:#DDD;*/}
#sidemenu ul.menu3 li.on>a {color:#333; font-weight:bold;}

/* 4.uroven */
#sidemenu ul.menu4   { margin:0px; padding:0px; list-style:none; background:none; clear:both;}
#sidemenu ul.menu4 li{ margin:0px; padding:1px 0px; padding-left:16px; background: url('sidemenu-tree.png') left top no-repeat;}
#sidemenu ul.menu4 li>a{width:122px; min-height:16px; padding:7px 12px 5px 6px; display:block; clear:both; color:#666; font-size:13px; font-weight:normal; border-bottom: solid 0px #F00; text-decoration:none; background:none; }
#sidemenu ul.menu4 li>a:hover{color:#000; /*background:#DDD;*/}
#sidemenu ul.menu4 li.on>a {color:#333; font-weight:bold;}


#sidemenu ul li.last { background: url('sidemenu-tree-end.png') left top no-repeat!important; padding-bottom:10px;}
#sidemenu ul li.thison>a {background:#4683B7 url('sidemenu-thison.png') right center no-repeat!important; padding-right:18px; /*width:80%; */color:#FFF!important; font-weight:bold;}


#sidemenu span.title {margin: 0px 0px 8px 0px; padding-left:15px; color: #666; font-size:22px; font-weight: 400; z-index:10;}
#sidemenu .center {position:relative; width:160px; padding:15px; padding-top:25px;}
#sidemenu .motto {/*font-size:12px;*/ font-weight:500; text-align:center;}
#sidemenu .icon-pack {position:relative; float:left; width:80px; height:80px; text-align:center; font-size:12px; background: url('ikona-balne.png');}
#sidemenu .icon-exp {position:relative; float:left; width:80px; height:80px; text-align:center; font-size:12px; background: url('ikona-expedice.png');}


/* MENU.BLOCKS.END ===============================================================================================*/
/*a.homebutton {position:absolute; top:30px; right:0px; display:block; width:60px; height:16px; padding-top:0px; color:#CC6600!important; font-size:14px; font-weight:bold; text-align:right!important; text-decoration:none!important; background: url('back-arrow.gif') left center no-repeat; font-family: Calibri, 'switzerland', Arial CE, Helvetica CE, Arial, Helvetica, sans-serif; z-index:100!important;}
a.homebutton:hover {color:#CC6600!important;}
*/


/* Page ==========================================================================================================*/
/* Button Continue */
#page .continue {display:block; float:right; width:200px !important; height:55px; margin-top:8px; margin-right:20px; padding-left:20px; padding-top:0px; color:#BAD4EC; font-size:140%; text-align:left; font-weight:normal; background: url('cart-continue0.png') left top no-repeat; border: solid #3D540A 0px;}
#page .continue:hover {color:#FFFFFF; background: url('cart-continue1.png') left top no-repeat;}
#page .content {width:720px; float:left;}

/* Important - field must be filled */
#page .star {color:#FF6600; font-size:120%; font-weight:bold;}

#page ul {margin-top:15px;}


#page .pageContent div.block-top {width:100%; min-height:50px; padding-bottom:5px; background: url('block-top.png') center bottom no-repeat; clear:both; margin-bottom:10px;}
#page .pageContent div.block-bottom {width:100%; min-height:50px; padding-top:5px; background: url('block-bottom.png') center top no-repeat; clear:both; margin-top:10px;}
#page .pageContentMenu div.block-top {width:100%; min-height:40px; padding-bottom:5px; background: url('block-top.png') center bottom no-repeat; clear:both; margin-bottom:5px;}
#page .pageContentMenu div.block-bottom {width:100%; min-height:40px; padding-top:5px; background: url('block-bottom.png') center top no-repeat; clear:both;}
#page .block-bottom-image {position:relative; background: url('block-bottom.png') #FFF center 0px no-repeat;}

#page .index-articles {position:relative; width:940px; border: solid #DDD 0px;}
#page .index-articles .columns {position:relative; width:400px;}

#page .index-articles .item {position:relative; width:420px; height:200px; padding-top:20px; /*padding-top:20px;*/ margin-bottom:20px; border-bottom: solid #DDD 0px; /*background: url('productlist-bg.jpg') center top repeat-x;*/} 
#page .index-articles .text {width:250px; height:170px; float:right; padding-left:30px; border-left: solid #DDD 0px; }
#page .index-articles span {color:#999;}
#page .index-articles .image {width:140px; height:140px; text-align:center; float:left; /*border-right: solid #DDD 1px;*/}
#page .index-articles .image img {display:block; width:140px; height:140px; clear:both;}
#page .index-articles .link {position:absolute; right:10px; bottom:0px;}

#page .index-articles .diagnostika {height:242px;} 
#page .index-articles .diagnostika .image {width:140px; height:auto; text-align:center; float:left; /*border-right: solid #DDD 1px;*/}
#page .index-articles .diagnostika .image img {display:block; width:140px; height:auto; clear:both;}

#page .perex { font-size:120%; }

/*#page .index-articles .item h3 {color:#999;}*/


#page .press-list {position:relative; width:900px; } 
#page .press-list .item {position:relative; width:878px; height:auto; padding:20px; /*padding-top:20px;*/ margin-bottom:20px; border-bottom: solid #DDD 0px; background: url('productlist-bg.jpg') center top repeat-x;} 
#page .press-list .text {width:900px; }
#page .press-list span {color:#999;}
#page .press-list .image {width:140px; height:140px; text-align:center; float:left; /*border-right: solid #DDD 1px;*/}
#page .press-list .image img {display:block; width:140px; height:140px; clear:both;}
#page .press-list .link {position:absolute; right:10px; bottom:0px;}


/* MAPA ==============================================================================================*/
#map {position:relative; left:-15px; width:600px; height:460px; padding:25px 15px; border: solid #FF77FF 0px; overflow:hidden;}
#smapa {position:relative; width:600px; height:460px; border:none; z-index:1;}
#map .mapborder-top {position:absolute; top:-8px; left:0px; width:990px; height:17px; z-index:9;  background: url('footer-delic.png') center center no-repeat;}
#map .mapborder-bottom {position:absolute; bottom:-3px; left:0px; width:990px; height:17px; z-index:9;  background: url('footer-delic.png') center center no-repeat;}




/* GALERIE */ 
#galerie {position:relative; width:940px; clear:both; overflow:hidden;}
#galerie .item {position:relative; width:160px; height:160px; padding:5px; margin-right:15px; margin-bottom:15px; background-color:#E9E9E9; border:0px; float:left;}
#galerie .item:hover {background-color:#D0D0D0; text-decoration:none;}
#galerie .item table {width:160px; padding:0px; margin:0px; border:0px;}
#galerie .item tr {width:160px; padding:0px 0px; margin:0px; border:0px;}
#galerie .item td {width:160px; height:160px; padding:0px 0px; margin:0px; border:0px; text-align:center; vertical-align:middle;}
#galerie .item img{display:block; width:160px; height:160px; clear:both;}
#galerie .item strong{display:none; clear:both;}
#galerie .item div{display:none;}
#galerie .item a{text-decoration:none;}

#galerie .item2 {position:relative; height:150px; padding:5px; margin-right:15px; margin-bottom:15px; background-color:#E9E9E9; border:0px; float:left;}
#galerie .item2:hover {background-color:#D0D0D0; text-decoration:none;}
#galerie .item2 img{display:block; max-height:150px; clear:both;}
#galerie .item2 strong{display:none; clear:both;}
#galerie .item2 div{display:none;}
#galerie .item2 a{text-decoration:none;}

/*rozcestnik terapie */
img.imglink {border:solid 5px #E9E9E9;}
img.imglink:hover {border:solid 5px #D0D0D0;}


/* E-SHOP - Categories, Product List & Product Detail ============================================================================================*/
#productCategories {width:740px; border:solid #3D540A 0px;}
#productCategories .item {
	width:100%; /*height:100%;*/ min-height: 200px; float:left;
	margin: 0px; padding: 0px; margin-right:4px; margin-bottom:4px; padding-top:7px; padding-bottom:10px;
	border: solid #3D540A 0px; background: url('productlist-bg.jpg') center top repeat-x;
}
#productCategories .item:hover { background: url('productlist-bg-over.jpg') center top repeat-x;}
#productCategories .item .title {width:250px; height:200px; margin:0px; float:left; padding:0px; border:solid #333 0px;}
#productCategories .item a {display:block; position:relative; width:250px; height:200px; padding-top:0px; text-align:left;}
#productCategories .item a .producer { display:block; clear:both; padding-left:12px; color:#363636; font-size:14px; text-decoration:none;}
#productCategories .item a .product { display:block; clear:both; padding-left:12px; color:#36; font-size:20px; text-decoration:none;}
#productCategories .item a .image {display:block; height:160px; margin-top:10px; margin-left:auto; margin-right:auto; text-align:center; clear:both; border:0px; /*background: url('../images/productlist-bg.jpg') center top no-repeat;*/}

#productCategories .item .text {width:440px; padding-top:10px; float:right; margin-right:20px; text-align:left; border:solid #333 0px; /*background: url('../images/productlist-bg.jpg') center top no-repeat;*/}


#productList {position:relative; width:760px; /*margin-top:20px;*/ float:left; border: solid #3D540A 0px;}
#productList .item {
	width:234px; height: 100%; min-height: 230px; float:left;
	margin: 0 10px 10px 0; padding: 7px 0 0 0;
	border: solid #CCC 1px; background: url('productlist-bg.jpg') center top no-repeat;
}
#productList .item:hover {background: url('productlist-bg-over.jpg') center top no-repeat;}
#productList .item a {display:block; position:relative; width:234px; height:212px; padding-top:0px; text-align:left;}
/*#productlist .item a:hover {background: url('../images/productlist-bg.png') center top no-repeat;}*/
#productList .item a h2 {margin:0px; padding:0px; /*color:#006666; font-size:100%;*/text-decoration:none;}
/*#productList .item a h3 {padding-left:8px; margin:0px; padding:0px; color:#009999; font-size:85%; text-decoration:none;}*/
#productList .item a .producer { display:block; clear:both; padding-left:12px; color:#363636; font-size:14px; text-decoration:none;}
#productList .item a .product { display:block; clear:both; padding-left:12px; color:#36; font-size:20px; text-decoration:none;}
/*#productlist .item a:hover .product, #productlist a:hover .producer{color:#FFFFFF; text-decoration:none;}*/
#productList .item a .image {display:block; max-height:176px; max-width:234px; margin-top:10px; /*height:200px;*/ /*margin-left:auto; margin-right:auto;*/ text-align:center; clear:both; border:0px; /*background: url('../images/productlist-bg.jpg') center top no-repeat;*/}

#productList .item a .icons {display:block; position:absolute; top:75px; right:0px; width:70px; height:auto; text-align:center; border:0px;}
#productList .item a .icons img{position:relative; margin-top:-8px; padding:0px;}


#productList .item .pricebox {position:relative; width:228px; min-height:50px; padding:0 6px 0 0; margin:0px auto; clear:both; background-color:#DDD; /*font-weight:bold;*/ /*background: url('../images/pricebox-bg.gif') center top no-repeat;*/}
#productList .item .pricebox .price {width:100px; padding-top:3px; float:right;}
#productList .item .pricebox .price .title {width:70px; height:15px; /*color:#009999;*/ float:left;} 
#productList .item .pricebox .price .title50 {width:40px; height:13px; /*color:#009999;*/ padding-top: 2px; float:left;} 
#productList .item .pricebox .price .package {width:110px; height:15px; /*color:#009999;*/ font-size:100%; text-align:right; float:left;}
#productList .item .pricebox .price .price {width:100px; height:15px; text-align:right; float:right; color:#386486; font-size:18px; font-weight:500;}
#productList .item .pricebox .price .oldprice {width:100px; height:15px; /*color:#009999; font-size:100%;*/ text-align:right; padding-top: 5px; text-decoration:line-through; float:right; }
#productList .item .pricebox .cart {width:40px; padding-top: 3px; float:left; color:#D3E076; border: solid #3D540A 0px;}
#productList .item .pricebox .amount {width:16px; padding-top: 8px; float:left; color:#D3E076; border: solid #3D540A 0px;}
#productList .item .pricebox .button {width:56px; float:left; margin-right:5px; margin-top:5px; color:#BAD4EC; border: solid #3D540A 0px;}
#productList .item .pricebox form {margin:0px; padding:0px; overflow:hidden;}
#productList .item .pricebox input {width:32px; height:20px; float:left; color:#FFFFFF; font-size:120%; padding-top:4px; background-color:#202F00; font-weight:300; text-align:center; border: solid #3D540A 2px;}
#productList .item .pricebox button {width:120px; height:44px; float:left; color:#BAD4EC; font-size:120%; font-weight:400; text-align:left; padding-left:15px; margin-left:6px; background: url('productlist-addtocart0.png') center center no-repeat; border: solid #3D540A 0px; cursor:pointer; cursor:hand;}
#productList .item .pricebox button:hover { color:#FFFFFF; background: url('productlist-addtocart1.png') center center no-repeat; }
#productList .item .pricebox .paddingtop5px {padding-top:5px; margin-bottom:3px;}


#productDetail {width:100%; margin:0px; padding:0px; float:left;}
#productDetail .textbox {width:420px; height:auto; min-height:300px; margin-top:10px; padding:0px; float:left; border:solid #DDDDDD 0px; /*background: url('productdetail-bg.jpg') right top no-repeat;*/}
#productDetail .infobox {width:270px; height:auto; float:right; margin-bottom:10px;}

/*#productDetail .pricebox {position:relative; width:270px; height:auto; float:right; padding:13px 10px 10px 10px; border:solid #DDDDDD 2px; }*/

#productDetail .pricebox {position:relative; left:-15px; width:290px; min-height:80px;}
#productDetail .priceboxtop {position: relative; width:290px; height:20px; background: url('pricebox-top.png') left top no-repeat;}
#productDetail .priceboxbottom {position: relative; width:290px; height:20px; background: url('pricebox-bottom.png') left top no-repeat;}
#productDetail .priceboxcontent {position: relative; width:250px; min-height:40px; background: url('pricebox-content.png') left top repeat-y; padding:5px 20px 5px 20px; text-align:left;}

#productDetail .pricebox .title {width:90px; height:20px; /*color:#66501A;*/ text-align:left; float:left;} 
#productDetail .pricebox .package {width:130px; height:20px; /*color:#66501A;*/ text-align:right; float:right;}
#productDetail .pricebox .price {width:130px; height:20px; text-align:right; float:right; color:#386486; font-size:150%; font-weight:500;}
#productDetail .pricebox .oldprice {width:130px; height:20px; /*color:#666!important;*/ text-decoration:line-through; text-align:right; float:right; font-size:100%;}
#productDetail .pricebox .formbox {width:230px; height:auto; margin-top:0px; float:left; clear:both;}
#productDetail .pricebox .cart {min-width:70px; padding-top: 0px; float:right; border: solid #3D540A 0px;}
#productDetail .pricebox .cart input {width:50px; height:22px; float:left; color:#666666; font-size:120%; padding-top:0px; background-color:#FFF; font-weight:bold; text-align:center; border: solid #BBB 1px;}
#productDetail .pricebox .cart .amount {width:16px; padding-top:5px; float:left; border: solid #3D540A 0px;}
#productDetail .pricebox hr {margin-top:8px!important; margin-bottom:8px!important; clear:both;}
#productDetail .pricebox button {display:block; float:right; width:200px!important; height:55px; margin-top:8px; margin-right:25px; padding-left:20px; padding-top:0px; color:#E0EDB9; font-size:140%; text-align:left; font-weight:normal; background: url('cart-continue0.png') left top no-repeat; border: solid #3D540A 0px; cursor:pointer; cursor:hand;}
#productDetail .pricebox button:hover {color:#FFFFFF; background: url('cart-continue1.png') left top no-repeat;}
#productDetail .pricebox form {margin:0px; padding:0px;}
#productDetail .pricebox .paddingtop5px {padding-top:5px; margin-bottom:3px;}

#productDetail .images {width:280px; margin-bottom:10px;}

#productDetail .icons { height:auto; text-align:center; border:0px;}
#productDetail .icons img{position:relative; margin-top:-15px;  padding:0px;}

/*#productDetail .images .image .item img {width:130px; float:left; border:solid 2px #DDD; margin:0 5px 5px 0;}*/
#productDetail .images .image .item strong{display:none; clear:both;}
#productDetail .images .image .item div{display:none;}
#productDetail .images .image .item a{text-decoration:none;}
#productDetail .images .moreimages a img {width:130px; float:left; border:solid 2px #DDD; margin:0 5px 5px 0;}
#productDetail .images .moreimages a:hover img {border:solid 2px #AAA;}
#productDetail .images .moreimages .item strong{display:none; clear:both;}
#productDetail .images .moreimages .item div{display:none;}
#productDetail .images .moreimages .item a{text-decoration:none;}


#moreinfo {position: relative; width:420px; height:20px; padding:10px; height:auto; font-size:125%; font-weight:300; cursor:pointer; cursor:hand; }
.moreinfo-off {background:url('moreinfo-off.gif') no-repeat; color:#526812;}
.moreinfo-off:hover { background:url('moreinfo-over.gif') no-repeat; color:#526812;}
.moreinfo-on {background:url('moreinfo-on.gif') no-repeat; color:#526812;}
.moreinfo-on:hover {background:url('moreinfo-on.gif') no-repeat; color:#526812;}

#moreinfobox {position: relative; width:440px; height:auto; display:none;}






/* INDEX PRVKY */
#filter-index {position:relative; left:-15px; width:440px; min-height:200px;}
#filter-index .filtertop {position: relative; width:440px; height:20px; background: url('filter-index-top.png') left top no-repeat;}
#filter-index .filterbottom {position: relative; width:440px; height:20px; background: url('filter-index-bottom.png') left top no-repeat;}
#filter-index .filtercontent {position: relative; width:410px; min-height:160px; background: url('filter-index-content.png') left top repeat-y; padding:5px 0 5px 30px; text-align:left;}

#filter-index .search {display:block; /*float:right;*/ width:200px !important; height:55px; margin:0 auto; padding-left:20px; padding-top:0px; color:#BAD4EC; font-size:140%; text-align:left; font-weight:normal; background: url('search0.png') left top no-repeat; border: solid #3D540A 0px;}
#filter-index .search:hover {color:#FFFFFF; background: url('search1.png') left top no-repeat;}
#filter-index .search-index {width:360px; text-align:center;}
/*#filter-index .forms input.searchstring {width:345px; height:20px; padding:5px; font-weight:normal;}*/

#filter {position:relative; left:-5px; width:740px; min-height:80px;}
#filter .filtertop {position: relative; width:740px; height:20px; background: url('filter-top.png') left top no-repeat;}
#filter .filterbottom {position: relative; width:740px; height:20px; background: url('filter-bottom.png') left top no-repeat;}
#filter .filtercontent {position: relative; width:680px; min-height:40px; background: url('filter-content.png') left top repeat-y; padding:5px 30px 5px 30px; text-align:left;}

#filter .search-page {width:200px; text-align:center; padding-top:0px; float:right;}
#filter .search {display:block; float:right; width:200px !important; height:55px; margin:0 auto; padding-left:20px; padding-top:0px; color:#BAD4EC; font-size:140%; text-align:left; font-weight:normal; background: url('search0.png') left top no-repeat; border: solid #3D540A 0px;}
/*#filter .search {position:absolute; top:15px; right:30px;}*/
#filter .search:hover {color:#FFFFFF; background: url('search1.png') left top no-repeat;}

#filter .forms {width:700px; float:left;}
#filter .forms .forms-input {position:relative; margin-bottom:12px; margin-right:8px; /*padding:7px 0px;*/}
#filter .sort {width:360px; padding-top:10px; float:left;}
#filter .sort a{padding:5px 8px;}
#filter .sort a:hover{padding:5px 8px; text-decoration:underline;}


.index-text {position:relative; width:410px; padding-left:50px; min-height:200px; float:right; background: url('line-vertical.png') left top repeat-y; border-left: solid #C0C0C0 0px;}


.link-enter { 
  position:relative; display:block; left:-15px; width:440px; height:40px; margin:0px auto; padding-top:18px; margin-top:25px; clear:both;
  text-align:center; font-size:26px;  
  background:url('link-enter.png') #FFF center top no-repeat;
}
.link-enter:hover { 
  background:url('link-enter-over.png') #FFF center top no-repeat;
}



/* Pages bar ================================================================================================*/

#page .pages {position:relative; width:100%; height:20px; margin:20px auto; padding:10px 0px; text-align:center; clear:both;}
#page .pages a {position:relative;/*display:block; */ /*width:20px; height:22px;*/ margin:2px; padding:6px 15px; padding-top:6px; text-decoration: none; text-align:center; background-color: #DDD;}
#page .pages a:hover {color:#FFF; background-color: #CCC;}
#page .pages a.active {color:#FFF; background-color: #4683B7;}
#page .pages a.active:hover {color:#FFF;}
#page .pages a.prev  {background:url('pages-prev-out.png') 50% 50% #DDD no-repeat;}
#page .pages a.prev:hover {background:url('pages-prev-over.png') 50% 50% #CCC no-repeat;}
#page .pages a.next {background:url('pages-next-out.png') 50% 50% #DDD no-repeat;}
#page .pages a.next:hover {background:url('pages-next-over.png') 50% 50% #CCC no-repeat;}
#page .pages a span {position:absolute; top:0px; left:0px; display:block; width:30px!important; height:22px; padding:6px 0px 0px 0px; border: solid #3D540A 0px;}


/* E-SHOP - Cart ============================================================================================*/

/* E-SHOP Cart Steps Menu */
#cartsteps { width:940px; height:50px; clear:both; margin-bottom:30px; }
#cartsteps .item {float:left; width:187px; height:50px; text-align:left; font-weight:400; /*background: url('../images/cartsteps-step0.png') center top no-repeat;*/ border: solid #3D540A 0px;}
#cartsteps .item .step, #cartsteps .item .step-on {display:block; float:left; width:20px; padding-top:13px; margin-left:30px; color: #666666; text-align:center; font-size:150%;}
#cartsteps .item .title, #cartsteps .item .title-on {display:block; float:left; width:110px; padding-top:18px; padding-left:10px; color: #666666; text-align:left; font-size:100%;}
#cartsteps .item .step-on {color:#FFFFFF;}
#cartsteps .item .title-on {color:#FFFFFF;}
/*#cartsteps .on .step {color:#FFCC66; cursor:hand;}
#cartsteps .on .title {color:#FFCC66; cursor:hand;}*/
#cartsteps .first{ margin-left:0px; }
#cartsteps.step1 {background: url('cartsteps-step1.jpg') top left no-repeat;}
#cartsteps.step2 {background: url('cartsteps-step2.jpg') top left no-repeat;}
#cartsteps.step3 {background: url('cartsteps-step3.jpg') top left no-repeat;}
#cartsteps.step4 {background: url('cartsteps-step4.jpg') top left no-repeat;}
#cartsteps.step5 {background: url('cartsteps-step5.jpg') top left no-repeat;}
/* Cart List */
#cart-list { clear:both; }
#cart-list .item, #cart-list .itemtotal, #cart-list .itemtop { border: solid #3D540A 0px; width:930px; height:35px; padding:5px 5px; margin-top:0px; /*color:#D3E076;*/ clear:both;}
#cart-list .itemtop {background: url('cart-list-itemtop.jpg') left bottom repeat-x;}
#cart-list .itemtotal {background: url('cart-list-itemtotal.jpg') left top repeat-x;}
#cart-list .item {border-bottom: solid #AAA 1px; padding-top:10px; padding-bottom:15px;}
#cart-list .item .pic { position:relative; width:80px; height:45px; padding-right:3px; border-right: solid 2px #E5E1DE; float:left; overflow:hidden;}
#cart-list .item img { position:relative; top:-9px; width:80px; height:54px; background-color:#FFF; border:none;}

#cart-list .item .title {width:420px; padding: 0px 5px; float:left;}
#cart-list .item .title .product {display:block; clear:both;}
/*#cart-list .item .title .producer {color:#99CC00; font-size:85%; display:block; clear:both;}*/
#cart-list .item .price {width:120px; padding: 5px 25px; float:left; font-size:16px; text-align:right; /*font-weight:bold;*/}
#cart-list .item .price .newprice { display:block; clear:both;}
#cart-list .item .cart {min-width:40px; padding-top: 0px; float:left; border: solid #3D540A 0px;}
#cart-list .item .cart input {width:32px; height:22px; float:left; color:#666666; font-size:120%; padding-top:0px; background-color:#FFF; font-weight:bold; text-align:center; border: solid #BBB 1px;}
#cart-list .item .amount {width:16px; padding-top:5px; float:left; border: solid #3D540A 0px;}
#cart-list .item .total {width:120px; padding: 5px 10px; /*color:#D3E076;*/ font-size:16px; text-align:right; font-weight:bold; float:right; border: solid #3D540A 0px;}
#cart-list .item form {margin:0px; padding:0px;}
/*#cart-list .item total {width:100px; height:30px; float:left; color:#FFE0BF; font-size:90%; background: url('button0.png') left top no-repeat; border: solid #3D540A 0px; padding-left:7px; padding-top:4px; text-align:left; font-weight:bold;}
#cart-list .item total:hover {color:#FFFFFF; background: url('button1.png') left top no-repeat;}*/
#cart-list .item .center {text-align:center;}

/*#cart-list .itemtop, .itemtotal{  width:900px; background: url('../images/productdetail-pricebox-top.jpg') left bottom repeat-x; clear:both;}*/
#cart-list .itemtop { border-bottom: solid #BBB 1px;}
#cart-list .itemtop .title {width:490px; padding: 5px 5px; float:left;}
#cart-list .itemtop .price {width:40px; padding: 5px 25px; float:left;}
#cart-list .itemtop .amount {width:60px; padding: 5px 5px; float:left; text-align:center;}
#cart-list .itemtop .total {width:120px; padding: 5px 5px; float:right; text-align:right;}

#cart-list .itemtotal .title {width:520px; padding: 6px 5px; font-size:120%; float:left;}
#cart-list .itemtotal .button {width:120px; float:left; padding: 2px 0px; color:#E0EDB9; border: solid #3D540A 0px;}
#cart-list .itemtotal button {width:120px; height:40px; float:left; outline: none; color:#BAD4EC; font-size:90%; background: url('button0.png') left top no-repeat; border: solid #3D540A 0px; padding-top:0px; text-align:center; font-weight:normal; letter-spacing:0.5px;}
#cart-list .itemtotal button:hover {color:#FFFFFF; background: url('button1.png') left top no-repeat;}
#cart-list .itemtotal .pricetotal {width:150px; padding: 6px 10px; /*color:#FFFFFF;*/ font-size:120%; text-align:right; float:right;}

/* Customer ================================================================================================*/
#customermenu { width:920px; height:50px; clear:both; margin-bottom:30px; }
#customermenu .item {float:left; width:304px; height:50px; background-color:#DDDDDD; margin:0px 1px; border: solid #3D540A 0px;}
#customermenu .item.on {background-color: #386486; color:#FFFFFF;}
#customermenu .item a {display:block; height:20px; padding:15px; color: #666666; font-size:100%; text-align:center; text-decoration:none; border: solid #3D540A 0px;/*background-color:#555;*/}
#customermenu .item.on a {color: #FFFFFF;}

#customer-orderlist { clear:both; }
#customer-orderlist .item, .itemtotal, .itemtop { border: solid #3D540A 0px; width:890px; height:32px; padding:5px 5px; margin-top:0px; /*color:#D3E076;*/ font-weight:bold; clear:both;}
#customer-orderlist .itemtop {background: url('../images/cart-list-itemtop.jpg') left bottom repeat-x;}
#customer-orderlist .itemtotal {background: url('../images/cart-list-itemtotal.jpg') left top repeat-x;}
#customer-orderlist .item {border-bottom: solid #BBB 1px;}
#customer-orderlist .item .title {width:300px; padding: 5px 5px; float:left; }
#customer-orderlist .item .price {width:120px; padding: 5px 5px; float:left; text-align:right;}
#customer-orderlist .item .date {width:160px; padding: 5px 5px; float:left; text-align:right;}
#customer-orderlist .item .status {width:120px; padding: 5px 10px; /*color:#D3E076;*/ text-align:right; float:right; border: solid #3D540A 0px;}

#customer-orderlist .itemtop .title {width:300px; padding: 5px 5px; float:left;}
#customer-orderlist .itemtop .price {width:120px; padding: 5px 5px; float:left; text-align:right;}
#customer-orderlist .itemtop .date {width:160px; padding: 5px 5px; float:left; text-align:center;}
#customer-orderlist .itemtop .status {width:120px; padding: 5px 10px; /*color:#D3E076;*/ text-align:right; float:right; border: solid #3D540A 0px;}




/* Forms */
.forms {position:relative; z-index:1;}
.forms .continue {display:block; float:right; width:200px!important; height:55px!important; margin-top:8px; margin-right:20px; padding-left:20px; padding-top:0px; color:#E0EDB9; font-size:140%; text-align:left; font-weight:normal; background: url('cart-continue0.png') left top no-repeat; border: solid #3D540A 0px;}
.forms .continue:hover {color:#FFFFFF; background: url('cart-continue1.png') left top no-repeat;}

/*.forms .forms-info {position:relative; display:block; float:left; width:960px; border:solid 4px #000!important;}*/
.forms .forms-input {position:relative; margin-bottom:8px; /*padding:7px 0px;*/}
.forms .forms-input.first {margin-top:55px;}
.forms .forms-radio {position:relative; margin-bottom:8px; padding-left:2px; padding-top:4px;}
.forms .forms-radio input.radio{position:relative; float:left; margin-right:10px; top:-3px;}

.forms input, .forms textarea {font-family: 'Source Sans Pro', Calibri, Arial CE, Helvetica CE, Arial, Helvetica, sans-serif; font-size: 100%; margin: 2px; padding:2px; border: 1px solid #bbb; height:14px;}
.forms label {font-weight:bold;}
.forms label.radio {font-weight:normal;}

.forms input.txt {width:290px; height:20px; padding:5px; font-weight:normal;}
.forms input.searchstring-index {width:345px; height:20px; padding:5px; font-weight:normal;}
.forms input.searchstring {position:relative; width:208px; height:22px; padding:5px; top:-2px; left:-2px; font-weight:normal;}
.forms input.searchstring.auto {width:300px;}
.forms select.select-index {width:220px; min-height:20px; padding:5px; font-weight:normal; border: 1px solid #bbb;}
.forms select.select-index.auto {width:auto;}
.forms input.search-index {margin:0 auto!important; float:none;}


/*.forms input.radio {width:20px; height:20px;}*/
/*.forms input[type="checkbox"] {width:20px; height:20px;}*/
.radio {
  position: relative; float: left; clear: left; display: block;
  padding-left: 30px; margin-bottom: 12px; line-height: 22px; /*font-size: 18px; color: #666;*/ cursor: pointer;
}
.radio:before {
  background: #fff; content: "";
  position: absolute; display: inline-block;
  top: 0; left: 0; width: 18px; height: 18px; border: 1px solid #bbb;

  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
/*
  box-shadow: inset 0 0 3px 0 #ccc;
  -moz-box-shadow: inset 0 0 3px 0 #ccc;
  -webkit-box-shadow: inset 0 0 3px 0 #ccc;*/
}
input[type="radio"] { display: none;}
input[type="radio"]:checked + label:before {
  content: "\2022"; 
  color: #386486; text-align: center; font-family: Arial; font-size: 40px; line-height: 18px; 
}

.checkbox {
  position: relative; float: left; clear: left; display: block;
  padding-left: 30px; margin-bottom: 12px; line-height: 22px; /*font-size: 18px; color: #666;*/ cursor: pointer;
}
.checkbox:before {
  background: #fff; content: "";
  position: absolute; display: inline-block;
  top: 0; left: 0; width: 18px; height: 18px; border: 1px solid #bbb;

  /*border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;*/
/*
  box-shadow: inset 0 0 3px 0 #ccc;
  -moz-box-shadow: inset 0 0 3px 0 #ccc;
  -webkit-box-shadow: inset 0 0 3px 0 #ccc;*/
}
input[type="checkbox"] { display: none;}
input[type="checkbox"]:checked + label:before {
  content: "\2714"; /*2713*/
  color: #386486; text-align: center; font-family: Arial; font-size: 21px; line-height: 19px;
}

#companybox-enable {width:100%!important; clear:both; margin-top:10px;}
#companybox {width:100%!important; clear:both; border:none; margin:0px; padding:0px;}
#deliverybox-enable {width:100%!important; clear:both; margin-top:10px;}
#deliverybox {width:100%!important; clear:both; border:none; margin:0px; padding:0px;}
#couponbox {width:100%!important; clear:both; border:none; margin:0px; padding:0px;}

.cenik {font-size:100%;}
.cenik .row{padding:7px; margin-bottom:2px; background-color:#EDEDED;}
.cenik .row span.title{display:block; width:300px; height:auto; float:left;}
.cenik .row span.info{display:block; width:150px; float:left; text-align:right;}
.cenik .row span.price{display:block; width:120px; float:right; text-align:right;}

/* INDEX INFORMATION */
#information {position:relative; width:100%; /*color:#CCC!important;*/ height:auto; margin:0px auto; padding-top:20px; overflow:hidden; /*background:#444;*/}
#information li {padding: 0px 0px 0px 14px; }
#information a{color:#CC6600; text-decoration:none!important;}
#information a:hover{color:#CC6600!important;}
#information em{color:#666;}
#information .box {position:relative; width:475px; height:auto; min-height:272px; float:left; overflow:hidden; z-index:1; }
#information .line {position:absolute; top:20px; left:477px; width:6px; height:332px; padding:0px; /*background:#E5E1DE;*/ background: url('delic-vertical.png') #E5E1DE center top repeat-y; z-index:100;}
#information .keywordtext {width:465px; height:auto; float:left; z-index:1; }
#information .catalogue {width:445px; height:auto; padding:0px 15px; float:right; background: url('index-katalog-bg.png') right top no-repeat; /*background:#D9D3CF;*/ z-index:1; }
#information .catalogue  p {display:block; width:190px; height:auto;}
#information .catalogue  a {display:block; width:190px; height:18px; padding:7px; margin:3px 0px; font-size:16px; color:#FFF!important; text-decoration:none!important; background: url('akce-letak-bt0.png') 0px 0px no-repeat;}
#information .catalogue  a:hover{ background: url('akce-letak-bt1.png') 0px 0px no-repeat;}
#information .catalogue  a.flashpdf {position:absolute; bottom:55px;}
#information .catalogue  a.download {position:absolute; bottom:15px;}





/* EXTRAS ==============================================================================================*/
.FFclearer {clear:both; width:100%; height:1px; visibility:hidden; overflow:hidden; line-height: 1px; background-color: #000;}
.clearer {clear:both; width:100%; height:0px; visibility:hidden; overflow:hidden; line-height: 1px; background-color: #000;}

#infobox {position:absolute; white-space:nowrap; padding:5px; color:#FFF; background-color:#666; border:solid #999 0px; z-index:2000;}
#infobox2 {position:absolute; white-space:nowrap; padding:5px; color:#FFF; background-color:#666; border:solid #999 0px; z-index:2000;}


/* Hlášky */
.message {position:fixed; top:0px; left:0px; width:100%; height:100%; background: url('message-bg.png') center top repeat; z-index: 10000; }
.message .messageBox {position:relative; top:100px; margin-left:auto; margin-right:auto; width:600px; min-height:400px; background-color: #FFFFFF; border:solid #4683B7 2px; }
.message .messageContent {position:relative; width:560px; min-height:300px; padding:20px; text-align:center; clear:both;}
.message .messageContent h2 {/*color:#E3D69D;*/ }
.message .close {display:block; width:120px; height:30px; margin-left:auto; margin-right:auto; padding:10px 0px 0px 0px; clear:both; color:#E0EDB9; background: url('button0.png') center top repeat; text-align:center; font-weight:400;}
.message .close:hover {color:#FFFFFF; background: url('button1.png') top center top no-repeat; text-decoration:none;}
.message hr {display:block; color: #87AF10; width: 100%; height: 1px; line-height: 1px; border: 0px; margin: 20px 0px 20px 0px; padding: 0px; background-color: #4683B7; border-top:solid #4683B7 1px; clear:both;}
/*.message .delic {display:block; color: #AC9248; width: 100%; height: 1px; line-height: 1px; border: 0px; margin: 20px 0px 20px 0px; padding: 0px; background-color: #AC9248; clear:both;}*/

.banner {padding: 20px; background-color: #4683B7; color: #fff; font-size: 24px; text-align: center; border-radius: 5px;}
.banner a {color:#fff; text-decoration:underline;}