html, body{

}

*{
font-family: 'Open Sans', sans-serif;
}

p{
color:#000;
font-size:12px;
padding-bottom:10px;
}

label{
display:inline-block;
}

.f-left{
float:left;
}

.f-right{
float:right;
}

.clear-both{
clear: both;}

hr.dotted-line{
border-bottom:1px dotted #CCC;
border-top:none;
border-left:none;
border-right:none;
margin-top:5px;
margin-bottom:5px;
}

input[type=submit]{
border:none;
}

section h2{
font-size: 28px;
color:#666;
text-align: center;
font-weight: normal;

}

section h3{
font-size:16px;
color: #FF270B;
line-height: 25px;
}

.v-offset-20{
margin-top:20px;
}


.button{
background-repeat: no-repeat;
background-color: #FF270B;
background-position: right center;
color:#FFF;
height:35px;
display: inline-block;
line-height: 35px;
padding-left:15px;
padding-right:50px;
}

.button:hover{
background-color: #FF9485;
color:#FF270B;
text-decoration: none;
-webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
}

.button-kosik{
background-image: url(../img/ico_btn_kosik_35x35.png);
}

.button-arrow-right{
background-image: url(../img/ico_btn_arrow-right_35x35.png);
}

.button-arrow-left{
background-image: url(../img/ico_btn_arrow-left_35x35.png);
padding-left:45px;
padding-right:10px;
background-position: left center;
}

.button-cross{
background-image: url(../img/ico_btn_cross_35x35.png);
padding-left:45px;
padding-right:10px;
background-position: left center;
}

.button-left{

}



/****************** HEADER AND MENU****************/

header{

}

header h1{
padding-top:10px;
}



header nav{
}

header nav>ul{
display: inline-block;
margin-bottom: 0px;
}

header nav>ul>li{
display: inline-block;
font-size:14px;
}

header nav>ul>li>a{
display: inline-block;
height: 125px;
color:#FF270B;
padding-left:10px;
padding-right:10px;
margin-right:20px;
text-decoration: none;
line-height: 125px;
}

header nav>ul li a:hover, header nav>ul li a.active{
display: inline-block;
background-image: url(../img/bg_menu_active_1x125.png);
background-repeat: repeat-x;
background-position: center center;
height: 125px;
color:#FFF;
text-decoration: none;
}

header nav>a.kosik{
background-image: url(../img/ico_btn_kosik_35x35.png);
background-repeat: no-repeat;
background-color: #FF270B;
background-position: right center;
color:#FFF;
height:35px;
display: inline-block;
line-height: 35px;
padding-left:10px;
padding-right:45px;

}

header nav>a.kosik:hover{
background-color: #FF9485;
color:#FF270B;
text-decoration: none;
-webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
}


/********************* HP SECTION SLIDER**************************/

.slider{
width:100%;
min-width:940px;
background-color: #E9EDEB;
background-image: url(../img/hero_1920x450.jpg);
background-position: bottom center;
height:580px;
background-repeat: no-repeat;
}

.claim{
margin-top:20px;
color:#666;
}

.claim p{
font-size: 26px !important;
line-height: 30px;
}

.welcome-box{
background-color: #FFF;
text-align: center;
-webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
padding-bottom:10px;
margin-top:0px;

}

/********************* HP and SP SECTION PRODUCT LINE**************************/

.hp-product-line{
margin-top:10px;
margin-bottom:30px;
}

.subpage-product-line .row{
margin-bottom:20px;
}

.product-line-slider{
}

.product-line-slider-left{
content: "";
position: absolute;
background-image: url(../img/arrows_52x56.png);
background-position: 0px 0px;
width:25px;
height:28px;
margin-left:-50px;
margin-top:180px;
cursor: pointer;
}

.product-line-slider-left:hover{

background-position: 0px -28px;


}

.product-line-slider-right{
content: "";
position: absolute;
background-repeat: no-repeat;
background-image: url(../img/arrows_52x56.png);
background-position: -26px 0px;
width:25px;
height:28px;
margin-left:970px;
margin-top:180px;
cursor: pointer;
}

