@charset "UTF-8";

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, a:link, a:visited, .header .col-md-8 span
{ font-family:'open_sanslight',Arial,Tahoma,Verdana,Helvetica,sans-serif; }

.text_imp01, .text_imp02, .navigation_top ul li a, .footer_top_title
{ font-family:'open_sansbold',Arial,Tahoma,Verdana,Helvetica,sans-serif; }

h1, h2, h3, .navigation_inside ul li a, .container_x1 .col-md-3 .nav_title, .container_x1 .col-md-3 ul li.nav_title2, .footer_title
{ font-family:'open_sanslight',Arial,Tahoma,Verdana,Helvetica,sans-serif; }

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

html {
font-size:100%;
}
body {
font-size:100%;
color:#565656;
background-color:#FFF;
margin-top: 5px;
}
h1, h2 {
    line-height: 1.5em;
    font-size: 230%;
    font-weight: normal;
    color: #000;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #DDD;
    text-align: center;
    position: relative;
}

h1:after {
    content: " ";
    background: url('/design/borderBox.jpg');
    width: 5px;
    height: 5px;
    position: absolute;
    left: 50%;
    top: 97%;
}

a, a:link {
color:#565656;
}
a:hover, a.hi, a.active {
color: #ED3093;
text-decoration:none;
}
ul {
list-style-type:none;
margin:0;
padding:0;
}
.imgleft {
float:left;
margin-right:25px;
}
.imgright {
float:right;
margin-left:25px;
}
.cleaner {
width:100%;
_display:none;
clear:both;
line-height:1px;
}
.container {
max-width:980px;
position:relative;
padding-bottom: 0;
position:relative;
zoom:1;
}

.leftPanel {
    margin-top: 30px;
}

.container-slider {
    padding: 0;
    padding-top: 5px;
    border-top: 1px solid #DCDCDC;
}

/* Background.............................................................. */

img.bg {
min-height:100%;
min-width:1024px;
width:100%;
height:auto;
position:fixed;
top:0;
left:0;
}

@media screen and (max-width: 1024px){
  img.bg {
	left: 50%;
	margin-left: -512px; }
}

/* Header ............................................................... */

.header ul {
    font-size: 80%;
    text-align: left;
    margin-bottom: 5px;
    list-style-type: disc;
    display: inline-block;
}
.header ul li {
display:inline-block;
}
.header ul li a {
font-size:100%;
padding-left:15px;
padding-right:15px;
}
.header .navbar-header { float: right; }
.header .navbar { margin-bottom: 0; min-height: 100%; }
.header nav .container-fluid .navbar-collapse { padding: 0; margin: 0; }
.header nav .container-fluid button { margin-right: 0; border: 1px solid #888; }
.header nav .container-fluid button span { background-color: #888; }

.header .col-md-4:last-child {
text-align:right;
}
.header_text01 {
display:inline-block;
height:57px;
line-height:57px;
font-size:150%;
color:#565656;
letter-spacing:-2px;
padding-left:10px;
}
.header_text01 img {
display:inline-block;
}
.header_text02 {
display:inline-block;
font-size:90%;
color:#565656;
letter-spacing:-1px;
margin-top:10px;
margin-bottom:15px;
}

.header .logo {
    margin-top: 25px;
}
.header .logo a {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 200px;
}
.header .logo_mobil {
	display:none;	
}

#search {
width:90%;
max-width:600px;
height:48px;
margin-top:40px;
margin-left:auto;
margin-right:auto;
margin-bottom:15px;
border: 1px solid #f1f1f1;
}
#search form {
position:relative;
height:48px;
line-height:48px;
margin:0;
padding:0;
}
#search input {
display:block;
float:left;
width:60%;
height:48px;
line-height:48px;
font-size:115%;
color:#000;
background:inherit;
margin:0;
padding:0;
padding-left:30px;
border:0 solid #FFF;
}
#search input.submit {
float:right;
width:73px;
height:48px;
background:url("search_submit.png") top left no-repeat;
cursor:pointer;
margin:0;
padding:0;
border:0 solid #FFF;
}
#search input.input_hidden {
visibility:hidden;
width:1px;
height:1px;
margin:0;
padding:0;
}

