/* ********************************* LAYOUT ********************************* */
	body { margin:12px; padding:0; font:0.83em "Verdana", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif; color:#51545B; background: #495563;}
	
	#header {background:url(../Images/top-bg.jpg) repeat-x; margin-bottom:12px; height:106px}
	#header .leftbg {background:url(../Images/top-left-bg.jpg) left top no-repeat;}    
	#header .rightbg {background:url(../Images/top-right-bg.jpg) right top no-repeat;}    
	#header #logo {padding:30px 0 0 20px; width: 132px; float:left;}

    #main {margin:auto; width:911px;}
    #main #flash {float:left; width:583px; }
    #main .logintable {float:left; width:165px;  padding:13px 0 0;}
    #main .logintable  input {margin:2px; width:100px; font-size:10px; border: 1px solid #EBF1F6; padding:3px; background:#828F9A; color:white}
    #main .logintable  span {font-size:11px; font-weight:bold; color:#4A5664}
    #main .logintable  div.jmeno {width:53px; text-align:right; background:url('../Images/panacek.jpg') top right no-repeat}
    #main .logintable  div.heslo {width:53px; text-align:right; background:url('../Images/klicek.jpg') top right no-repeat}
    
    #news h1 {text-align:left;}
    #news img {border:solid 1px #aeb3af; float:left; margin-right:10px;}
    #news .links {text-align:right;}
    #news .detailitem a img {border:0px;}
    #news .spacer {height:1px; width:500px; border:0px; margin:5px 0px; float:none;}
    #latestnews h1 {margin-top:0px; margin-bottom:10px; font-size:12px;}
    #latestnews img {width:160px; margin-bottom:10px; border:solid 1px #aeb3af;}
    #latestnews .desc a {text-decoration:none; font-size:11px;}
    
    #header .loginbutton {text-align:right; padding:2px 2px 0 0}
	#header_user {color:White}
	#header_lnkLogoff  {color:White}
    #banner { background:url('../Images/banner-bg.gif') no-repeat; padding:10px; margin-bottom:12px}
    #navi {float:left; width:600px;}
    #languge {float:right;}
	#main1 { margin:0; padding:0; }
	#main2 { margin:0; padding:0; }
	.left {float:left;width:180px;margin:0; padding:0;}
	.right {float:right;width:180px;margin:0; padding:0;}
	.wBorder {border:none}
	.middleTop { margin:0 190px;background:#F8F3ED url(../Images/content-bg.gif); }
	.middle h1 { text-align:center; padding:5px 0 0 0;  font-size: 1.2em;font-weight:normal; margin:0; background:transparent; margin-bottom:15px; color:#495563; font-weight:bold;}	
	.middle .content h1 {background: url(../Images/h1-content-bg.gif) repeat-x; text-transform:uppercase; color:#51545B; margin:20px 0 10px 0; padding:8px; text-align:left; font-weight:bold; font-size:11px;}
	.middle .content h1.capital {text-transform:capitalize}
	.middle {background: url("../Images/content-top-bg.gif") no-repeat; padding:0 20px 20px 20px; color:#555867; font:0.80em "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;}
	.middleBottom {height:6px; background:url('../Images/content-bottom-bg.gif') bottom left repeat-x;}
	.crownBack {}
	#langmenu {text-align:center}
	.content h2 a {color:#51545B}
	.content img.Thumb {border:1px solid #AEB3AF}
	
	.fotogallery h3, .content h3 {background: url(../Images/h1-content-bg.gif)  0px -1px repeat-x; text-transform:capitalize; color:#51545B; margin:30px 0 15px 0; padding:8px; text-align:left; font-weight:bold; font-size:11px;}
	.fotogallery .imageContainer {float:left; width:105px; margin:5px 6px 0 6px; }
	.fotogallery .imageContainer .description {width:105px; margin:0; padding:0}
	.content .label {padding:1px 0;}
	.content h1 a {color:#51545B; text-decoration:none}
	.content h1 a:hover {color:#51545B; text-decoration:underline}
	
	
	.content .box .title {font-weight:bold; font-size:11px; padding:4px 0px;}
	.content .box .title a {font-weight:bold; font-size:11px; padding:4px 0px; color:#51545B; text-decoration:none;}
    .content .box .info {font-size:11px}
    
    .content .box .image {float:left; width:70px}
	
	.middle h4 { margin:1px; background: #C7EAF9; padding: 2px 15px; font-size: 13px; font-weight:bold;}
    .left ul, .right ul {margin:0;padding:0;}
    .left ul li, .right ul li {margin-left: 9px; padding-left: 16px; list-style: none; background:url("../Images/list-bg.gif") no-repeat left 6px;} 
	.cleaner {clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent; }
	#bannerhomepage { background: url("../Images/banner-homePage.jpg") no-repeat; width: 792px; }
	h1,h2,h4 { margin: 0.2em 0 }
	p { margin: 0.5em 0 }
	.clean {clear:both}

	.maintab {text-align:justify}
	.maintab p {padding: 7px 0; margin:0}
	.rightgreen a {text-decoration:none; color:#495563;}
	
	.maintab p.perex {margin:0}
	.maintab img {margin:10px;border:solid 1px #AEB3AF;}
	.small {font-size:11px;}
	.gray {color: #5A2110}
   .shadowimg { display: block; position: relative; width: 157px; text-align: left; margin: 1em; color: inherit;}
   .shadowimg { background : transparent url('../Images/stin.gif');  }
   .shadowimg span { display: block; position: relative; top: -4px; left: -6px; padding: 0; color: inherit;}
   .shadowimg .smalltext {color:White}
	tr.over {background:#F1FFEB}
	.hand {cursor:pointer;}
	.newsGrid {margin-bottom:25px; border-bottom:1px solid #8DA783;padding-bottom:12px}
	a { color:black }
    #footer {width: 911px; background: url('../Images/footer-bg.gif') no-repeat; text-align:center;margin-top: 5px; font-size:11px; color: #4A5664; padding:10px; }
	#footer a { color: #4A5664;}
	#footer a:hover { color: silver;}
	.copy { text-align:center; font-size:80% }
	.back {text-align:right;}
	.back a {font-size:11px; font-weight:normal;padding-left:25px;text-decoration:none; background: url("../Images/indietro-bullet.gif") 0px 0px no-repeat; height:28px}
	.hr {background:url('../Images/partners-bg.gif') 0px 7px repeat-x;}
	.more {text-align:right}
	.more a:hover {text-decoration:underline}
	.more a{font-size:11px; font-weight:normal;padding-left:18px;color:#58A672; text-decoration:none; background: url("../Images/indietro.jpg") 0px 3px no-repeat}
	.back a:hover {text-decoration:underline;}
	h3 { font-size:13px; color:#223428; font-weight:normal; }
	hr.cleaner {clear:both; height:1px; margin: -1px 0 0 0; padding:0; border:none; visibility:hidden;  }
    .containerAdminInfo {float:left; width:350px; margin:10px 0 10px 30px}
    .containerAdminCombo {margin:10px 0; float:left }
    .containerAdminCombo select {width:220px;}
    
    .contact .head {font-weight:bold; margin:10px 0;}
    .contact {float:left; width:485px;}
    .contact .name {float:left; width:300px;}
    .contact .link {text-align:right}
    
    
    td.next a {text-decoration:none}
    td.next a:hover {text-decoration:underline}
    td.prev a {text-decoration:none}
    td.prev a:hover {text-decoration:underline}
    
.paging {margin-top:10px;}
.paging div {float:left;}
.paging .page {text-align:center; width:280px;}
.paging .next {float:right; text-align:right; width:100px;}
.paging .prev {width:100px;}
.paging a {text-decoration:underline;}
    
	#tab_middle {}
    .partnerCard {float:left; width:170px; height:300px;}
/* LEFT */
	#productPreview {background:url('../Images/box-bg.gif');}
	#productPreview2 {background:url('../Images/box-bg.gif');}
	.left h2, .right h2 {background: url("../Images/h2-box-top-bg.jpg") no-repeat; text-align:center; font-size:13px;  color:#495563; font-weight:bold; padding-top:5px; width:180px;height:29px; margin:0; }
	.box {background:url('../Images/box-bg.gif'); padding:0px 5px 0px 6px; margin:0px;}
	.endBox {background:url('../Images/box-bottom.jpg'); width:180px;height:12px; margin:0 0 10px 0; overflow:hidden;}
	.flash {padding: 5px 10px 10px 8px; margin:0px;}
	.contactLeft {margin:0; color:#4A5664; font-size:10px; text-align:left; padding:0 10px}
	.contactLeft h3 {margin:0; padding-bottom:5px}
	.mainmenu {padding-bottom:3px; width:169px;}
	.mainmenu .level1 a {display:block; padding:3px 0 3px 15px; color: #FFFFFF;  text-decoration: none;  font-size: 11px; background:url('../Images/menu-level1-bg.jpg') 0px 2px no-repeat} 
	.mainmenu .level1 a.active {color:#EBEEF1}
	.mainmenu .level1 a:hover {background-position:-178px 2px}
	.mainmenu .level2 a {display:block; padding: 2px 0 2px 15px; margin-left:10px; background:url(../Images/menu-level2-bg.jpg) 0 3px no-repeat;  color: #666; text-decoration: none; font-family:Verdana; font-size: 10px;}
	.mainmenu .level2 a.active {background-image:url(../Images/menu-level2-actve-bg.jpg);}
	.mainmenu .level3 a {display:block; margin: 4px 0 4px 20px; color: #666; background:url(../Images/menu-level2-bullet.gif) 0px 3px no-repeat;  text-decoration: none; font-family:Verdana; font-size: 10px;  padding-left:10px;}
	.mainmenu .level3 a.active {background-image:url(../Images/menu-level3-active-bullet.gif);}
	
	.mainmenu .level4 a {display:block; margin: 2px 0 2px 30px; padding-left:5px; background:url(../Images/menu-level3-bullet.gif) 0px 3px no-repeat; color: #666;  text-decoration: none; font-family:Verdana; font-size: 10px;padding-left:10px;}
	.mainmenu .level4 a.active {background-image:url(../Images/menu-level3-active-bullet.gif);}
	
	/* Language */
	.pressed {color:Red;font-style:italic}


/* ********************************* SUBheader_mainmenu ********************************* */
	
	.utilita_menu div a, .inquiry div.head a, .news div.head a  { display:block; text-decoration:none; padding-left:24px; color:#5A2110; background: url("../Images/bullet.gif") 10px 5px no-repeat; padding-bottom:5px}
	.inquiry div.head {margin-top:12px}
	.utilita_menu div a:hover, .inquiry div.head a:hover, .news div.head a:hover {text-decoration:underline}
	.inquiry div.descr, .news div.descr {font-size:11px; padding:0 10px 10px 24px}
	.news .date {text-align:center; font-size:10px;} 
	.noLink {cursor:default}
	.noLink:hover {text-decoration:none}

/* ********************************* SITEMAP ********************************* */

	.sitemap {margin:15px 0 0 15px}
	.sitemap .level1 {padding:3px 0 0 15px; height: 18px; background: url("../Images/h3-bullet.gif") left 5px no-repeat;}
	.sitemap .level1 a {color: #666; font-weight:bold; text-decoration: none; font-family:Verdana; font-size: 11px} 
	.sitemap .level2 {margin: 0 0 0 15px; background: url("../Images/sitemap1.gif") repeat-y;  padding:6px 0 6px 12px}
	.sitemap .level2 a {color: #666; font-weight:bold; text-decoration: none; font-family:Verdana; font-size: 10px;padding-left:10px;}
	.sitemap .level3 {margin: 0 0 0 16px; background: url("../Images/sitemap2.gif") repeat-y;  padding:6px 0 6px 35px}
	.sitemap .level3 a {color: #666; font-weight:bold; text-decoration: none; font-family:Verdana; font-size: 10px;padding-left:10px;}
	.sitemap .level4 {margin: 0 0 0 16px; background: url("../Images/sitemap3.gif") repeat-y;  padding:6px 0 6px 60px}
	.sitemap .level4 a {color: #666; font-weight:bold; text-decoration: none; font-family:Verdana; font-size: 10px;padding-left:10px;}
	.sitemap .end1 {padding:3px 0 0 15px; height: 18px; background: url("../Images/h3-bullet.gif") left 5px no-repeat;}
	.sitemap .end1 a {color: #666; font-weight:bold; text-decoration: none; font-family:Verdana; font-size: 11px} 
	.sitemap .end2 {margin: 0 0 0 15px; background: url("../Images/sitemap1end.gif") repeat-y;  padding:4px 0 4px 12px}
	.sitemap .end2 a {color: #666; font-weight:bold; text-decoration: none; font-family:Verdana; font-size: 10px;padding-left:10px;}
	.sitemap .end3 {margin: 0 0 0 16px; background: url("../Images/sitemap2end.gif") repeat-y;  padding:4px 0 4px 35px}
	.sitemap .end3 a {color: #666; font-weight:bold; text-decoration: none; font-family:Verdana; font-size: 10px;padding-left:10px;}
	.sitemap .end4 {margin: 0 0 0 16px; background: url("../Images/sitemap3end.gif") repeat-y;  padding:4px 0 4px 60px}
	.sitemap .end4 a {color: #666; font-weight:bold; text-decoration: none; font-family:Verdana; font-size: 10px;padding-left:10px;}


/* ********************************* TITLES ********************************* */


/*
	.left h3 {background: url("../Images/h3left-bg.gif") left top no-repeat ; margin: 15px 0 10px 1px; padding: 6px 18px; color:#054A6D; font-size: 0.9em; }
	.right h3 {background:  url("../Images/h3right-bg.gif") left top no-repeat ; margin: 15px 0 0px 15px; padding: 6px 18px; color:#054A6D; font-size: 0.9em; }
	.middle h4 {margin: 6px 0 4px 10px; padding: 2px 12px; color:#054A6D; font-size: 1.2em;}
	.middle h3 {background:  url("../Images/h3-bullet.gif") left 7px no-repeat ; margin: 6px 0 4px 10px; padding: 2px 12px; color:#054A6D; font-size: 1.2em; Text-transform:uppercase; }
	
*/

/* ********************************* LOGIN ********************************* */




	.logedIn  {font-size:11px; text-align:right; padding:20px 20px 0 0; margin-left:200px;}
	.logedIn .in {width:150px; float:right; }
	.logedIn .link a {display:block; color: #51545B; padding: 6px 0 0 0; text-decoration:none}
		
	.loginForm  { margin-left: 15px}
	
    .loginForm  input { border-top: 1px solid #356476;border-left: 1px solid #356476; border-right: 1px solid #DBFFFF; border-bottom: 1px solid #DBFFFF;  width: 100px}
	.loginForm .loginbutton {Background: url("../Images/loginbutton-bg.gif")  no-repeat}
	.loginForm .loginbuttonover {Background: url("../Images/loginbutton-bg.gif") 1px 1px}
	.buttonLogin   { background-position:top left; background-image: url("../Images/edit/button_login.gif"); background-repeat: no-repeat; padding:3px 10px 0px 20px;}


/* ********************************* FLASH IMAGES ********************************* */

#DepartmentPreview .image {margin-bottom:15px; text-align:center;}
#DepartmentPreview h4 {margin:0; padding:5px 5px 0px 5px;}
#DepartmentPreview div .morePrev {font-size:80%; padding-bottom:12px; margin-bottom:12px;}
#DepartmentPreview a {text-decoration:none}

#DepartmentPreview a:hover {text-decoration:none}
/* ********************************* CONTACT INFO ********************************* */
	.contact div.global { background: url("../Images/contact-grid-bg.jpg") no-repeat; margin: 6px 0px 10px 0px; padding: 10px 0 0 10px;  width:330px}
	.links {margin: 6px 0px 10px 0px;}
	.contact h3, .links h3 {margin-bottom:15px; padding: 4px 10px; font-size:1.1em; background: #BDE7AD;}	
	.contact h4 {background:#FFFFFF;}
	.contact .info {margin-left: 20px; padding-bottom:15px}
 
/* ********************************* NEWS ********************************* */
	marquee .topLink {color: #C3E197; text-decoration:none;}
	marquee .topLink a:hover {text-decoration:underline}
	.gallery .photoDescr {padding: 5px; height: 25px; width: 147px; background:url('../Images/photodescr-bg.jpg') no-repeat;} 
	.paging {margin-top:30px; text-align:center}
	.paging .page {text-align:center}
    .news {padding:15px 0 15px 0;}
    /* background: url("../Images/partners-bg.gif") left bottom repeat-x; */
	.borderBottom {background:url('../Images/partners-bg.gif') center bottom repeat-x;}
    .contactTable .left {text-align:left;}
    .news .contactTitle {padding:7px 0;margin:7px 0; font-weight:bold}
    .news .detailHeader {padding:25px 0 40px 0; font-size:16px; margin-bottom:15px}
	.news a:hover {text-decoration:none}
	.news a {text-decoration:none}
	
	.news .titulek {padding-left:12px; font-weight:bold;}
	.news h2, .news .more {padding-left:12px; font-weight:bold; }
	.news h2.detail {font-size:1.2em;Text-transform:uppercase; margin-bottom:10px; padding-left:0; background: url("../Images/h3-bullet.gif") left 6px no-repeat; }
    .news h2 { font-size:11px;Text-transform:uppercase; margin:0; background: url("../Images/h3-bullet.gif") left 6px no-repeat; }
	.news .more {text-decoration:none; background: url("../Images/h3-bullet.gif") left 4px no-repeat; }
	.news .more:hover {text-decoration:underline;}
	.news .description {margin-left: 12px; margin-top:7px;}
	
	
/* RECIPE BOOK */
.recipe {margin: 30px 0}
.upLink {display:block;text-align:right; margin:20px 0}
.recipe img {padding:10px 10px 10px 0; background:#F8F9F3; }
.recipeLink {padding: 10px 0; background:url('../Images/recipes-links-bg.gif') bottom left repeat-x;}
.recipeLink a {background:url('../Images/list-bullet.jpg') 0px 2px no-repeat; padding-left:20px; text-decoration:none}
.recipeLink a:hover {text-decoration:underline}
.recipeHeader {margin-bottom:30px; padding-bottom:20px; }
.recipe .image{float:left; width:154px; margin:0px 10px 10px 0px;}
.recipe .description {margin-bottom:20px; padding-top:10px}
.recipe h2 { font-size:1.2em;Text-transform:uppercase; margin:0; background: url("../Images/h3-bullet.gif") left 6px no-repeat; }
/* ********************************* PRODUCTS ********************************* */

	.newsPreview {padding: 5px 15px 15px 22px}
	.newsPreview h4 {font-family: Verdana; font-size:13px; color:#006699; background: url("../Images/h3-bullet.gif") left 7px  no-repeat; padding-left:12px}
	.newsPreview h4 a {color:#006699; text-decoration:none;}
	.newsPreview h5 {font-family: Verdana; font-size:11px; font-weight:normal;padding-left:12px}

/* ********************************* CONTACT FORM ********************************* */

    .contactform  input { border-top: 1px solid #356476;border-left: 1px solid #356476; border-right: 1px solid #DBFFFF; border-bottom: 1px solid #DBFFFF; }
	.contactform .full {width:250px;}
	.contactform .half {width:124px; }
	.contactform .third {width:82px; }
	.contactform fieldset { border:1px solid #356476;padding: 0 10px 10px 10px; margin: 10px; }
	.contactform legend {  padding: 0.3em 2.1em; color:#000080; font-weight:bold;  font-size:1.1em;  text-align:right;  border-bottom:1px solid #356476;  border-right:1px solid #356476; border-top:1px solid #DBFFFF;  border-left:1px solid #DBFFFF; background:#BBD2DD;}
	.contactform .text {width:120px}
	.contactform table {margin:15px 10px; width: 450px}
	a.buttonSend                   { padding-left:25px; background-position:top left; background-image: url("../images/edit/button_send.gif"); background-repeat: no-repeat; font-family: Tahoma; font-weight: bold; font-size: 13px; color: #000000; text-decoration:none;}
	a.buttonCancel                 { padding-left:20px; background-position:top left; background-image: url("../images/edit/button_cancel.gif"); background-repeat: no-repeat; font-family: Tahoma; font-weight: bold; font-size: 13px; color: #000000; text-decoration:none;}
	.textarea {border-top: 1px solid #356476;border-left: 1px solid #356476; border-right: 1px solid #DBFFFF; border-bottom: 1px solid #DBFFFF; }
	.sendError                            { background: #FBF5F5 url("../images/sendError.gif") no-repeat 10px 5px ; border: 1px solid #A22B28; padding: 20px 0 20px 80px; margin-top: 10px; margin-bottom: 15px}
	.sendOK                               { background: #F5F9FB url("../images/sendOk.gif") no-repeat 20px 7px ; border: 1px solid #277CA3; padding: 20px 0 20px 80px; margin-top: 10px; margin-bottom: 15px}
	.contactform h2 {padding-left:12px; font-family:Trebuchet MS; font-weight:bold; color: #054A6D;font-size:1.2em;Text-transform:uppercase; margin:0; background: url("../Images/h3-bullet.gif") left 6px no-repeat;}
	.textbox {margin-bottom:25px}


.hypo {display:none;}
/*legend {font-weight:bold;}
.requestHypoArea {border:dotted 1px #888888;}
.requestHypoArea a {font-weight:normal; text-decoration:none;}
.requestHypoArea table {width:100%;}
.requestHypoArea td {text-align:left; padding-left:5px;}
.requestHypoArea td:first-child {text-align:right; width:45%; padding-right:5px; font-weight:bold;}
.requestHypoArea input[type=button] {margin-top:15px;}
.responseHypoArea {border:dotted 1px #888888; margin-top:15px; display:none; padding-bottom:7px; padding-left:8px;}
#responseHypoSplatka > div {float:left; width:140px; font-size:10px; margin-left:7px; padding:5px; background-color:#cad5df; border:solid 1px #b3c2d0;}
#responseHypoSplatka > div:first-child {margin-left:0px;}
#responseHypoSplatka > div > div {text-align:center; height:30px;}
#responseHypoSplatka h6 {font-size:12px; font-weight:bold; margin:10px 0px; text-align:center;}
#responseHypoRpsn > div {float:left; width:140px; font-size:10px; margin-left:7px; padding:5px; background-color:#cad5df; border:solid 1px #b3c2d0;}
#responseHypoRpsn > div:first-child {margin-left:0px;}
#responseHypoRpsn > div > div {text-align:center; height:30px;}
#responseHypoRpsn h6 {font-size:12px; font-weight:bold; margin:10px 0px; text-align:center;}
#hypoMail td:first-child {text-align:right;}
#hypoMail input[type=text] {width:200px;}
#hypoMail textarea {width:350px; height:100px;}
.rpsn {font-weight:bold;}
.poplatky {font-weight:bold;}
#hypoMailMessage {display:none; color:#cc0000; font-weight:bold; padding-bottom:5px;}
#hypoCalcMessage {display:none; color:#cc0000; font-weight:bold; padding-top:10px;}*/