.product-line-slider-right:hover{
background-position: -26px -28px;
}

.product-line-item{
-webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
text-align: center;
}

.product-line-item-inside{
padding:10px;
}

.product-line-item-inside img{
margin-top:5px;
margin-bottom:10px;
}

.product-line-item-price{
color: #FF270B;
font-size:18px;
margin-top:10px;
margin-bottom:10px;
}

.product-line-filter h3{
font-size:14px;
color: #FF270B;
text-align:center;
margin:0px;
}

.product-line-filter h4{
font-size:14px;
color: #666;
text-align:center;
}

.product-line-filter label{
font-size:14px;
}

.product-line-filter input[type=checkbox]{
background-image: url(../img/bg_checkbox_15x15.png);
background-position: center center;
background-repeat:no-repeat;
height:15px;
width:15px;
margin-right:2px;
}


.product-line-filter .filter-button{
margin-left:30px;
}

/********************* HP SECTION GENERAL INFO**************************/

.general-info{
width:100%;
min-width:940px;
background-color: #E9EDEB;
margin-top:20px;
padding-top:20px;
padding-bottom:20px;
}

.general-info h3{
font-size:14px;
color:#666;
text-align: center;
}

.general-info p{
text-align: center;
}

.general-info-entry{
border-right: 1px dotted #666;
padding-left:10px;
padding-right:20px;
}

.general-info .last{
border:none;
}

.list-ico-big{
background-image: url(../img/ico_big_hp_list_104x104.png);
background-repeat: no-repeat;
background-position: center center;
width:104px;
height:104px;
display: block;
margin: 0 auto;
margin-bottom:10px;
}

.info-ico-big{
background-image: url(../img/ico_big_hp_info_104x104.png);
background-repeat: no-repeat;
background-position: center center;
width:104px;
height:104px;
display: block;
margin: 0 auto;
margin-bottom:10px;
}

.pdf-ico-big{
background-image: url(../img/ico_big_hp_pdf_104x104.png);
background-repeat: no-repeat;
background-position: center center;
width:104px;
height:104px;
display: block;
margin: 0 auto;
margin-bottom:10px;
}

/******************** HP SECTION CONTACT*******************/

.hp-contact{
position: relative;
height:500px
}

#map-canvas{
width:100%;
height:400px;
position:absolute;
margin-top:-250px;
}

.over-map{
background-image: url(../img/bg_map_overlay_940x420.png);
background-repeat: no-repeat;
background-position: bottom center;
width:100%;
height: 350px;
position:relative;
z-index: 99999;
}

address{
font-size: 12px;
padding-left:10px;
}

address .company-name{
font-weight: bold;
}

address a.email{
text-decoration: underline;
color:#666;
}

table.opening-time{
font-size: 12px;
}

table.opening-time tr td:nth-of-type(2){
font-weight: bold;
}

form.hp-form input[type=submit]{
border:none;
display: block;
margin-left:235px;
}

form.hp-form input.f-name{
background-image: url(../img/ico_input_name_40x35.png);
background-position: left center;
background-repeat: no-repeat;
width:130px;
height:35px;
padding-left:45px;
padding-top:0px;
padding-bottom:0px;
border:1px solid #E9EDEB;
margin-right:10px;
}

form.hp-form input.f-email{
background-image: url(../img/ico_input_mail_40x35.png);
background-position: left center;
background-repeat: no-repeat;
width:130px;
height:35px;
padding-left:45px;
padding-top:0px;
padding-bottom:0px;
border:1px solid #E9EDEB;
}

form.hp-form textarea{
border:1px solid #E9EDEB;
width:366px;
height:60px;
resize:none;
}



/*************** HP FOOTER**********************************/
footer{
background-color: #E9EDEB;
padding-top:15px;
padding-bottom:15px;
width:100%;
min-width: 940px;
 }
 
footer nav ul{
margin-left:0px;
}
 
footer nav ul li{
display: inline-block;
font-size:12px;
margin-right:20px;
}

