* {
    margin: 0;
    padding: 0;
}

body {
    text-align: center;
    font:1.2em Arial,sans-serif;                  
    line-height:1.7em;
    width: 100%;
    overflow-x: hidden;
}

#fader {
    background:#fff;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1000;
} 

a:link    {text-decoration: underline; }
a:visited {text-decoration: underline; }
a:hover   {text-decoration: none; color:black; }
a:active  {text-decoration: underline; }

.toLeft   {float: left;}
.toRight   {float: right;}
.notDisplay {display: none;}

a.no-underline { text-decoration: none !important; }  

fieldset { border: none; }

img {border: none;}

.clear, .cleaner { clear: both; }

input {        
}


hr {
    height: 5px;

}

h1 {
    font-weight: bold;
    font-size: 28px;
    line-height: 34px;
    text-align: center;
    clear:both;
    text-transform: uppercase;
    /* background-image: url('h1.jpg'); */
    background-position: bottom center;
    background-repeat: no-repeat;
    padding: 40px 0px 20px 0px;
    margin: 50px 0px 30px 0px;
    margin-top: 0;   
}

h2 {
    font-weight: bold;
    font-size:20px;
    text-align: left;
    clear:both;
    text-transform: uppercase;
    /* background-image: url('h1.jpg'); */
    background-position: bottom center;
    background-repeat: no-repeat;
    padding-bottom: 20px;
    margin-top: 50px;
}


#work h2 {
    clear: none;
}


hp.h2 {
    font-weight: bold;
    font-size:20px;
    text-align: center;
    clear:both;
    text-transform: uppercase;
    /* background-image: url('h1.jpg'); */
    background-position: bottom center;
    background-repeat: no-repeat;
    padding-bottom: 20px;
    margin-top: 50px;
}

.inbox h2 {
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    margin: 10px 0px 16px 0px;
    background-image: none;
    position: relative;
}
.inbox h2 a {
    text-align: left !important;
}

h3 {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    margin:8px 0 12px 0px;
}

h4 {
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    margin-top:10px;
    margin:6px 0 10px 0px;
    color: #C84923;
}

a {
    color: black;   
}

body span.pos {
    display:none;
}

.bold {
    font-weight: bold;
}

#systemConsole {
	border: 1px dashed #888888;
	background-color: #EDF6FB;
	position: fixed;
	left: 0;
	top: 0;
	text-align: left;
	width: 100%;
	height: 400px;
	padding: 10px;
	opacity: 0.6;
	z-index: 999999;
	display: none;
	overflow: auto;
  font-family: 'arial';
  font-size: 12px;
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #F5F5F5;
    border: 1px solid #CCC;
    border-radius: 4px;
}

#content {
    position: relative;        
}

#container {
 /*  background-color: #f1f1f1; */
   
}


#k_name, #k_tel {
    background: rgba(0, 0, 0, 0) url('kom_iput_grey.png') no-repeat center center;
    padding-left: 7px;
    padding-right: 7px;
    width: 166px;
    padding-bottom: 1px;
}

.tel {
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    margin: 15px 0px 0px 15px;
    display: block; 
}
.tel_text {
    font-size: 16px;
    text-align: left;
    margin: 2px 0px 0px 15px;
    display: block;
    vertical-align: top; 
    
}
.email_icon {
    /*width: 24px; 
    height: 18px;*/
    position: absolute;
    display: block;
    margin: -36px 0px 0px 200px;
    cursor: pointer;
    font-size:26px;
    line-height: 26px;
}

.kosik_text {
    float:left;
    display: inline-block;
    
}
.kosik_icon {
   display: block;
   width:29px;
    height: 25px;
    margin:25px 20px 0 0;
    background:url('button_koupit_kos.png') center center no-repeat;
}
.kosik_icon span {
display: none;
}
.kosik_icon:hover {
position: relative;
top:1px;
left:1px;
}



#work  {  
    text-align: justify;
    font-size: 13px;
    line-height: 20px;
   color: #696969; 
    
}          

#work table {
    margin: 0 auto;
}




#work ul, #work ol {
    margin-left: 20px;
    padding-bottom:10px;
    
}

#work p a img {
   -webkit-transition: all 0.3s ease;
}
#work p a:hover img {
   -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05); 
}

#page{
}

#main{
  
}

#area {
    clear: both;
}

#header { 
min-height:71px;    
}

#logo {
}

#logo a {
    outline: none;
}


/* --------------------------- MESSAGE BOX ------------------------------------*/
#messageBox {    
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    z-index: 99;
    position: relative;
} 
#messageBox div {
}

#messageBox .mess-err {
    background: transparent url('msg_err_bg.png') repeat center center;
    color: #ffcccc;
    z-index: 99;
    position: relative;
}

#messageBox .mess-ok {
    background: transparent url('msg_ok_bg.png') repeat center center;
    color: #ccffcc;
    z-index: 99;
    position: relative;
}
/* ----------------------------------------------------------------------------*/









/* ----------------------------- MAIN MENU ------------------------------------*/
#mainmenu{
}

#page span.pos {
    display: none;
}

#mainmenu a {
    color: #888888;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    display:inline-block; 
    text-align: center;
    padding: 5px;
    outline: none;
}

#mainmenu a span {
    cursor: pointer;
}

#mainmenu .active a, #mainmenu .hover a {
    color: black;
}

#mainmenu .active a span, #mainmenu .hover a span {
}



#mainmenu li{
    border-right: 1px solid #111111;
    position: absolute;
    z-index:9;
    float:left;
    list-style-type: none;
    position:relative;
}



#mainmenu ul li ul {
    display: none;
    position: absolute;
    top: 30px;
    left: -1px;
    width: 200px;
}

#mainmenu ul li.hover ul {
    display:block;
}

#mainmenu ul ul li {
    float: none;
    border: none;
}

#mainmenu ul ul a {
    display:block;
    font-size:14px;
    margin: 0;
    height: auto;
    font-weight: normal;
    padding: 0 20px 0 20px;
    text-align: left;
    border-bottom: 1px solid gray;
}

#mainmenu ul ul a span {
    height: auto;
    display: block;
    padding-top: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
}

#mainmenu ul ul .active a, #mainmenu ul ul .hover a  {
}

