/* $Id: pages.css,v 1.18.2.3 2010/06/26 17:18:58 johnalbin Exp $ */

/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */


/*
 * Body
 */
body {
  margin: 0;
  padding: 0;
  background:url(../images/body.jpg) repeat-y;
  font-family:Trebuchet MS;
}

.body-top {
	background:url(../images/body-top.jpg) no-repeat top center;
	}
	
.body-bottom {
	background:url(../images/body-bottom.jpg) no-repeat bottom center;
	}

#page-wrapper {
}

#page {
}

/*
 * The skip navigation link will be completely hidden until a user tabs to the
 * link. See http://www.webaim.org/techniques/skipnav/
 */
#skip-link a,
#skip-link a:visited {
  position: absolute;
  display: block;
  left: 0;
  top: -500px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  text-align: center;
  background-color: #666;
  color: #fff;
}

#skip-link a:hover,
#skip-link a:active,
#skip-link a:focus {
  position: static;
  width: 100%;
  height: auto;
  padding: 2px 0 3px 0;
}

a {
	outline-style:none;
	color:#000;
	}
	
	
h1 {
    color: #13912B;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
}
h2 {
	color:#24a827;
	font-size:15px;
	font-style:italic;
	font-weight:bold;
}
h3 {
	

}

#block-block-14 {
	white-space: nowrap;
	position: absolute;
	bottom: 0;
	left: 345px;
}

.facebook {
	display: inline-block;
	height: 50px;
	width: auto;
}

.youtube {
	display: inline-block;
	height: 50px;
	width: auto;
}

.facebook img,
.youtube img {
	max-width: auto;
	max-height: 100%;
}

/*
 * Header
 */
#header {
	position:relative;
}

#header .section {
}

#block-block-12 {
	position:absolute;
	display:inline-block;
	top:12px;
	right:10px;
}

#block-block-12 .content a {
	text-decoration:none;
	color:#13912B;
	font-weight:bold;
}

#logo /* Wrapping link for logo */ {
  float: left; /* LTR */
  margin: 29px 0 0;
  padding: 0;
}

#logo img {
  vertical-align: bottom;
}

#name-and-slogan /* Wrapper for website name and slogan */ {
}

h1#site-name,
div#site-name /* The name of the website */ {
  margin: 0;
  font-size: 2em;
  line-height: 1.3em;
}

#site-name a:link,
#site-name a:visited {
  color: #000;
  text-decoration: none;
}

#site-name a:hover,
#site-name a:focus {
  text-decoration: underline;
}

#site-slogan /* The slogan (or tagline) of a website */ {
}

.region-header /* Wrapper for any blocks placed in the header region */ {
}

/*
 * Main (container for everything else)
 */
#main-wrapper {
}

#main {
}

/*
 * Content
 */
#content {
}

#content .section {
}

#mission /* The mission statement of the site (displayed on homepage) */ {
}

.region-content-top /* Wrapper for any blocks placed in the "content top" region */ {
}

.breadcrumb /* The path to the current page in the form of a list of links */ {
  padding-bottom: 0; /* Undo system.css */
}

h1.title, /* The title of the page */
h2.title, /* Block title or the title of a piece of content when it is given in a list of content */
h3.title /* Comment title */ {
  margin: 0;
}

tr.even /* Some tables have rows marked even or odd. */ {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

tr.odd {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

div.messages /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */ {
}

div.status /* Normal priority messages */ {
}

div.warning,
tr.warning /* Medium priority messages */ {
  /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
}

div.error,
tr.error /* High priority messages. See also the .error declaration below. */ {
}

.error /* Errors that are separate from div.messages status messages. */ {
  /* color: #e55; */ /* Drupal core uses a #e55 background */
}

.warning /* Warnings that are separate from div.messages status messages. */ {
  /* color: #e09010; */ /* Drupal core uses a #e09010 background */
}

div.tabs /* See also the tabs.css file. */ {
}

.help /* Help text on a page */ {
  margin: 1em 0;
}

.more-help-link /* Link to more help */ {
  font-size: 0.85em;
  text-align: right;
}

#content-area /* Wrapper for the actual page content */ {
	min-height:450px;
	padding-bottom: 20px;
}

ul.links /* List of links */ {
  margin: 1em 0;
  padding: 0;
}

ul.links.inline {
  margin: 0;
  display: inline;
}

ul.links li {
  display: inline;
  list-style-type: none;
  padding: 0 0.5em;
}

.pager /* A list of page numbers when more than 1 page of content is available */ {
  clear: both;
  margin: 1em 0;
  text-align: center;
}

.pager a,
.pager strong.pager-current /* Each page number in the pager list */ {
  padding: 0.5em;
}

.feed-icons /* The links to the RSS or Atom feeds for the current list of content */ {
  margin: 1em 0;
}

.more-link /* Aggregator, blog, and forum more link */ {
  text-align: right; /* LTR */
}

.region-content-bottom /* Wrapper for any blocks placed in the "content bottom" region */ {
}

/*
 * First sidebar (on left in LTR languages, on right in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-first
 * (see the layout.css file.)
 */
.region-sidebar-first {
}

.region-sidebar-first .section {
}

/*
 * Second sidebar (on right in LTR languages, on left in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-second
 * (see the layout.css file.)
 */
.region-sidebar-second {
}

.region-sidebar-second .section {
}

/*
 * Footer
 */
#footer {
}

