@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Archivo+Narrow:&subset=latin,latin-ext);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);

* { margin: 0; outline: none; padding: 0; }

::selection { background: #971b1e; color: #fff; }

body { background: #fff; color: #333; font-family: 'Open Sans', Arial, sans-serif; font-size: .9375em; letter-spacing: .25px; line-height: 1.68em; text-align: center; }

a { color: #971b1e; cursor: pointer; text-decoration: underline; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; }
a:active, a:focus, a:hover { color: #e74c2e; text-decoration: none; }
a img { border: none; }

div.showMore{float: right;clear: both;}

a.button, div.button { background: #999; border-radius: 4px; color: #fff; display: inline-block; font-size: 1.143em; font-weight: 600; line-height: 1.2em; margin-top: 10px; padding: 8px 15px; text-decoration: none; text-shadow: 0px -1px rgba(0,0,0,0.2); text-transform: uppercase; }
a.button:active, a.button:focus, a.button:hover { background-color: #3596c2; }
.bc { display: block !important; text-align: center; }

article, aside, figure, footer, header, section { display: block; }

b, strong { font-weight: 600; }

form p { font-size: .857em; }
fieldset { border: none; padding-top: 1em; }
label { clear: both; display: block; font-size: .857em; margin-bottom: 5px; }
label .need { color: #e64141; }
label.flow-left{clear: none;}
input[type="password"], input[type="text"], textarea { border: 1px solid #d9d9d9; border-radius: 2px; box-shadow: inset 0px 0px 5px rgba(0,0,0,0.1); box-sizing: border-box; font-family: 'Open Sans'; margin-bottom: 10px; padding: 6px 12px; width: 100%; }
input[type="password"]:active, input[type="password"]:focus, input[type="text"]:active, input[type="text"]:focus, textarea:active, textarea:focus { border-color: #971b1e; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6); }
input[type="submit"], input[type="button"] { background: #971b1e; border: none; border-radius: 2px; color: #fff; cursor: pointer; font-family: 'Open Sans'; font-size: 1em; font-weight: 600; margin-top: 10px; padding: 10px 18px 10px; line-height: 1.2em; text-shadow: 0px -1px rgba(0,0,0,0.2); text-transform: uppercase; width: auto; }
input[type="submit"]:active, input[type="submit"]:focus, input[type="submit"]:hover, input[type="button"]:active, input[type="button"]:focus, input[type="button"]:hover { background-color: #971b1e; }
select { border: 1px solid #d9d9d9; border-radius: 2px; box-shadow: inset 0px 0px 5px rgba(0,0,0,0.1); cursor: pointer; font-family: 'Open Sans'; min-width: 50%; padding: 4px 8px; }
select:active, select:focus { border-color: #F79219; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6); }
textarea { overflow: auto; }
sup{  vertical-align: baseline;position: relative;top: -0.4em;}
.labeled label { clear: none; display: inline-block; margin-left: 1em; position: relative; top: -2px; }

h1, h2, h3 { color: #971b1e; font-weight: 400; line-height: 1.25em; }
h1 { font-size: 2.143em; margin-bottom: .75em; }
.content_homepage h1{  margin: 2em 0;text-align: center;font-size: 3em;}
h2 { font-size: 1.571em;  margin: 1em auto .5em auto; }
h3 { font-size: 1.286em; margin: .5em auto .5em auto; }
h1 a, h2 a, h3 a { text-decoration: none; color: #971b1e;}
h1 a:active, h1 a:focus, h1 a:hover, h2 a:active, h2 a:focus, h2 a:hover, h3 a:active, h3 a:focus, h3 a:hover { text-decoration: underline; }

h2.h1{font-size: 2.143em; margin-bottom: .75em;}
img, video { height: auto; max-width: 100%; }
#map-canvas, iframe{max-width: 100% !important;}
p { margin: .25em auto.75em auto; }

ol, ul { margin: .25em auto .75em 2.25em; }
ul { list-style-type: square; }

table { border-collapse: collapse; margin: .33em 0 1.25em; width: 100%; }
td, th { border: 1px solid #999; text-align: left; }
td { padding: .4em 1em; }
th { font-size: 1.071em; font-weight: 600; padding: .66em 1em; }
tr:nth-child(2n+1) { background: #f9f9f9; }
tr:hover > td { background: #ecfa96; }
table.text-center td, table.text-center th { text-align: center; }
table.text-right td, table.text-right th { text-align: right; }
.thead th{background: #999;color: #fff;}
/** LAYOUT **/
.center { margin: 0 auto; max-width: 1140px; text-align: left; width: 96%; }

@media only screen and (min-width: 640px) {
	/* Sloupce */
	.row { clear: both; margin: 1em auto; }

	[class^="col-"] { float: left; list-style: none; margin: 0 0 0 4%; min-height: 1px; position: relative; }
	[class^="col-"]:first-child { margin-left: 0; }

	.col-1 { width: 96%; margin-left: 0px;}
    .col-2 { width: 48%; }
	.col-3 { width: 30.6666%; }
	.col-4 { width: 22%; }
	.col-5 { width: 16.8%; }
	.col-6 { width: 13.33334%; }
	.col-2:nth-child(2n+1), .col-3:nth-child(3n+1), .col-4:nth-child(4n+1) { clear: left; margin-left: 0; }
	/* 2:1 */
	.col-66 { width: 64%; }
	.col-33 { width: 32%; }
	/* 3:1 */
	.col-75 { width: 73%; }
	.col-25 { width: 23%; }
	/* 2:2:3 */
	.col-27 { width: 27%; }
	.col-38 { width: 38%; }
	/* 1:2:2 */
	.col-20 { width: 12%; }
	.col-40 { width: 40%; }

	/* Kontakt */
	form[id^="contactForm"] { clear: both; position: relative; }
	form[id^="contactForm"] .sloupec { float: left; position: relative; width: 48%; }
	form[id^="contactForm"] .sloupec:nth-child(2n+1), form[id^="contactForm"] .needStr { margin-left: 4%; }
	form[id^="contactForm"] .needStr { float: left; }
	form[id^="contactForm"] .sloupec .obalform { clear: both; }
	form[id^="contactForm"] .right { float: right; margin: 3em .5% auto auto; text-align: right; }
}

/** HEADER **/
#header { background: #fff; }
#header > .center { position: relative;min-height: 130px; }

.logo { display: inline-block; margin: 15px 0; }
.logo img{height: 100px;}
.claim{position: absolute;top: 32px;left: 30%;font-size: 25px;text-align: center;font-family: 'Archivo Narrow';line-height: 1.3em;text-transform: uppercase;color: #333;}
h1.claim{}
.search { color: #fff; position: absolute; right: 0; top: 2.75em; }
.search input[type="text"] { border-color: #999b9e; margin-bottom: 0; padding: 5px 8px; width: auto; }
.search input[type="text"]:active, .search input[type="text"]:focus { border-color: #999b9e; }
.search input[type="submit"] { background: #999b9e; padding: 6px 14px; }
.search input[type="submit"]:active, .search input[type="submit"]:focus, .search input[type="submit"]:hover { background: #971b1e; }
@media only screen and (max-width: 940px) {
    .claim{top: 15px;right: 0;font-size: 1.1em;text-align: center;line-height: 1em;left: auto;}
    .claim br{display: none;}
}
@media only screen and (max-width: 640px) {
	#header > .center { text-align: center; }
	.logo { margin: 15px auto; }
	.search { margin: 1em auto 0; position: relative; right: auto; top: auto; }
    .claim{top: 0;left: 0;font-size: 25px;text-align: center;right: auto;position: relative;display: block;line-height: 1.3em;}
    .claim br{display: inline;}
}

.logo_txt{text-decoration: none;font-size: 2.5em;top: 1.25em;display: inline-block;position: relative;padding-left: 0.5em;color: #971b1e;}
.logo_txt b{color: #999;}
@media only screen and (max-width: 940px) {
    .logo_txt{font-size: 2em;}    
}
@media only screen and (max-width: 840px) {
    .logo_txt{display: block;clear: both;width: 100%;padding: 0;text-align: center;float: left;bottom: 0;font-size: 2em;padding-bottom: 0.5em;}    
}

/** NAVIGACE **/
#nav {   border-top: 1px solid #971b1e;margin-bottom: 1em;border-bottom: 1px solid #971b1e; }
#nav .center { position: relative; }

#nav nav a { display: block; text-decoration: none; text-transform: uppercase; }
#nav nav ul { list-style: none; margin: 0; }

#nav nav > ul > li { float: left; }
#nav nav > ul > li > a {  box-sizing: border-box;color: #fff;font-size: 1.06667em;font-weight: 600;padding: 0.5em 1.5em;text-align: center;margin: 0.5em 0.5em 0.5em 0;background: #999;}
#nav nav > ul > li:first-child > a { }
#nav nav > ul > li:active > a, #nav nav > ul > li:focus > a, #nav nav > ul > li:hover > a { background: #971b1e; color: #fff; }
#nav nav > ul > li.sel > a { background: #971b1e; color: #fff; }

#nav nav > ul > li  {  } /* Při změně počtu prvků 1. úrovně navigace třeba upravit */

#nav nav > ul > li > ul {background: #eee; border-bottom: 5px solid #971b1e; box-shadow: 0 0 3px rgba(255,255,255,0.75); box-sizing: border-box; display: none; left: 0; padding: 2em 1.5em; position: absolute; top: 100%; width: 100%; z-index: 9999; }
#nav nav > ul > li:active > ul, #nav nav > ul > li:focus > ul, #nav nav > ul > li:hover > ul { display: block; }

#nav ul li li.vyrobci{width: 100%;clear: both;display: block;}
#nav ul li li.vyrobci a{float: left;padding: 0 10px;text-align: center;}
#nav ul li li.vyrobci a img{height: 48px;}

li.level2 { display: inline-block; margin: 0 0 1em 3.5%; min-height: 100px; vertical-align: top; width: 30.6666%; }
li.level2:nth-child(3n+1) { clear: left; margin-left: 0; }
li.level2 > a { color: #971b1e; font-size: 1.06667em; font-weight: 600; padding-left: 79px; position: relative; }
li.level2 > a:active, li.level2 > a:focus, li.level2 > a:hover { text-decoration: underline !important; }
li.level2 > a > img { left: 0; max-height: 64px; max-width: 64px; position: absolute; }
li.level2 > ul { margin-left: 79px !important; }

li.level3 > a { color: #971b1e; text-transform: none !important; }
li.level3 > a:active, li.level3 > a:focus, li.level3 > a:hover { text-decoration: underline !important; }

#mobile-nav { border: 1px solid #971b1e; border-radius: 4px; color: #971b1e; display: none; margin: 15px 0; padding: .5em 1em; text-decoration: none; text-transform: uppercase; }

@media only screen and (min-width: 864px) {
	#nav > .center > nav { display: block !important; }
	#mobile-nav { display: none; }
}
@media only screen and (max-width: 864px) {
	#nav > .center > nav { display: none; position: absolute; }
	#mobile-nav { display: inline-block; }

	#nav > .center > nav { border-bottom: 5px solid #971b1e; border-top: 1px solid #971b1e; clear: both; position: absolute; top: 100%; width: 100%; z-index: 9999; }
	#nav > .center > nav > ul { width: 100%; }
	#nav > .center > nav > ul > li { background: #971b1e; border-top: 1px solid #971b1e; display: block; float: none; width: 100%; }
	#nav > .center > nav > ul > li:first-child { border-top: none; }
	#nav > .center > nav > ul > li > a { font-weight: 400; padding: .5em 1em; text-align: left;margin: 0; }
	#nav ul > li > ul { display: none !important; }
}
@media only screen and (max-width: 640px) {
	#nav > .center { text-align: center; }
	#mobile-nav { margin: 15px auto; }
}

/** HLAVNÍ OBSAH **/
#main { padding-bottom: 1.4em;   background: url(../img/banner2.jpg) no-repeat;background-size: 100%;}
#main > .center{  padding: 1em 2em 0;background: #fff;}

/** SLIDER **/
#slider { margin-bottom: 2em; overflow: hidden; position: relative;margin-top: 0.5em; }
#slider > ul { list-style: none; margin: 0; overflow: hidden; padding: 0; position: relative; width: 100%; }

.slide { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: none; left: 0; position: absolute; top: 0; width: 100%; }
.slide:first-child { display: block; float: left; position: relative; }
.slide > a, .slide img { display: block; width: 100%; }

.slide-text { bottom: 10%; left: 10%; padding: 1.5em 1em; position: absolute; right: 10%; text-align: center; z-index: 1001; }
.slide-text > p { color: #fff; font-size: 1.143em; margin-top: 0; }
.slide-text > p.title { font-size: 2.4em; line-height: 1.2em; text-transform: uppercase; margin: 0;}

.moreinfo { border: 2px solid #fff; border-radius: 40px; color: #fff; display: inline-block; font-weight: 600; margin-top: 1.75em; padding: .75em 1.5em; text-decoration: none; text-transform: uppercase;}
.moreinfo:active, .moreinfo:focus, .moreinfo:hover { background: #999; color: #fff; }

#slider .prev, #slider .next { background: url(../img/arrows.png) no-repeat rgba(0,0,0,0.6); display: none; height: 50px; position: absolute; text-indent: -9999em; top: 46%; width: 35px; z-index: 200; }
#slider:active .prev, #slider:focus .prev, #slider:hover .prev, #slider:active .next, #slider:focus .next, #slider:hover .next { display: block; }
#slider .prev:active, #slider .prev:focus, #slider .prev:hover, #slider .next:active, #slider .next:focus, #slider .next:hover { background-color: #971b1e; }
#slider .prev { background-position: 12.5px center; left: 0; }
#slider .next { background-position: -36.5px center; right: 0; }

.slider_overlay { background: rgba(0,0,0,0.0); bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1000; }

@media only screen and (max-width: 640px) {
	#slider > ul > li > a { float: none; }
	.slide-text { bottom: auto; left: auto !important; position: relative; right: auto !important; top: auto;display: none; }
	#slider .prev, #slider .next { display: none; z-index: 0; }
}

/** DROBEČKOVÁ NAVIGACE **/
.breadcrumb { font-size: .929em; margin-bottom: 2.25em; }

/** HP **/
/* Úvodní text */
.introduction [class^="col-"] > h2:first-child { margin-top: 0; }

/* Novinky */
.news-img { float: left; margin: 8px 12px 6px 0; max-width: 50%; }
.news-more { background: #999; color: #fff; display: inline-block; margin-top: .5em; padding: .3em 1em .4em; text-align: right; text-decoration: none; text-transform: uppercase; }
.news-more:active, .news-more:focus, .news-more:hover { background: #971b1e; color: #fff; text-decoration: none; }

/** SEZNAM ČLÁNKŮ **/
.article { margin-bottom: 2.5em; }
.article h2 { margin-bottom: .25em; }
.article-info { color: #888; font-size: .929em; margin-bottom: .25em;  }
.article-img { float: left; margin: 7px 1em .5em 0; }
.article-more { background: #971b1e; color: #fff; display: inline-block; margin-top: .5em; padding: .3em 1em .4em; text-align: right; text-decoration: none; text-transform: uppercase; }
.article-more:active, .article-more:focus, .article-more:hover { background: #971b1e; color: #fff; text-decoration: none; }

/* TlaÄŤĂ­tka */
.btn { border: none; border-radius: 2px; cursor: pointer; font-family: 'Open Sans'; font-size: 1.143em; font-weight: 500; margin: 10px auto 15px auto; padding: 6px 15px; text-shadow: 0px -1px rgba(0,0,0,0.2); width: auto; text-decoration: none;}
.btn.orange { background: #f78e0c; color: #fff; }
.btn.orange:active, .btn.orange:focus, .btn.orange:hover { background: #e37a1c; }
.btn.green { background: #7faf1b; color: #fff; }
.btn.green:active, .btn.green:focus, .btn.green:hover { background: #1a1a1a; }
.btn.grey { background: #838280; color: #fff; float: left;}
.btn.grey:active, .btn.grey:focus, .btn.grey:hover { background: #4f4f4f; }
.btn.dark-orange { background: #1a1a1a; color: #fff; }
.btn.dark-orange:active, .btn.dark-orange:focus, .btn.dark-orange:hover { background: #f78e0c; }
.btn.yellow { background: #fbb829; color: #1a1a1a; }
.btn.yellow:active, .btn.yellow:focus, .btn.yellow:hover { background: #1a1a1a; color: #fff; }
.btn.btn-orderChiose{font-size: 1.1em;}

/* Produkty - levý panel */
.categorylist h3 { background: #971b1e; border-radius: 2px 2px 0 0; color: #fff; margin-bottom: 0; padding: .5em .33em; }
.categorylist a { display: block; text-decoration: none; }
.categorylist > nav ul { list-style: none; }
.categorylist > nav > ul { margin: 0; padding: .125em; }
.categorylist > nav > ul > li > a { border-bottom: 1px dotted #e6e6e6; color: #1a1a1a; font-size: 1.143em; padding: .5em .33em; }
.categorylist > nav > ul > li.sel > a { color: #fff;background: #999; }
.categorylist > nav > ul > li > a:active, .categorylist > nav > ul > li > a:focus, .categorylist > nav > ul > li > a:hover { background: #f9f9f9; color: #000; }
.categorylist > nav > ul > li > ul { background: #f9f9f9; border-bottom: 1px solid #dad9d9; border-top: 1px solid #dad9d9; display: none; margin: 0 0 .5em; }
.categorylist > nav > ul > li.sel > ul, .categorylist > nav > ul > li > ul.open { display: block; }
.categorylist > nav > ul > li > ul > li { border-top: 1px dashed #dad9d9; padding: .5em 0 .5em 1.125em; }
.categorylist > nav > ul > li > ul > li:first-child { border-top: none; }
.categorylist > nav > ul > li > ul a { color: #666; }
.categorylist > nav > ul > li > ul .sel a { color: #de800b; font-weight: bold; }
.categorylist > nav > ul > li > ul a::before { content: "· "; }
.categorylist > nav > ul > li > ul a:active, .categorylist > nav > ul > li > ul a:focus, .categorylist > nav > ul > li > ul a:hover { color: #de800b; }


/** PRODUKT - SEZNAM KATEGORIÍ **/
.category-square { background-color: #fff; box-sizing: border-box; margin-bottom: 2.5em; }
.category-square:active, .category-square:focus, .category-square:hover { background: #971b1e; }

.category-square a { display: block; min-height: 100px; padding: .75em; padding-left: 10em; position: relative; text-decoration: none; }
.category-square:active a, .category-square:focus a, .category-square:hover a { color: #fff; }

.category-square h2 { margin: 0 auto .25em; transition: color 200ms ease-in-out; }
.category-square:active h2, .category-square:focus h2, .category-square:hover h2 { color: #fff; }

.category-square .thumb { bottom: 0; left: 0; padding: .75em; position: absolute; top: 0; }
.category-square:active .thumb, .category-square:focus .thumb, .category-square:hover .thumb { background: #999; }
.category-square .thumb > img { max-height: 120px; max-width: 120px; }

/** PRODUKT - SEZNAM PRODUKTŮ **/
#filters { margin-bottom: 2em; }
.hp-products{margin: 2em 0;}
.product-box { border: 1px solid #dfe9f2; margin-bottom: 1.5em;width: 30%; }
.hp-products .product-box{width: calc(21% - 2px);}
/* HP - produkty */
.hp-products [class^="col-"] { margin-bottom: 1em; }
.hp-products [class^="col-"]:nth-child(3n+1) { clear: none; margin-left: 4%; }
.hp-products [class^="col-"]:nth-child(4n+1) { clear: left; margin-left: 0; }

.product-box:active, .product-box:focus, .product-box:hover { border-color: #971b1e; }
.product-box a { color: #333; display: block; padding: .75em .75em 3.5em; position: relative; text-decoration: none; }
.product-box h2 { margin-top: .125em; text-align: center;}

@media only screen and (min-width: 640px) {
   .product-box h2{min-height: 3.5em;}
}

@media only screen and (max-width: 640px) {
   .product-box { width: 100% !important;margin-left: 0px !important;}
   .product-box a{min-height: 0px !important;}
}


.product-box-img { text-align: center; position: relative;}

.product-box-text { text-align: center;}

.product-box-more { bottom: 0; left: 0; position: absolute; right: 0; text-align: center; }
.product-box-more > span { background: #dfe9f2; color: #971b1e; display: block; font-size: 1.143em; font-weight: 600; line-height: 1.2em; padding: 10px 15px 8px; text-shadow: 0px -1px rgba(0,0,0,0.2); text-transform: uppercase; }
.product-box:active .product-box-more > span, .product-box:focus .product-box-more > span, .product-box:hover .product-box-more > span { background: #971b1e; color: #fff; }

.atributes{}
.product-detail .atributes{position: absolute;top:-0.5em;}
.infoBox{  display: block;width: 80%;background: #971b1e;color: #fff;font-size: 1.5em;text-align: center;margin: 1em auto;padding: 0.5em 1em;line-height: 1.8em;}
.infoBox a{color: #fff;text-decoration: none;}
.product-box-img .atributes{position: absolute;top: 0;}
    .priznak{display: block;float: left;font-size: 1em;padding: 0 5px;margin-right: 1px;}
    .product-box-img .priznak{clear: both;margin-bottom: 1px;}
    .ikoSkladem{color:#fff;font-weight: bold;background: green;}
    .ikoAkce{color:#fff;font-weight: bold;background: red;}
    .ikoDoporucujeme{color:#fff;font-weight: bold;background: orange;}
    .ikoNovinka{color:#fff;font-weight: bold;background: blue;}
    .ikoSleva{padding:0 4px;color:#fff;font-weight: bold;background: red;}

    
.listBoxProducts{width: 100%;height: 40px;clear: both;text-align: center;}
.listBoxProducts div{display: inline;}
.listBoxProducts a,.listBoxProducts span{padding: 5px 10px;background: #971b1e;margin-right: 5px;color: #fff;text-decoration: none;}
.listBoxProducts span{background: none;color: #000;}
.listBoxProducts a:hover{background: #971b1e;}
.listBoxProducts span.sel{background: #971b1e;color: #fff;}
    
.filterVyrobceObal{float: left;padding-right: 20px;}
.filterVyrobceObal input{display: inline;}
.filterVyrobceObal label{display: inline;}

    
/* Produkt - detail */
.product-detail { }

.product-img{padding-right: 2em;}
.product-gallery .col-4{float: left;}
.pr-det-img { margin-bottom: 1em; }
.pr-det-perex { margin-top: 1.5em; }

.pr-det-vyrobce { margin-bottom: 1.5em; }

.pr-det-varianta { border-bottom: 1px dashed #f0f0f0; border-top: 1px dashed #f0f0f0; padding: 1em 0; }
.pr-det-varianta .col-25 { padding-top: 5px; }
.pr-det-varianta .col-75 select { width: 100%; }

.pr-det-cena > div { display: none; margin-bottom: 2em;}
.pr-det-cena > div:first-child { display: block; }
.cenybox { border-bottom: 1px dashed #f0f0f0; padding: 1.25em 0; }
.cenybox > span { cursor: help; display: inline-block; font-size: 1.429em; min-width: 25%; position: relative; }
.cenybox > span.akcni-cena { color: #93ac12; font-size: 1.571em; }
.cenybox > span.bezna-cena { color: #656464; text-decoration: line-through; top: -.06em; }
.cenybox > span.usetrite-cena { color: #333; font-size: 1.143em; top: -.125em; }
.pr-det-cena > .row > .col-75 { height: 32px; margin: 0; }
.pr-det-cena > .row > .col-25 > button { margin: 0; }
.pr-det-cena .minus, .pr-det-cena .plus, .pr-det-cena .qty { bottom: auto; }
.pr-det-cena .minus { left: 0; }
.pr-det-cena .qty { left: 28px; }
.pr-det-cena .plus { left: 72px; }
.skladem { padding: 1em 0; }

@media only screen and (max-width: 640px) {
    .pr-det-cena > .row > .col-75 { float: left;min-width: 100px;margin-right: 1em;position: relative; }
    .pr-det-cena > .row > .col-25 { float: left; }        
}

#tabs { margin: 2em 0 0; }
#tabs > ul { border-bottom: 2px solid #656464; display: block; list-style: none; margin: 0 0 1em 0; padding: 0; width: 100%; }
#tabs > ul > li { display: inline-block; }
#tabs > ul > li > a { color: #656464; display: block; font-size: 1.286em; padding: .5em 1em .75em; text-decoration: none; }
#tabs > ul > li > a:first-child { padding-left: 0; }
#tabs > ul > li > a:active, #tabs > li > a:focus, #tabs > li > a:hover, .ui-tabs-active a { color: #000 !important; }
.zalozka { margin-bottom: 1.5em !important; }

.zalozkaVlastnosti{}
.zalozkaVlastnosti .row{  border-top: 1px solid #971b1e;margin: 0.5em auto;padding: 0.5em 0 0;}
.zalozkaVlastnosti .row div:first-child{  font-weight: bold;}

/* Piktogramy  */
#Piktogramy{clear: both;width: 100%;float: left;margin: 2em 0;}
.piktogramy_hodnota {cursor: pointer;float: left;font-size: 0;height: 60px;line-height: 0;margin-right: 10px;width: 60px;margin-bottom: 10px;}
.piktogramy_hodnota img {}
.piktogramy_hodnota .div1 {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #1B5793;font-size: 12px;left: 50px;line-height: 18px;padding: 3px 6px 0;position: relative;text-align: left;top: 48px;width: 280px;z-index: 12;}
.piktogramy_hodnota .div0 {display: none;position: absolute;}
.piktogramy_hodnota:hover div{display: block;}
.rowPiktogram img{float: left;padding-right: 1em;}
.rowPiktogram h4{}
/* Košík */
.cart { color: #656464; }
.cart img { max-height: 100px; max-width: 100px; }

.order_summary_userinfo th{max-width: 200px;}

.shopcart { border: none; }
.shopcart h2 { font-size: 1.286em; }
.shopcart td, .shopcart th { background: none; border: none; vertical-align: middle; }
.shopcart td { border-bottom: 1px solid #dad9d9; }
.shopcart th { border-bottom: 2px solid #dad9d9; padding-bottom: 11px; text-align: center; text-transform: uppercase; }
.shopcart tr:first-child { background: none; }
.shopcart tr:hover > td { background: none; }
.shopcart .total { color: #1a1a1a; font-weight: bold; white-space: nowrap; }

.quant { white-space: nowrap; }
.quant > div { height: 36px; position: relative; width: 120px; }
.rem > div { height: 36px; position: relative; width: 16px; }
.qty { border-radius: 0px !important; height: 32px; left: 33px; margin: 0 !important; padding: 4px 10px 8px !important; position: absolute; text-align: center; width: 44px !important; z-index: 200; }
.qty, .minus, .plus, .remove { bottom: 0; }
.minus, .plus, .remove { background: #ede9e9; border: 1px solid #dad9d9; cursor: pointer; display: inline-block; font-size: 1.429em; height: 30px; line-height: 30px; position: absolute; text-align: center; width: 27px; z-index: 150; }
.minus:active, .minus:focus, .minus:hover, .plus:active, .plus:focus, .plus:hover, .remove:active, .remove:focus, .remove:hover { background: #fafafa; }
.minus::selection, .plus::selection { background: none; color: #656464; }
.minus { border-right: none; border-radius: 2px 0 0 2px; left: 5px; }
.plus { border-left: none; border-radius: 0 2px 2px 0; left: 77px; }
.remove { border-radius: 2px; left: 0px; }

.cart-total > div { background: #f9f9f9; border: 2px solid #dad9d9; border-radius: 2px; margin-top: 3.75em; padding: .5em .5em; }
.cart-total h2 { color: #1a1a1a; font-size: 1.286em; margin-top: .3em; }
.overview { border: none; color: #1a1a1a; margin-top: 1.75em; }
.overview td { border: none; border-bottom: 1px dashed #dad9d9; }
.overview td + td{white-space: nowrap;}
.overview tr:hover td { background: none; }
.overview .zaklad { padding-right: 4%; text-align: right; }
.overview td{padding-left: 0px;}
.overview td + td{padding-right: 0px;padding-left: 4%;}

@media only screen and (max-width: 840px) {
    .cart-total{width: 100%;margin: 1em 0;}
    #OrderForm > .col-75, .reglog{width: 100%;margin: 1em 0;}
}

@media only screen and (max-width: 640px) {
    table.shopcart{display: block;width: 100%;margin: 0.5em 0;clear:both;}
    table.shopcart tbody{display: block;width: 100%;}
    table.shopcart tbody tr:first-child{display: none;}
    table.shopcart tr{display: block;clear:both;}
    table.shopcart td {display: block;border: none;width: calc(33% - 2em);float: left;}
    table.shopcart td:nth-child(1) {width: calc(25% - 2em);border-top: 1px solid #dad9d9;}
    table.shopcart td:nth-child(2){width: calc(75% - 2em);border-top: 1px solid #dad9d9;}
    table.shopcart td:nth-child(3) {clear: left;}
    table.shopcart td:nth-child(4) {}
    table.shopcart td:last-child {float: right;width: 31px;}
}

/* Košík - all-in */
.basket form [class^="col-"] input[type="text"], .basket form [class^="col-"] textarea { width: 90%; }
.basket form [class^="col-"] .row input[type="text"], .basket form [class^="col-"] .row textarea  { width: 80%; }

.moznosti { list-style: none; margin-left: .125em; }
.moznosti > li { margin-bottom: .5em; position: relative; }
.moznosti > li.disabled{color: gray;}
.moznosti > li span.text-right { position: absolute; right: 0; top: 0; }
.moznosti > li > select { clear: both; display: none; margin: .5em auto 1em 1.3em; width: 75%; }
.moznosti > li > p{padding-left: 1.4em;margin-top: 0em;color: #999;}

.obj { border: none; border-bottom: 3px solid #ccc; }
.obj td, table.obj th { border: none; padding: 7px 0; }
.obj th { background: none; }
.obj tr { border-bottom: 1px dotted #ccc; }
.obj tr:hover td { background: none; }
.obj tr:first-child { border-bottom: 3px solid #ccc; }
.obj a { color: #333; text-decoration: none; }
.obj a:active, .obj a:focus, .obj a:hover { text-decoration: underline; }

.quantity { font-weight: bold; }

input[type="submit"].small, input[type="button"].small { background: #93ac12; border: none; border-radius: 3px; color: #fff; cursor: pointer; font-family: 'Open Sans'; font-size: 1em; font-weight: bold; margin-top: 10px; padding: 4px 10px; text-shadow: none; text-transform: none; width: auto; }
input[type="submit"].small:active, input[type="submit"].small:focus, input[type="submit"].small:hover, input[type="button"].small:active, input[type="button"].small:focus, input[type="button"].small:hover { background-color: #333; }
.sleva_btn { margin-top: 30px !important; }

.obj_cel { border: none; }
.obj_cel tr:hover td { background: none; }
.obj_cel td, .obj_cel th { background: none; border: none; padding: 7px 0; }

/*  Košík - hlavička */
.basketinfo{position: absolute;right: 0px;bottom: 0.8em;color: #000;font-weight: bold;font-size: 1.2em;}
.basketinfo > div.content{background: #971b1e;color: #fff;padding: 0em 1em;cursor: pointer;}
.basketinfo > div.content a{color: #fff;}
.basketinfo span.price{}
.basketinfo span.priceInfo{}

@media only screen and (max-width: 640px) {
    .basketinfo{position: relative;margin: 0 auto;}
}


/* Přihlášení / registrace */
.account > div { background: #f9f9f9; border: 2px solid #dad9d9; border-radius: 2px; }
.account > div > form > fieldset > div > div > div { padding: 0 1em; }

.possibilities a { color: #999; text-decoration: none; }
.possibilities a:active, .possibilities a:focus, .possibilities a:hover { text-decoration: underline; }

.reglog fieldset { background: #f9f9f9; border: 2px solid #dad9d9; border-radius: 2px; overflow: hidden;clear: both;}
.reglog fieldset { padding-top: 0; }
.reglog fieldset .obalreg > div { padding: 0 1em; }
.reglog h3 { background: #f2f2f2; border-bottom: 1px solid #dad9d9;border-top: 1px solid #dad9d9; margin: .75em 0; padding: .5em 1em; margin-top: 0;}
.reglog .moznosti { margin-left: 2em; }
.reglog .moznosti > li > span { right: 2em; }

.needStr{overflow: hidden;padding: 0.5em 1em;}
/* Nástěnka */
.dashboard { background: #f9f9f9; border-bottom: 1px solid #dad9d9; border-top: 1px solid #dad9d9; margin: 0 0 2em 0; padding: .5em 0 .5em 2em; }
.dashboard a { color: #1a1a1a; text-decoration: none; }
.dashboard a:active, .dashboard a:focus, .dashboard a:hover { text-decoration: underline; }

/* Mapa */
.map { height: 0; margin: 0; overflow: hidden; margin-top: 1.5em; padding-bottom: 350px; position: relative; }
.map > .overlay { background: transparent; height: 350px; margin-top: -350px; position: relative; top: 350px; width: 100%; z-index: 201; }
.map > iframe { border: none; height: 350px; left: 0; position: absolute; top: 0; width: 100% !important; z-index: 200; }


/** FOOTER **/
#footer { font-size: .857em; margin-top: 0em; }
#footer a { text-decoration: none; }
#footer a:active, #footer a:focus, #footer a:hover { text-decoration: underline; }

#footer input[type="submit"],#footer input[type="button"]{background: #91abbc;}

#footer-bottom { background: #bbb; color: #222; padding: 1em 0 .5em; }
#footer-bottom a { color: #222; }

@media only screen and (max-width: 640px) {
	#footer .text-right { text-align: left; }
}

#footer-top { background: #333; color: #999; padding: 20px 0 12px; }
#footer-top h3 { border-bottom: 1px solid #4c4c4c; color: #e5e5e5; font-size: 1.429em; padding-bottom: 10px; }
#footer-top a{color: #e5e5e5;}

/* Footer - formulář */
#footer input[type="text"], #footer textarea { background-color: #404040; border-color: #4c4c4c; color: #dad9d9; }
#footer input[type="text"]:active, #footer input[type="text"]:focus,#footer textarea:active ,#footer textarea:focus { box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(247,142,12,0.6); }

/** GENERAL **/
.clear { clear: both; }
.none { display: none; }

.fl { float: left; }
.fr { float: right; }

.imgl { float: left; margin: 0 1em .75em 0; }
.imgr { float: right; margin: 0 0 .75em 1em; }

/* Text */
.text-big { font-size: 1.143em; }
.text-bigger { font-size: 1.286em; }
.text-bold { font-weight: bold; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-low { text-transform: lowercase !important; }
.text-nounder { text-decoration: none; }
.text-right { text-align: right; }
.text-small { font-size: .857em; }
.text-up { text-transform: uppercase; }

/* ODSAZENÍ */
.b0 { margin-bottom: 0 !important; }
.b1 { margin-bottom: 1em !important; }
.b2 { margin-bottom: 2em !important; }

/* Zprávy */
.message { border: 1px solid; position: relative; margin: 15px auto 20px; padding: 10px 24px 10px 36px; }
.message.info { background: url(../img/msg_info.png) no-repeat 10px center #d7ebf5; border-color: #99c7de; }
.message.ok { background: url(../img/msg_ok.png) no-repeat 10px center #e1ebc5; border-color: #bfd188; }
.message.warn { background: url(../img/msg_warn.png) no-repeat 10px center #fcf3d7; border-color: #f5d77d; }
.message.error { background: url(../img/msg_error.png) no-repeat 10px center #faede6; border-color: #f5ccb8; }

/* TODO - výchozí šablona - čeká na obsah :: BUDE?? */
/* Články */
.article-img { float: left; margin: 0 10px 10px 0; }
/* Galerie */
.gallery [class^="col-"] { margin-bottom: 1em; }
.gallery [class^="col-"]:nth-child(4n+1) { clear: left; margin-left: 0; }
.gallery .gal-list { display: block; text-decoration: none; }
.gallery .gal-list:active, .gallery .gal-list:focus, .gallery .gal-list:hover { text-decoration: underline; }
/* Vložené: Ke stažení */
.download [class^="col-"] { margin-bottom: 1em; }
.download [class^="col-"]:nth-child(6n+1) { clear: left; margin-left: 0; }
.download a { text-decoration: none; }
.download a:active, .download a:focus, .download a:hover { text-decoration: underline; }
.download .file-ico { left: 0; max-width: 32px; position: absolute; top: 0; }
.download .file-name { display: inline-block; min-height: 42px; padding-left: 40px; }

.fbcol{overflow: hidden;}
.fbcol iframe{max-width: 100%;}
.margin-top20{padding-top: 30px;}
.infoBox .lb-outerContainer{width: 90%;max-width: 600px;height: auto;line-height: normal;padding: 0.2em 1em;}
.flow-right {float: right;}
.flow-left {float: left;}