/*
Theme Name: JO-78.com
Theme URI: http://jo-78.com/
Description: "JO 78" LTD.
Version: 1.0
Author: "JO 78" LTD
Tags: blue, custom header

.php

*/



/* Begin Typography & Colors */
*{
  margin: 0;
  padding: 0;
}


body{
    font: 12px Arial;
    background: white url(images/bodybg.jpg) repeat-x;
    color: #0A1213;
}
img, html{
  border: none;
}

.kvn{
  padding: 5px;
}


a, input, textarea{
  outline: none;
}

a{
  color: #151599;
}

#logo{
  display: block;
  float: left;
  width: 96px;
  height: 96px;
  margin: 20px 0 0 9px;
  text-indent: -9999px;
}


.c{
  clear: both;
  height: 1px;
  overflow: hidden;
}

.d:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.d{
	display: inline-block;
}

html[xmlns] .d{
	display: block;
}

* html .d{
	height: 1%;
}


.richtext {
	font:12px Arial, sans-serif
}
.richtext th, .richtext td, .richtext h6, .richtext h5, .richtext h4, .richtext h3, .richtext h2, .richtext h1 {
	font-family:Arial, sans-serif
}
.richtext pre, .richtext menu, .richtext hr, .richtext dir, .richtext center, .richtext ul, .richtext p,
.richtext ol, .richtext noframes, .richtext h6, .richtext h5, .richtext h4, .richtext h3, .richtext h2,
.richtext h1, .richtext frameset, .richtext frame, .richtext form, .richtext fieldset, .richtext dt,
.richtext dl, .richtext div, .richtext dd, .richtext blockquote, .richtext address {
	display:block
}
.richtext li {
	display:list-item
}
.richtext head {
	display:none
}
.richtext table {
	display:table;
	border-spacing:2px
}
.richtext tr {
	display:table-row
}
.richtext thead {
	display:table-header-group
}
.richtext tbody {
	display:table-row-group
}
.richtext tfoot {
	display:table-footer-group
}
.richtext col {
	display:table-column
}
.richtext colgroup {
	display:table-column-group
}
.richtext th, .richtext td {
	display:table-cell;
	vertical-align:inherit
}
.richtext caption {
	display:table-caption
}
.richtext th, .richtext strong, .richtext b, .richtext h6, .richtext h5, .richtext h4, .richtext h3, .richtext h2, .richtext h1 {
	font-weight:bolder
}
.richtext th, .richtext caption, .richtext center {
	text-align:center
}
.richtext body {
	margin:8px
}
.richtext h1 {
	font-size:2em;
	margin:.67em 0;
	font-size:24px
}
.richtext h2 {
	font-size:1.5em;
	margin:.75em 0;
	font-size:22px
}
.richtext h3, .richtext big {
	font-size:1.17em
}
.richtext h3 {
	margin:.83em 0;
	font-size:20px
}
.richtext menu, .richtext dir, .richtext dl, .richtext ol, .richtext form, .richtext fieldset, .richtext ul, .richtext blockquote, .richtext p, .richtext h4 {
	margin:5px 0
}
.richtext h5, .richtext sup, .richtext sub, .richtext small {
	font-size:.83em
}
.richtext h5 {
	margin:1.5em 0;
	font-size:16px
}
.richtext h6 {
	font-size:.75em;
	margin:1.67em 0
}
.richtext blockquote, .richtext dd, .richtext menu, .richtext dir, .richtext ul, .richtext ol {
	margin-left:40px
}
.richtext blockquote {
	margin-right:40px
}
.richtext address, .richtext var, .richtext em, .richtext cite, .richtext i {
	font-style:italic
}
.richtext samp, .richtext kbd, .richtext code, .richtext tt, .richtext pre {
	font-family:monospace
}
.richtext pre {
	white-space:pre
}
.richtext select, .richtext input, .richtext textarea, .richtext button {
	display:inline-block
}
.richtext sub {
	vertical-align:sub
}
.richtext sup {
	vertical-align:super
}
.richtext foot, .richtext tbody, .richtext thead {
	vertical-align:middle
}
.richtext del, .richtext strike, .richtext s {
	text-decoration:line-through
}
.richtext hr {
	border:1px inset
}
.richtext ol {
	list-style-type:decimal
}
.richtext ol ol, .richtext ul ul, .richtext ul ol, .richtext ol ul {
	margin-top:0;
	margin-bottom:0
}
.richtext ins, .richtext u, .richtext:visited, .richtext:link {
	text-decoration:underline
}
.richtext br:before {
	content:"\A"
}
.richtext:after, .richtext:before {
	white-space:pre-line
}
.richtext:focus {
	outline:thin dotted invert
}
.richtext BDO[DIR="ltr"], .richtext *[DIR="ltr"] {
	direction:ltr
}
.richtext BDO[DIR="ltr"], .richtext BDO[DIR="rtl"] {
	unicode-bidi:bidi-override
}
.richtext BDO[DIR="rtl"], .richtext *[DIR="rtl"] {
	direction:rtl
}
.richtext *[DIR="ltr"], .richtext *[DIR="rtl"] {
	unicode-bidi:embed
}