#footer .section {
}

#footer-message /* Wrapper for the footer message from Drupal's "Site information"
                   and for any blocks placed in the footer region */ {
}

.region-footer {
}

/*
 * Closure
 */
.region-page-closure /* Wrapper for any blocks placed in the closure region */ {
}

/*
 * Drupal boxes
 *
 * Wrapper for Comment form, Comment viewing options, Menu admin, and
 * Search results.
 */
.box /* Wrapper for box */ {
}

.box h2 /* Box title */ {
}

.box .content /* Box's content wrapper */ {
}

/*
 * Markup free clearing (See: http://www.positioniseverything.net/easyclearing.html )
 */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/**
 * Hide elements from all users.
 *
 * Used for elements which should not be immediately displayed to any user. An
 * example would be a collapsible fieldset that will be expanded with a click
 * from a user. The effect of this class can be toggled with the jQuery show()
 * and hide() functions.
 */
.element-hidden {
  display: none;
}

/**
 * Hide elements visually, but keep them available for screen-readers.
 *
 * Used for information required for screen-reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user. Must
 * not be used for focusable elements (such as links and form elements) as this
 * causes issues for keyboard only or voice recognition users. "!important" is
 * used to prevent unintentional overrides.
 */
.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}




/*  CUSTOM  CSS  */

.form-text {
	border-color: #ABADB3 #E3E9EF #E3E9EF;
    border-right: 1px solid #E3E9EF;
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    padding: 3px 2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
	-khtml-border-radius: 3px; /* for old Konqueror browsers */
	
	/*-moz-box-shadow:inset 0 0 5px #bfbfbf;
   -webkit-box-shadow:inset 0 0 5px #bfbfbf;
   box-shadow:inset 0 0 5px #bfbfbf;*/

	}
	
.form-textarea{
	border-color: #ABADB3 #E3E9EF #E3E9EF;
    border-right: 1px solid #E3E9EF;
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    padding: 3px 2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
	-khtml-border-radius: 3px; /* for old Konqueror browsers */
}
	
.form-submit,
#continue-shopping-link a {
	background: none repeat scroll 0 0 #117e25;
    border: none;
    color: white;
    font-weight: bold;
    padding: 3px 5px;
    _padding: 3px 0px;
	cursor:pointer;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	
	-moz-box-shadow: 1px 1px 1px #aaa;
  -webkit-box-shadow: 1px 1px 1px #aaa;
  box-shadow: 1px 1px 1px #aaa;

	}
.form-submit:hover {
	background: none repeat scroll 0 0 #12571e;
	}

/*  TABLE  */
table {
	width:100%;
	}
	
thead,
.order-pane thead th {
	background:#117e25!important;
	color:white!important;
	font-weight:bold;
	}
th a {
	color:#a2ffb3!important;
	text-decoration:none;
	font-weight:bold;
	}
th {
	padding:7px 5px!important;
	border-bottom:none!important;
	vertical-align: middle;
	color:#a2ffb3!important;
	text-shadow: 2px 2px 2px #0a4e17;
	}
	
tr.even {
	background:#f6f6f6;
	}
tr.odd {
	background:#f2f2f2;
	}
	
td {
	vertical-align: middle;
	padding: 2px 5px;
	border-bottom:1px solid #eee;
	font-family:Trebuchet MS;
	}
	
td.desc a {
	color:#117e25;
	font-weight:bold;
	font-size:13px;
	font-style:italic;
	text-decoration:none;
	}
	
td.price,
td.subtotal {
	color:#117e25;
	font-weight:bold;
	font-size:13px;
	}
	
td.subtotal strong,
#subtotal-title  {
	color:#808080;
	}
	
td.field-label {
	color:#117e25;
	font-weight:normal;
	}
	
td.active {
    background-color: #fff;
}


/*  FIELDSET  */

fieldset {
	border:1px solid #BBBBBB;
	}
	
fieldset legend {
	background: #0d641e;
    border: 1px solid #000;
    color: white;
    font-weight: bold;
    padding: 3px 10px;
	}
	
fieldset legend a {
	color: white;
    font-weight: bold;
	text-decoration:none;
	background:none!important;
	padding:0!important;
}


/*  CART  */	

#cart-form-products {
	border:none;
	}
	
#continue-shopping-link a {
	background: none repeat scroll 0 0 #117E25;
    border: none;
    color: white;
    font-weight: bold;
    padding: 0px 5px;
	cursor:pointer;
	text-decoration:none;
	font-size:13px;
	display:inline-block;
	margin-top:2px;
	height: 23px;
    line-height: 23px;
	}
#continue-shopping-link a:hover {
	background: none repeat scroll 0 0 #12571E;
	}
	
#cart-form-buttons,
#checkout-form-bottom {
	border:none;
	}
	
.address-pane-table table,
.delivery-pane table {
	width:100%;
	}
	