#mainmenu ul ul .active a span, #mainmenu ul ul .hover a span {
}

#mainmenu ul ul ul{
    display:none;
}
/* ----------------------------------------------------------------------------*/














/* ---------------------------------- LEFT COLUMN LEFTCOL------------------------------------ */

leftColumn {
    float: left;
   
}




#loginPassword {
    display: none;
}
#loginBox input {
    color: #888888;
}



/* ---------- LEFT COL NEWS --------*/

#newsList .newsItem {
    margin-bottom: 20px;
}

#newsList .newsDate {
    display: block;
    text-align: right;
    color: #696969;
    font-size: 10px;
}

#newsList .newsContent {
    font-size: 9px;
    line-height: 1.6em;
    text-align: justify;
}

.newsLink {
    display: block;
    margin-top: 8px;
}

.newsLink a {
    display: block;
    float: right;
    text-decoration: none;
    font-size: 9px;
}

#newsList a {
    text-decoration: none;
}

.newsItem h2 a {
    font-size: 12px;
}

#newsList .newsItem h2 {
}

#newsList #allNewsLink a {
    display: block;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 20px;
}



/* -------------------------------- */



/* ---------------------------------- END LEFT COLUMN------------------------------------ */















/* -------------------------------------- SLIDER ------------------------------------- */

#slider {
    height: 200px;
    width: 1000px;
}

/* ----------------------------------------------------------------------------------- */











/* ------------------------------- PRODUCT LIST ----------------------------------------- */


/* ----------------------------------------------------------------------------------- */











/* --------------------------- BASKET ESHOP BUY KOS ---------------------------------- */

table#basketContent {
    width: 100%;
    margin-bottom: 10px;
}


#fakturacniUdaje label {
    display: block;
    float: left;
    width: 200px;
}

.price-sum {
border-top:1px solid rgb(128, 128, 128);
padding:20px 0;
color:#222;
margin-top:20px;
text-align: right;
font-size:16px;
line-height: 26px;
}
.ddsubmit {
border-top:1px solid rgb(128, 128, 128);
padding:20px 0;

}
.ddsubmit input {
background-color:#5a5a5a;
padding:10px;
border:none;
color:white;
font-size:16px;
}

.ddsubmit #bt_buy input, #orderBtn {
background-color:#4898c0;
font-weight:bold;
}
.ddsubmit #bt_buy  {
float:right;
}
textarea.form-control {
width: 100% !important;
}

#buttonBuy {
text-align: center;
}
#kossum span {
font-size:22px;
font-weight: bold !important;
}

/* ----------------------------------------------------------------------------------- */















/* ------------------------------- FOOTER ----------------------------------------- */
#footer{
    clear: both;
    font-size: 11px;
    text-align: left;
    line-height: 1.4em;
    overflow: hidden;
    background-color: #5A5A5A;
    color: #f3f3f3; 
    padding-top:30px; 
}

#footer .footer-content {
       
  
}

#footer a {
    color: #f3f3f3;
    text-decoration: none;  
}

#footer a:hover {
  color: #7b7b7b; 
}

#footer #footerAdress, #footer #nemopas-objednavka {
margin:20px 0; 
}



#logo_footer {

  text-align: left;
  margin-top: 70px;
  margin-bottom: 10px;

}

#footer h3 {
  font-size: 15px;
  text-transform: uppercase;
  color: #ffffff;
}

#footer #footerMenu {
  width: 30%;
  float: left;
  margin-left: 3%;
} 

#footer #footerForm {
    margin:20px 0;
    /*display: none !important;*/
}

#footer #footerForm {

}
#footerForm h4 {
    font-family: Helvetica;
    font-weight: bold;
    font-size: 1.5em;
    text-transform: uppercase;
    color: #ffffff;
}
#footerAdress h3 {
    font-family: Helvetica;
    font-weight: bold;
    font-size: 1.5em;
}
#footerMenu h3 {
    font-family: Helvetica;
    font-weight: bold;
    font-size: 1.5em;
}
#footerMenu li, #footerMenu li:hover, #footerMenu li a, #footerMenu li a:hover, .nav-tabs {
    font-family: Helvetica;
    font-weight: normal;
    font-size: 1.1em;
    background: none;
    border: none;
    padding: 0px;
    margin: 4px 0px 4px 0px;
    clear: both;
    float: none;
    border-radius: 0px;
}

            
#input_footer::-moz-input-placeholder,
#textarea_footer::-moz-input-placeholder
{
  color: #bababa;
}

#input_footer:-moz-placeholder,
#textarea_footer:-moz-placeholder 
{
  color: #bababa;
}

#input_footer::-moz-placeholder,
#textarea_footer::-moz-placeholder 
{
  color: #bababa;
}

#input_footer:-ms-input-placeholder,
#textarea_footer:-ms-input-placeholder 
{
  color: #bababa;
}

#footer #footerForm input {
    border-radius: 0px;
    background-color: #e0e0e0;
    border: 0px;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%; 
    margin-bottom: 5px;
    float: right;
    outline: none;
    color: #635e5b;
}

#footer #footerForm input.submit {
  border-radius: 0px;
  background-color: #b0b0b0;
  color: white;
  text-transform: uppercase;
  border: 0px;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  width: 90px; 
  font-size: 12px; 
}

#footer #footerForm textarea {
  border-radius: 0px;
  background-color: #e0e0e0;
  border: 0px;
  height: 80px;
  padding: 10px;
  width: 100%; 
  margin-bottom: 5px;
  float: right;
  resize: none;
  outline: none;
  color: #635e5b;
}

#footer #footerMenu a {
  line-height: 20px;
}

#footer #footerMenu ul, #footer #footerMenu ul li {
  list-style: none;
  list-style-type: none;
}


#copyright{
    text-align: center;
    margin: 10px;
    border-top: 1px solid #a9a9a9;
    color: #a9a9a9;
    padding-top: 20px;
    padding-bottom: 50px;
}

#copyright a {
  color: #a9a9a9;
}

#socials {

}

#socials ul li {
    list-style-type: none;
    float: left;
}

/* ============================== END FOOTER ================================= */








/* ============================ NEWS / NOVINKY ================================ */
#newsBox {
    float: right;
    width: 460px;
    margin-right: 10px;
    font-size: 11px;
    line-height: 1.4em;
}