#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */




/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */

#wrapper{
  margin:0 auto;
  width:950px;
  padding-top: 18px;
  position: relative;
  zoom:1;
}
#wrapper:after{
    content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;

}


#content-wrapper{
  margin:0 auto;
  width:950px;
  padding-bottom: 20px;
  clear: both;
}


#header{
    position:relative;
    width:950px;
    height: 160px
}
#headerbg{
  position: absolute;
  z-index: 0;
  -z-index: -1;
  width: 967px;
  height: 156px;
  left:-9px;
  top: -10px;
  overflow: hidden;
  background: url(images/header.png) no-repeat scroll 0 0;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://new.jo-78.com/wp-content/themes/jo78/images/header.png', sizingMethod="crop");

}
#headercontent{
  position: relative;
  z-index: 1;
}


#sidebar{
  float: left;
  width: 210px;
}

#content{
  float: right;
  width: 735px;
  min-height: 500px;
     -height: 500px;
}

#footer{
    margin:0 auto;
  width:950px;
  clear: both;
  padding-top: 10px;
  background: url(images/botbord.gif) repeat-x;
  padding-bottom: 15px;
  overflow: hidden;
  zoom:1;
}
#footer address{
  font:12px Arial;
  float: left;
}
#navigation-bar{
  width:205px;
  background: url(images/navmid.jpg) repeat-y;
}
#navigation-bar ul{
  width:205px;
  background: url(images/navtop.jpg) no-repeat;
  padding-top: 3px;
}
#navigation-bar ul ul{
 width:auto;
  background: none;
  padding-top: 0px;
}

#navigation-bar-bottom{
  height:5px;
  overflow: hidden;
  background: url(images/navbot.jpg) no-repeat;
}


#navigation-bar li{
  list-style: none;
  padding-bottom: 2px
}

#navigation-bar ul a{
  display: block;
  font: 14px Arial;
  text-decoration: none;
  padding: 6px 0 6px 15px;
  color: #fff;
}



#navigation-bar ul a:hover,
#navigation-bar ul li.current_page_parent a,
#navigation-bar ul li.current_page_item a{
    background: url(images/navhover.jpg) no-repeat;
}
#navigation-bar li li{
  padding-left: 20px;
}
#navigation-bar ul ul a{
  display: block;
  font: 14px Arial;
  text-decoration: none;
  padding: 2px 0 2px 15px;
  color: #fff;
}
#navigation-bar ul ul a:hover{
    background: none;
}
#navigation-bar ul li.current_page_parent li a,
#navigation-bar ul li.current_page_item li a{
    background: none;
}


#navigation-bar ul li.current_page_parent li a,
#navigation-bar ul li.current_page_item li a{
      background: none;
}

#navigation-bar ul li.current_page_parent li a:hover,
#navigation-bar ul li.current_page_item li a:hover,
#navigation-bar ul li.current_page_parent li.current_page_item a
{
      background: url(images/subnavbullet.jpg) no-repeat 0 5px;
      text-decoration: underline;
}

#navigation-bar li ul{
  display: none;
}


#navigation-bar ul li.current_page_parent ul,
#navigation-bar ul li.current_page_item ul{
    display: block;
}


#editlink{
  position: fixed;
  z-index: 10;
  top: 20px;
  left: 20px;
  -position: absolute;
  background: #0000E1;

  padding: 5px;
  border: solid 1px #4B4B4B
}#editlink a{
        color: #FFFFFF;
}

#contact-form label{
  display: block;
  padding: 5px 0 2px 0;
}



#contact-form div input{
    padding:4px;
    width:279px;
    background: none;
    border: none;
}

#contact-form .input{
  display: block;
  width: 292px;
  height: 29px;
  background: url(images/input.jpg) no-repeat;
}