.address-pane-table td,
.delivery-pane td {
	border:none;
	}
	
.order-review-table {
	width:100%;
	}
	
tr.pane-title-row td {
	background:#117E25;
	color:white;
	font-weight:bold;
	padding:7px 5px!important;
	}
	
.order-review-table .title-col {
    font-weight: bold;
    padding-left: 3em;
    padding-right: 15px;
    text-align: right;
    width: 17%;
	vertical-align:top;
}

.order-review-table .review-button-row {
    background: none!important;
    text-align: right;
}

.order-review-table table td {
    font-weight: bold;
    padding: 0 10px;
}

.order-pane-table .product-description {
    font-size: 1em;
}

.order-pane-table {
    width: 100%;
	font-weight:bold;
}

td.field-label {
	width:18%;
	}
	
/*  BREADCRUMB  */

.breadcrumb {
	font-size:15px;
	font-style:italic;
	color:#808080;
	margin-bottom:10px;
	}
	
.breadcrumb a {
	font-size:15px;
	font-style:italic;
	color:#0d651e;
	}
	
.breadcrumb {
	display:block;
	width:95%;
	text-align:left;
	border-bottom:1px solid #e2e2e2;
	margin-left:auto;
	margin-right:auto;
	padding: 10px 0 10px;
	}
	
	
/*  KONTAKT  */

.page-kontakt table td {
	border:none;
	vertical-align:top;
	font-size:14px;
	font-style:italic;
	line-height: 16px;
	}
	
.kontakt-info {
	display:block;
	float:left;
	width: 380px;
	margin-left:0px;
	_margin-left:27px;
	}
	
#webform-client-form-6 {
	display:block;
	float:left;
	width:340px;
	}
	
#webform-client-form-6 .form-text,
#webform-client-form-6 .form-textarea {
	width:340px;
}

.gmap {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
	background: none repeat scroll 0 0 #DADADA;
    display: block;
    height: 230px;
    padding: 4px;
    width: 310px;
	margin-top:10px;
	clear:both;
	float:left;
	}


/*  profile block  */
#block-block-1 {
	display:block;
	float:right;
	width:516px;
	height:41px;
	background:url(../images/profile.jpg) no-repeat;
	margin-top:48px;
	color:#666;
	position:relative;
}

#block-block-1 .user-name {
	color:#666;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
	margin: 11px 0 0 44px;
	position:absolute;
	display:inline-block;
	}
	
#block-block-1 .user-name:hover {
	color:#9c1616;	
	}
	
#block-block-1 .moje-objednavky {
	color:#666;
	font-size:15px;
	font-style:italic;
	text-decoration:none;
	margin:11px 0 0 248px;
	position:absolute;
	display:inline-block;
	}
	
#block-block-1 .moje-objednavky:hover {
	color:#9c1616;	
	}
	
#block-block-1 .logout {
	margin: 8px 0 0 418px;
	position:absolute;
	display:inline-block;
	text-indent:-10000px;
	width:90px;
	height:26px;
	background:url(../images/logout.gif) left;
	}
	
#block-block-1 .logout:hover {
	background:url(../images/logout.gif) right;
	}
	
	
/*  login block  */
.block-user {
	display:block;
	float:right;
	width:516px;
	height:40px;
	background:url(../images/login.jpg) no-repeat;
	margin-top:48px;
	color:#666;
	position:relative;
}

.block-user .login-register {
	margin: 6px 0 0 10px;
	position:absolute;
	display:block;
	text-indent:-10000px;
	width:91px;
	height:27px;
	background:url(../images/login-registracia.jpg) top;
	}
.block-user .login-register:hover {
	background:url(../images/login-registracia.jpg) bottom;
	}
	
.block-user .form-submit {
	top:7px;
	left:416px;
	float:left;
	position:absolute;
	display:block;
	text-indent:-10000px;
	width:90px;
	height:26px;
	background:url(../images/login-prihlasit.jpg) top;
	cursor:pointer;
	-moz-border-radius: none;
	-webkit-border-radius: none;
	border-radius: none; /* future proofing */
	-khtml-border-radius: none; /* for old Konqueror browsers */
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	}
.block-user .form-submit:hover {
	background:url(../images/login-prihlasit.jpg) bottom;
	}
	
.block-user label {
	display:none!important;
	}
	
.block-user .form-item {
	margin:0;
	}
	
.block-user #edit-name {
	float: left;
    margin: 10px 0 0 118px;
    width: 130px;
	border:none;
	font-size:15px;
	color:#9f9f9f;
	font-family:arial;
	font-style:italic;
	text-align:center;
	}
	
.block-user #edit-pass {
	float: left;
    margin: 10px 0 0 18px;
    width: 130px;
	border:none;
	font-size:15px;
	color:#9f9f9f;
	font-family:arial;
	font-style:italic;
	text-align:center;
	}
	
.block-user .item-list {
	display:none;
	}
	
/*  CART  */

.block-uc_ajax_cart {
	display:block;
	float:right;
	clear:both;
	position:relative;
	width:490px;
	height:31px;
	background:url(../images/cart.gif) no-repeat 150px 0px;
	}
	