.topInfo {
    /*background: url('/design/chat-double.png') no-repeat;
    width: 200px;*/
    right: 0;
    position: absolute;
    top: 30px;
    /*background-position-x: 10%;
    background-position-y: 10%;*/
}

@media screen and (max-width: 991px) {

    .topInfo {
        width: 100%;
        top: 0;
        position: relative;
        background-position-x: 35%;
        background-position-y: 10%;
        margin-bottom: 10px;
	    background: transparent;
    }
}

.topInfo span {
    color: #DC0777;
    font-size: 120%;
    font-weight: bold;
}

/* Navigation ............................................................... */

.navigation_top {
position:fixed;
top:125px;
right:-5px;
z-index: 5;
}
.navigation_top ul {
text-align:center;
}
.navigation_top ul li {
display:block;
/*background-color:#FFF;*/
margin-bottom:10px;
border:0px solid #979797;
}
.navigation_top ul li a {
display:block;
width:60px;
font-size:75%;
color:#FFF;
letter-spacing:-1px;
background-color: #EE0481;
/*margin:3px;*/
padding:5px;
border-top-left-radius: 60px;
border-bottom-left-radius: 60px;
padding-left: 10px;
transition: background-color .3s ease-in-out;
-webkit-transition: background-color .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out;
}
.navigation_top ul li a:hover {
background-color:#333;
color:#FFF;
}
.navigation_top ul li a span {
font-size:80%;
}
.navigation_top ul li a img {
margin-left:auto;
margin-right:auto;
}

/* Navigation ............................................................... */