.newsMainImage img {
    float: left;
    margin: 0 40px 10px 0;    
}

.text {
    min-height: 320px; 
}

#backToNewsList {
    text-align: right;
}

#work  #newlist ul {
  text-align: center;
  width:100%;
}

#work ul li.boxNewsList {        
    margin: 0;
    background: none;
    padding: 0;
    width: 250px;
    height: 360px;
   
    margin-right: 8px;
    margin-left: 8px;
    display: inline-block;
    list-style-type: none;
    margin-bottom: 30px;   
    text-align: justify; 
    vertical-align: top;
}

#work ul li.boxNewsList a.more, #backToNewsList a, a.read_more_hp_n {
    display: block;
    float: right;
    color: #4497c1;
    background: transparent url('read_more.png') no-repeat right center;
    padding-right: 30px;
    text-decoration: none;
    
}

.short_it, .hpn_text {
    height: 83px;
    overflow: hidden;
    margin-bottom: 20px;
}

#work ul li.boxNewsList .box-date {
    color: #4497c1;
}

#work ul li.boxNewsList h2 {
    margin: 0;
    padding: 0;
    text-transform: none;
    background: none;
    text-align: left;
}

#work ul li.boxNewsList h2 a { 
    text-decoration: none;
    color: #696969;
    font-weight: bold;
    font-size: 16px;
}

.newItem {
    clear: both;
    min-height: 100px;
    padding: 0 0 10px 0; 
    margin: 0 0 20px 0; 
    border-bottom: 2px dotted #3e3e3e; 
}

.newItem img {
    float: left;
    margin: 0 10px 10px 0; 
}

a#allNewsLink {
    font-size: 14px;
    text-decoration: none;
    display: block;
    float: right;
}

#newsBox-content {
    margin-bottom: 40px;
    padding-top: 5px;
}

/* ===================== END NEWS / NOVINKY ================================= */













/* =========================== KONTAKTNI FORM CONTACT======================== */
input.submit {
    float: right;
    background: transparent url('button.jpg') center center no-repeat;
    width: 174px;
    height: 40px;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 30px;
}

p.note {
    text-align: right;
}


#contactForm {
    margin: 20px 0 0px 0; 
}

#contactForm dl.submitButton dt {
    float: right;
}

#contactForm dl dd {
    width: 80px;
    float: left;
    padding-right: 10px;
    text-align: right;    
    font-weight: bold;
}

#contactForm dl dt {
    float: left;
}

#contactForm dl {
    clear: both;
    height: 20px;
}


#contactForm h2 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 20px;
    margin-top: 40px;
}
/* =========================== END KONTAKTNI FORM CONTACT ==================== */
.nemopas-objednavka {
    padding-bottom: 15px;
}
.nemopas-objednavka .form-group .col-md-6 {
    padding:7px;
}

.nemopas-objednavka .form-group .col-md-6:first-child {
    padding-left:0;
}
.nemopas-objednavka .form-group .col-md-6:last-child {
    padding-right:0;
}
#popup_form .nemopas-objednavka {
    padding:15px;
}











/* ============================ GALERIE ===================================== */
.galeriListItem {
    margin: 10px;
    display: inline-block;
    text-align: center;
}

.galeriListItemMax {
    text-align: center;
    max-width: 1280px;
    display: inline-block;
}

.galeriListItem img {
    border: 0px solid #3A293B;
}

.galeriListBox h3 {
    font-size: 1.1em;
    font-weight: normal;
    margin-top: 15px;
}

.galeriListBox h3 a, #work #partners li.footerSliderItem a {
    text-decoration: none;
    font-weight: bold;
    color: #6A6A6A;
    font-size: 14px;
}

.galeriListBox h3 a:hover, #work #partners li.footerSliderItem a:hover {
    color: black;
}

.galeriListItem .galeriFullOpen a {
    display: block;
    margin: 0 27px 0 27px;  
    background: transparent url('gallery_more.jpg') right center no-repeat;
    padding: 0 20px 0 0; 
    text-decoration: none;
    font-size: 90%;
}


#work .onPageGaleriImages ul li img {
    -webkit-transition: all 0.3s ease; /* Safari and Chrome */
    -moz-transition: all 0.3s ease; /* Firefox */
    -o-transition: all 0.3s ease; /* IE 9 */
    -ms-transition: all 0.3s ease; /* Opera */
    transition: all 0.3s ease;
}
#work .onPageGaleriImages ul li img:hover {
     -webkit-transform:scale(1.15); /* Safari and Chrome */
    -moz-transform:scale(1.15); /* Firefox */
    -ms-transform:scale(1.15); /* IE 9 */
    -o-transform:scale(1.15); /* Opera */
     transform:scale(1.15);
}
#work .onPageGaleriImages ul li span {
    display: block;
    max-width: 280px;
    word-break: break-word;
    
    
}
#work .onPageGaleriImages ul li a {
    text-decoration: none;
}

#work .onPageGaleriImages ul li {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    list-style-image: url() !important;
    list-style-type: none !important;  
    display: inline-block;
}

.onPageGaleriImages ul {
    text-align: center;
    max-width: 1280px;
}

.galery_popis {
    text-align: center;
    max-width: 1280px;
    margin: 0 auto;
}
.responsive {
    text-align: center;
    clear: both;    
    width: 100%;    
}
.responsiveHP {
    text-align: center;
    clear: both;
    margin: 0px 0px 0px 0px;
}
.responsiveMAX {
  text-align: center;
  max-width: 1280px;
  display: inline-block;
  width: 100%;
}
.responsiveBasic {
  max-width: 1280px;
  display: block;
  margin: 0px auto 0px auto;
  padding: 0px 100px 0px 100px;
  left: 0px;
  right: 0px; 
}
.responsiveBasicBG {
  width: 100%;
  display: block;
  background-color: #ddd;
  height: 30px;
  line-height: 30px;
  position: relative;
  clear: both;
}

.noSlider {
height:70px;
}


.productItemList {
text-align: center;
margin-bottom:30px;
}