.cart-price {
	display:inline-block;
	position:absolute;
	top:3px;
	right:355px;
	color:#0aae29;
	font-size:30px;
	line-height:30px;
	font-weight:bold;
	font-style:italic;
	}
.cart-price span {
	font-size:15px;
	color:#666;
	}
	
.cart-qty {
	display:inline-block;
	position:absolute;
	top:3px;
	right:195px;
	color:#0aae29;
	font-size:30px;
	line-height:30px;
	font-weight:bold;
	font-style:italic;
	}
.cart-qty span {
	font-size:15px;
	color:#666;
	}
	
.cart-price-cart {
	right:0;
	top:0;
	position:absolute;
	display:inline-block;
	text-indent:-10000px;
	width:167px;
	height:31px;
	background:url(../images/go-to-cart.gif) left;
}
.cart-price-cart:hover {
	background:url(../images/go-to-cart.gif) right;
	}
	
	
	
/*  PRIMARY LINKS  */

#block-menu-primary-links ul,
#block-menu-primary-links li {
	list-style:none;
	padding:none;
	margin:none;
	}
	
#block-menu-primary-links {
	display:block;
	float:left;
	height:45px;
	width:714px;
	background:url(../images/menu-bg.jpg) bottom;
	padding-left:3px;
	}
	
#block-menu-primary-links li {
	display:inline-block;
	float:left;
	}
	
#block-menu-primary-links ul a {
	display:block;
	float:left;
	height:42px;
	text-indent:-10000px;
	width:119px;
	}
	
#block-menu-primary-links #onas {
	background:url(../images/menu.jpg) 0px 0px;
	}
#block-menu-primary-links #onas:hover,
#block-menu-primary-links .active-trail #onas {
	background:url(../images/menu.jpg) 0px 42px;
	}
	
#block-menu-primary-links #servis {
	background:url(../images/menu.jpg) -119px 0px;
	}
#block-menu-primary-links #servis:hover,
#block-menu-primary-links .active-trail #servis {
	background:url(../images/menu.jpg) -119px 42px;
	}
	
#block-menu-primary-links #novinky {
	background:url(../images/menu.jpg) -238px 0px;
	}
#block-menu-primary-links #novinky:hover,
#block-menu-primary-links .active-trail #novinky {
	background:url(../images/menu.jpg) -238px 42px;
	}
	
#block-menu-primary-links #katalog {
	background:url(../images/menu.jpg) -357px 0px;
	}
#block-menu-primary-links #katalog:hover,
#block-menu-primary-links .active-trail #katalog {
	background:url(../images/menu.jpg) -357px 42px;
	}
	
#block-menu-primary-links #galeria {
	background:url(../images/menu.jpg) -476px 0px;
	}
#block-menu-primary-links #galeria:hover,
#block-menu-primary-links .active-trail #galeria {
	background:url(../images/menu.jpg) -476px 42px;
	}
	
#block-menu-primary-links #kontakt {
	background:url(../images/menu.jpg) -595px 0px;
	}
#block-menu-primary-links #kontakt:hover,
#block-menu-primary-links .active-trail #kontakt {
	background:url(../images/menu.jpg) -595px 42px;
	}
	
	
	
/*  SEARCH  */
.block-search {
	display:block;
	float:left;
	width:243px;
	height:45px;
	background:url(../images/search.jpg);
	}
	
.block-search label {
	display:none;
	}

.block-search .form-submit {
	display:block;
	width:55px;
	height:28px;
	border:none;
	text-indent:-10000px;
	padding:0;
	margin:0;
	background:url(../images/search-button.jpg);
	float:left;
	cursor:pointer;
	margin: 8px 0 0 16px;
	
	-moz-border-radius: none;
	-webkit-border-radius: none;
	border-radius: none; /* future proofing */
	-khtml-border-radius: none; /* for old Konqueror browsers */
	
	-moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
	}
.block-search .form-submit:hover {
	background:url(../images/search-button.jpg) bottom;
	}
	
.block-search .form-item {
	display:block;
	float:left;
	margin:0!important;
	}
	
.block-search .form-text {
	margin-left: 11px;
	margin-top: 12px;
    width: 142px;
	border:none;
	}
	
/*  SLIDESHOW  */

#block-block-6 {
	display:block;
	width:727px;
	height:201px;
	background:url(../images/slideshow.jpg);
	position:relative;
	}
	
#block-block-6 #nav {
	position:absolute;
	}

#block-block-6 #slideshow {
	margin:5px;
	position:absolute;
	}
	
#nav {
	bottom: 15px;
    position: absolute;
    right: 15px;
    z-index: 1000;
	}
	
#nav a {
    background: url(../images/banner-button.png) top;
    display: block;
    float: left;
    height: 18px;
    margin-right: 4px;
    outline-style: none;
    text-indent: -10000px;
    width: 18px;
}

#nav a:hover,
#nav .activeSlide {
background:url(../images/banner-button.png) bottom;
}
	


/*  FRONT VIEWS  */
	
img.imagecache-product,
img.imagecache-uc_category,
img.imagecache-gallery,
.imagecache-gallery img {
	background:url(../images/product-img.jpg);
	padding:5px!important;
	}
	