footer nav ul li a{
color:#666;
text-decoration: none;
}

footer nav ul li a:hover, footer nav ul li a.active{
text-decoration: underline;
font-weight: bold;
color:#666;
}

/***SUBPAGE***/

.sub-page-top-section{
background-color: #E9EDEB;
padding-bottom:30px;
min-width: 940px;
width:100%;
}

.breadcrumbs{
text-align: right;
font-size: 12px;
margin-top:15px;
margin-bottom:15px;
}

.breadcrumbs ul{
display: inline-block;
margin: 0;
}

.breadcrumbs ul li{
display: inline-block;
}

.breadcrumbs ul li a{
color:#FF270B;
text-decoration: underline;
}

.breadcrumbs ul li a:hover{
text-decoration: none;
}

.navigation{
margin-top:15px;
margin-bottom:20px;
}

.navigation .button-nav{
background-image: url(../img/bg_pagination_123x86-icon-35x35-offset-4.png);
background-position: -44px -4px;
color:#FF270B;
height:35px;
width:35px;
display: inline-block;
text-align:center;
line-height: 35px;
}

.navigation .button-nav:hover, .navigation .button-nav.active{
background-position: -44px -47px;
color:#FFF;
text-decoration: none;
}



.navigation .button-nav-previous{
background-image: url(../img/bg_pagination_123x86-icon-35x35-offset-4.png);
background-repeat: no-repeat;
background-position: 0px -4px;
width: 35px;
height:35px;
display: inline-block;
line-height: 35px;
text-align:center;
color:transparent;
}

.navigation .button-nav-previous:hover{
background-position: 0px -47px;
}

.navigation .button-nav-next{
background-image: url(../img/bg_pagination_123x86-icon-35x35-offset-4.png);
background-repeat: no-repeat;
background-position: -88px -4px;
width: 35px;
height:35px;
display: inline-block;
line-height: 35px;
text-align:center;
color:transparent;
}

.navigation .button-nav-next:hover{
background-position: -88px -47px;
}

.back-button{
margin-top:10px;

}


/********************** PRODUCT DETAILS********************************/
.product-detail{
margin-top:10px;
margin-bottom:40px;
}
.product-detail-image{
padding:5px;
-webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
}


.product-detail h1{
font-size:18px;
color:#FF270B;
margin-top:0px;
margin-bottom:10px;
line-height:20px;
}

.product-detail h2{
font-size:16px;
color:#FF270B;
margin-top:0px;
margin-bottom:10px;
line-height:20px;
text-align: left;
}

.product-detail-order{
margin-top:10px;
}

.product-detail-order label{
font-size:14px;
}

.product-detail select{
width:120px;
font-size:12px;
text-align: center;

}

.product-detail input[type=number]{
width:30px;
text-align: center;

}

.product-detail-price{
font-size:16px;
color:#FF270B;
line-height:20px;
font-weight: bold;
line-height: 35px;
}

table.product-specification{
font-size:12px;
}

table.product-specification tr td:nth-of-type(2){
font-weight: bold;
}

table.product-specification tr td:first-of-type{
padding-right:20px;
}

.product-specification-note{
font-size:10px;
color:#666;
}

.product-detail .gallery{
padding: 5px;
-webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
}

/********************** SHOPPING CART********************************/


.shopping-cart h1{
font-size:18px;
color:#FF270B;
margin-top:10px;
margin-bottom:20px;
line-height:20px;
text-align: center;	
}

.shopping-cart h2{
font-size:16px;
color:#FF270B;
margin-top:0px;
margin-bottom:10px;
line-height:20px;
text-align: left;
}

.shopping-cart p{
text-align: center;
}

.shopping-cart-item {
margin-top:20px;
margin-bottom:20px;
}

.shopping-cart-item .gallery{
padding: 5px;
-webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
}

.shopping-cart-item p{
text-align: left;
}

.shopping-cart-item label{
font-size:14px;
}

.shopping-cart-item select{
width:120px;
font-size:12px;
text-align: center;

}