span.error{
  position: absolute;
  top:7px;
  right: 0px;
  font: 11px Arial;
  color: #D50931;
  display: none;
}
div.error span.error{
  display: inline;
}
#contact-form div{
  position: relative;
  width: 292px;
}

span.textarea{
  width: 372px;
  height:126px;
  padding: 4px;
  background: url(images/textarea.jpg) no-repeat;
  display: block;
}

span.textarea textarea{
  width: 368px;
  height: 122px;
  border: none;
  background: none;
}

#contact-form div.form-area{
  float: right;
  width: 380px;
}

#leftform{
  float: left;
}



#footer-navigation{
  float: right;
  display: inline;
  list-style: none;
  white-space: nowrap;
}

#footer-navigation li{
  display: inline;
  margin-left: 10px
}

#footer-navigation li a{
  text-decoration: none;
    color: #0A1213;
}
#footer-navigation li.current_page_item a,
#footer-navigation li a:hover{
  text-decoration: underline;
}

#searchform{
  float: right;
  width: 245px;
  height: 26px;
  margin:70px 26px 0 0;
  -margin:70px 13px 0 0;
}

#searchinput{
  padding: 3px;
  width: 210px;
  background: none;
  border:none;
}

#searchsubmit{
  background: none;
  border: none;
  height:24px;
width:24px;
cursor: pointer;
}

.richtext p{
  text-align: justify;
}

.more{
  color: #2F2F42;
  padding-right: 12px;
  background: url(images/raquo.jpg) no-repeat 100% 5px;
}

#homeslider{
  width: 736px;
  height: 208px;
  background: url(images/sliderbg.png) no-repeat;
  position: relative;
}

#slidecontent{
  white-space: nowrap;
  width: 635px;
  overflow: hidden;
  margin: auto;
  padding-top: 47px;
  position: relative;
}
#slidecontent a{
  display: inline-block;
  width: 165px;
  height: 115px;
  border: solid 1px white;
  margin-right: 20px;
  margin-right: 64px;
  background-repeat: no-repeat;
  overflow: hidden;
  font: 12px Arial;
  text-decoration: none;
  color: #FAFDFE;
  overflow: hidden;
  position: relative;
}
#slidecontent a strong{
	position: absolute;
	display: block;
	padding: 2px 4px;
	background: #11131C;
	opacity:.8;
	filter:alpha(opacity=80);
	width: 157px;
	left: 0px;
	bottom: 0px;
}

#slide-left, #scroll-left-active{
  display: inline-block;
  width: 48px;
  height: 48px;
  background: url(images/slide_left.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://jo-78.com/wp-content/themes/jo78/images/slide_left.png', sizingMethod="crop");
  text-indent: -9999px;
  position: absolute;
  top: 50%;
  margin-top: -24px;
  left:-22px;
}
#slide-right, #scroll-right-active{
  display: inline-block;
  width: 48px;
  height: 48px;
  background: url(images/slide_right.png) no-repeat;
    -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://jo-78.com/wp-content/themes/jo78/images/slide_right.png', sizingMethod="crop");
  text-indent: -9999px;
  position: absolute;
  top: 50%;
  margin-top: -24px;
  right:-22px;
}

#slide-controlls{
  position: absolute;
  display: inline-block;
  bottom: 10px;
  left: 50%;
  margin-left: -40px;
  width: 80px;
}

#ball{
  display: block;
  margin: auto;
  width: 38px;
  height: 38px;
  background: url(images/ball.png) no-repeat;
   -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://new.jo-78.com/wp-content/themes/jo78/images/ball.png', sizingMethod="crop");
}

#clock{
  width: 20px;
  height: 20px;
  cursor: pointer;
  display: block;
  float: left;
  margin: 11px 0 0 10px;
  -margin: 11px 0 0 5px;
}

.play{
    background: url(images/pause.gif) no-repeat 4px 2px;
}



.pause{
   background: url(images/play.jpg) no-repeat 2px 0;
}

.title{
  font: bold 20px Arial;
  color: #162432;
}
h3.title{
   font: bold 17px Arial;
  color: #162432;
  padding: 10px 0 5px;
}


#products-view{
  width: 730px;
}
#products-view a{
    display: block;
    width: 225px;
    float: left;
    margin-right: 22px;
    -margin-right: 11px;
    font: 14px Arial;
    text-decoration: none;
    color: #181A1F;
	overflow: hidden;
}
#products-view a img, #products-view a canvas{
  position: relative;
}
#products-view a strong{
  display: block;
  padding-bottom: 5px;
  font-weight:normal;
}