img.imagecache-product-detail {
	background:url(../images/product-detail.jpg);
	padding:5px;
	}
	
img.imagecache-product-small {
	background:url(../images/product-small.jpg);
	padding:5px;
	margin: 3px 16px 3px 0;
	}
	
.views-row {
	display:block;
	float:left;
	width:166px;
	margin-bottom:30px;
	}
	
.views-field-title {
	height:37px;
	overflow:hidden;
	margin-top:13px;
	display:block;
	}
.views-field-title a {
	color:#1284cc;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	}
	
.views-field-body {
	font-size: 14px;
    height: 114px;
    margin-top: 22px;
    overflow: hidden;
	margin-bottom:12px;
	}
	
.views-field-phpcode {
	display:block;
	float:left;
	width:97px;
	margin-top:5px;
	}
	
.cena_nova {
	color:#1284cc;
	font-weight:bold;
	font-size:17px;
	}
	
.cena_stara {
	color:#868686;
	font-size:14px;
	text-decoration: line-through;
	font-weight:bold;
	}

.views-field-view-node a {
	display:block;
	float:right;
	width:65px;
	height:26px;
	background:url(../images/view-detail.jpg);
	text-indent:-10000px;
	}
.views-field-view-node a:hover {
	background:url(../images/view-detail.jpg) bottom;
	}
	
.views-row-even {
	margin-left:20px;
	margin-right:20px;
	}
	
.views-row-odd {
	margin-right:20px;
	}
	
.views-row-first,
.views-row-last {
	margin-left:0;
	margin-right:0;
	}
	
.views-view-grid {
	width:auto;
	}
	
.views-view-grid .col-1 {
	padding:0;
	width: 166px;
	vertical-align:top;
	padding-bottom:30px;
}

.views-view-grid .col-2 {
	padding-left:20px;
	padding-right:20px;
	width: 166px;
	vertical-align:top;
	padding-bottom:30px;
}

.views-view-grid .col-3 {
	padding-left:0px;
	padding-right:20px;
	width: 166px;
	vertical-align:top;
	padding-bottom:30px;
}

.views-view-grid .col-4 {
	padding-left:0px;
	padding-right:0px;
	width: 166px;
	vertical-align:top;
	padding-bottom:30px;
}

.pager .pager-next a {
	display:inline-block;
	background:url(../images/pager-next.jpg) 0px 0px;
	width:31px;
	height:26px;
	text-indent:-10000px;
	padding:0;
	overflow:hidden;
	}
.pager .pager-next a:hover {
	background:url(../images/pager-next.jpg) 0px 26px;
}

.pager .pager-last a {
	display:inline-block;
	background:url(../images/pager-next.jpg) 31px 0px;
	width:31px;
	height:26px;
	text-indent:-10000px;
	padding:0;
	overflow:hidden;
	}
.pager .pager-last a:hover {
	background:url(../images/pager-next.jpg) 31px 26px;
	}
	
	
.pager .pager-previous a {
	display:inline-block;
	background:url(../images/pager-prev.jpg) 31px 0px;
	width:31px;
	height:26px;
	text-indent:-10000px;
	padding:0;
	overflow:hidden;
	}
.pager .pager-previous a:hover {
	background:url(../images/pager-prev.jpg) 31px 26px;
}

.pager .pager-first a {
	display:inline-block;
	background:url(../images/pager-prev.jpg) 0px 0px;
	width:31px;
	height:26px;
	text-indent:-10000px;
	_text-indent:0px;
	#text-indent:0px;
	font-size:1px;
	padding:0;
	overflow:hidden;
	text-decoration:none;
	}

.pager .pager-first a:hover {
	background:url(../images/pager-prev.jpg) 0px 26px;
	}
	
.pager a,
.pager a.active {
	color:#868686;
	font-size:17px;
	text-decoration:none;
	padding:0;
	overflow:hidden;
	display:inline-block;
	height:26px;
	line-height:26px;
	}
.pager a:hover,
.pager-current {
	color:#209d37;
	text-decoration:underline;
	font-size:17px;
	overflow:hidden;
	display:inline-block;
	height:26px;
	line-height:26px;
	}
	
.pager li {
	padding:0 5px!important;
	overflow:hidden;
	display:inline-block!important;
	_display:inline!important;
	#display:inline!important;
	height:26px;
	line-height:26px;
	}
	

	
#block-block-8 {
	float:left;
	clear:both;
	}
	
#block-block-7 .tabs li,
#block-block-7 .tabs {
	list-style:none;
	padding:0;
	margin:0;
	}

#block-block-7 .tabs {
	display:block;
	width:100%;
	height:48px;
	background:url(../images/tabs.jpg) no-repeat bottom;
	}

#block-block-7 .tabs li {
	display:inline-block;
	float:right;
	}
	
#block-block-7 .tabs a {
	display:block;
	width:123px;
	text-indent:-10000px;
	height:36px;
	margin-right:4px;
	}
	
#block-block-7 .tab1 a {
	background:url(../images/front-block.jpg) 0px 0px;
	}