.productItem {
    margin: 15px;
    text-align: center;
    display: inline-block;
 
    overflow: hidden;
    margin:0 auto;
}
.productItemSeparator {
    float:none;
    margin:0 auto;
    text-align: center;
    max-width: 1280px;
    display: inline-block;
    margin-bottom:20px;
    /* border: 5px solid #888; */
}
.productTitle {
    
    text-align: center;
    display: block;
    clear: both;
    overflow: hidden;
    background-color:rgb(228, 228, 228);
    /*text-overflow: ellipsis;*/ 
    /*white-space: nowrap;*/
    width: 250px;
    height: 56px;
    color: #6a6a6a;
    font-weight: bold;
    font-size: 14px;
    margin: 10px 0px 10px 0px;
    padding: 8px;
    /* line-height: 28px; */
    text-decoration: none !important;
    border-bottom: 1px solid #c7c7c7;
}
.productDesc {
  width:250px;
  height:70px;
  overflow: hidden;
}
.productBuy {
    margin-top:8px;
    padding:8px 12px;
    width: 250px;
    /*border-top: 1px solid #c7c7c7; */
    
    display: block;
    clear: both;
    background-color:rgb(228, 228, 228);
}

.productBuy .price {
  padding-top:6px;
   color:#4898c0;
   text-align: left;
   float:left;
   font-size:20px;
   line-height: 20px;
   font-weight: bold;
}
.productBuy .price > div {
   font-weight: normal;
   font-size:12px;
   color:rgb(105, 105, 105);
}
.detailBtn {
    color:rgb(228, 228, 228);
    width: 95px;
    height: 40px;
    background: transparent url('button_koupit.png') center center no-repeat;
    border: 0px;
    background-color: none;
    cursor: pointer;
    outline: 0;
    float:right;
  
} 

#orderPanel {
display: none;
}




#onPageGaleries {
    padding-top: 40px;
}
.onPageGaleriImages {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: auto;
    height: auto;
    clear: both;
    display: inline-block;
    text-align: center;
}
.onPageGaleriImages img {
    border: 0px solid #3A293B;
    margin: 10px;
    vertical-align: text-bottom;
}

/* ========================== END GALERIE =================================== */









/* ============================ BREADCRUMBS / DROBECK ======================= */
#breadcrumbsContainer a {  
    text-decoration: none; 
    font-weight: normal;
    color: grey; 
}
#breadcrumbsContainer {
    background-color: #ddd;
    text-align: right;
  
    font-weight: bold;
}
#breadcrumbs {
    display: block;
    float: left;
}
#breadcrumbs span {
    font-size: 10px;
    color: grey;
}

/* ===================== END BREADCRUMBS / DROBECK =========================== */








/* =================================== PAGE LISTER =========================================*/
#pageLister { margin-top: 30px; padding: 0 5px 0 5px; }

#pageLister span { color: #a93a77; }

#pageLister ul li {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-left: 10px;
}

.lister {
    float: left;
}

#pageLister ul li.active span {
    display: block;
    height: 23px;
    padding: 3px 5px 0 5px;
    background: transparent url('pager_active.jpg') center top no-repeat;
    color: #a93a77;
}

#pageLister .next span, #pageLister .prev span {
    display: none;
}


#pageLister .next a, #pageLister .prev a {
    display: block;
    width: 20px;
    height: 20px;
    margin-top: 1px;
}

#pageLister .next a {
    background: transparent url('pager_right.jpg') center center no-repeat;
}
#pageLister .prev a {
    background: transparent url('pager_left.jpg') center center no-repeat;
}

#pageLister ul li a {
    display: block;
    text-decoration: none;
    height: 23px;
    padding: 3px 5px 0 5px;
    color: #a93a77;
}

#pageLister ul {
    margin: 0;
}

#pageLister ul li.max {
    display: none;
}

/* =============================== END PAGELISTER============================ */


/* =================================== ENQUIRY ============================== */
#enquiry_box{text-align:left;}
#enquiry_box h4{font-size: 14px;}
#enquiry_box h5{font-size: 13px;}
#enquiry_box label{display:block; clear:both;}
#enquiry_box .bar{display: block;height: 8px; float:left;margin:7px 5px 0 0;}




#tinymce ul li {
    margin-left: 25px;
}

#tinymce {
    text-align: left;
}

/* =============================== GEOLOCATION ============================== */

#mapcanvas {
    width: 780px;
    height: 400px;
    margin-top: 20px;
}

#dialog_after_order {
    width: 400px;
    height: 300px;
    text-align: center;
    font-size: 24px;
    line-height: 30px;
}



#search_form {
    text-align: left;
}


/* socialky */

#fixed_footer_socials {    
    width: 450px;
    height: 30px;
    line-height: 35px;
    padding-top: 5px;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    background: transparent url('fixed_soc3.png') no-repeat center center;
    z-index: 1500;
    text-align: center;            
}

#like_it_button {
    float: left;
    height: 30px;
    line-height: 30px;
    width: 427px;
    overflow: hidden;
    text-align: left;
    margin-left: 10px;
}

#f_ln_g_rss {
    float: right;    
    height: 76px;
    margin-right: 10px;
}

#like_it_button .fb-like {
    float: left;    
    width: 170px !important;
    position: relative;
    top: -7px;
}

#like_it_button #___plusone_1 {
    position: relative;
    top: 2px;
}

/* socialky end */




