/* css_menu*/
@import "fonts/fonts.css";
@import "k2.css";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, center, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {background: transparent;border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;padding: 0;outline: 0;vertical-align: baseline;}
table {border-collapse: collapse;border-spacing: 0;}
table td {border-bottom: 1px solid #BBB;}
table th {color:#BBB;border-bottom: 1px solid #BBB;}

/* Main Layout */
html {height: 100%;margin-bottom: 1px;}
body {font: 70%/1.4 Calibri, lucida, sans-serif;color:#333;background: url(../images/bckg_body.png) top center repeat-y #fff;}
h1, h2, h3, h4, h5, .componentheading, .itemTitle {	font-family: 'Museo500'; font-weight: normal; margin:1em 0;color:#E85C1E;}
h1, .componentheading {font-family: 'Museo300';font-size: 200%;margin-left:65px;color:#E85C1E;line-height:105%;}
.contentheading {margin-top:7px;color:#A6C400;}
h2 {font-size: 150%;color:#A6C400;}
h3 {font-size: 130%;margin:20px 0 5px 0;}
h4 {font-size: 110%;}
.catItemBody h3, .catItemBody h4, .catItemBody h5,
.itemBody h3, .itemBody h4, .itemBody h5 {	color:#8CA500; border-bottom:1px solid #8CA500;}
.catItemBody h4, .itemBody h4 {	color:#E85C1E; border-bottom:1px solid #E85C1E;}
.catItemBody strong, .itemBody strong, .rozvoz strong {	color:#E85C1E;}
a {color: #A6C400;text-decoration: none;font-weight: bold;}
a:hover {color: #E85C1E;text-decoration: underline;}
ul {margin:1em;}
p {margin-top: 0px;margin-bottom: 15px;}
#main {font-size: 1.3em;line-height: 140%;}
#nav,
#header,
#main-content { margin:0 auto;}
#main .foreground, #message, #showcase, .leading, #page {position: relative;}
#message, #showcase {z-index:0;}
#main-content {	padding: 0 90px 0 15px;overflow:hidden;}
#main-content.isright {	background:url(../images/bckg_right.jpg) 790px 0 repeat-y;}
.dp20, .dp25, .dp33, .dp50, .dp100 {float: left;margin-top: 15px;}
.dp20 {width: 20%;}
.dp25 {width: 25%;}
.dp33 {width: 33.33%;}
.dp50 {width: 50%;}
.dp100 {width: 100%;margin-top: 0;}
.clr {clear: both;font-size: 0;}
#colmask {clear:both;overflow:hidden;position:relative;width:100%;}
#maincol, #wrapper {position: relative;}
#wrapper {background: url(../images/bckg_content.png) top center repeat-x #E9E8E6;}
#wrapper-content {}
.s-c-s #colmid, .s-c-x #colright {float:left;position:relative;width:200%;}
.s-c-s #colright {float:left;left:50%;position:relative;width:100%;}
.s-c-s #col1wrap {float:right;position:relative;right:100%;width:50%;}
.s-c-s #col1pad, .x-c-s #col1, .x-c-s #colmid {overflow:hidden;}
.s-c-s #col1 {overflow:hidden;width:100%;}
.s-c-s #col2 {float:left;position:relative;overflow:hidden;margin-left:-50%;}
.s-c-s #col3 {float:left;position:relative;overflow:hidden;left:0;}
.s-c-x #col1wrap {float:right;position:relative;width:50%;}
.s-c-x #col1 {overflow:hidden;position:relative;right:100%;}
.s-c-x #col2 {float:left;position:relative;}
.x-c-s #colright {float:left;position:relative;right:100%;width:200%;}
.x-c-s #col1wrap {float:left;left:50%;position:relative;width:50%;}
.x-c-s #col3 {float:right;position:relative;}
.s-c-s .ctr-color1, .s-c-s .ckl-color1, .s-c-x .ckl-color1, .x-c-s .cdr-color1 {background: url(../images/bckg_dashed.png) 770px 0 repeat-y;}
.s-c-s .ctr-color2, .s-c-s .ckl-color2, .s-c-x .ckl-color2, .x-c-s .cdr-color2 {background: url(../images/bckg_dashed.png) 190px 0 repeat-y;}
.s-c-s #col1pad, .s-c-x #colright, .x-c-s #colright {background: none;}
.cols1 {display: block;float: none;margin: 0;width: 100%;}
.cols2 {width: 49%;overflow: hidden;}
.cols3 {width: 30%;}
.column1, .column2 {position: relative;float: left;margin: 0;}
.colpad {padding: 0 10px;position: relative;}
.column2 {float: right;width: 49%;}
.article_row {overflow: hidden;margin: 0 -10px 15px -10px;}

/* Header */
#logo {width: 211px;height: 130px;display: block;margin: 12px 0 0 109px;background: url(../images/logo_nakopci.png) 0 0 no-repeat; position:absolute; z-index:1000;}
#header { height: 122px; padding:0; margin-top:0px;}

/* Navigation */
#nav {position: absolute; width:590px; top: 75px; left:350px;}
#nav ul {font-size:1em;letter-spacing:0.05em;display:table;margin:0 auto;}
#nav li {display:table-cell;list-style: none;margin:0;position: relative; text-align:center; border-left:1px solid #333;}
#nav li a {display: block; padding:5px 15px;line-height: 100%;color: #333;font-weight: normal; text-align:right; text-transform:uppercase;}
#nav li.active a {color: #A6C400;}
#nav li a:hover, #nav li:hover a, #nav li.sfHover a {color: #E85C1E;text-decoration: none;}
#nav li ul {position:absolute;width:170px;left:-999em;margin:0;border: 5px solid #A6C400;background:#A6C400;border-top: 0; font-size:0.9em;}
#nav li ul ul {margin: -31px 0 0 170px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfHover ul ul, #nav li.sfHover ul ul ul, #nav li.sfHover ul ul ul ul {left: -999em;}
#nav li li {padding:0;height:auto;width:170px; text-align:left;}
#nav li:hover li a {background:#C79278;color: #A6C400;border:none;border-top:1px solid #A6C400; padding: 5px 10px;}
#nav li li a, #nav li li.active a, #nav li li a:hover {margin:0;background:#A6C400;border-top:1px solid #fff;color: #fff;}
#nav li li a, #nav li.active li a {font-weight: normal;}
#nav li:hover ul, #nav li.sfHover ul {left: 4px;}
#nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li li.sfHover ul, #nav li li li.sfHover ul, #nav li li li li.sfHover ul {left: 0;}

/* Content styles */
.buttonheading {position: absolute;top: 2px;right: 10px;}
.buttonheading .icon {display:block;width:16px;height:16px;float:left;margin-left:5px;}
.buttonheading .pdf {background: url(../images/elements.png) -57px -366px;}
.buttonheading .print {background: url(../images/elements.png) -21px -366px;}
.buttonheading .email {background: url(../images/elements.png) -39px -366px;}
.article-info {color:#0099FF;margin:-15px 0 10px 0;}
.article-info dd {display: table-cell;border-left:1px solid #0099FF;padding:0 10px;}
.article-info-term {display:none;}
a.readmore, .readmore a, .itemBackToTop a { font-size:0.8em; letter-spacing:0.05em; padding: 2px 10px 2px 26px; background: url(../images/bckg_readmore.png) left center no-repeat #A6C400; color:#FFF;}
a.readmore:hover, .readmore a:hover, .itemBackToTop a:hover { background-position: 5px center; color:#E85C1E;}
.component-pad {padding:0 15px 15px 15px; min-height:600px;}
#modlgn_username, #modlgn_passwd {border: 1px solid #ccc;padding: 3px;}
.pagination span, .pagination a {margin-right: 5px;}
#colmask ul li {margin-left:10px;}
.colpad h2.contentheading {padding-right: 65px;}
.sectiontableheader {font-weight: bold;line-height: 25px;text-align: left;}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {text-align: left;padding: 6px 4px;vertical-align: middle;border-top: 1px solid #fff;}
span.attention {display: block;margin: 15px 0;padding: 8px 10px 8px 10px;background: #FFF3A3;border: 1px solid #E7BD72;color: #B79000;}


/* top */
.module.top { position:absolute; top:0; margin:0 0 0 390px; background: #E9E8E6;
-webkit-border-bottom-right-radius: 14px;
-webkit-border-bottom-left-radius: 14px;
-moz-border-radius-bottomright: 14px;
-moz-border-radius-bottomleft: 14px;
border-bottom-right-radius: 14px;
border-bottom-left-radius: 14px;}


/* Modules */
.module {padding:0;}
.module-title {font-size:2.0em;margin:0;padding:0 0 5px 0;color:#A6C400;letter-spacing: 0.02em;}
.module-body {padding:10px 0 25px 0;}
.module.provoz { padding:0 !important;}
.module.provoz .module-body { padding:0 15px 8px 15px;}
.module.provoz p { margin:0;}
.module.dennimenu {  }
.rozvoz { background:#D3D3D3; padding:8px 10px; margin-bottom:15px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;}

#mainmods {position:absolute;width: 200px; top:148px; left:85px;z-index:999;}
#shadow {position:absolute; top:220px; left:113px; width:200px; height:400px; -moz-box-shadow: 0 0 25px #A1A1A1; -webkit-box-shadow: 0 0 25px #A1A1A1; box-shadow: 0 0 25px #A1A1A1;}
#mainmods2, #mainmods3 {overflow: hidden;}
#mainmods3 {background: #eee;border-top: 1px solid #fff;border-bottom: 1px solid #ddd;}
.spacer {padding: 0 28px;}
.spacer.w33, .spacer.w24 {padding: 0;}
.spacer .module {float: left;}
.spacer.w99 .module {width: 100%;}
.spacer.w49 .module {width: 49.2%;}
.spacer.w33 .module {width: 193px; text-align:center;}
.spacer.w33 .module .module-body {padding:5px 0 0 0;}
.spacer.w24 .module {width: 145px; text-align:center;}
.spacer.w24 .module .module-body {padding:0;}
.spacer.w24 .module .module-body img:hover {margin:3px 0 -3px 0;}
#mainmods h4 {margin:0;}
#mainmods .user1 {padding:0 0 15px 0; text-align:center;}
.left {text-align:center;width: 200px; min-height:300px; margin-left:95px;}
.user1 .module-title,
.left .module-title
 {padding:15px 0 60px 0; background:#D3D3D3; color:#fff; font-size: 1.6em; 
	-webkit-border-bottom-right-radius: 18px;
	-webkit-border-bottom-left-radius: 18px;
	-moz-border-radius-bottomright: 18px;
	-moz-border-radius-bottomleft: 18px;
	border-bottom-right-radius: 18px;
	border-bottom-left-radius: 18px;}
.left h4, .user1 h4 { margin: -57px 16px 5px 16px !important; background:#E85C1E; color:#fff; }
.left h4, .user1.kontakt h4 { background:#999; margin-top:-67px !important; }
.left h4 a, .user1.kontakt h4 a { font-weight:normal; color:#FFF }
.user1.dennimenu .module-body {padding:0; color:#666;}
.user1.dennimenu ul {background:#fff; padding:0 5px;}
.user1 .moduleCustomLink { width:200px; display:block; padding:3px 0 7px 0; font-size:1.1em; background:#E85C1E; color:#fff; 
	-webkit-border-bottom-right-radius: 18px;
	-webkit-border-bottom-left-radius: 18px;
	-moz-border-radius-bottomright: 18px;
	-moz-border-radius-bottomleft: 18px;
	border-bottom-right-radius: 18px;
	border-bottom-left-radius: 18px;
}
.user1 li { padding:5px 0;}
.user1 li strong { color:#E85C1E;}
.user1 li .alergen { color:#B0C600;font-size: 0.9em;font-weight: bold;vertical-align: baseline;position: relative;top: -0.6em;}

/* Footer */
.footer {text-align:center; background:#999;color:#fff;letter-spacing: 1px;}
.footer .module-body {padding: 10px  0;}
.footer.module,
.footer p {padding:0;margin:0;}

/* special */
.hide {display:none;}
.clr {clear:both;background:none;border:none;font-size:0px;height:0px;visibility:hidden;}

/* contacts */
.contact {padding:0 5px}
.contact-category {padding:0 10px}
.contact-category #adminForm fieldset.filters {border:0;padding:0}
.contact-image {margin: 0 10px;overflow:hidden;float:left;}
address {font-style:normal;margin:10px 0;}
address span {display:block}
.contact-address {margin:20px 0 10px 0;}
.contact-email div {padding:2px 0;margin:0 0 10px 0;}
.contact-email label {width:17em;float:left;}
span.contact-image {margin-bottom:10px;overflow:hidden;display:block}
#contact-textmsg {padding: 2px 0 10px 0}
#contact-email-copy {float:left;margin-right:10px;}
.contact .button {float:none !important;clear:left;display:block;margin:20px 0 0 0}
.contactinfo {clear:both;}
dl.tabs {float: left;margin: 20px 0 0 0;z-index: 50;clear:both;}
dl.tabs dt {float: left;padding: 4px 10px;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-top: 1px solid #ccc;margin-right: 3px;background: #f0f0f0;color: #372B26;}
dl.tabs dt h3 {margin:0;font-size:1.2em;}
dl.tabs dt.open {background: #F9F9F9;border-bottom: 1px solid #F9F9F9;z-index: 100;color: #000;}
div.current {clear: both;border: 1px solid #ccc;padding: 10px 10px;}
div.current dd {padding: 0;margin: 0;}
dl#content-pane.tabs {margin: 1px 0 0 0;}


/* banners */
.bannergroup {text-align:center;}
.banneritem {margin: 0 10px; display:inline-block; vertical-align:middle;}
.banneritem .clr { display:none;}

/* sprocket slideshow - Showcase */
#showcase { height:277px; margin-bottom:20px; float:none;}
#showcase h2 { line-height:100%; margin:5px 0; font-weight:bold;}
#showcase h3, #showcase h4, #showcase h5 { color:#999; line-height:110%; font-size:20px;}
#showcase .foreground { width:844px; height:277px; margin:0 auto; background:#FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 0 10px #A1A1A1; -webkit-box-shadow: 0 0 10px #A1A1A1; box-shadow: 0 0 10px #A1A1A1;}

#showcase .sprocket-features{
	position:relative;
	overflow:hidden;
	padding: 10px;
	margin:0;
}
#showcase .sprocket-features-img-list{
	border:1px solid #DFDFE4;
}
#showcase .sprocket-features .sprocket-features-content{
	padding:0;
	position:absolute;
	width:220px;
	height:250px;
	top:15px;
	left:600px;
	text-align:right;
}
#showcase .sprocket-features .sprocket-features-title,
#showcase .sprocket-features .sprocket-features-desc{
	background:none;
	padding:0 10px;
	margin:0;
	line-height:100%;
	font-weight:normal;
	color:#999; 
}
#showcase .sprocket-features .sprocket-features-title{
	font-size:20px;
	display:block;
}
#showcase .sprocket-features .sprocket-features-desc{
	font-size:1.1em;
}
#showcase .sprocket-features .sprocket-features-desc li:nth-child(odd) {color:#E85C1E;}
#showcase .sprocket-features .sprocket-features-desc li:nth-child(even){color:#849B00;}

#showcase .sprocket-features .readon{
	display:block;
	margin-top:5px;
}
.layout-slideshow .sprocket-features-arrows .arrow {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    cursor: pointer;
    display: block;
    font-size: 2.5em;
    height: 24px;
    width: 24px;
    opacity: 0.3;
	margin-top:-45px;
    position: absolute;
    text-align: center;
    top: 100%;
    z-index: 10;
}
.layout-slideshow .sprocket-features-arrows .arrow span {
	margin-top:-1px;
	display:block;
}
.layout-slideshow .sprocket-features-arrows .prev {
    left: 265px;
}
.layout-slideshow .sprocket-features-arrows .next {
    right: 520px;
}
.arrows-onhover .sprocket-features-arrows .arrow {
    opacity: 0;
}
.sprocket-features.arrows-onhover:hover .sprocket-features-arrows .arrow {
    opacity: 0.5;
}
.layout-slideshow .sprocket-features-arrows .arrow:hover,
.sprocket-features.arrows-onhover:hover .sprocket-features-arrows .arrow:hover {
    opacity: 0.7;
}