#block-block-7 .tab2 a {
	background:url(../images/front-block.jpg) -127px 0px;
	}
#block-block-7 .tab3 a {
	background:url(../images/front-block.jpg) -254px 0px;
	margin-right:0px;
	}	
	
#block-block-7 .tab1 a:hover,
#block-block-7 .tab1.active a {
	background:url(../images/front-block.jpg) 0px 36px;
	}
#block-block-7 .tab2 a:hover,
#block-block-7 .tab2.active a {
	background:url(../images/front-block.jpg) -127px 36px;
	}
#block-block-7 .tab3 a:hover,
#block-block-7 .tab3.active a {
	background:url(../images/front-block.jpg) -254px 36px;
	margin-right:0px;
	}	

.tab_container {
	clear:both;
	}
	
	
/*  KATALOG MENU  */

ul.catalog,
ul.catalog li {
	list-style:none;
	padding:0;
	margin:0;
	}
	
ul.catalog li {
	display:inline-block;
	width:100%;
	}
	
ul.catalog li a {
	display:block;
	font-size:18px;
	line-height: 20px;
	color:#13912b;
	text-transform:uppercase;
	text-decoration:none;
	padding:11px 0 11px 10px;
	font-weight:normal;
	background:url(../images/catalog-li.jpg) no-repeat left bottom;
	}
ul.catalog li a:hover,
ul.catalog li .trail a {	
	color:#10621f;
	}

ul.catalog li ul {
	padding-left:0px;
	}
	
ul.catalog li li a {
	display:block;
	font-size:17px;
	color:#6a6a6a;
	text-transform:none;
	text-decoration:none;
	padding:7px 0 7px 24px;
	font-weight:bold;
	background:url(../images/catalog-li-li.jpg) no-repeat 10px 13px;
	}
ul.catalog li li a:hover,
ul.catalog li li .trail a {
	background:url(../images/catalog-li-li.jpg) no-repeat 10px 13px #e1e1e1;
	color:#6a6a6a;
	}
	
ul.catalog li ul ul {
	padding-left:0px;
	}
	
ul.catalog li li li a {
	display:block;
	font-size:15px;
	color:#6a6a6a;
	text-transform:none;
	text-decoration:none;
	padding:7px 0 7px 40px;
	font-weight:normal;
	background:url(../images/catalog-li-li-li.jpg) no-repeat 23px 13px;
	}
ul.catalog li li li a:hover,
ul.catalog li li li .trail a {
	background:url(../images/catalog-li-li-li.jpg) no-repeat 23px 13px #e1e1e1;
	color:#6a6a6a;
	}
	
ul.catalog li li li li a {
	display:block;
	font-size:15px;
	color:#6a6a6a;
	text-transform:none;
	text-decoration:none;
	padding:7px 0 7px 50px;
	font-weight:normal;
	background:url(../images/catalog-li-li-li.jpg) no-repeat 33px 13px;
	}
ul.catalog li li li li a:hover,
ul.catalog li li li li.trail a {
	background:url(../images/catalog-li-li-li.jpg) no-repeat 33px 13px #e1e1e1;
	color:#6a6a6a;
	}
	
/*  FOOTER  */

#footer,
#footer a {
	color:#626262;
	font-size:15px;
	font-style:italic;
	}
	
#footer .section {
	margin:28px;
	line-height:18px;
	}
	
#block-block-2 {
	width:560px;
	display:block;
	float:left;
	height: 150px;
	}
	
.block-simplenews {
	width:560px;
	display:block;
	float:left;
	height: 73px;
	background:url(../images/newsletter.jpg) no-repeat 0 30px;
	}
.logged-in .block-simplenews {
	background:none;
	background:url(../images/newsletter-login.jpg) no-repeat 0 30px;
	}
	
.logged-in .block-simplenews .form-item {
	display:block;
	float:left;
	margin:33px 15px 0 125px;
	}
	
.logged-in .block-simplenews .form-item label {
	float:left;
	margin-right: 6px;
	}
	
.block-simplenews #edit-mail-wrapper label,
.block-simplenews .form-radios {
	display:none;
	}
	
.block-simplenews #edit-mail-wrapper {
	display:block;
	float:left;
	margin: 31px 16px 0 126px;
	}
	
.block-simplenews #edit-mail-wrapper .form-text {
	width: 195px;
	background:none;
	border:none;
	font-size:15px;
	color:#9f9f9f;
	font-style:italic;
	text-align:center;
	}
	
.block-simplenews .form-submit {
	display:block;
	width:81px;
	height:29px;
	background:url(../images/newsletter-submit.jpg);
	padding:0;
	text-indent:-10000px;
	border:none;
	cursor:pointer;
	margin-top: 28px;
	float:left;
	
	-moz-border-radius: none;
	-webkit-border-radius: none;
	border-radius: none; /* future proofing */
	-khtml-border-radius: none; /* for old Konqueror browsers */
	
	-moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
	}
.block-simplenews .form-submit:hover {
	background:url(../images/newsletter-submit.jpg) bottom;
	}
	
