@font-face {
  font-family: 'BTraffic';
  src: url('../fonts/BTraffic.eot?#') format('eot'),  /* IE6–8 */
       url('../fonts/BTraffic.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../fonts/BTraffic.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'Titr';
  src: url('../fonts/Titr.eot?#') format('eot'),  /* IE6–8 */
       url('../fonts/Titr.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../fonts/Titr.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}



@font-face {
  font-family: 'BTitrBold';
  src: url('../fonts/BTitrBold.eot?#') format('eot'),  /* IE6–8 */
       url('../fonts/BTitrBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../fonts/BTitrBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
audio:not([controls]) {
    display: none;
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body ,a ,p ,h1 ,h2 ,h3 ,h4 ,h5 ,h6 ,span ,ol ,li ,ul{
  font-family: BTraffic  !important;
text-decoration: none !important;
}

body{
width:100%;
margin:0 auto;
padding:0px;
color: #808080  !important;
  font-family: BTraffic!important;
background: #f4f5f7;
}
body a{

  font-family: BTraffic  !important;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
#body
{
  font-family: BTraffic  !important;
}

body a{

  font-family: BTraffic  !important;
}

}


#wrapper ,#box1,#box2,#box3,#box4,#box5,#box6,box15{
width:100%;
float: right;

}
.inner{
 width:1349px;
margin: 0 auto;

}




#right{
float:right;

}
#menu {
    float: right;
     margin-top: 33px;

}


#logo {
    float: right;
 margin-top: 16px;
font-family:  Titr ;

}
#logo a ,#logo p ,#logo h1 ,#logo h2 ,#logo h3 ,#logo h4 ,#logo h5 ,#logo h6 ,#logo span ,#logo ol ,#logo li ,#logo ul{
  font-family: Titr !important;
}

#left{
float:left;
margin-top: -15px;

}
#left a {
    text-decoration: none;
    color: #808080;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
div#left {     margin-top: -6px;}
}



#copynpco {
    clear: both;
        clear: both;
    text-align: center;
    font-size: 12px;
display: none;
}
#copynpco  a{

   color:#8D8989;
}
div.mod_search91 input[type="search"] {
    width: auto;
border-radius: 10px;
height: 26px;
background: #d7d7d7;
margin-top: -18px !important;
padding-right: 8px;
border: none !important;
}
#social {
    margin-right: 12px;
    margin-bottom: 5px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#social {     margin-right: 27px; }

}




#search {
   margin-bottom: 10px;
margin-top: -20px;
}

#box1 {
   float: right;
/* background: url("../images/bg.png") !important;
background-repeat: no-repeat !important;*/
border-bottom: 1px solid #C6B7B7;
box-shadow: 0 0 3px #808080;
background: #fff !important;
}
#box2 .inner {
    width: 98% !important;
    margin: 0 auto !important;
}
@media only screen and (min-width:1367px) and (max-width: 1920px){


#box2 .inner {     width:1340px !important;    }

}
.left2 {
    width: 29%;
    float: left;
margin: 6px 0 !important;
}
.right1 {
margin: 6px 0 !important;
width: 70%;
float: right;
}
#slideshow {
    width: 100%;
}
.boxes {
    font-size: 14px;
    width: 100%;
    height: 45px;
    margin-top: 10px;
}
.boxes a{
    font-size: 14px;
text-decoration:none;
color:#fff;
}

#pos1 ,#pos2 ,#pos3 ,#pos4{
  float: right;
    width: 24.2%;
    height: 44px;
    border-radius: 5px;
    margin: 0px 1%;

}
#pos1 {
    background: #E56E68;
 margin: 0 !important;

}
#pos2 {
    background: #5AA5B8;

}
#pos3 {
    background: #97bb7d;
    margin-right: 0 !important;
}
#pos4 {
    background: #06A4DB;
margin: 0 !important;
    
}


#tabs{
width: 100%;
}

.gkTabsItem.gk-opacity{

    height: 285px;
}

#news {
    margin: 0 10px 0 9px;
background: #3a579b;
height: 50px;
padding: 0px 0 11px 0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
color: #a5a5a5;
}
#news a{
color: #a5a5a5;
}
#news .bt-cs .bt-row {
    padding: 11px;
}
#news .readmore {
    float: left;
    margin-top: -23px;
}

