/* import fontu*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext);

/* DEFAULT DEFINITION */
/* reset to default */
* { font-weight: inherit; font-family: inherit; font-style: inherit; color: inherit; cursor: inherit; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0; vertical-align: top;  }
* { transition: background 0.4s; }

/* body */
body { background: #222	; font: 10px 'Roboto', Helvetica, Arial, 'Arial CE', sans-serif; height: 100%; background: url('../img/bg.jpg') center top;  }
section { background: #fff; }
/* base elements */
h1, .heading_box h2 { font-size: 3.2em;  padding: 20px 20px 0px 20px; margin-bottom: 20px; font-weight: 700;  color: #009bdb; }

.heading_claim { padding: 80px 20px 60px 20px; font-size: 1.8em; color: #0068a5;  }

strong { font-weight: 700; }
a:hover { cursor: pointer; }

p { margin-bottom: 1em; line-height: 1.6em; }
header .middle {padding: 70px 0px 140px 0px; }

@media only screen and (max-width: 980px) {
	header .middle {padding: 70px 0px 70px 0px; }
}

/* middle div */
.middle { max-width: 1200px; margin: 0 auto; position: relative; }

#top_social { position: absolute; top: 20px; left: 20px; }
#top_social a { display: block; float: left; margin-right: 10px; }
.top_phone { padding: 4px 0px 4px 40px; font-size: 1.6em; font-weight: 700; text-decoration: none;  background: url('../img/icon-phone.png') left top no-repeat; color: #fff; }

/* top */
/* menu */
nav { padding: 10px 0px 10px 0px; background: url('../img/bg-nav.png'); font-family: Roboto; font-weight: 700; }
.menu_top { list-style-type: none; }
.menu_top li, .menu_top li a { display: block; text-align: center; float: left; }
.menu_top li {  width: 20%; box-sizing: border-box; padding: 10px; }
.menu_top li a { color: #000101;  font-size: 1.6em; padding: 20px 20px 100px 20px;  text-decoration: none; text-transform: uppercase; box-sizing: border-box; width: 100%; transition: none; line-height: 1.6em; }
.menu_top li a.active { background: #fff; border-radius: 10px; }

#nabidka_displayer { font-size: 1.6em; }
#nabidka_displayer a {  display: block; padding: 20px 20px 20px 50px; background: url('../img/icon-menu.png') 20px center no-repeat; color: #666; }

@media only screen and (min-width: 980px) {
	#nabidka_displayer { display: none; }
	.menu_top li a { height: 120px; }
	.menu_top li a span { display: block; }
}

@media only screen and (max-width: 1220px) {
	nav { padding: 20px; }
}

@media only screen and (max-width: 980px) {
	.menu_top li { width: 100%; border-top: solid 1px #ccc; }
	.menu_top li a { padding: 20px 20px 20px 20px; text-align: left;}
	.menu_top li a.active {  }
}

/*homepage*/
#loslogos {  padding: 0px 0px 40px 0px; background: #fff;	}
#loslogos .middle { text-align: center; }
.loslogos_plg { padding: 0px 10px 0px 10px; }

.hp_logo { display: inline-block; width: 33.333%; box-sizing: border-box; padding: 0px 10px 20px 10px; }
.hp_logo img { width: 100%; box-sizing: border-box; }

@media only screen and (max-width: 768px) {
	.hp_logo { width: 50%; text-align: center;}
	.hp_logo img { max-width: 330px; box-sizing: border-box; }
}

#sluzby { background: #ececec; }
.service_box { padding: 0px 20px 20px 90px; float: left; box-sizing: border-box; width: 50%; }
.service_box h3 { font-weight: 700; font-size: 2.2em; color: #009bdb; padding: 17px 0px 10px 0px;  }
.service_box p { font-size: 1.6em; line-height: 1.6em; }

.icon-bike { background: url('../img/icon-bike.png') 20px top no-repeat; }
.icon-clothes { background: url('../img/icon-clothes.png') 20px top no-repeat; }
.icon-doplnky { background: url('../img/icon-doplnky.png') 20px top no-repeat; }
.icon-food { background: url('../img/icon-food.png') 20px top no-repeat; }
.icon-komponenty { background: url('../img/icon-komponenty.png') 20px top no-repeat; }
.icon-servis { background: url('../img/icon-servis.png') 20px top no-repeat; }

@media only screen and (max-width: 768px) {
	.service_box { width: 100%;}
}

/* items */
.item_in_stock { background: Green; padding: 5px; display: block; color: #fff; font-size: 14px; border-radius: 5px; float: left;  }
.item_list_cover { padding: 0px 0px 20px 0px; }
.item_list { width: 33.333%; box-sizing: border-box; float: left; padding: 20px 20px 60px 20px; font-size: 1.8em; position: relative; margin-bottom: 20px; }
.item_list h2 { margin-bottom: 10px; height: 46px; overflow: hidden; }
.item_list_perex { font-size: 14px; color: #666; margin-bottom: 10px;}

.item_list  h2 a { font-weight: 700; text-decoration: none;}
.item_list_foto { text-align: center; position: relative; }
.item_list_foto img { width: 80%;  }
.item_list_foto .item_in_stock { position: absolute; top: 0px; left: 0px; }

.item_list_price { font-weight: 700; border-radius: 5px 0px 0px 5px; padding: 5px 40px 5px 20px; background: url('../img/bg-price.png') right center no-repeat; color: #fff; position: absolute; left: 0px; top: 0px; z-index: 100; text-align: left; }
.item_list_more_link { border-radius: 0px 5px 5px 0px; font-weight: 700; padding: 10px 20px 10px 40px; background: url('../img/bg-detail.png') left center no-repeat; color: #fff; position: absolute; right: 20px; bottom: 20px; z-index: 100; text-decoration: none; }

.item_btn_buy { float: left; }
.item_btn_buy a { display: block; padding: 10px 20px 10px 20px; background: #009bdb; color: #fff; border-radius: 5px; text-decoration: none; }
.item_btn_buy a:hover { background: #444; }

@media only screen and (max-width: 960px) {
	.item_list { width: 50%; }
}

@media only screen and (max-width: 768px) {
	.item_list_foto { min-height: 80px;  }
	.item_list { width: 100%; }
}

/* banner action */
.item_list_banner  img { width: 50%; margin-bottom: 20px;  }

@media only screen and (max-width: 768px) {
	.item_list_banner { padding: 20px; }
	.item_list_banner  img { width: 100%; margin-bottom: 0px; }
}

/* item filter */
.item_filter { padding: 0px; font-size: 1.4em; margin-bottom: 40px;  }
.item_filter span { font-weight: 700; }
.item_filter span, .item_filter a { display: inline-block; padding: 20px 20px 20px 20px; }
.item_filter a.active { color: #009bdb; background: #ececec; text-decoration: none; border-radius: 5px; }

@media only screen and (max-width: 1200px) {
	.item_filter { margin: 0px 10px 0px 10px;}
	.item_filter span, .item_filter a { padding: 20px 10px 20px 10px; }
}

@media only screen and (max-width: 768px) {
	.item_filter { margin: 0px 10px 0px 10px;}
	.item_filter span, .item_filter a { display: inline-block; padding: 10px; width: 100%; box-sizing: border-box; }
	.item_filter a {  }
}

/* item detail */
.item_detail_cover { padding: 0px 20px 0px 20px; position: relative; }
#item_detail { padding: 0px 20px 0px 20px; }
.item_detail_foto { width: 100%; text-align: center; position: relative; box-sizing: border-box;  position: relative; }
.item_detail_foto img { width: 100%; max-width: 900px; margin-bottom: 10px; }
.item_detail_foto .item_in_stock { position: absolute; top: 0px; left: 0px; }
.item_detail_info { width: 100%; }

.item_sizes { padding: 10px; font-size: 1.6em; }
.item_sizes strong, .item_sizes span { display: inline-block; }
.item_sizes strong { padding: 10px; }
.item_sizes span { padding: 9px; border: solid 1px #ccc; margin-right: 10px; }

.item_detail_text { width: 50%; float: left; box-sizing: border-box; padding: 0px 20px 0px 20px; }
.item_detail_text p { font-size: 1.6em; padding-top: 10px; margin-bottom: 10px;}

.eshop_detail_price_cover { border-radius: 5px 0px 0px 5px; padding: 10px 40px 10px 20px; background: url('../img/bg-price.png') right center no-repeat; color: #fff;  font-size: 1.8em; float: left; box-sizing: border-box; position: absolute; top: 0px; left: 20px; z-index: 100; }
.item_detail_price_vat {  margin-bottom: 0px; vertical-align: bottom; }
.item_detail_price_vat span {  font-weight: 700; }
.item_detail_price { font-size: 1.6em;}

.item_param_cover { padding: 0px 20px 0px 20px;  width: 50%; float: left; box-sizing: border-box; }
.item_param_cover h3{ font-size: 1.6em; padding: 20px 0px 20px 0px; font-weight: 700; }
.item_param_line { font-size: 1.4em; }
.prm_itm { padding: 20px 20px 20px 0px; box-sizing: border-box; width: 50%; float: left; border-top: solid 1px #ccc; }

.param_name { font-weight: 700; color: #666; width: 30%;}
.param_value { width: 70%; }

@media only screen and (max-width: 980px) {
	#item_detail { padding: 0px; }
	.item_detail_foto { width: 100%; }
	.item_detail_text { width: 100%; }
	.item_param_cover { width: 100%; }
	.param_name { width: 50%;}
	.param_value { width: 50%; }
}

.old_price { display: block; font-size: 14px; color: #a62700; }

/* form */
.item_detail_text h3{ font-size: 1.6em; padding: 10px 0px 10px 0px; font-weight: 700; }
.item_detail_text h3 span { color: #999; }
#item_detail_form { padding: 0px 0px 0px 0px; font-size: 1.4em; }
.item_detail_form_info { padding: 10px 20px 10px 20px; border-radius: 5px; background: #ececec; color: #009ade; margin-bottom: 20px; line-height: 1.6em;}

.form_line { padding-bottom: 10px; }
.form_line label { display: block; font-weight: 700; color: #666; padding-bottom: 10px; }
.form_line label span { color: #f4690e; }
.form_line input, .form_line textarea { width: 100%; border: solid 1px #ccc; border-radius: 5px; padding: 20px 20px 20px 20px; box-sizing: border-box; }
.form_line input:focus, .form_line textarea:focus { border-color: #f4690e; }
.submit_line input { font-weight: 700; padding: 10px 30px 10px 20px; background: url('../img/bg-price.png') right center no-repeat; color: #fff; width: 200px; text-align: left; box-sizing: border-box; border-radius: 5px 0px 0px 5px; }
.form_line textarea { height: 120px; }

.submit_line input:hover { cursor: pointer; }

/* pagination */
.pagination_list { padding: 0px 20px 60px 20px; }
.fps_link { display: inline-block; padding: 10px; width: 130px; text-align: center; color: #ececec; font-size: 1.6em; background: #333; border-radius: 5px; }


footer { padding: 95px 0px 0px 0px; background: url('../img/bg-footer.gif') top center repeat-x #fff; }
footer h3 { font-size: 1.6em; font-weight: 700; margin-bottom: 5px; color: #009bdb; }
footer ul { font-size: 1.4em; list-style: none; }
footer ul li, footer ul li a { display: block; }
footer ul li a { padding: 5px 0px 5px 0px; }
footer p { font-size: 1.4em; padding: 5px 0px 5px 0px; margin-bottom: 15px; }

.footer_25 { float: left; padding: 0px 80px 20px 20px; background: url('../img/bg-footer-25.png') right top no-repeat; box-sizing: border-box; }
.footer_no_bg { background: none !important; }
.footer_30 { width: 33.333%; float: left; padding: 0px 20px 20px 20px; background: url('../img/bg-footer-25.png') right top no-repeat; box-sizing: border-box; text-align: center;}
.footer_50 { width: 50%; float: left; padding: 0px 20px 20px 20px; box-sizing: border-box; }
.footer_logo { padding-bottom: 60px; }

.footer_phone { background: url('../img/bg-phone-footer.png') left center no-repeat; font-size: 1.6em; font-weight: 700; padding: 10px 0px 10px 40px; margin-bottom: 20px; }

@media only screen and (max-width: 980px) {
	.footer_25 { width: 100%; background: none; }
	.footer_30 { width: 100%; background: none; border-bottom: solid 1px #666; margin-bottom: 20px;  }
	.footer_50 { width: 100%; }
}

@media only screen and (max-width: 768px) {
	.footer_25 { width: 100%; }
}

#footer_map { padding: 0px 20px 0px 20px; }
#footer_map img { width: 100%; }

/* helping element */
.float_left { float: left; }
.float_right { float: right; }
.align_center { text-align: center; }
.align_right { text-align: right; }
.align_left { text-align: left; }
.hide { display: none; }

/* clearing element */
div.clear, div.util, div.cleaner{ display: block; clear: both; font-size: 0px; line-height: 0px; z-index: 2000; }

#alert {  padding: 0px; line-height: 1.6em; margin-bottom: 10px; }

.alert_message { padding: 10px 20px 10px 20px; border-radius: 5px; }
.alert_color_green { background: #c0f4bd; color: Green; }
.alert_color_red { background: #c00; color: white; }

@media only screen and (max-width: 980px) {
	.no_tablet { display: none; }
}

@media only screen and (min-width: 980px) {
	.is_tablet { display: none; }
}

@media only screen and (max-width: 768px) {
	.no_mobile { display: none; }
}

@media only screen and (min-width: 768px) {
	.is_mobile { display: none; }
}

/* section content */
@media only screen and (min-width: 980px) {

}
.no_bcg { background: none; }
.no_border {border: none; }