#block-block-3 {
	background: url(../images/footer-kontakt.jpg) no-repeat 0 48px transparent;
    display: block;
    float: right;
    padding-left: 30px;
	}
	
	
#block-block-4 {
	clear: left;
    display: block;
    float: left;
    margin-top: 20px;
	width:530px;
	}
	
#block-block-4 ul,	
#block-block-4 li {
	margin:0;
	padding:0;
	list-style:none;
	}
	
#block-block-4 li {
	display:inline-block;
	float:left;
	background:url(../images/footer-menu-li.jpg) right no-repeat;
	padding-left: 10px;
    padding-right: 20px;
	}
#block-block-4 li.first {
	padding-left:none;
	}
#block-block-4 li.last {
	padding-right:none;
	background:none;
	}
	
#block-block-4 a {
	text-decoration:none;
	}
#block-block-4 a:hover,
#block-block-4 .active-trail a {
	color:#208834;
	text-decoration:underline;
	}
	
	
	
#block-block-5 {
	display: block;
    float: right;
    width: 305px;
	}
	
#block-block-5 a {
	text-decoration:none;
	}
	
#block-block-5 .epix {
	display:block;
	float:right;
	width:77px;
	height:23px;
	background:url(../images/epix.png) top;
	text-indent:-10000px;
	margin-left: 15px;
	}
#block-block-5 .epix:hover {
	background:url(../images/epix.png) bottom;
	}
	
/*  UPSELL  */

div.upsell-block-product {
	float: left;
    margin: 0 5px 30px 5px;
    padding: 2px;
    width: 166px;
	}
	
.block-uc_upsell h2.title {
	color:#adadad;
	font-size:20px;
	font-weight:bold;
	font-style:normal;
	margin-bottom:28px;
	}
	
	
/*  PRODUCT DETAIL  */

.produkt-detail {
	display:block;
	float:right;
	width:350px;
	}
	
.node-type-product h1.title {
	display:none;
	}
	
.produkt-detail h1 {
	color:#1284cc;
	font-weight:bold;
	font-size:20px;
	}
	
.produkt-detail .akciova-cena {
	color:#868686;
	font-size:15px;
	line-height: 33px;
	}
	
.produkt-detail .product-price-new {
	color:#1284cc;
	font-size:25px;
	font-weight:bold;
	}
	
.produkt-detail .bezna-cena {
	color:#b1b1b1;
	font-size:15px;
	}
	
.produkt-detail .product-price-old {
	color:#868686;
	font-size:20px;
	text-decoration: line-through;
	}
	
.product-add-to-cart label {
	color: #868686;
    float: left;
    font-size: 15px;
    font-weight: normal !important;
    line-height: 18px;
    margin-right: 6px;
	}
	
.obrazky-produktu {
	display:block;
	float:left;
	width:355px;
}
	
#edit-qty-wrapper {
	margin-top:30px;
	float:left;
	width:188px;
	}
	
.product-add-to-cart .form-submit {
	display:block;
	width:118px;
	height:30px;
	background:url(../images/product-to-cart.jpg) no-repeat transparent;
	text-indent:-10000px;
	cursor:pointer;
	margin-top: 26px;
	float:left;
	z-index:10000;
	}
.product-add-to-cart .form-submit:hover {
	background:url(../images/product-to-cart.jpg) no-repeat bottom transparent;
	}
	
/*  CATEGORY  */

td.category a {
	color: #1284CC;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
	}
	
img.category {
	display:none;
	}
	
/*  GALLERY  */

.node-type-gallery .field-item {
	display:block;
	float:left;
	width:166px;
	height:150px;
	margin:7px;
	}
	
	
.parametre-produktu,
.node-type-product .files {
	display:block;
	clear:both;
	width:100%;
}

.node-type-product .files a {
	text-decoration:none;
	font-weight:bold;
	background:url(../images/pdf_icon.gif) left no-repeat;
	padding-left:25px;
}

.node-type-product .files a span {
	display:inline-block;
	margin-left:25px;
}

.parametre-produktu table,
.parametre-produktu table td {
	border-color:#ecebeb;
}
.parametre-produktu table td {
	border-bottom:1px solid #afafaf!important;
	padding: 4px 5px;
}

.view .item-list {
	display:none;
}

.page-node-add-simplenews .help,
.node-type-simplenews #edit-body-wrapper .description,
.page-node-add-simplenews #edit-body-wrapper .description {
	display:none;
}

.views-exposed-form .views-exposed-widget .form-submit {
    margin-top: 0px;
}

.admin-menu .simplemenu-block {
	display:none;
}

.view-filters {
	display: inline-block;
    float: right;
}

.view-display-id-default .view-content,
.view-display-id-page_1 .view-content {
	padding-top: 50px;
}

.views-exposed-form .views-exposed-widget {
    float: left;
    padding: 9px 1em 0 0;
}

.views-exposed-form .views-exposed-widget .views-widget {
	float: left;
    margin-top: 2px;
}

.views-exposed-form label {
    float:left;
	margin: 4px 6px;
}