#pos5 h3, #pos6 h3 , #pos7 h3 , #pos8 h3{

color:#fff;
}


#pos5, #pos6, #pos7, #pos8 {
    float: right;
    margin-left: 14px;
margin-right: 14px;
width:20%;
}
#pos5 {
    line-height: 22px !important;

}
#bottom {
background: #303030;
float: right;
margin: 8px 5px 0 6px;
padding-bottom: 13px;
line-height: 22px;
border-radius: 5px;
color: #858b8d !important;
font-size: 15px;
font-weight: 900;
width:99%;
}

@media only screen and (min-width:1024px) and (max-width: 1024px){
#bottom {     width: 100%;     margin-right: 8px !important; }

}

/* #border {
width: auto;
    border: 1px solid #b4b6b3;
    height: 150px;
    margin: 10px 11px 0 11px;
} */
#bottom a {
    text-decoration: none !important;
    color: #858b8d;
}
#footer {
   line-height: 6px;
}

#box3 .bt-cs .bt-inner img{

  outline: none !important;
    margin-top: -18px;
}
.bt-title {
    margin: 80px 14px 0 0 !important;
    position: absolute;
font-weight: normal !important;
}
#product{
 height: auto;
margin: 5px 10px 12px 11px !important;
box-shadow: 0 0 3px !important;
-webkit-box-shadow: 0 0 3px !important;
-moz-box-shadow: 0 0 3px !important;
-ms-box-shadow: 0 0 3px !important;
-o-box-shadow: 0 0 3px !important;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
background: #fff;
padding-bottom: 1px;
}
#pos5 ul {
    list-style: none;
}

.rsformform_contactus {
   float: left;
margin-top:-407px;
color: #7A7373;
font-size: 18px;

}
   #content {
   background-color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 0 4px #808080;
-webkit-box-shadow: 0 0 4px #808080;
-moz-box-shadow: 0 0 4px #808080;
-ms-box-shadow: 0 0 4px #808080;
-o-box-shadow: 0 0 4px #808080;
margin: 0 auto;
width: 1220px;
padding: 12px;
margin-bottom: 77px;
}
#content a {
    text-decoration: none;
}
#text {
    width: 100%;
    clear: both;
}

div.itemListSubCategories h3 {     display: none; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.rsformform_contactus {

margin-top: -383px;


}
}



#map {
    margin: -56px 117px 0 0;
}
#form {
    float: left;
color: #808080  !important;
}
.moduletablecontact-address {
    float: right;
    width: 45%;
    margin-top: 0px;
}
.rsformcontactus {
    margin: 0 -550px 0 0 !important;
}

.pagination.pagination-centered {
    display: none;
}
#phocagallery #pg-icons {

    display: none;
}
a[href*="http://www.phoca.cz/phocagallery"]{
display:none !important;
}
.subCategoryMore {
    margin-right: 44px !important;
}

div.catItemReadMore a{

color:#fff !important;
}
.subCategoryMore {
    display: none;
}
html > body > div#wrapper > div#text > div#content > div.item-page > div > table > tbody > tr > td > div.rsformcontactus > form#userForm.formResponsive > h2 {
    background: none !important;
}

@media only screen and (min-width:320px) and (max-width: 320px){
div.mod_search91 input[type="search"] {     float: left !important;     margin-bottom: 10px !important; }

}
@media only screen and (min-width:360px) and (max-width: 414px){
#product,#news{padding:3px }
#bottom{padding:3px !important; }

}
@media only screen and (min-width:1024px) and (max-width: 1024px){
.gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li { padding: 0px 7px 0px 12px !important;    }


}

@media only screen and (min-width:1024px) and (max-width: 1024px){
.gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li { width: 26% !important;         }


}


#contdiv{
width:100%

}
#phocagallery .page-header {
    display: none;
}
div.itemListCategory h1 ,#content h1{
   background: #E1E2E4;