.shopping-cart-item input[type=number]{
width:30px;
text-align: center;
}

.shopping-cart-price{
font-size:16px;
color:#FF270B;
line-height:20px;
font-weight: bold;
line-height: 35px;
text-align: right;
}

.shopping-cart-price-without-vat{
font-size:12px;
color:#666;
text-align: right;
}

.button-shopping-cart-remove{
margin-top:30px;
margin-left:30px;
}

.button-total-price{
margin-left:180px;
margin-top:20px;
}

.shopping-cart-total table{
text-align: right;
margin-left:25px;
margin-top:10px;
}

.shopping-cart-total table tr td:first-of-type{
padding-right:20px;
}

.shopping-cart-total table tr:nth-child(1){
font-size:12px;
color:#666;
}

.shopping-cart-total table tr:nth-child(2){
font-size:14px;
color:#FF270B;
line-height:20px;
font-weight: bold;
}

/************************ OBCHODNI PODMINKY**********************/

.obchodni-podminky{
margin-top:10px;
margin-bottom:30px;
}

.obchodni-podminky h1{
font-size:18px;
color:#FF270B;
margin-top:10px;
margin-bottom:20px;
line-height:20px;
text-align: center;	
}

.obchodni-podminky h2{
font-size:16px;
color:#FF270B;
margin-top:10px;
line-height:20px;
text-align: left;
display: inline-block;
}

.obchodni-podminky ol{
margin:0px;
margin-left:0px;
color:#FF270B;
font-size:16px;
font-weight: bold;
}

.obchodni-podminky ol ol{
margin-left:20px;
}

.obchodni-podminky ol li p{
font-weight: normal;
color:#666;
margin:0px;
padding:0px;
}

.obchodni-podminky ol li p:nth-of-type(2n+2){
padding-top:10px;
}

.obchodni-podminky ol li ol li{
font-weight: normal;
color:#666;
font-size:12px;
margin:0px;
}


/* OR */
.obchodni-podminky ol {list-style:none;}  

.obchodni-podminky ol > li:first-child {counter-reset: item;} /* reset counter */
.obchodni-podminky ol > li {counter-increment: item;} /* increment counter */
.obchodni-podminky ol > li:before {content:counters(item, ".") ". ";}

.obchodni-podminky hr{
margin-top:20px;
margin-bottom:10px;
}

.obchodni-podminky .obchodni-podminky-address{
font-size: 12px;
margin-top:20px;
}

.obchodni-podminky .obchodni-podminky-address address{
padding-left:0px;
margin-top:10px;
}

.obchodni-podminky .obchodni-podminky-address address .company-name{
color:#FF270B;
}

.obchodni-podminky .obchodni-podminky-address address a{
color:#FF270B;
text-decoration: underline;
}

/************************* INFORMACE ********************************/
.informace{

margin-bottom:30px;
}

.informace h1{
font-size:18px;
color:#FF270B;
margin-top:10px;
margin-bottom:20px;
line-height:20px;
text-align: center;
}

.informace p{
text-align: center;
}

.article-preview img.gallery{
padding: 5px;
-webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
}

.article-preview h2{
font-size:16px;
color:#FF270B;
margin-top:0px;
margin-bottom:10px;
line-height:20px;
text-align: left;
}

.article-date{
font-size:12px;
font-style: italic;
margin-bottom:10px;
}

.article-preview p{
text-align: left;
}

.button-article-preview{
margin-left:380px;
}



.informace hr{
margin-top:20px;
margin-bottom:20px;
}

.informace hr:first-of-type{
margin-top: 0px;
}

/*********************** CLANEK *****************************/
.clanek{
margin-bottom:30px;
}

article h1{
font-size:18px;
color:#FF270B;
margin-top:10px;
margin-bottom:20px;
line-height:20px;
text-align: center;
}

article p{
text-align: left;
}

article .row:first-of-type p{
text-align: center;
}

article .article-date{
text-align: center;
}

article h2{
font-size:16px;
color:#FF270B;
margin-top:0px;
margin-bottom:10px;
line-height:20px;
text-align: left;
}