#node-207 .kategorie .link {
	color: #0E6C21;
    display: block;
    float: left;
    font-size: 20px;
    height: 45px;
    line-height: 19px;
    margin: 8px;
    padding-top: 120px;
    text-align: center;
    text-decoration: none;
    width: 225px;
}
#node-207 .kategorie .link:hover {
	color:#031306;
}

#node-207 .kategorie .link-1 {
	background:url(../images/link1.png) top center no-repeat;
}
#node-207 .kategorie .link-2 {
	background:url(../images/link2.png) top center no-repeat;
}
#node-207 .kategorie .link-3 {
	background:url(../images/link3.png) top center no-repeat;
}
#node-207 .kategorie .link-4 {
	background:url(../images/link4.png) top center no-repeat;
}
#node-207 .kategorie .link-5 {
	background:url(../images/link5.png) top center no-repeat;
}
#node-207 .kategorie .link-6 {
	background:url(../images/link6.png) top center no-repeat;
}

#node-207 .kontaktujte {
	display:block;
	float:left;
	clear:both;
	margin-top:10px;
	width:100%;
}

#node-207 .kontaktujte h2 {
	color: #13912B;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
	font-style:normal!important;
}

#node-207 .kontaktujte .block {
	display:block;
	float:left;
	width:353px;
	height:200px;
	font-size:20px;
	color:#fff;
	text-transform:uppercase;
	background:url(../images/front-blocks.jpg);
}

#node-207 .kontaktujte .block1 {
	background-position:top left;
}
#node-207 .kontaktujte .block2 {
	background-position:top right;
}
#node-207 .kontaktujte .block3 {
	background-position:bottom left;
}
#node-207 .kontaktujte .block4 {
	background-position:bottom right;
}

#node-207 .kontaktujte .block1,
#node-207 .kontaktujte .block3 {
	margin-right:20px;
}

#node-207 .kontaktujte .block span {
	display: block;
    height: 95px;
    line-height: 24px;
    margin: 46px 15px 0 180px;
    text-align: center;
    vertical-align: middle;
    width: 155px;
}

#node-207 .kontaktujte .block a {
	background:url(../images/viac.png) top;
	display: block;
    font-size: 0;
    height: 29px;
    margin-left: 236px;
    overflow: hidden;
    text-indent: -1000px;
    width: 61px;
}
#node-207 .kontaktujte .block a:hover {
	background-position:bottom;
}

.len-v-predajni {
	padding:5px 15px;
	line-height:17px;
	background:#e1dfe0;
	margin-top:20px;
	font-size:14px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

#block-uc_catalog-0 {
	margin-bottom:40px;
}

#block-block-13 .content {
	text-align:center;
}

.feed-icons {
	display:none;
}

#block-block-13 .content img {
	margin-bottom:10px;
}

/*letak*/
.popup_box{
position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  overflow: hidden;
  height: 100%;
  width: 100%;
  text-align: center;
  background: #000000;
}

.popup_box #flipbook{
margin: 50px auto 0!important;
}

.popup_box #zoom-viewport{
width: 100%;
height: 100%;
}

.popup_box .popclose{
position: absolute;
top:0;
right:0;
display: block;
width:60px;
height: 60px;
color: #ffffff;
font-size:38px;
line-height: 60px;
text-align: center;
text-decoration: none;
background: #000000;
}

.popup_box .edit{
font-size: 18px;
color: #ffffff;
text-decoration: none;
position: absolute;
top: 10px;
left: 10px;
}

.view-aktualne-letaky .views-table{
margin: 0;
}

.view-aktualne-letaky th{
display: none;
}

.view-aktualne-letaky tr{
background: transparent;
padding: 0;
 border-bottom: 1px solid #e2e2e2;
}

.view-aktualne-letaky tr:hover{
background: #E9E9E9;
}


.view-aktualne-letaky td{
margin: 0;
padding:10px 20px;
border: none;
vertical-align: middle;

  line-height: 24px;
  height: 24px;
  overflow: hidden;
}

.view-aktualne-letaky .filefield-file img{
display: none;
}

.view-aktualne-letaky .filefield-file a{
width: 24px;
height: 24px;
display: block;
background: url(../images/download.png) no-repeat center center transparent;
  float: right;
overflow: hidden;
text-indent: 9999px;

}

.letaky{
width: 100%;
color: #ffffff;
line-height: 60px;
height: 60px;
text-align: center;
text-transform:uppercase;
text-decoration: none;
display: block;
margin: 20px 0;
background: #1F8833;
font-size: 23px;

-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;

-webkit-box-shadow: inset 0 0 15px 0 #0F4219;
-moz-box-shadow: inset 0 0 15px 0 #0F4219;
-ms-box-shadow: inset 0 0 15px 0 #0F4219;
-o-box-shadow: inset 0 0 15px 0 #0F4219;
box-shadow: inset 0 0 15px 0 #0F4219;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

.letaky:hover{
-webkit-box-shadow: inset 0 0 35px 0 #0F4219;
-moz-box-shadow: inset 0 0 35px 0 #0F4219;
-o-box-shadow: inset 0 0 35px 0 #0F4219;
-ms-box-shadow: inset 0 0 35px 0 #0F4219;
box-shadow: inset 0 0 35px 0 #0F4219;
}