/* =============================== komentáøe ================================ */
#komentare {
    width: 100%;
    height: auto;
    background-color: #bfbfbf;
    margin: 50px 0px 50px 0px;
}
#komentare .nadpis {
  width: 260px;
  height: 40px;
  line-height: 40px;
  margin: 20px 0px 20px 0px;
  padding: 0px 0px 0px 40px;
  background-color: #414141;
  text-transform: uppercase;
  font-size: 14px;
  color: #eee;
  text-align: left;
}
#komentare #k_name {
  width: 315px;
  heighT: 41px;
  background: transparent url('ask_form_name.png') no-repeat center center;
  line-height: 41px;
  outline: none;
  border: none;
  color: #635e5b;
  padding-left: 40px;
  margin-top: 10px;
  margin-left: 30px;
  font-size: 14px;
  float: left;
  
}
#komentare #k_email {
  width: 315px;
  height: 41px;
  background: transparent url('ask_form_mail.png') no-repeat center center;
  line-height: 41px;
  outline: none;
  border: none;
  color: #635e5b;
  padding-left: 40px;
  margin-top: 10px;
  margin-left: 30px;
  font-size: 14px;
  float: left;
}
#komentare textarea {
  resize: none;
  outline: none;
  border: none;
  width: 620px;
  height: 90px;
  background: transparent url('ask_form_mess_long.png') no-repeat center top;
  padding: 15px 10px 10px 40px;
  margin-top: 10px;
  margin-left: 30px;
  font-size: 14px;
  color: #635e5b;
  line-height: 20px;     
}  
@media only screen and (max-width: 880px) {
    #komentare textarea {
        background: transparent url('ask_form_mess.png') no-repeat center top;
        width: 315px;
    }
}
#komentare .left_input {
  width: 350px;
}
#komentare .button {
  width: 100%; 
  clear: both; 
}
#komentare #ulozit {
  text-transform: uppercase;
  font-size: 12px;
  color: #eee;
  text-align: center;
  width: 100px;
  height: 30px;
  overflow: hidden;
  cursor: pointer;
  outline: none;
  border: none;
  text-align: center;
  /* font-family: 'Sen', Calibri, Verdana, Arial, sans-serif; */
  background: #414141;
  margin: 10px 85px 0px 0px;
  float: right;
}
#komentare hr {
  border: 0;
  color: #000;
  background-color: #000;
  height: 0px;
  width: 89%;
  clear: both;
  box-shadow: 0 0 1px 1px black; 
  margin: 30px 30px 30px 33px;
}


#komentare #commentsList {
   list-style-type: none;
   width: 100%;
   padding: 15px;
   margin-top: 50px;
}
#komentare .comment {
   width: auto;
   margin-bottom: 40px;      
}
#komentare .commentHeader {
   margin: 10px 0px 10px 0px;
}
#komentare .autor {
   font-size: 14px;
}
#komentare .in_span {
   font-size: 14px;
   font-weight: bold;
}
#komentare .komentar_datum {
   font-size: 14px;
   font-weight: normal;
   color: #aaa;
   margin-left: 50px;
}
#komentare .commentContent {
   font-size: 13px;
   font-weight: normal;
   color: #838383;
   margin: 20px;
}


/* =============================== komentáøe ================================ */

#partners ul {
    text-align: center;
}

#partners li.footerSliderItem {
    display: inline-block;
    list-style-type: none;
    background: none;
    margin: 20px;
    padding: 0;
}

#partners li.footerSliderItem a {
    text-decoration: none;
    display: block;
    font-size: 1.1em;
    font-weight: normal;
    margin-top: 15px;
    color: black;
    text-align: left;
}


/* BOOT STRAP RESTYLE */

.navbar {
  background-color: rgba(0,0,0,0.8);
}

.navbar #for_r_go_left {
  float: right;
  background-color: rgba(0,0,0,0.0);
  height: 70px;
  width: 260px;
  margin-top: 0px;
  color: white;
}

.navbar-default .navbar-text {
  color: white;
}

.ul-topmenu {
   
}


@media (max-width: 1199px) {

  .menu-header-container {
     width:100%;
  }
}

#header-menu {
    top:0px;
    position: fixed;
}

#header-menu .nav-tabs li a {
  font-size: 14px;
  text-decoration: none;
  color: white;
  background: none;
  line-height: 70px;
  height: 70px;
  padding: 0 10px;
  margin: 0;
  border: none; 
}

#header-menu .nav-tabs li li {
  float: none; 
}

#header-menu .nav-tabs li li a {
    font-size: 14px;
  text-decoration: none;
  color: white;
  text-align: left; 
  background: rgba(0,0,0,0.95);
  line-height: 18px;
  height: auto;
  width: 250px;
  padding: 10px 20px 10px 20px;
  margin: 0px 0px 0px 0px;
  border: none;
  border-radius: 0px;

}



.collapse {
  float: left;
}

#header-menu ul ul {
   display: none;
   z-index:16;
   position: relative;
}
#header-menu ul ul > li a {
   z-index:17; 

}

#header-menu ul li:hover ul {
    display: block;
    position: absolute;
}

#header-menu ul.nav-tabs li.active ul li a {
    border-bottom: none; 
    /*background: rgba(0,0,0,0.8); */
}


#header-menu ul.nav-tabs li.active ul li a:hover {
    border-bottom: none;

    border-left: 3px solid white;
    padding: 0px 20px 0px 17px;   
}

#header-menu .nav-tabs li.active a:hover,
#header-menu .nav-tabs li a:hover,
#header-menu .nav-tabs li.active a  {
  height: 70px;
  border: none;
  border-radius: 0px;
  border-bottom: 3px solid white;
  /*background: none;*/
  color: white;
  padding: 0px 10px 0px 10px;
  line-height: 70px;
  margin: 0px 0px 0px 0px;
} 
#header-menu .nav-tabs li.active a:hover,
#header-menu .nav-tabs li.active a  {
  
  border: none;
  border-radius: 0px;
  border-bottom: 3px solid white;
  /*background: none;*/
  color: white;
  padding: 0px 10px 0px 10px;
  line-height: 70px;
  margin: 0px 0px 0px 0px;
} 

#header-menu .nav-tabs li.active a,
#header-menu .nav-tabs li.hover a:hover {
  height: 70px;
  border: none;
  border-radius: 0px;
  border-bottom: 3px solid white;
  /*background: none;*/
  color: white;
  padding: 0px 10px 0px 10px;
  line-height: 70px;
  margin: 0px 0px 0px 0px;
} 
#header-menu ul.nav-tabs li.active ul li a,
#header-menu ul.nav-tabs li.active ul li,
#header-menu ul.nav-tabs li.active ul li a:hover {
  height: auto;
  line-height: 18px;  
}
#header-menu ul.nav-tabs li ul li a {
    padding-top:10px !Important;
    padding-bottom:10px !Important;
}



#header-menu ul.nav-tabs li li:hover a:hover {
  height: auto;
  border: none;
  border-radius: 0px;
  border-left: 3px solid white;
  color: white;
  padding: 0px 20px 0px 17px;
  line-height: 18px;
  margin: 0px 0px 0px 0px;
}