article hr.dotted-line{
margin-top:10px;
margin-bottom:20px;
}

article img.gallery{
padding: 5px;
-webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
}

article img.gallery.f-right{
margin-left:15px;
}

article img.gallery.f-left{
margin-right:15px;
}

/************************ KONTAKT ******************************************/

.kontakt{
margin-bottom:100px;
}

.kontakt h1{
font-size:18px;
color:#FF270B;
margin-top:10px;
margin-bottom:20px;
line-height:20px;
text-align: center;
}

.kontakt h2{
font-size:16px;
color:#FF270B;
margin-top:0px;
margin-bottom:10px;
line-height:20px;
text-align: left;
}

.kontakt p{
text-align: center;
}

.kontakt hr.dotted-line{
margin-top:10px;
margin-bottom:20px;
}

.kontakt address{
padding-left:0px;
}


.kontakt .contacts{
font-size: 12px;
}

.kontakt .contacts a, .kontakt address a{
color:#FF270B;
text-decoration: underline;
}

.kontakt table{
font-size: 12px;
}

.kontakt table tr td:first-of-type{
padding-right:20px;
}

.kontakt table tr td:nth-of-type(2){
color:#FF270B;
}

.kontakt #map-full{
width:930px;
height:400px;
}

.kontakt .gallery{
padding: 5px;
-webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
}


.quick-row {
	display: block;
	padding-top: 35px;
}
.quick-row .quick-box {
	display: block;
	height: 50px;
	width: 165px;
	float: left;
	margin-right: 15px;
	padding-left: 15px;
}
.quick-row .quick-box span {
	display: block;
	height: 46px;
	width: 46px;
	float: left;
	background: #fff;
	position: absolute;
	margin-left: -25px;
	margin-top: -30px;
	z-index: 9;
	line-height: 46px;
	vertical-align: middle;
	text-align: center;
	font-family: 'Courgette', cursive;
	color: #FF290B;
	font-size: 25px;
	
    -moz-border-radius: 23px;
    -webkit-border-radius: 23px;
    -khtml-border-radius: 23px;
    border-radius: 23px;
}
.quick-row .quick-box select.quick-select {
	display: block;
	height: 35px;
	width: 150px;
	float: left;
	z-index: 99;
	border-color: #FF290B;
	position: relative;
	font-family: 'Open Sans', sans-serif;
}
.quick-row .quick-box a.quick-btn {
	display: block;
	height: 50px;
	width: 175px;
	float: left;
}

.product-line-item.hpi {
	width: 200px;
	height: 200px;
	display: block;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	background: #fff;
}

.product-line-item.hpi div {
	display: block;
	height: 60px;
	margin-bottom: 25px;
}

.product-line-item.hpi img {
	float: left;
	height: 60px;
	width: 27px;
	display: block;
	margin-right: 10px;
}

.product-line-item.hpi span {
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	display: block;
	float: left;
	width: 140px;
	padding-top: 10px;
}

.hp-form input,
.hp-form textarea {
	border-color: #666;
}

.notify,
.hp-form .notify {
	display: block;
	margin-bottom: 10px;	
	padding: 5px;
	
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.hp-form .notify {
	width: 368px;
}

.notify.error,
.hp-form .notify.error {
	color: #900;
	border: 1px solid #900;
	background: #FFCECF;
}
.notify.success,
.hp-form .notify.success {
	color: #090;
	border: 1px solid #090;
	background: #CCFFD8;
}


.akce {
  position: relative;
  z-index: 90;
}
 
.ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}
 
.ribbon-green {
  font: bold 15px Sans-Serif;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #FF9485;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF9485), to(#FF270B)); 
  background-image: -webkit-linear-gradient(top, #FF9485, #FF270B); 
  background-image:    -moz-linear-gradient(top, #FF9485, #FF270B); 
  background-image:     -ms-linear-gradient(top, #FF9485, #FF270B); 
  background-image:      -o-linear-gradient(top, #FF9485, #FF270B); 
  color: #fff;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}
 
.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}
 
.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}