.gallery{
  width: 737px;
  height: 460px;
  padding-top: 5px;
  background: url(images/gallery.jpg) no-repeat;
}
.gallery-content{
  position: relative;
  height: 363px;
  width: 720px;
  margin: auto;
}
.visio{
  position: absolute;
  height: 365px;
  width: 720px;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center center;
}

.thumbnails a{
  display: inline-block;
  width:65px;
  height: 66px;
  background: url(images/thumb.jpg) no-repeat;
  position: relative;
  text-decoration: none;
  font: bold 10px/10px Arial;
  color: #fff;
  margin-right: 5px;
}
.thumbnails a, .thumbnails a *{
    cursor: pointer;
}

.thumbnails a span{
  position: absolute;
  top: 1px;
  right: 5px;
  display: block;
  background: url(images/index.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://new.jo-78.com/wp-content/themes/jo78/images/index.png', sizingMethod="crop");
  width: 19px;
  height: 15px;
  padding-top: 3px;
  text-align: center;

}
.thumbnails a strong{
  display: block;
  width: 61px;
  height: 61px;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  position: relative;
}

.thumbnails{
  padding-top: 24px;
  margin: auto;
  width: 578px;
  white-space: nowrap;
  text-align: center;
  overflow: hidden;
  position: relative;
}

.arrleft, .arrright{
  display: block;
  width: 24px;
  height: 40px;
  overflow: hidden;
  text-indent: -9999px;
  margin-top: 37px;

}
.arrright{
  float: right;
  background: url(images/arrr.jpg) no-repeat;
  margin-right:26px;
  -margin-right:13px;
}
.arrleft{
  float: left;
  background: url(images/arrl.jpg) no-repeat;
  margin-left:26px;
  -margin-left:13px;
}

#address p{
  font: 12px Arial;
  color: #15202D;
}

#address a{
  color: #1E212B;
}

#preloader{
  width: 1px;
  height: 1px;
  position: absolute;
  left: -9999px;
  overflow: hidden;
}

#decor{
  display: none;
}

#foverlay{
    position: absolute;
	z-index: 2;
	top: 0px;
	left:0px;
	width:90px;
	height: 90px;
	background: #fff;
    left: 50%;
    top: 50%;
    margin: -65px 0 0 -55px;
}
#contact-form{
    height: 217px;
	overflow: hidden;

}


.gallery-content .samp{
  position: absolute;
  display: block;
  width: 327px;
  height: 40px;
  left: 50%;
  bottom:20px;
  margin-left: -163px;
  background: url(images/a.png) no-repeat;
    -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://new.jo-78.com/wp-content/themes/jo78/images/a.png', sizingMethod="crop");
  font: bold 14px Arial;
  color: white;
}
.gallery-content .samp b{
  display:block;
  width:22px;
  margin: auto;
  text-align: center;
  padding-top: 16px;
  position: relative;
  left: -1px;

}

#send_submit{
	clear: both;
	float: left;
	margin: 10px 0 20px 0;
    cursor: pointer;
	border:none;
	width:115px;
	height: 31px;
	background: url(images/send.jpg) no-repeat;

}
#send_submit:hover,
.send_submit_hover{
	background: url(images/sendh.jpg) no-repeat !important;

}

#formload{
    float: left;
	width: 20px;
	height: 20px;
	background: url(images/cfload.gif) no-repeat;
	display: block;
	visibility: hidden;
	display: block;
	margin-left: 150px;
	margin-top: 14px;
}

#success{
	font: 14px Arial;
	color: #121721;
}

#badwordsmsg{
  float: right;
  font: bold 14px Arial;
  color: #F83316;
  text-decoration: blink;
}
#katalog-btn{
  width: 204px;
  height: 34px;
  overflow: hidden;
  display: block;
  background: url(images/kbtn.jpg) no-repeat;
  float: left;
  margin: 10px 0 0 0px;
  color: white;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  padding-top: 7px;
}
#katalog-btn:hover{
    background-position: 0 -50px;
}

#articles{
  float: left;
  width: 415px;
  zoom:1;
  margin-left: 5px;
}
.article{
  padding-bottom: 15px;
  clear: both;
  zoom:1;
}
.article:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.article h3 {
  padding-bottom: 4px;
}
.article small{
  font-style: italic;
}


