/*body*/
body{
    margin               :0px auto;
    padding:0px;
    background-color:#191414;
    color:#ffffff;
    font-family:Roboto condensed;
    font-weight:300;
    font-size            :16px;   
}
table{
      border-collapse      :collapse;   /*separate*/ /*collapse*/
}


div.m-top div.moduletable{
 float:right!important;
 margin:0px 20px 0px 20px;
  
}

td{
  vertical-align:top;
  padding:0px;
  margin:0px;
}

a img{
  border:none;
}
a.at_icon{
 display:none; 
}
a.at_url{
 float:right!important; 
  font-size:22px;
  padding:5px;
}
a{
  text-decoration:none;
  color:#ffffff;
}

p{
  display:block;
  margin:0px;
  padding:0px;
}

img{max-width: 100%; height:auto;}
.blog-featured h1, .blog h1, .bloghome h1, .componentheading{display:none;}

div.m-fx{
  position:fixed;
  top:40%;
  left:0px;
  z-index:999999;
}


div.m-topmenu{
  background-image:url('../images/bgr.jpg');
  background-position:top center;
  background-repeat:repeat-x;
  background-color:#f3efe3;
  padding:0px;
  margin:0px;
  border-top:6px solid #160b09;

}
/*----------------top*/
div.m-topcont{
  background-image:url('../images/bgr.jpg');
  background-position:top center;
  background-repeat:repeat-x;
  background-color:#f3efe3;
  padding:130px 0px 0px 0px;
  margin:0px;
}

@media screen and (max-width: 768px) {
div.m-topcont{
  padding:100px 0px 0px 0px;
}
}
div.m-top{
  background-image:url('../images/top.png');
  background-position:top center;
  background-repeat:repeat;  
  text-align:right;
  color:#474642;
}
div.m-top div.moduletable{
  margin:10px;
}

button.m-burger{
  padding:5px;
  margin:20px 0px 6px 0px;
  border:1px solid #474642;
  border-radius: 3px;
  float:right;
  }  
button.m-burger span.icon-bar{
  padding:1px;
  background-color:#474642;
}
button.m-burger span.icon-txt{
  color:#474642;
}

/*----------------logo*/
div.m-logo{
  padding:5px 0px 5px 0px;
  margin:-40px 0px 0px 0px;
  display:block;
  text-align:center!important;
  
}
@media screen and (max-width: 760px) {
    div.m-logo{
      margin:0px 0px 0px 0px;
    }
    div.m-logo img{
        margin:0px;
        width:80px;
    }    
}  
/*----------------menu2*/

div.m-menu{
  background-image:url('../images/menu.jpg');
  background-position:top center;
  background-repeat:repeat;  
  background-color:#f5f0e1;
  margin:0px;
  padding:0px;
  border-top:1px solid #d6cbab;border-bottom:1px solid #d6cbab;
  float:none;
}
div.m-menu-xs{
}
div.m-menu2{
  display:block;
}
div.m-menu2 ul.menu, div.m-menu-xs ul.menu{
  float:right;
  display:block;
  text-decoration:none;
  list-style:none;
  color:#474642;
  margin:0px;
  padding:0px;
}

div.m-menu2 ul.menu li, div.m-menu-xs ul.menu li{
  float:left;
  padding:0px;
}
div.m-menu2 ul.menu li a, div.m-menu-xs ul.menu li a{
  display:block;
  color:#474642;
  padding:15px 10px 17px 10px;
  margin:0px 0px 0px 50px;
  font-size:18px;
  font-weight:300;
}
@media screen and (max-width: 1204px) {
div.m-menu2 ul.menu li a{
  margin:0px 0px 0px 20px;
}    
}

@media screen and (max-width: 1006px) {
div.m-menu2 ul.menu li a, div.m-menu-xs ul.menu li a{
  margin:0px 0px 0px 0px;
}    
}

div.m-menu2 ul.menu li a:hover{
  color:#ffffff;background-color:#d6cbab; 
  text-decoration:none;
}

/*----------------header*/
div.m-header{
  background-color:#ffffff;
  border-radius:5px;
  padding:20px;
}


div.m-header div, div.m-header p{
  margin:0px;
  padding:0px;
}
div.m-header1 img, div.m-header2 img, div.m-header3 img, div.m-header4 img{
  width:100%; height:auto;  
}
/*----------------header*/
#attachmentsList_com_content_article_17 caption{
 display:none!important; 
}
div.m-tresc{

  color:#150a08;
  padding:0px!important;
}
div.m-tresc a{
 color:#c98248; 
}
div.m-tresc img{
  max-width:100%!important;
}
@media screen and (max-width: 400px) {
div.m-tresc div.blogsklepy div.item img,
div.m-tresc div.blog img, 
div.m-tresc div.item-page img,
div.m-tresc div.blogsklepy div.item-pagesklepy img,
div.m-tresc div.item-pagesklepy img
{
  width:100%!important;
}    
div.m-tresc div.blog,
div.m-tresc div.blogsklepy{
  overflow:hidden;
  width:100%!important;
}    
} 
div.blogsklepy div.item{
 border-bottom:1px solid #b7ad9e; 
  padding-bottom:10px;
}
.categories-list ul{
padding:0px; 
        
}
.categories-list div, .blogokol .cols-1{
          float:left;
        width:31%;
        margin:0% 1% 0% 1%!important;  
    overflow:hidden!important;
}

div.category-desc{
width:100%!important;
    overflow:hidden!important;
}