border-radius: 5px;
padding: 9px 17px 9px 0 !important;
color: #6E6E6E;
}
html > body > div#wrapper > div#text > div#content > div.item-page > div > table > tbody > tr > td > div.moduletablecontactus > div.rsformcontactus > form#userForm.formResponsive > h2 {
    background: none !important;
}
.subCategory h2 {
    background: none !important;
}
.tp-rightarrow.default:hover {     background:url(../images/hlarge_right.png) no-repeat 0 0;      }
.tp-leftarrow.default:hover {     background:url(../images/hlarge_left.png) no-repeat 0 0;      }

html > body > div#wrapper > div#text > div#content > div#phocagallery.pg-category-view.pg-cv > div#phocagallery-pane > div.current > dd.tabs > div#phocagallery-comments > form#phocagallery-comments-form > table > tbody > tr > td > input.comment-input2 {
    display: none !important;
}


#phocagallery-comments .comment-input2, #phocagallery-upload .comment-input2, #phocagallery-ytbupload .comment-input2, #phocagallery-javaupload .comment-input2, #phocagallery-multipleupload .comment-inpu2t, #phocagallery-category-creating .comment-input2, #phocagallery-subcategory-creating .comment-input2, #phocagallery-user .comment-input {

    display: none !important;
}
html, body, .contentpane {

    text-align: right !important;
}
.gkTabsItem.gk-opacity.gk-active {
    line-height: 20px;
}
img.ns2-image {
  margin-top: -16px !important;
margin-right: 9px !important;
}

.ns2-title a {
    margin-top: -11px !important;
    display: block;
    font-size: 14px;
    font-weight: normal !important;
color: #4C4C4C;
text-align: center;
}
.ns2-inner {
    margin-right: 71px !important;
}
.ns2-art-controllers {     
margin-right: 18px; 
margin-top: -12px;
}
a.ns2-readmore span {
    background: none !important;
    padding: 0px 0px 0px 13px;
    float: left;
    margin: -42px 0 0 50px !important;
}
.customcontact-address {
    float: right;
    width: 80%;
    
}
.mnwall-columns .mnwall-item-inner {
    padding: 0 !important;
    text-align: center;
}
h3.mnwall-title {
    padding: 0 !important;

}




@media only screen and (min-width:533px) and (max-width: 640px){a.ns2-readmore span {     margin: -22px 5px 0 0 !important; }div.itemContainer {     width: 48% !important; } }
@media only screen and (min-width:1024px) and (max-width: 1024px){ a.ns2-readmore span {     margin: -42px 5px 0 0 !important;  } }
.sj-extraslider .extraslider-inner .item-wrap .item-image img {
    width: 42% !important;
}

@media only screen and (min-width:320px) and (max-width: 1024px){
.inner{width:95%;margin:0 auto; }
#content {     width: 96% !important; padding: 6px !important;    }
#content  img {    width: 100%;height: auto; }
span.catItemImage img {     padding: 5px;     width: 100% !important;margin-right: -4px !important; }
#cavas_id131 {     width: 100% !important; }
.ns2-inner {     margin-right: 0 !important; }
#footer {     line-height: 16px !important; }
div.mod_search91 input[type="search"] {  width: 290px !important;}
a.ns2-readmore span {     margin:0px 0 0 0px !important; }
#k2Container {     padding: 0 0 24px 0;     width: 95% !important; }
div.itemFullText img {     width: 100%; }
div.itemContainer {     width: 100% !important; }
#pos1, #pos2, #pos3, #pos4 {     margin-top: 4px !important; }
#pos2 {     margin-right: 0px; }
.formResponsive .formHorizontal .formControlLabel {     width: 150px !important; }
.pg-modal-button {     display: inline-block !important; }
.pg-icon-detail {     margin-top: -13px; }
#phocagallery-pane img{width:12% !important;}
span.itemImage img {     width: 97% !important; }
}
@media only screen and (min-width:1280px) and (max-width: 1280px){
.inner{width:100%;margin:0 auto; }

}
@media only screen and (min-width:320px) and (max-width: 603px){
#logo {     width: 100%; }
.inner{width:95%;margin:0 auto; }
#menu{ width: 100%;}
#social {     margin-right: 36px; }
#search {     width: 100%;     }
.right1 {     margin: 6px 0px 0 0 !important;     width: 100%; }
#slideshow {     width: 100%; }
#pos1,#pos2,#pos3,#pos4 {     width: 100%; }
.left2 {     margin: 10px 0 0 0 !important;    width: 100%; }
.gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li {     width: 100% !important;  }
#product {     margin:10px 0 0 0 !important;     width: 100%; height: auto !important;padding:3px}
#news {     width: 100%;     height: auto !important;     margin: 6px 0 0 0 !important; }
#news .readmore {  margin-top: 0px; }
#border {     height: auto;     width: 100%; float: right;    margin: 5px 0 0 0 !important; }
#bottom {     height: auto !important;     width: 100%;     float: right;     margin: 5px;     padding: 0;margin-right: 0px;}
#pos5,#pos6,#pos7,#pos8 {     width: 60%;margin: 0 93px 0 0 !important; }
#pos5 {margin: 0 70px 0 0 !important; }
#right {     float: none ; }
.readmore {     width: 100%;     margin-right: -42px;     position: relative; }
#footer {     width: 100%; }
}