#header-menu .nav-tabs li li.active a:hover,
#header-menu .nav-tabs li li a:hover,
#header-menu .nav-tabs li li.active a  {
  height: auto;
  border: none;
  border-radius: 0px;
  border-left: 3px solid white;
  color: white;
  padding: 0px 20px 0px 17px;
  line-height: 18px;
  margin: 0px 0px 0px 0px;
}




.carousel-caption-content {
    pointer-events: none;
    
    position: absolute;
    top:0;
    left:0;
    /*
    bottom:30% !important; 
    left:40% !important;
    */
    width: 100%;
    height: 100%;
}



#header .carousel-caption {
  /*width: 100%;
  height: 100%;*/
  
  width:auto !important;
  
  display: block;

  font-size: 56px;
  line-height: 62px;
  color: white;
  text-transform: uppercase;
  text-shadow: 3px 5px 3px #333333;
  text-align: left;
  font-weight: bold;
  
  
  /*padding-top:20%;*/
  
  left:40%;
  top:20% !important;
  
  bottom:auto !important;

}

.carousel-caption-popis {
    display: block;
    
    font-size: 20px;
    line-height: 26px;
    color: white;
    text-align: left;
    text-shadow: 2px 2px 2px #333333;
    text-transform: none;
    font-weight: lighter;
}

.navbar {
    margin-bottom: 0px;
    position: fixed;
    width: 100%;
    height: 71px;
    border: none;
    
}

.navbar .nav-tabs {
    border: none;
}

ul.nav-tabs {
   margin-top: 0px;
}

.boxy {
  background-color: white;  
}

#fourth_box.container div {
    margin-top: -48px;
    padding-bottom: 10px;
}

.boxy .inbox {
  margin-left: 5px;
  margin-right: 5px;
  background: rgba(255, 255, 255, .95);
     
  /*height: 250px;*/
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  font-size: 12px;
  text-align: justify;
  color: #656565;
  line-height: 18px;
  box-shadow: 2px 2px 10px grey;
}

.boxy .inbox h2 {
  font-size: 20px;
  height: 70px;
  text-transform: uppercase;
  font-weight: normal;
/*   text-align: left;       
  float: left; */
}

.boxy .inbox a {
  text-decoration: none;
  text-align: right;
  display: block;
}

.boxy .inbox p {
  height: 108px;
  overflow: hidden;
}

.boxy .inbox a:hover {
  opacity: 0.5;
}

.boxy .yellow .inbox {
  border-top: 15px solid #C70000;
}

.boxy .yellow .inbox h2 {
  color: #C70000;
}

.boxy .yellow .inbox a {
  color: #C70000;
}

.boxy .blue .inbox {
  border-top: 15px solid #84B340;
}

.boxy .blue .inbox h2 {
  color: #84B340;
}

.boxy .blue .inbox a {
  color: #84B340;
}

.boxy .red .inbox {
  border-top: 15px solid #F7AC29;
}

.boxy .red .inbox h2 {
  color: #F7AC29;
}

.boxy .red .inbox a {
  color: #F7AC29;
}

.boxy .green .inbox {
  border-top: 15px solid #1976A3;
}

.boxy .green .inbox h2 {
  color: #1976A3;
}

.boxy .green .inbox a {
  color: #1976A3;
}


.carousel-indicators {
  pointer-events: none;
  z-index: 1 !important;
  margin-bottom: 100px;
  
}
.carousel-indicators li {
    pointer-events: auto;
  margin: 1px 5px 1px 5px;
  border-radius: 150;
  background:white;
  width:24px;
  height:24px;
  float:left;
  box-shadow: 1px 1px 6px #666;
  
  /*
  border-right:2px solid #333;
  border-bottom:2px solid #333;
  */
}
.carousel-indicators li.active {
  margin: 0px 4px 0px 4px;
}
#left_soc {
    position: absolute;
    top: 25%;
}

@media screen and (max-width:822px) {
    #left_soc {
    display: none;
    }
}



#popup_form {
    max-width: 420px;
    width:100%;
    /*height: 290px;*/
    background-color: #bfbfbf;
    position: absolute;
    margin: 0px auto 0px auto;
    left: 0px;
    right: 0px;
}
#popup_form .close_form {
    width: 32px;
    heighT: 32px;
    background: transparent url('icon_close.png') no-repeat center center;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 0.6;
    cursor: pointer;
}
#popup_form .close_form:hover {
    opacity: 1;
}
#popup_form .close_form span {
    display: none;
}
#mask {
    z-index: 998;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
}
#popup_form .nadpis_kontakt {
    width: 260px;
    height: 40px;
    line-height: 40px;
    margin: 20px 0px 20px 0px;
    background-color: #414141;
    text-transform: uppercase;
    font-size: 14px;
    color: #eee;
    text-align: center;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color: #635e5b;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #635e5b;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #635e5b;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: #635e5b;
}
#popup_form .name {
    width: 315px;
    heighT: 41px;
    background: transparent url('ask_form_name.png') no-repeat center center;
    line-height: 41px;
    outline: none;
    border: none;
    color: #635e5b;
    padding-left: 40px;
    margin-top: 8px;
    font-size: 14px;
}
#popup_form .email {
    width: 315px;
    height: 41px;
    background: transparent url('ask_form_mail.png') no-repeat center center;
    line-height: 41px;
    outline: none;
    border: none;
    color: #635e5b;
    padding-left: 40px;
    margin-top: 8px; 
    font-size: 14px;     
}
#popup_form textarea {
    resize: none;
    outline: none;
    border: none;    
    width: 315px;
    height: 90px;
    background: transparent url('ask_form_mess.png') no-repeat center top;
    padding: 10px 10px 10px 40px;  
    margin-top: 8px;  
    font-size: 14px;
    color: #635e5b;
    line-height: 20px;
}
#popup_form .submit {    
    text-transform: uppercase;
    font-size: 12px;
    color: #eee;
    text-align: center;
    width: 100px;
    height: 30px;
    overflow: hidden;        
    cursor: pointer;
    outline: none;
    border: none;  
    text-align: center;
    /* font-family: 'Sen', Calibri, Verdana, Arial, sans-serif; */
    background: #414141;
    margin: 10px 34px 0px 0px;
}


#kontakt_right {
    float: right;
    width: 370px;
    height: 300px;
    margin-left: 30px;
    margin-bottom: 30px;
}