div.category-desc img{

}

.page-header{
    border:none!important;
}

div.item-image img{
   max-width:300px!important; 
    max-height:200px!important;
      object-fit: cover;
margin:0em 1em 1em 0em;}   



@media screen and (max-width: 768px) {
.categories-list div, .blogokol .cols-1{
          float:left;
        width:48%;
        margin:0% 1% 0% 1%!important;  
    overflow:hidden!important;
}
}

@media screen and (max-width: 400px) {
.categories-list div, .blogokol .cols-1{
          float:left;
        width:100%;
        margin:0% 1% 0% 1%!important;  
    overflow:hidden!important;
}
}

div.m-tresc div.m-content h3, div.m-tresc div.m-content h2, div.categories-list ul li span.item-title{
  display:block;
  font-size:22px;
  margin-top:20px;
  margin-bottom:10px;
  font-weight:300;
}
div.m-tresc div.m-content h3 a, div.m-tresc div.m-content h2 a, div.categories-list ul li span.item-title a{
  color:#150a08;
  margin:0px!important;
  padding:0px!important;
    font-weight:300;
}
div.m-content{
  line-height:26px;
    width:100%!important;
}
div.item-page{
  margin:-10px 0px 0px 0px;
}

iframe{
  width:100%!important;
  overflow:hidden;
}
div.m-map{
overflow:hidden;
}

div.blogsklepy div.items-row{
 float:none; 
}
div.items-row{
  float:left;
}


/*1 col*/
.cols-1{
  width:100%;
  overflow:hidden;
}
.cols-4 .column-1{
    width:100%!important;
}



/*4 col*/
.cols-4{
  width:100%;
  overflow:hidden;
}
.cols-4 .column-1
{
        width:24%;
        float:left;
        margin:0% 0% 0% 0%;
}
.cols-4 .column-2
{
        width:24%;
        float:left;
        margin:0% 1% 0% 1%;
}
.cols-4 .column-3
{
        width:24%;
        float:left;
        margin:0% 1% 0% 0%;
}
.cols-4 .column-4
{
        width:24%;
        float:left;
        margin:0% 0% 0% 1%;
}


@media screen and (max-width: 768px) {
/*4 col*/
.cols-4{
  width:100%;
  overflow:hidden;
}
.cols-4 .column-1
{
  width:98%;
  float:none;
  margin:0% 1% 0% 1%;
}
.cols-4 .column-2
{
  width:98%;
  float:none;
  margin:0% 1% 0% 1%;
}
.cols-4 .column-3
{
  width:98%;
  float:none;
  margin:0% 1% 0% 1%;
}
.cols-4 .column-4
{
  width:98%;
  float:none;
  margin:0% 1% 0% 1%;
}
}



/*3 col*/
.cols-3{
  width:100%;
}
.cols-3 .column-1
{
        width:32%;
        float:left;
        margin:0% 0% 0% 0%;
}
.cols-3 .column-2
{
        width:32%;
        float:left;
        margin:0% 1% 0% 1%;
}
.cols-3 .column-3
{
        width:32%;
        float:left;
}
@media screen and (max-width: 728px) {
.cols-3{
  width:100%;
}
.cols-3 .column-1
{
        width:100%;
        float:none;
}
.cols-3 .column-2
{
        width:100%;
        float:none;
}
.cols-3 .column-3
{
        width:100%;
        float:none;
}
}

/*2 col*/
.cols-2{
  width:100%;
}

.cols-2 .column-1
{
        width:49%;
        float:left;
        margin-right:1%;
}
.cols-2 .column-2
{
        width:49%;
        float:left;
        margin-left:1%;
}
@media screen and (max-width: 728px) {
.cols-2{
  width:100%;
}
.cols-2 .column-1
{
        width:100%;
        float:none;
}

.cols-2 .column-2
{
        width:100%;
        float:none;
}
}

/* Gallery */
div.sigplus-gallery{
  clear: both;
  padding: 5px 0 5px 5px;
  margin: 0px 0;
  background: none;
  border-top: 0px solid #ccc;
  border-bottom: 0px solid #ccc;  
  overflow: hidden;
  text-align:center!important;float:none!important;
}

div.sigplus-gallery ul li a img{
      float: left!important;
    margin: 0px 6px 6px 0px!important;
    padding: 3px!important;
    border: 1px solid #ccc!important;
    background: #fff!important;    
  border-radius: 5px!important;
  }

@media screen and (min-width: 1000px) {
  div.sigplus-gallery ul li a img{
    float: left!important;
    margin: 0 15px 15px 0!important;
    padding: 4px!important;
    border: 1px solid #ccc!important;
    background: #fff!important;
    border-radius: 5px!important;
  }
}
@media screen and (min-width: 1200px) {
  div.sigplus-gallery ul li a img{
    float: left!important;
    margin: 0 18px 18px 0!important;
    padding: 6px!important;
    border: 1px solid #ccc!important;
    background: #fff!important;
    border-radius: 5px!important;
  }
}

@media screen and (max-width: 420px) {
  div.sigplus-gallery ul li a img{
  width:100%!important;
    min-width:250px!important;
}}


/*----------------dol*/
div.m-stopkacont{
  background-color:#191414;
  background-image:url('../images/stopka2.jpg');
  background-position:top center;
  background-repeat:repeat-x;  
  color:#968e87;
  font-size:14px;
  padding:20px 0px 20px 0px;
  margin-top:30px;
  min-height:250px;
}