.article h3 a{
  color:#0A1214;
  font:bold 15px Arial;
  text-decoration: none;

}
.article h3 a:hover{
  text-decoration: underline;
}
.read-more{
  color: #0A1213;
}
.read-more:hover{
  text-decoration: none
}

#right-sidebar{
  float: right;
  width:298px;
  background: #E7ECEF;
}
.sidebar-title{
  font-size: 16px;
  font-weight: normal;
  color: white;
  width: 267px;
  padding:5px 0 5px 32px;
  background-color:#0A1214;
  background-repeat: no-repeat;
}
.title-recent-posts{
  background-image: url(images/recent_posts.jpg);
  background-position: 9px 3px;
}
.title-archive{
  background-image: url(images/archive_icon.jpg);
  background-position: 9px 4px;
}
.list{
  list-style: none;
  padding: 10px;
}
* html .list li{
  float: left;
  clear: both;
  width:278px;
  display: block; 
}


.list ul{
  list-style: none;
}


.list a{
  color: #11182C;
  text-decoration: none;
  font-size: 13px;
  display: block;
  padding-bottom: 5px;;
}
.list a:hover{
  text-decoration: underline;
}
#articles .post h3{
  padding: 10px 0 5px 0;

}
#articles .post{
  font-size: 12px;
  line-height: 20px;
}


#articles .post p{
  text-indent: 10px;
  padding: 3px 0;
  text-align: justify;

}
#articles .title{
  padding-bottom: 10px;
}
.img{
  display: block;
  float: left;
  overflow: hidden;
  margin-right: 7px;
  margin-top: 2px;
}
.img{

}
.img-post{
  float: left;
  overflow: hidden;
  margin-right: 10px;
  margin-top: 2px;
  padding-bottom: 2px;
}
#respond{
  clear: both;
  padding: 10px 0 0;
  border-top: solid 1px #CED5D3;
}
#commentform{
  padding: 10px 0;
}
#commentform label{
  display: block;
  padding: 8px 0 3px;
}
#commentform input.type-text{
    width: 200px;
    padding: 3px;
    border: solid 1px #CED5D3;
}

#commentform textarea{
  width: 400px;
  height: 120px;
      padding: 3px;
    border: solid 1px #CED5D3;
}
#submit{
  float: left;
  margin: 10px 0 0 0;
  cursor: pointer;
  background: #164F87;
  border: 1px solid #D6D6D6;
  color: white;
  padding: 3px 6px;
}
.single-entry{
  padding-bottom: 10px;
}
.commentlist{
  list-style: none;
}
.commentlist li{
  overflow: hidden;
  zoom:1;
  padding: 5px 7px;
  background:#EFF4F5;
  margin-bottom: 5px;
  *margin-bottom: 0px;
}
.avatar{
  float: left;
  margin: 2px 5px 2px 0;
}
.commentlist li cite, .commentlist li cite a{
    text-decoration: none;
    color: #0A1213;
    font-weight: bold;
}
#comments{
  padding-bottom: 10px;/* zaglavieto */
}
.comment-meta{
  display: none;
}
.single-entry ol{
  clear: both;
  padding:5px 0 5px 30px
}
.single-entry ol li{
  padding: 2px 0
}
.clear{
  clear: both;
}
.navigation{
  overflow: hidden;
  zoom:1;
  padding-bottom: 3px;
}


.navigation a{
  display: block;
  padding: 3px 5px;
  color: white;
  text-decoration: none;
  background:#202729
}
.navigation a:hover{
  text-decoration: underline;
}
.kvn{
  top: 0;
}


.nav-prev{
  float: left;
}
.nav-next{
float:right;
}
.comment-body em{
  display: none;
}
.comment-body .says{
  position: absolute;
  left: -9999px;
  top: -9999px;
}
.about-image{
  float: left;
  margin: 2px 15px 70px 0;
}
.about-us{
  font-size: 13px;
  text-align: justify;
}
.about-us p{
  padding: 5px 0;

}
.about-us a{
  text-decoration: none;
  border-bottom: 1px dotted #0A1213;
  color: #0A1213;
  font-weight: bold;
}
.about-us a:hover{
   border-bottom: 1px solid #0A1213;
}
#zapitvaniania{
  padding: 5px;
  background: #efecec;
  color: #B90025;
  font-size:14px;
  cursor: pointer;
  font-weight: bold;
  border-bottom: solid 1px #E7E2E2;
}
#zapitvaniania a{
  color: #B90025;
}