#kontakt_form {
    width: auto;
    /*height: 300px; */
    background-color: #bfbfbf;
}
#kontakt_form .nadpis_kontakt {
    width: 260px;
    height: 40px;
    line-height: 40px;
    margin: 20px 0px 20px 0px;
    background-color: #414141;
    text-transform: uppercase;
    font-size: 14px;
    color: #eee;
    text-align: center;
    text-decoration: none;
    background-image: none;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color: #635e5b;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #635e5b;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #635e5b;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: #635e5b;
}
#kontakt_form .name {
    width: 315px;
    heighT: 41px;
    background: transparent url('ask_form_name.png') no-repeat center center;
    line-height: 41px;
    outline: none;
    border: none;
    color: #635e5b;
    padding-left: 40px;
    margin-top: 10px;
    margin-left: 30px;
    font-size: 14px;
}
#kontakt_form .email {
    width: 315px;
    height: 41px;
    background: transparent url('ask_form_mail.png') no-repeat center center;
    line-height: 41px;
    outline: none;
    border: none;
    color: #635e5b;
    padding-left: 40px;
    margin-top: 10px; 
    margin-left: 30px;
    font-size: 14px;     
}
#kontakt_form textarea {
    resize: none;
    outline: none;
    border: none;    
    width: 315px;
    height: 90px;
    background: transparent url('ask_form_mess.png') no-repeat center top;
    padding: 10px 10px 10px 40px;  
    margin-top: 10px;
    margin-left: 30px;  
    font-size: 14px;
    color: #635e5b;
    line-height: 20px;
}
#kontakt_form .submit {   
    float:right;
    text-transform: uppercase;
    font-size: 12px;
    color: #eee;
    text-align: center;
    width: 100px;
    height: 30px;
    overflow: hidden;        
    cursor: pointer;
    outline: none;
    border: none;  
    text-align: center;
    background: #414141;
    margin: 13px 34px 0px 0px;
}

#like_logo {
    float: left;
    display: block;
    margin-top:-6px;
}

.position_relative {
    position: relative;
}

.template-produkt  #pagetitle {
margin-bottom:0 !important;
font-size:20px;
text-align: left;
padding-bottom:10px;
border-bottom:1px solid rgb(228, 228, 228);
color:#4898c0;
}
.template-produkt  #pagetitle {

}
#produktImage {
    margin-top:40px;
    margin-bottom: 40px;
}

#produktGallery {
    width: 100%;
}

#produktGallery li {
    background: none;
    margin: 0;
    float: left;
    padding: 0;
    border: none;
    margin-right: 9px;
}

#hp_boxes_abs {
    position: absolute;
    top: 0;
    width: 100%;
}
    
#hp_set_margin_top {
    padding-top: 250px;
}

#price_for_you {
    width: auto;    
    line-height: 40px;
    background: #e4e4e4;
    padding-bottom:65px;
    padding-left: 30px;
    padding-top:10px;
    color: #1c1c1c;
    margin-bottom: 20px;
    margin-top: 20px;
}

#price_for_you span {
    font-size: 18px;
    font-weight: bold;
}

#price_for_you .pricePlusTax {
  line-height: 65px;
font-size:18px;
}

#productBasket {
    float: right;
    width: 150px;
    height: 65px;
    background: #4898c0;    
}

#productBasket input.detailBtn[type="submit"] {
    color: #f1f1f1;
    text-transform: uppercase;
    background: transparent url('basket.png') no-repeat 100px center;
    display: block;
    cursor: pointer;
    width: 150px;
    height: 65px;
    font-weight: bold;
    text-align: left;
    padding-left: 20px;    
}

.pricePlusTax {
    float: left;
}

#newlist {
    clear: both;
}

#hpn ul {
    text-align: center;
}

#hpn li {
    list-style-type: none;
    padding: 0;
    background: none;
    margin-left: 10px;
    margin-right: 10px;
    float: none;
    width: 250px;
    height: 450px;
    display: inline-block;
    text-align: justify;
    vertical-align: top;
}

.newsMainImage {
    display: block;
}

.hpn_title, .hpn_title a {
    color: #696969;
    font-weight: bold;
    font-size: 15px;
    text-decoration: none;
}

.hpn_image {
    margin-bottom: 20px;
}

.hpn_date, #work ul li.boxNewsList .box-date {
    display: none;
    
    color: #4497c1;
    line-height: 40px;;
    border-bottom: #c7c7c7 solid 1px;
    margin-bottom: 6px;
}

/*[type="text"]*/
.form-inline label {
line-height: 40px;
width:140px;
}
legend span {
font-size:12px;
padding-left:15px;
}
#buyForm fieldset {
margin-bottom:40px;
} 
#buyForm h2 {
margin-top:10px;
}
.transportPayment {
padding-bottom:40px;
}

.transportItem input, .paymentsItem input {
float:left;
}
.transportItem p, .paymentsItem p {
display: inline-block;
padding-left:15px;
}
.table tr td:first-child {
text-align: left;
}
#souhlasy {
margin-bottom:10px;
}
.template-eshopResult dd, .template-eshopResult dt {
display: inline-block;
padding-right:10px;
}
.template-eshopResult fieldset {
margin-bottom:20px;
}

#leftColumn {
margin-top:30px;
}
#leftColumn span.title{  
display: block;
color:white;
line-height: 50px;
font-size: 16px;
background-color:#5a5a5a;
}  
.ul-leftMenu {

padding-top:10px;
background-color:#dddddd;
}
.ul-leftMenu li a {
border-radius:0 !important;
text-align: left !important;
color:white;
background:none !important;
border:none !important;
text-decoration: none;
margin-right:0 !important;
font-size:16px;
}


.ul-leftMenu li {
width:100% !important;
}
.ul-leftMenu ul {
margin:0 !important;
}
.ul-leftMenu li li > a  {
font-size:14px;
 padding-left:30px;
 display: none;
}
.ul-leftMenu li.active li > a {
display: block;
}
.ul-leftMenu li {
border-bottom:1px solid #AAAAAA;
}

.ul-leftMenu a:hover {

;
}
.ul-leftMenu a {
color:rgb(85, 85, 85) !important;
}
.ul-leftMenu a:hover {
 color:white !important;
  background-color:#4898c0 !important; 
}