.navigation {
color:#000;
margin-bottom:5px;
}
.navigation_inside {
text-align:center;
margin:3px;
padding:5px;
}
.navigation_inside .container-fluid{
	padding: 0;
}
.navigation_inside .navbar{
    margin-bottom: 0;
    min-height: 30px;
}
.navigation_inside .navbar .navbar-toggle{
    border: 1px solid #888;
	margin-right: 7px;
}
.navigation_inside .navbar .navbar-toggle span{
    background-color: #888;
}
.navigation_inside .navbar-collapse{
    box-shadow: none;
}
.nav > li > a:hover, .nav > li > a:focus{
    background-color: transparent;
}
.navigation_inside .navbar-header{ float: right; display: none; }
.navigation_inside .navbar-header .desc{
    float: right;
    font-size: 140%;
    padding: 10px;
	color: #565656;
}
.navigation_inside ul.navbar-nav li {
display:inline-block;
}
.navigation_inside ul.navbar-nav li a {
font-size:120%;
letter-spacing:-1px;
display: inline-block;
padding: 5px 5px;
}
.navigation_inside ul.navbar-nav li a:hover {
text-decoration:underline;
}
.navigation_inside ul.navbar-nav li:after { content: "|"; color: #ccc;}
.navigation_inside ul.navbar-nav li:last-of-type::after { content: ""; }
.navigation_inside ul.navbar-nav li:first-of-type::after { content: ""; }

/* Slider ............................................................... */

.slider {
    position:relative;
}
.slider_content {
position:absolute;
top:0;
right:0;
display:inline-block;
width:40%;
height:100%;
font-size:100%;
color:#FFF;
text-align:center;
background:url("back_slider_content.png") top left repeat;
padding:30px;
}
.slider_content span {
display:block;
font-size:180%;
margin-bottom:15px;
}

/* Container_x1 ............................................................... */

.container_x1 .col-md-3 .nav_title {
height:45px;
font-size:120%;
font-weight: bold;
color:#252525;
text-align:left;
}
.container_x1 .col-md-3 .navbar-header{
    display: none;
}
.container_x1 .col-md-3 .navbar-header .navbar-toggle{
    border: 1px solid #888;
}
.container_x1 .col-md-3 .navbar-header .navbar-toggle span.icon-bar{
    background-color: #888;
}
.container_x1 .col-md-3 .navbar-header .desc{
    font-size: 140%;
    float: right;
    padding: 10px;
}
.container_x1 .col-md-3 ul li.nav_title2 {
line-height:100%;
font-size:150%;
font-weight:normal;
color:#000;
margin-top:20px;
margin-bottom:10px;
padding:0;
padding-left:15px;
border-left:5px solid #000;
}
.container_x1 .col-md-3 ul li a {
line-height:2.2em;
padding: 0;
font-size: 92%;
}
.container_x1 .col-md-3 ul li a span {
color:#000;
}

.container_x1 .col-md-4 {
text-align:center;
margin-bottom:15px;
}
.container_x1 .col-md-4 img {
margin-left:auto;
margin-right:auto;
clear:both;
}
.container_x1 .col-md-4 a.nav_next, .container_x1 a.nav_next, .d_cena_simple a.nav_next {
display:block;
float:right;

position:relative;
zoom:1;

  width: 70px;
  background-color: #DC0777;
  color: #fff;
  line-height: 20px;
  margin-top: 3px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.d_cena_simple a.nav_next {
/*width:38px;
height:38px;*/
/* margin-right:15px; */
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}
.container_x1 .col-md-4 a.nav_next01, .container_x1 a.nav_next01, .d_cena_simple a.nav_next01 {
padding-top: 5px;
padding-bottom: 5px;
}
.container_x1 .col-md-4 a.nav_next01:hover, .container_x1 a.nav_next01:hover, .d_cena_simple a.nav_next01:hover {
/*background-color:#CDCDCD;*/
background-color:#555555;
}
.container_x1 .col-md-4 a.nav_next02, .container_x1 a.nav_next02, .d_cena_simple a.nav_next02 {
background-color:#EE0481;
}
.container_x1 .col-md-4 a.nav_next02:hover, .container_x1 a.nav_next02:hover, .d_cena_simple a.nav_next02:hover {
background-color:#333333;
}
.text_imp01, .text_imp02 {
display:block;
font-size:105%;
color:#000;
letter-spacing:-1px;
margin-top:5px;
margin-bottom:5px;
padding:0;
text-align: left;
font-family: 'open_sanslight',Arial,Tahoma,Verdana,Helvetica,sans-serif;
}
.text_imp01 {
display: block;
font-size: 120%;
height: 75px;
color: #373737;
margin-top: 5px;
margin-bottom: 5px;
padding: 0;
text-align: left;
border-top: 1px solid #DDD;
padding-top: 5px;
}
.text_imp02 {
font-size:150%;
color:#dc0777;
}

/* Footer_top ............................................................... */

.footer_top .col-md-3:first-of-type {
padding: 0;
}

.footer_top {
font-size: 80%;
color: #000;
border-top: 1px solid #DDD;
padding-top: 15px;
margin-top: 10px;
}
.footer_top a {
color:#000;
}
.footer_top a:hover {
color:#dc0777;
}
.footer_top_title {
font-size:110%;
color:#000;
margin-bottom:10px;
}
.footer_text_imp {
color:#000;
}

#footer_top_search {
width:100%;
height:27px;
background:url("search_input2.jpg") top left no-repeat;
margin-top:15px;
margin-left:auto;
margin-right:auto;
margin-bottom:15px;
}
#footer_top_search form {
position:relative;
height:27px;
line-height:27px;
margin:0;
padding:0;
}
#footer_top_search input {
display:block;
float:left;
width:80%;
height:27px;
line-height:27px;
font-size:100%;
color:#000;
background:inherit;
margin:0;
padding:0;
padding-left:15px;
border:0 solid #FFF;
}
#footer_top_search input[type=submit] {
float:right;
width:27px;
height:27px;
background:url("search_submit2.jpg") top left no-repeat;
cursor:pointer;
margin:0;
padding:0;
border:0 solid #FFF;
}
#footer_top_search input.input_hidden {
visibility:hidden;
width:1px;
height:1px;
margin:0;
padding:0;
}