@media only screen and (min-width:524px) and (max-width: 640px){
#left {     margin-left: 114px; }
}
@media only screen and (min-width:360px) and (max-width: 375px){
.left2 {
    margin: 10px 0 0 0 !important;
    width: 100%;
}
}
@media only screen and (min-width:375px) and (max-width: 375px){
#search {   margin: 0 17px 10px -8px; }
.gkTabsWrap.vertical {     margin-right: 0px; }
}
@media only screen and (min-width:414px) and (max-width: 414px){
#search {margin: 0 19px 10px 3px;}
gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li {
    width: 100% !important;
}
.gkTabsWrap.vertical {     margin-right: 0px !important; }
}





@media only screen and (min-width:375px) and (max-width: 375px){
.gkTabsWrap.vertical {   }
.bt-title {     margin: 70px 105px 0 0 !important;     position: absolute; }
}


@media only screen and (min-width:533px) and (max-width: 640px){.gkTabsGK5 {    width:100% !important; }div.itemContainer {     width: 48% !important; }}
@media only screen and (min-width:533px) and (max-width: 640px){.readmore {  width: 157%;   margin-right: -42px;     position: relative; }}
@media only screen and (min-width:533px) and (max-width: 640px){#box3 .bt-cs .bt-inner img{max-width: 73px;margin: 0px -60px 0 0px;
}}
@media only screen and (min-width:533px) and (max-width: 640px){.bt-title {     margin: 90px -41px 0 0 !important;     font-size: 11px; }}
@media only screen and (min-width:533px) and (max-width: 640px){#bottom {      padding: 0 0 0 5px !important; }}
@media only screen and (min-width:533px) and (max-width: 640px){#pos5 {     margin: 0 178px 0 0 !important; }}
@media only screen and (min-width:533px) and (max-width: 640px){#pos6,#pos7,#pos8 {     margin: 0 220px 0 0 !important; }}




@media only screen and (min-width:641px) and (max-width: 1024px){.inner {     width: 100%;     margin: 0 auto; }}
@media only screen and (min-width:641px) and (max-width: 1024px){#logo {     width: 100%; }}
@media only screen and (min-width:641px) and (max-width: 1024px){#menu,#right,#right1 {     width: 100%; }}
@media only screen and (min-width:641px) and (max-width: 1024px){#left {     margin-left: 99px; }}
@media only screen and (min-width:641px) and (max-width: 1024px){#social,#search{     width: 100%;
.right1 {     margin: 6px 7px 0 0 !important;     width: 70%; }
#slideshow {
    width: 100% !important;}
.gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li {    padding: 0 5px 0 8px !important; }
 }

@media only screen and (min-width:641px) and (max-width: 1024px){.left2 {margin-left: 1px !important; }}

@media only screen and (min-width:641px) and (max-width: 1024px){#product {     margin: 0px 10px 10px 11px !important;  }}
@media only screen and (min-width:641px) and (max-width: 1024px){.bt-cs .bt-inner img {     margin: -14px -56px 0 7px !important; }}
@media only screen and (min-width:641px) and (max-width: 1024px){.bt-title {     margin:84px -51px 0 0 !important;   font-size: 14px;     font-weight: 200 !important; }}
@media only screen and (min-width:641px) and (max-width: 1024px){#news {     width: 97%;     height: auto; }}
@media only screen and (min-width:641px) and (max-width: 1024px){#border {     float: right;     height: auto; }}
@media only screen and (min-width:641px) and (max-width: 1024px){#bottom {     float: right;     height: auto;     margin-bottom: 10px; }}

@media only screen and (min-width:641px) and (max-width: 1024px){#left {     margin-left: 142px; }}

@media only screen and (min-width:641px) and (max-width: 1024px){#pos5, #pos6, #pos7, #pos8 {     margin-left: 11px !important;     margin-right: 11px; }}

@media only screen and (min-width:768px) and (max-width: 768px){

#left {     margin-left: 193px; }
.right1 {    width: 100%; }
#pos1, #pos2, #pos3, #pos4 {     width: 23% !important;margin: 5px 6px 0px 5px;padding-left: 10px;}
div.itemContainer {     width: 48% !important; }
}


@media only screen and (min-width:768px) and (max-width: 1024px){.left2 {     width: 30%; }}
@media only screen and (min-width:768px) and (max-width: 1024px){.gkTabsGK5 { }}
@media only screen and (min-width:768px) and (max-width: 1024px){#border,#bottom{     width: 97%; }}
@media only screen and (min-width:768px) and (max-width: 1024px){#bottom{     width: 100%;margin: 8px 10px 0 6px !important; } }


@media only screen and (min-width:603px) and (max-width: 603px){#bottom{     width: 98%; }}


@media only screen and (min-width:768px) and (max-width: 800px){
#left {     margin-left: 206px; }
.right1{    width: 100% !important; }
#slideshow {    width: 100% !important; }
.left2 {     width: 100%;     margin-top: 10px !important; }
#tabs {     width: 100%;     margin: 0 auto; }
.gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li {     width: 100% !important; }
#news .readmore {  margin-top: 0; }

}
@media only screen and (min-width:800px) and (max-width: 800px){
#pos1, #pos2, #pos3, #pos4 {   width: 23%;  margin: 5px 7px 0px 5px; padding-left: 11px;}
div.itemContainer {     width: 33% !important; }
}

@media only screen and (min-width:1024px) and (max-width: 1024px){
#pos1, #pos2, #pos3, #pos4{     width: 23%; }
.left2 {     width: 295px; }
#slideshow {     width: 96%; }
.ns2-art-controllers {     margin-top: -25px; }
.gkTabsItem.gk-opacity {    width: 286px; }
a.ns2-readmore span {     margin: -47px 5px 0 0 !important;  }
div.itemContainer {     width: 25% !important; }
}


@media only screen and (min-width:980px) and (max-width: 980px){
.right1 {     width: 68%; }
.gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li { width: 26% !important;         }
#pos1, #pos2, #pos3, #pos4 { margin-left: 5px !important; }
#news {     width: 98%;   }
#bottom {   padding-left: 8px; }
div.itemContainer {     width: 25% !important; }
}

@media only screen and (min-width:981px) and (max-width: 1024px){
#left {     margin-left: 22px  !important;      margin-top: -90px  !important;  }
.gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li{padding: 0px 5px 0px 9px !important;}
#product {     margin: 0px 10px 10px 11px !important; }
#news,#border {     width: 98%;   }
#bottom {     width: 100%; }
#pos1, #pos2, #pos3, #pos4 {     margin-left: 9px !important; }
}

@media only screen and (min-width:320px) and (max-width: 603px){
div.subCategoryContainer {  width: 100% !important; }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1280px), (min-width: 1280px) {
 #menu {
        margin-right: -37px !important;
}

}
@media only screen and (max-width: 700px) {
  .rsformcontactus {
    margin: 0 29px 0 29px !important;
}
.bt-googlemaps {
    width: 100% !important;
}
div#cavas_id130 {
    width: 100% !important;
}
.moduletablecontact-address {
    float: right;
    width: 100%;
    margin-top: 0 !important;
}
.customcontact-address {
    float: right;
    width: 100%;
}
}
.formResponsive .formHorizontal .formControlLabel {
    float: right !important;
    width: 100% !important;
    padding-top: 5px;
    text-align: right;
}
@media only screen and (max-width: 603px) and (min-width: 320px){
.bt-googlemaps {
    width: 100% !important;
}
.moduletablecontact-address {
    float: right;
    width: 100% !important;
    margin-top: 0px;
}
}