/**
 * J!Blank Template for Joomla by JBlank.pro (JBZoo.com)
 *
 * @package    JBlank
 * @author     SmetDenis <admin@jbzoo.com>
 * @copyright  Copyright (c) JBlank.pro
 * @license    http://www.gnu.org/licenses/gpl.html GNU/GPL
 * @link       http://jblank.pro/ JBlank project page
 */
/* just example of css import */

/* just for test repaltive paths
@import url('print.css');
@import url('reset.css');
*/

/****************************************** FRONTEND STYLES ***********************************************************/

/* classic clearfix */
.clearfix {
    display: block;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix {
    height: 1%;
	background: url(../images/fon.png);
}

.url-path-test {
    background: url('../images/test.png');
}
/* .mainmenu .menuexample */
.mainmenu .menu ul { display: none; position: absolute; top: 0px; left: -1px;min-width: 124px; background: #fff; border: none; }
.mainmenu .menu {
    list-style: none; padding: 0; margin: 0; /* обнуляем стили */
    position: relative;
    overflow: hidden; /* самое важное */
  }
.mainmenu {top: 0px; font-family:Tahoma,Arial,sans-serif;font-size:16px;color:#3f3f3f;margin: 2em 0;}
.mainmenu .menu { font-family:Tahoma,Arial,sans-serif;font-size:16px;color:#3f3f3f;min-height: 1.5em; line-height: 2.0em; border-bottom: 2px solid #36c; }
.mainmenu .menu li { float: left;padding-left: 5px; position: relative; list-style: none;}
.mainmenu .menu li:last-child {border-right: none; }
.mainmenu .menu a { font-family:Tahoma,Arial,sans-serif;font-size:15px;color:#7D7F81;text-decoration: none; padding: 0 1em; display: block; }
.mainmenu .menu li {
    white-space: nowrap; /* чтобы не было переносов внутри пункта меню */
    padding-right: 2px;
    padding-left: 2px; /* слева отступ больше на ширину разделителя */
    background: url(../images/bullet.gif) no-repeat left;
    left: 10px; /* сдвигаем на расстояние отступа слева */
  }
.mainmenu .menu li:last-child {border-right: none; }
.mainmenu .menu a:hover { text-decoration:underline; color:#36c;}
.mainmenu a:link {
	font-weight: bold;
}

body{min-width:1020px;}

/*header*/

.description {
	padding-left: 100px;
	color: #3F3f3f;
    font-size: 11pt;
    font-weight: normal;
	margin-top: -5px;
}
.contacts {
	width: 100%;
    text-align: center;
    margin: 15px 0 0 -30px;
	font-size: 14px;
	color: #fff;
}
.contacts  a{
	color: #fff;
	text-decoration: underline;
}

.zakaz {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #ffffff;
  text-color: #fff;
  text-align: center;
  padding: 8px 10px;
      position:relative
  background-color:#36c;
  background: -moz-linear-gradient(
    top,
    #ffffff 0%,
    #0099ff 50%,
    #218acf 50%,
    #36c 65%,
    #0eb6cc);
  background: -webkit-gradient(
    linear, left top, left bottom, 
    from(#ffffff),
    color-stop(0.50, #0099ff),
    color-stop(0.50, #218acf),
    color-stop(0.65, #277fc2),
    to(#0eb6cc));
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 1px solid #0788eb;
  -moz-box-shadow:
    0px 1px 3px rgba(000,000,000,0.5),
    inset 0px 0px 5px rgba(252,252,252,0.6);
  -webkit-box-shadow:
    0px 1px 3px rgba(000,000,000,0.5),
    inset 0px 0px 5px rgba(252,252,252,0.6);
 /* text-shadow:
    0px -1px 3px rgba(255,255,255,0.8),
    0px 1px 0px rgba(255,255,255,0.3); */
}
.zakaz:active {
  padding-bottom:7px;
  padding-left:10px;
  padding-right:10px;
  padding-top:9px;
  top:3px;
  background: -moz-linear-gradient(
    top,
    #0eb6cc 0%,
    #277fc2 50%,
    #218acf 50%,
    #0099ff 65%,
    #ffffff);
  background: -webkit-gradient(
    linear, left top, left bottom, 
    from(#0eb6cc),
    color-stop(0.50, #277fc2),
    color-stop(0.50, #218acf),
    color-stop(0.65, #0099ff),
    to(#ffffff));
}

.zakaz2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #ffffff;
  text-color: #fff;
  text-align: center;
  padding: 4px 10px;
      margin: -25px 0 0 80px;
  background-color:#36c;
  background: -moz-linear-gradient(
    top,
    #ffffff 0%,
    #0099ff 50%,
    #218acf 50%,
    #36c 65%,
    #0eb6cc);
  background: -webkit-gradient(
    linear, left top, left bottom, 
    from(#ffffff),
    color-stop(0.50, #0099ff),
    color-stop(0.50, #218acf),
    color-stop(0.65, #277fc2),
    to(#0eb6cc));
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 1px solid #0788eb;
  -moz-box-shadow:
    0px 1px 3px rgba(000,000,000,0.5),
    inset 0px 0px 5px rgba(252,252,252,0.6);
  -webkit-box-shadow:
    0px 1px 3px rgba(000,000,000,0.5),
    inset 0px 0px 5px rgba(252,252,252,0.6);
 /* text-shadow:
    0px -1px 3px rgba(255,255,255,0.8),
    0px 1px 0px rgba(255,255,255,0.3); */
}
.zakaz2:active {
  padding-bottom:7px;
  padding-left:10px;
  padding-right:10px;
  padding-top:9px;
  top:3px;
  background: -moz-linear-gradient(
    top,
    #0eb6cc 0%,
    #277fc2 50%,
    #218acf 50%,
    #0099ff 65%,
    #ffffff);
  background: -webkit-gradient(
    linear, left top, left bottom, 
    from(#0eb6cc),
    color-stop(0.50, #277fc2),
    color-stop(0.50, #218acf),
    color-stop(0.65, #0099ff),
    to(#ffffff));
}
.jshop_list_category{background-color:#fff;}
.jshop{border: 0;}
.topheader {margin: auto; height: 150px; width:989px;background-image: url("../images/head.jpg");}
.container_12{background-color:#F5F5F5;font-family:Tahoma,Arial,sans-serif;font-size:14px;box-shadow:0 0 10px rgba(0,0,0,0.5);}
.grid_2.content{font-family:Tahoma,Arial,sans-serif;font-size:14px;}
/*.od.menu li{
  padding: 0; 
  margin-left: -25px;  
  list-style: none; 
  position: relative;
  overflow: hidden; 
  background-color:#fff;
  }*/
mainmenu {float:left;}
/*main reset*/
a, abbr, acronym, address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,
dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,
img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,
strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video, xmp {
    margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html {font-size:100.01%; overflow-y:scroll; background-color:#f5f5f5;font-family: Helvetica,Arial,Sans-serif; height: 100%;}
body{text-align:left;height: 100%;}
.logo img{border:0;}
/*ol,ul{list-style:none;}*/
li {display: list-item;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
sub,sup,small{font-size: 75%;}
sub,sup {line-height: 0;position: relative;vertical-align: baseline;}
sub{bottom: -0.25em;}
sup{top: -0.5em;}
svg {overflow: hidden;}
ins{text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;font-size:9pt;border:0px solid #ccc;width:100%;}
th,td,caption{font-weight:normal;vertical-align:top;text-align:left;}
font{color:inherit!important;font:inherit!important;}
address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font: inherit;}
option {width: 100%;}
:focus{outline:0;}

/*main typography*/
strong,b,th,thead,tfoot,h1,h2,h3,h4,h5,h6{font-weight:bold;}
cite,em,dfn{font-style:italic;}
code,kbd,samp,pre,tt,var{font-family: "Courier New", Courier, monospace;}
del{text-decoration:line-through;color:#666;}
ins,dfn{border-bottom:1px solid #ccc;}
big{font-size:125%;}
abbr,acronym{text-transform:uppercase;font-size:85%;letter-spacing:1px;}
abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px solid #ccc;}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;color:transparent;}

/*links*/
a{text-decoration:underline;}
a:hover{text-decoration:none;cursor:pointer;}
a abbr[title],a acronym[title]{text-decoration:none;}
a:hover abbr[title],a:hover acronym[title]{text-decoration:none;}
a,a:hover abbr,a:hover acronym{cursor:pointer;}
address a{text-decoration:none!important;border-bottom:1px dotted #ccc;}
address:hover a{border:none;}

/*forms*/
fieldset{border:1px solid #ccc;}
textarea,input[type="text"],input[type="password"],select{border:1px solid #ccc; vertical-align: baseline; vertical-align: middle;}
textarea:hover,input[type="text"]:hover,input[type="password"]:hover,select:hover{border-color:#aaa;}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,select:focus{border-color:#aaa;outline:1px solid #ff0;}
label,select{cursor:pointer;}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;overflow:visible;}
button[disabled],input[disabled],select[disabled]{cursor:default;}
 input[type="text"], .content input[type="password"], .content select, .content textarea {
    padding: 4px;
    min-width: 200px;
    border: 1px solid #d2d2d2;
    border-top-color: #aeaeae;
    background-color: #fcfcfc;
    -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.04);
    color: #777;
}
textarea,input[type="text"],input[type="password"]{cursor:text;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*width:13px;*height:13px;}
textarea{overflow:auto;vertical-align:top;resize:vertical;}

 input[type="text"], input[type="password"], select, textarea {
    padding: 4px;
    min-width: 200px;
    border: 1px solid #d2d2d2;
    border-top-color: #aeaeae;
    background-color: #fcfcfc;
    -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.04);
    color: #777;
	max-width: 700px;
}

.jshop table tbody tr:nth-child(odd) th, .jshop table tbody tr:nth-child(odd) td {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid #ccc;
}

.jshop table tbody th, .jshop table tbody td, .jshop table tfoot th, .jshop table tfoot td {
    border-top: solid 1px #000;
    border: 1px solid #ccc;
}

.jshop table th, .jshop table td {
    /*line-height: 1.5em;*/
    padding: 1em 0.25em; /*если таблицы будут выезжать за пределы родительского div-а убрать эти свойства*/
    background: none;
}

.jshop table th {
    text-align: right;
}

.button1 {
    padding: 8px 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #0788eb;
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),
 inset 0px 0px 5px rgba(252,252,252,0.6);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),
 inset 0px 0px 5px rgba(252,252,252,0.6);
    background-color: #36c;
    background: -moz-linear-gradient(top,#ffffff 0%, #0099ff 50%, #218acf 50%, #36c 65%, #0eb6cc);
    background: -webkit-gradient(
 linear, left top, left bottom, 
 from(#ffffff),
 color-stop(0.50, #0099ff),
 color-stop(0.50, #218acf),
 color-stop(0.65, #277fc2),
 to(#0eb6cc));
    line-height: 16px;
    font-size: 16px;
    text-decoration: none!important;
    display: inline-block;
    margin-left: 2px;
}

/*css3*/
::-moz-selection{background:#d6e5f3;color:#2570bb;text-shadow:none;}
::selection{background:#d6e5f3;color:#2570bb;text-shadow:none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#999;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#999;}
.placeholder {color:#999;}

/*clearfix*/
.clear{clear:both!important;overflow:hidden!important;line-height:0!important;height:0!important;*zoom: 1;}
.clear:before, .clear:after{content:""!important;display:table!important;}
.clear:after{clear:both!important;}

/*other important classes*/
.chromeframe{margin:0.2em 0;background:#ccc;color:black;padding:0.2em 0;}
a.ajax {border-bottom:1px dotted;text-decoration: none!important;}
a.ajax:hover {border:none;text-decoration: none!important;}

/* print version */
@media print {
    * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr,img{page-break-inside: avoid;}
    img{max-width: 100% !important;}
    p,h2,h3{orphans:3;widows: 3;}
    h2,h3{page-break-after:avoid;}
}
.breadcrumbs {margin-left:15px;}
#share42 {
    /*position: relative;
    top: 50% !important;
    left: 0px;
    margin-top: -130px;*/
    opacity: 0.55;
    background: none repeat scroll 0% 0% rgb(243, 248, 252);
    padding: 6px 6px 0px;
    border-width: 1px 1px 1px medium;
    border-style: solid solid solid none;
    border-color: rgb(207, 222, 239) rgb(207, 222, 239) rgb(207, 222, 239) -moz-use-text-color;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 0px 5px 5px 0px;
    box-shadow: -1px 1px 0px rgb(255, 255, 255) inset, 0px -1px 0px rgb(255, 255, 255) inset;
}
div.pagination {
	clear: both;
	border-top: 1px solid #e5e5e5;
	min-height: 1px;
	padding: 30px 10px;
	margin-top: 20px;
}
div.pagination ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
	border-top-style: none;
}
/*.pagination li.pagination-start,
.pagination li.pagination-start span {
	padding: 0;
}
.pagination li.pagination-start,
.pagination li.pagination-next,
.pagination li.pagination-end,
.pagination li.pagination-prev {
	border: 0;

}*/
div.pagination ul li {
	cursor: pointer;
	display: inline;
	overflow: hidden;
	margin: 0 5px 0 0;
	padding: 0!important;
}
/*.pagination li {
	display: inline;
	padding: 2px 5px;
	text-align: left;
	margin: 0 2px;
}*/
div.pagination ul li a {
	border: 1px solid #e5e5e5;
	font-weight: 700;
	padding: 5px 10px!important;
	background-color: #FFFFFF;
}
div.pagination ul li a:hover,
div.pagination ul li.pagination-active a {
	text-decoration: none;
	background: #333;
	color: #fff;
}
.pagenav {
	padding: 2px;
}