.form-control {
color:#3F3F41 !important;
background-color:#FFF;
margin-bottom:6px;
padding-top:0 !important;
padding-bottom:0 !important;
border: 1px solid #ddd;
border-radius:0;
-webkit-box-shadow:none;
box-shadow:none;
}
.form-control:focus {
-webkit-box-shadow:none;
box-shadow:none;
}
.footer_top textarea {
height:auto;
min-height:120px !important;
}
.footer-image-gallery {
width:100%;
max-width:360px;
margin:0 0 15px 0;
}
.footer-image-gallery img {
display:block;
width:100%;
height:auto !important;
}
.form-control:-moz-placeholder {
color:#3F3F41;
}
.form-control::-moz-placeholder {
color:#3F3F41;
opacity:1;
}
.form-control:-ms-input-placeholder {
color:#3F3F41;
}
.form-control::-webkit-input-placeholder {
color:#3F3F41;
}
.btn {
padding-top:5px !important;
padding-bottom:5px !important;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.btn-primary {
font-weight:bold;
color:#FFF;
letter-spacing:-1px;
background-color:#AEB3B3;
border:0 solid #FFF;
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
border-radius:0;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
color:#FFF;
background-color:#6B6B6B;
border:0 solid #FFF;
}

/* Top_box ............................................................... */

.top_box {
background-color:#EE0481;
/*background-image:url("back_top_box01.jpg"), url("back_top_box02.jpg");
background-position:top left, bottom left;
background-repeat:repeat-x, repeat-x;
-pie-background:url("back_top_box01.jpg") top left repeat-x, url("back_top_box02.jpg") bottom left repeat-x; */
/*behavior: url(PIE.htc);*/
position:relative;
/*margin-bottom:32px;*/
margin-bottom:25px;
margin-top: 15px;
}
.top_box_x {
font-size:130%;
color:#FFF;
text-align:center;
letter-spacing:-1px;
margin-left:10px;
margin-right:10px;
padding-top:10px;
padding-left:40px;
padding-bottom:10px;
}
.top_box_x a{
color: #fff;
}
.top_box_x01 {
background:url("icon_x1.png") left 50% no-repeat;
}
.top_box_x02 {
background:url("icon_x2.png") left 50% no-repeat;
}
.top_box_x03 {
background:url("icon_x3.png") left 50% no-repeat;
}

.dropdown_menu {
    z-index: 100 !important;
}

/* Footer ............................................................... */

.footer {
font-size:80%;
color:#000;
padding:0px;
padding-top: 15px;
}
.footer .col-md-8 {
    padding-left: 0;
}
.footer a {
color:#000;
}
.footer a:hover {
text-decoration:underline;
}
.footer_title {
font-size:120%;
color:#FFF;
margin-bottom:10px;
}
.footer ul li {
display:inline;
}
.footer .col-md-3 {
text-align:right;
}
.footer .col-md-1 {
padding-top:20px;
}

.navbar.kategorie .container-fluid {
    padding: 0;
}
.navbar.kategorie #bs-example-navbar-collapse-2 > ul > li:last-of-type {
    border-bottom: 1px solid #ddd;
}

@media screen and (min-width: 992px) {
    .navbar.kategorie #bs-example-navbar-collapse-2 {
        padding-left: 0;
    }
}

.navbar.kategorie .navbar-nav {
  width: 100%;
}
.navbar.kategorie .navbar-nav > li {
    position: relative;
    width: 100%;
    border-top: 1px solid #ddd;
}
.navbar.kategorie .navbar-nav > li .navbar-nav {
    padding-left: 10px;
}
.navbar.kategorie .navbar-nav > li > .angle-show {
    position: absolute;
    width: 65px;
    top: 2px;
    right: 0px;
    text-align: right;
	cursor: pointer;
    border: 0;
    background: transparent;
}
.navbar.kategorie .navbar-nav > li > .angle-show:before {
    content: "\f105";
    font-family: "FontAwesome";
    cursor: pointer;
}

.navbar.kategorie .navbar-nav > li > a {
    padding-right: 15px;
}
.navbar.kategorie .navbar-nav > li > a.active {
    color: #ED3093;
}

.header .cart_small{ display: none; }