.ul-leftMenu li.active > a {
  display: block;
  background-color:#4898c0 !important;
  color:black ;
}

#basketBox {

}
#basketBox .overview {
position: fixed;
top: 100px;
z-index: 9999;
background:rgba(0,0,0,0.8);


}
#basketBox .overview:hover {
background:rgba(72,152,192,0.8);
}                      
#basketBox .overview a {
display: block;
 padding:10px;
color:white;
text-decoration: none;
}
#basketBox .overview a:hover {

}
  

#basketSteps {
padding-bottom:30px;
clear: both;
text-align: center;
}
#basketSteps > div {
width:180px;
height:166px;
padding:2px;
display: inline-block;
margin-right:6px;
box-shadow: 0 4px 10px #EDEDED;
border:1px solid #e1e1e1;
font-weight: bold;
text-align: center;
}
#basketSteps div:hover {
border:1px solid rgb(72, 152, 192);
}
#basketSteps div.active a {
background-color:rgb(72, 152, 192);
}
#basketSteps a {
display: block;
padding-top:45px;
width:174px;
height:160px;
text-decoration: none;
background-color:#aeaeae;
}


#basketSteps div span {
color:white;
}
#basketSteps div .stepText {
clear: both;
display: block;
padding:15px;
color:#4b4a4a;
font-size:16px;
}
#basketSteps .num {

font-size:70px;
}
.navbar-header {
height:71px; 
}
.navbar-toggle {
margin-top:18px;
}

#basketSteps div:last-child {
margin:0;
}    




@media screen and (max-width: 1199px) {
     #for_r_go_left span {
      font-size:13px;
      margin-left:0;
     }   
     .navbar #for_r_go_left {
      width:120px !important;
     }
     .email_icon {
      display: none;
      margin-left:130px;
     }
     
     #header .carousel-caption {
          font-size:40px;
          line-height: 44px;
         
          
          top:10% !important;
          
          right:15% !important;
          left:15% !important;
      }  
      
      
      #header .carousel-caption-popis {
          padding-top:10px;
         
          
      }

}

@media screen and (max-width: 991px) {
    
        
            
      .navbar-header {
          float: none;  
      }
      .navbar-toggle {
          display: block;
      }
      .navbar-collapse {
          border-top: 1px solid transparent;
          box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
          position: relative;      
          
          
      }  
      .ul-topmenu {
          max-height:420px;
          overflow: scroll;
      }
      .navbar-collapse.collapse {
          display: none!important; 
      }
      .navbar-nav {
          float: none!important;
          margin: 7.5px -15px;
      }
      .navbar-nav>li {
          float: none;
      }
      .navbar-nav>li>a {
          padding-top: 10px;
          padding-bottom: 10px;
      }
      .navbar-text {
          float: none;
          margin: 15px 0;
      }
      /* since 3.1.0 */
      .navbar-collapse.collapse.in { 
          display: block!important; 
      }
      .collapsing {
          overflow: hidden!important;
      }      
      
      #for_r_go_left.navbar-text.navbar-right {
      display: none;          
          position: absolute;
          top: 0;
          left: 170px;
      }
      
      .carousel-indicators {
          display: none;
      }
      
    
      /* stylovani menu */
      
      #collapse {
          width: 100%;
          /*margin-top: 20px;*/
          padding: 0 !important;
          position: absolute;
          
      }
      
      #collapse li {
          width: 100%;
          /*background-color: rgba(0, 0, 0, 0.8);*/
          text-align: left;
          
      }  
      
      #collapse li a {          
          width: 100%;
          display: block;          
      }
      
      #collapse li ul, #collapse li.hover ul {
          width: auto;
          height: auto;
          position: relative;
          display: block;                    
      }             
      
      #collapse li ul li {
          position: relative;
          height: auto;
          display: block;   
          background: none;
          margin-left: 10%; 
               
      }
      #collapse li ul {
          display: none;
      }
      
      #collapse li:active  ul {
         display: block !important;
      }
      
      #header-menu ul.nav-tabs li li a {
          width: 90%;
          background: none;
      }
      
      #header-menu #collapse li ul li {
          float: left;
      }
    
      #hp_set_margin_top {
          padding-top: 990px;
      }
      
      #price_for_you {
          width: 100%;
          padding-left: 2%;
      }
    
    
}

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

    #for_r_go_left {
        display: none;
    }

    #carousel-example-generic .carousel-caption {
      padding-left:15px;
      padding-right:15px;
        padding-top: 14%;
        line-height: 30px;
        font-size:18px;
    }

    #kontakt_right {
        float: none;
        margin: 40px auto;
        position: relative;
    }
    
    .responsiveBasic {
        padding: 0 2%;
    }
    
    .responsiveMAX {
        margin: 0 auto;
        padding: 0 2%;
    }
    
    .responsive {
        margin: 0;
        padding: 0;
    }

}

.buttonKontantMail {
    border-radius: 6px;
    width:100%;
    max-width: 600px;
    text-align: center;
    display: block;
    color:white;
    text-decoration: none !important;
    font-size:24px;
    line-height: 32px;
    padding:10px;
    border-right:2px solid #333;
    border-bottom:2px solid #333;
    font-weight: bold;
    
}
.buttonKontantMail:hover {
    color:white !important;
    border:none;
    position: relative;
    left:1px;
    top:1px;
}

#slider_new {
    padding-top:71px;
}

.carousel-inner>.item>img {
    max-width: none;
    
    height:auto;
    
    min-height:150px;
    min-width:100%;
              
    max-height:584px;
    width:100%;
    
    
}
.carousel-inner>.item {
  max-height:584px;
  overflow-y: hidden;
}

.carousel-inner {
    /*min-height:150px;*/
}


.submenu {
padding-top:25px;
margin-bottom:25px;
}

.submenu li {
list-style: none url();
margin-bottom:15px;




}
.submenu li a {
  vertical-align: middle;
  margin-bottom:0px;
  display: block;
  min-height:75px;
  border:4px solid red;
  border-radius:4px;
  color:white;
  text-decoration: none;
  font-size:20px;
  padding:10px;
  text-align: left;
  
}
.submenu li a span {
   vertical-align: middle;
}

.submenu li a img {
   float:left;
   margin-right:15px;

}