.text_imp01 { border-top: 0px solid #ddd; }
 .text_imp02 { border-bottom: 1px solid #ddd; }

.fb_iframe_widget {
    margin-bottom: 15px;
}

.novinky_obrazok2 { width:25%; float: left; }
.novinky_popis2 { width:75%; float: left; }


select.form-control option {
	width: 100px;
	white-space: break-spaces;
	overflow: hidden;
	word-wrap: normal;
	text-overflow: ellipsis;
}

/* RESPONSIVE STRUCTURE
--------------------------------------- */
@media screen and (max-width: 1210px) {
 .navigation_top { position:relative; top:0; left:0; margin-bottom:10px; display: none; }
/* .navigation_top ul li { display:inline-table; }
 .navigation_top ul li #cart, .navigation_top ul li .login{ padding-bottom: 8px; border-radius: 0; width: 100%; }*/
 .header .cart_small { display: inline-block; }
 .topInfo{top:50px;}
}

@media screen and (max-width: 1199px) {
.navigation_inside ul.navbar-nav li a { font-size: 100%; padding: 5px 2px; }
.header ul { width: calc(100% - 120px); margin-left: 60px; margin-top: 10px; text-align: center; text-align: center; }
.header .logo { margin-top: 35px; }
}

@media screen and (max-width: 991px) {
 .header .col-md-2 img { margin-left:auto; margin-right:auto; }
 #search { width:100%; margin-top:0; }
 .header .col-md-4:last-child { text-align:center; }
 .header .logo { margin-top: 0px; text-align: center; display:none; }
 .header .logo_mobil { display:block; }
 .header .logo_mobil a img { position:absolute; top:5px; left:0; width:60px; height:auto; z-index: 100; }
 .header_text01, .header_text02 { width:100%; }
 .navigation_top { position:relative; top:0; left:0; margin-bottom:10px; }
 .navigation_top ul li { display:inline-table; }
 .navigation_inside ul li { width:100%; font-size:80%; }
 .navigation_inside ul li span { display:none; }
 .slider_content { font-size:85%; width: 50%; }
 .slider_content span{ font-size: 150%; margin-bottom: 0px; }
 /*.container_x1 .col-md-4 { width:100%; }*/
 .footer_top .col-md-3 { margin-bottom:15px; }
 .footer .col-md-3, .footer .col-md-1 { padding-top:15px; }
 .footer .col-md-3 { text-align:left; }
 button{ overflow: visible; }
 .navbar-collapse.collapse, .container_x1 .nav_title{ display: none !important; visibility: hidden !important; }
 .navbar{ margin-bottom: 0; }
 .navigation_inside .navbar-header{ width: 100%; }
 .navigation_inside .navbar-header, .navbar-toggle{ display: block; }
 /* #bs-example-navbar-collapse-2.navbar-collapse{ text-align: center; } */
 .container_x1 .col-md-3 .navbar-collapse ul li.nav_title2{ padding-left: 0; border-left: 0px; width: 100%; }
 .container_x1 .col-md-3 .navbar-collapse ul li{ width: 100%; }
 .container_x1 .col-md-3 .navbar-header{ float: right; display: block; width: 100%; }
 .header nav .container-fluid { padding: 0; margin-bottom: 15px; }
 .leftPanel { margin-top: 0px; }
 .header .navbar-collapse ul li { display: block; list-style-type: none;} 
}

@media screen and (max-width: 767px) {
 .slider { display:none; }
 .product_detail_page .left, .product_detail_page .right{ width: 100%; }
 .navbar-collapse{ width: 100%; overflow-y: hidden; }
 .topInfo { top:0px;background: transparent; }
 .navbar.kategorie #bs-example-navbar-collapse-2 {
     margin: auto;
 }
 .navbar.kategorie #bs-example-navbar-collapse-2 > ul {
     float: left;
     margin: auto;
 }

}

@media screen and (max-width: 480px) {
 h1, h2 { font-size:150%; }
 #search input { font-size:85%; padding-left:10px; }
 .header ul li { width:100%; }
 .header .login li { width: auto; }
 .header .logo { margin: 15px 0; }
 .header .logo a { max-width: 170px;}
 .header ul li span { display:none; }
 .header nav .navbar-collapse ul { list-style-type: none; text-align: center; }
 .header nav .container-fluid .navbar-collapse ul li a { padding: 0; }
 .navigation_inside .navbar-collapse { padding: 0; margin: 0; }
 .kategorie .navbar-collapse { padding: 0; margin: 0; }
 .footer_top .col-md-3:first-of-type { padding: 0 15px; }
 .footer .col-md-8 { padding: 0 15px; }

}

@media (min-width: 768px) {
    .navbar-collapse {
        padding: 0;
    }
}

.alert-pink {
    color: #FFDDEF;
    background-color: #DC0777;
    border-color: #B60060;
}

img.zoom {
width:100% !important; 
height:auto !important;
}