html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
}
html, body{
	height: 100%;
	font-family:Verdana, Tahoma, sans-serif;
	color:#333;
}
#wrapper{
	border:0px solid yellow;
	margin:0 auto;
	padding:0 10px;
	height:auto;
	width:auto;
}
					  /*Start Header*/
#header{
	outline:0px solid yellow;
	height:auto;
	}
					/*���� ����� � �����������*/					
#h11{
	outline:0px solid gray;
	height:40px;
	width:100%;
	border-bottom:1px solid #d9d9d9;
	background-color:#f6f6f6;
}
.hrer, .hreu{
	outline:0px solid gray;
	float:left;
	height:100%;
	width:160px;
	margin-right:1px;
	}
	
.hrer a, .hreu a, .hrek a{
	font-size:70%;
	text-decoration:none;
	display:inline-block;
	cursor:pointer;
	height:39px;
	width:100%;
	outline:1px solid #d9d9d9;
	color:#333;
	line-height:36px;
	text-align:center;
	transition:all 0.1s ease-in;
}
.hrer a:hover, .hreu a:hover, .hrek a:hover{
	background-color:#ffa201;
	color:#fff;
}
.hrek{
	display:block;
	height:100%;
	width:160px;
	float:right;
}
.hrer a:before{
	font-family:FontAwesome;
	content:"\f090";
	font-size:120%;
	margin-right:5px;
}
.hreu a:before{
	font-family:FontAwesome;
	content:"\f234";
	font-size:120%;
	margin-right:5px;
}
.hrek a:before{
	font-family:FontAwesome;
	content:"\f291";
	font-size:120%;
	margin-right:5px;
}

									/*���� ���� � ������*/
#h12{
	outline:0px solid blue;
	width:100%;
	min-height:160px;
	display:block;
	float:left;
}
#logo{
	padding:10px 0;
	outline:0px solid red;
	text-align:left;
}
#logo a{
	outline:0px solid red;
	height:auto;
	display:block;
	margin-top:15px;
}
#h12 img{
	/*box-shadow:0 0 5px rgba(0,0,0,0.5);*/
	width:auto;
}
#search{
	outline:0px solid yellow;
	display:block;
	text-align:justify;
	width:100%;
	height:auto;
}
#hs{
	outline:0px solid yellow;
	display:inline-block;
	border:1px solid #d9d9d9; 
	width:100%;
	height:40px;
	margin-top:10px;
}
#hs input[type="submit"]{
	width:100px;
	height:40px;
	cursor:pointer;
	border: none;
	background-color:#ffa201;
	background-image:url('../../images/search.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	float:right; 
	}
#hs input[type="text"]{
	width:77%;
	height:38px;
	line-height:36px; 
    font-size:120%;
    padding-left:15px;
	font-size:90%;
	border:none;
}
#brcrumb{
	outline:0px solid red;
	Width:100%;
	display:block;
	padding:20px 0;
}
.brcr, .brcr_last{
	display:block;
	float:left;
	padding-bottom:5px;
	font-size:80%;
	color:#888;
}
.brcr:after{
	content:"\203a";
	margin:0 7px;
}
.brcr a{
	color:blue;
	text-decoration:none;
	color:#5f9ea0;
}
.brcr a:hover{
	text-decoration:underline;
}
										/* Regions */
#catname{
	display:block;
	padding:40px 0 15px 0;
}
#catname h1{
	font-size:170%;
	font-weight:normal;
	display:block;
	float:left;
	padding:0 10px 5px 0;
	color:#6a96ca;
}
#cityop{
	float:left;
}
#linkop{
	font-size:170%;
	font-weight:normal;
	color:blue;
	border-bottom:1px dotted blue;
	cursor:pointer;
	position:relative;
	z-index:1;
}
#contop{
	outline:0px solid green;
	display:none;
	width:200px;
	height:auto;
	background-color:#fff;
	position:absolute;
	margin:-35px 0 0 -30px;
	z-index:5;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
	padding:5px 5px 5px 10px;
}
.citylist{
	height:300px;
	width:100%;
	overflow-y:auto;
	font-size:80%;
}
.citylist ul{
	margin-top:10px;
}
.citylist a{
	display:block;
	padding:5px 3px;
	text-decoration:none;
	color:#333;
}
.citylist span a{
	font-weight:bold;
}
.citylist a:hover{
	background-color:#ffa201;
	color:#fff;
}
.regions{
	outline:0px solid red;
	display:inline-block;
	margin:10px 0 5px 0;
	border-bottom:1px dotted #333;
	text-decoration:none;
	color:#333;
	font-size:90%;
}
.regions:after{
	content:"\25b4";
}
.chbox{
	display:block;
	height:20px;
	margin:10px 5px 0 0;
}
#contop input[type="checkbox"], #optop input[type="checkbox"]{
	display:block;
	float:left;
	margin-right:10px;
	height:100%;
}
#contop label, #optop label{
	font-size:70%;
}
.citys input[type="text"]{
	width:94%;
	height:23px;
	margin:20px 0;
}
                    /*End Header*/	

					/*Start Content*/
#content{
	outline:0px solid green;
	height:auto;
	
	width:100%;
	display:block;
	float:left;
}
							/* Left sidebar style (Index, Category) */
#bcat{
	display:none;
}
.listcat, #allcatlist{
	display:none;
}
										
										/* General page style */
#gentitle{
	display:block;
	margin:10px 0 30px 0;
}
#gentitle h1{
	font-weight:normal;
	font-size:160%;
	text-align:center;
	color:#888;
}

#bgen{
	outline:0px solid blue;
	Width:100%;
	display:block;
	float:right;
}
#addpic{
	outline:0px solid blue;
	width:100%;
	height:auto;
	text-align:justify;
}
#addpic div{
	outline:0px solid red;
	width:32%;
	height:200px;
	display:inline-block;
	}
#addpic:after {
    width: 100%;
    content: "";
    display: inline-block;
}
#addpic div a img:hover{
	-moz-transform:translateY(-5px);
	transform:translateY(-5px);
	-webkit-transform:translateY(-5px);
	-o-transform:translateY(-5px);
}
#addpic div img{
	height:auto;
	width:100%;
}

.popcat{
	display:block;
	margin:0 0 15px 0;
	color:#ababab;
}
#catpic{
	outline:0px solid green;
	width:auto;
	height:auto;
	text-align:justify;
}
.cati{
border:1px solid #bfbfbf;/*border:1px double #ababab;*/
margin-bottom: 15px;
width: 30%;
height: 200px;
display: inline-block;
overflow: hidden;
position: relative;
transition: 0,3s;
z-index: 1;
float: left;
margin-right: 11px;
}
#catpic:after {
      width: 100%;
      content: "";
      display: inline-block;
}
.cati a img{
	width:100%;
	height:auto;
}
.cati a img:hover {
	transform:scale(1.1);
	transition:all 0.2s ease-in;
}
.untext{
	display: table;
    position: absolute;
    width:100%;
    height:48px;
	background: rgba(255, 255, 242, 0.85);
    bottom:0;
    color: #333;
}
.untext a{
	text-decoration:none;
	color:#333;
	font-size:85%;
	line-height: 18px;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}
#bcatext{
	color:#333;
	margin:10px 0 30px 0;
	font-size:14px;
}


#bcatext h2{
	display:block;
	font-size:150%;
	padding:30px 0px 15px 0px;
	color:#666;
	font-weight:normal !important;
}
#bcatext h2{
display: block;
font-size: 150%;
margin: 60px 0px 35px 0px;
color: #555;
font-weight: normal !important;
border-left: solid 3px #72C02C;
padding: 0px;
padding-left: 20px;
}


#bcatext h3{
	display:block;
	font-size:130%;
	padding:10px 0;
}
.podz{
	display:block;
	font-weight:bold;
	margin:10px 0;
}
#bcatext p{
	outline:0px solid blue;
	display:block;
	margin:5px 0;
  text-align: justify;
  line-height: 150%;
}


#bcatext ul, #bcatext ol{
	font-size:90%;
	display:block;
	margin:20px;
	margin-left:50px;
  font-style:italic;
  color:#777;
  line-height: 150%;
}
#bcatext ul li:before{
  content: ".";
  text-indent: -9999em;
  width: 5px;
  height: 5px;
  background-color: #72C02C;
  position: absolute;
  margin-left: -16px;
  margin-top: 8px;
}

#bcatext table{
   border-collapse: collapse;
   /*убираем пустые промежутки между ячейками*/
   border: 1px solid grey;
   /*устанавливаем для таблицы внешнюю границу серого цвета толщиной 1px*/
}

#bcatext th {
   border: 1px solid grey;
}

#bcatext td {
   border: 1px solid grey;
}

#bcatext td p{
   font-size:90%;
}

										/*Category page style*/
#bcatext p img{
 max-width:100%;
 margin:15px 0px 15px 0px;
     border: solid 1px #bbbbbb;
    padding: 8px;
    background-color: #bfecc8;
}
										
#podcat{
	outline:0px solid blue;
	border-top:2px solid #ccc;
	padding-top:5px;
}
.podcat_img{
	width:98%;
	margin:3% 3% 0 3%;
	text-align:justify;
}
.podcat_img li{
	Width:30%;
	height:230px;
	display:inline-block;
	vertical-align:top;
	margin:2% 1%;
	padding:3px;
	border:none;
	float:left;
	transition:all 0.1s ease-in;
}
.podcat_img li:hover{
	box-shadow:0 0 5px rgba(0,0,0,0.5);
}
.podcat_img:after {
    width: 100%;
    content:"";
    display:inline-block;
}
.blall{
	margin:10px auto;
	max-height:150px;
	max-width:150px;
	width:100%;
	height:100%;
	position:relative;
}
.podcat_img img{
	max-width:98%;
	max-height:98%;
    height: auto;
	width:auto;
    margin:auto;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
.podcat_img a, .podimg{
	text-decoration:none;
	color:#333;
	display:block;
	margin:10px 5px;
	text-align:center;
}
.podimg:hover{
	text-decoration:underline;
}
									/*-- ��������� --*/
#pagin{
	text-align:center;
	margin-bottom:40px;
}
ul.simple-pagination {
	list-style: none;
}
.simple-pagination {
	display:inline-block;
	overflow: hidden;
	padding: 0 5px 5px 0;
}
.simple-pagination ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.simple-pagination li {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}
									
.compact-theme a, .compact-theme span {
	float: left;
	color: #333;
	font-size:80%;
	line-height:30px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #ccc;
	border-left: none;
	min-width:25px;
	height:30px;
	padding: 0 7px;
	text-decoration: none;
	transition:all 0.2s ease-in;
}
.compact-theme a:hover {
	background:#ffa201;
	color:#fff;
    border:1px solid #ffa201;
	border-left: none;	
}
.compact-theme li:first-child a, .compact-theme li:first-child span {
	border-left: 1px solid #ccc;
	border-radius: 3px 0 0 3px;
}
.compact-theme li:last-child a, .compact-theme li:last-child span {
	border-radius: 0 3px 3px 0;
}
.compact-theme .current {
	background:#ffa201;
	color:#fff;
	cursor: default;
	border:1px solid #ffa201;
}
.compact-theme .ellipse {
	background:transparent;
	border:none;
	border-right:1px solid #ccc;
	padding: 0 10px;
	cursor: default;
}
										/* Last Category Style */
										
										/* ���� �������� */
.popt{
	display:block;
	text-align:center;
	margin:25px;
	color:#888;
}
.carousel  {
   max-width:1080px; /* ������ ����� ����� */
   margin: 20px auto;
   width:100%;
}
.carousel-wrapper {
   margin:10px 30px; /* ������� ��� ������� */
   overflow: hidden; /* �������� ����������, ��������� �� ����� �������� ������� */
   position:relative;
}
.carousel-items {
   width: 10000px; /* ������������� ������� ������ ��� ������ ��������� */
   position: relative; /* ������������� ���� ������������ �������� ������� �������� */
}
.carousel-block {
   outline:0px solid red;	
   float: left; /* ����������� ��� �������� �������� � ��� */
   width:160px; /* ����� ������ ������� �������� */
   margin: 9px; /* ������ ������, ����� �������� �� ��������� */
   height:270px;
   margin-bottom:30px;
}
.forimg{
	outline:0px solid green;
	margin-bottom:5px;
	width:160px;
	height:160px;
	position:relative;
}
.carousel-block img{
	max-width:100%;
	max-height:100%;
    height:auto;
	width:auto;
    margin:auto;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}

								/* ������ �������� */
.carousel-button-left a, .carousel-button-right a{
   width:25px; 
   height:36px; 
   position:relative;
   top:120px; 
   cursor:pointer; 
   text-decoration:none;
}
.carousel-button-left a{
   float: left; 
   background: url(../../images/carousel-left.png); 
}
.carousel-button-right a{
   float: right;
   background: url(../../images/carousel-right.png); 
}
										
										/* ���� � ������� */										
#itemprod, #itemprod3{
	outline:0px solid red;
	width:100%;
	height:auto;
}
#itsort{
	outline:0px solid orange;
	display:block;
	height:40px;
	margin:10px 0;
	margin-top:32px;
	padding:10px 0;
	border-bottom:1px dotted #888;
	position:relative;
}
#view{
	outline:0px solid green;
	display:block;
	float:left;
	height:auto;
}
#gridview, #listview{
	display:block;
	float:left;
	width:35px;
	height:35px;
	margin-right:0;
	border:1px solid #ccc;
}

#sort{
	border:1px solid #ccc;
	display:block;
	float:right;
}

#progrilist, #progrilist3{
	outline:0px solid blue;
	display:block;
	width:auto;
	height:auto;
	margin-bottom:70px;
}
#products{
	outline:0px solid red;
	display:block;
	width:100%;
	position:relative;
}
                                   /* ������ ������ */
ul.grid li {
	outline:0px solid green;
	width:17%;
	display:inline-block;
	vertical-align:top;
	height:250px;
	margin:1% 1%;
	
	transition:all 0.1s ease-in;
	position:relative;
}
ul.grid div.itin{
	position:absolute;
	width:100%;
    height:250px;
	background: #fff;
	border:1px solid #ccc;
	overflow:hidden;
	display:block;
	float:left;
	z-index:2;
	transition:0.3s;
	text-align:left;
	}
ul.grid div.itin:hover{
	outline:0px solid red;
	box-shadow:0 0 10px rgba(0,0,0,0.5);
	height:auto;
	min-height:250px;
	z-index:10;
	overflow:visible;
	display:block;
}

ul.grid div.itin2{
	position:absolute;
	width:100%;
    height:250px;
	background: #fff;
	border:1px solid #ccc;
	overflow:hidden;
	display:block;
	float:left;
	z-index:2;
	transition:0.3s;
	text-align:left;
	}
ul.grid div.itin2:hover{
	outline:0px solid red;
	box-shadow:0 0 10px rgba(0,0,0,0.5);
	height:auto;
	min-height:250px;
	z-index:10;
	overflow:visible;
	display:block;
}


ul.grid div.itimg{
outline: 0px solid red;
margin: 2%;
width: 96%;
height: 160px;
position: relative;
/*margin-top: -25px;
margin-bottom: -30px;*/
}
.itimg img{
	max-width:100%;
	max-height:100%;
    height:auto;
	width:auto;
    margin:auto;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
.itgpr, .cargpr{
	font-size:110%;
	margin:5px 4%;
	color:#333;
}
.itgpr{
	font-size:100%;
	margin:5px 4%;
	color:#333;
}
.itwpr{
	font-size:80%;
	margin:3px 4%;
	color:#888;
}
.itnal{
	font-size:80%;
	margin:3px 4%;
	color:#00b50d;	
}
.itin a, .itin2 a, .carops a{
	color:blue;
	text-decoration:none;	
}
.itin a:hover, .itin2 a, .carops a:hover{
	text-decoration:underline;
}
.itops a, .carops a{
	display:block;
	font-size:80%;
	margin:5px 4%;
}
ul.grid div.itin div.itdop{
	border-top:1px dotted #888;
	font-size:70%;
	margin:35px 4% 5px 4%;
	padding:5px 0;
	color:#888;
}
ul.grid li section.right span.darkview { 
	outline:0px solid red;
	opacity: 0;
	position:absolute;
	top:0; 
	left:0;
	z-index:5; 
	margin:;
	width:100%;
	height:165px;
	background: rgba(255, 255, 255, 0.55); 
	overflow: hidden;
	text-align: center;
	transition: opacity 0.2s linear 0s;
	-webkit-transition: opacity 0.2s linear 0s;
	-moz-transition: opacity 0.25s linear 0s;
	-o-transition: opacity 0.25s linear 0s;  
}
ul.grid li:hover section.right span.darkview {
	opacity: 1;
}
ul.grid li section.right a.fbtn {
	display:block;
	margin:138px 25px 5px 25px;
	background-color:#ffa201;
	color:#fff;
	padding:5px;
	text-align:center;
	text-decoration:none;
	font-size:80%;
}
ul.grid li section.right a.fbtn:hover{
	background-color:#feb73b;
	color:#fff;
}
ul.grid li section.right a.lbtn {
	display:block;
	position:absolute;
	top:3px;
	right:3px;
	background-color:#bbb;
	color:#bbb;
	padding:5px;
	width:20px;
	height:20px;
	border-radius:25px;
	text-align:center;
	text-decoration:none;
	overflow:hidden;
}
ul.grid li section.right a.lbtn:before{
	font-family:FontAwesome;
	content:"\f291";
	color:#fff;
	margin:3px 1px;
}
ul.grid li section.right a.lbtn:hover{
	background-color:#22cf2f;
	color:#22cf2f;
}
								/* ������ ������� */

ul.list {
	list-style: none;
	width: 100%;
}
ul.list li { 
	display: block;
	outline:0px solid red;
	padding:;
	height:200px;
	margin:10px 0;
}

ul.list li.alt {
	outline:0px solid green;
}								
								
ul.list div.itin{
	outline:0px solid green;
	position:absolute;
	width:100%;
    height:200px;
	background:#fff;
	border:1px solid #ccc;
	display:table;
	overflow: hidden;
	z-index:;
	transition: 0.2s;
	text-align:justify;
	margin:15px 0;
}								
ul.list div.itin:hover{
	outline:0px solid red;
	box-shadow:0 0 10px rgba(0,0,0,0.5);
	height:200px;
}								
							
ul.list div.itimg{
	outline:0px solid red;
	margin:10px;
	width:170px;
	height:170px;
	position:relative;
}
ul.list div.itlefta{
	display:block;
	float:left;
}
ul.list div.itgpr{
	font-size:115%;
	margin:28px 2%;
	margin-bottom:10px;
	color:#333;
}
ul.list div.itwpr{
	font-size:80%;
	margin:3px 2%;
	color:#888;
}
ul.list div.itnal{
	font-size:80%;
	margin:3px 2%;
	color:#00b50d;
}
ul.list div.itops a{
	font-size:90%;
	margin:5px 2%;
}
ul.list div.itin div.itdop{
	outline:0px solid green;
	display:block;
	height:auto;
	border-top:1px dotted #888;
	font-size:70%;
	color:#888;
	margin:10px 2% 0 2%;
	
}
ul.list section.left{
	outline:0px solid red;
	height:180px;
	margin:10px;
	position:absolute;
	top:0;
	left:175px;
	right:165px;
}
ul.list li section.right{
	outline:0px solid red;
	position:absolute;
	right:0;
	top:0;
	height:180px;
	width:160px;
	margin:10px 8px;   
	border-left:1px dotted #888;
}
ul.list li section.right a.fbtn {
	display:block;
	margin:50px 0 10px 8px;
	background-color:#ffa201;
	color:#fff;
	padding:5px;
	text-align:center;
	text-decoration:none;
	font-size:80%;
}
ul.list li section.right a.fbtn:hover{
	background-color:#feb73b;
	color:#fff;
}
ul.list li section.right a.lbtn {
	display:block;
	margin:7px 0 7px 8px;
	background-color:#bbb;
	color:#fff;
	padding:5px;
	text-align:center;
	text-decoration:none;
	font-size:80%;
}
ul.list li section.right a.lbtn:hover{
	background-color:#22cf2f;
	color:#fff;
}

/** clearfix **/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}

/* 
html[xmlns] .clearfix {
	display: block;
}
*/
									/* Product page */
									
.content{
	border-top:1px solid #ccc;
	margin-top:10px;
	padding:30px 0;
}

#conleft{
	outline:0px solid green;
	padding-bottom:1%;
	width:100%;
	height:auto;
	display:block;
}
					/* �������� ������;*/		
#c221{
	outline:0px solid red;
	padding:0 0 20px 0;
}
	
#c221 h1{
	font-size:150%;
	font-weight:normal;
	color:#333;
}	
					/* ��� ������*/
#c222{
	outline: 0px solid #FF0;
	margin:5px 0;
	font-size:95%;
	color:#bbb;
}
					/* ����������  ������*/
#c223{
    border:1px solid #bbb;
    border-radius: 2px;
    width:45%;
    height:auto;
    max-height:600px;
	min-height:300px;
    display: block;
    float:left;
    margin:15px 0 10px 0;
    position:relative;
    }
#c223 img{
	max-width:98%;
	max-height:98%;
    height: auto;
	width:auto;
    margin:auto;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;	
	}

#c224{
    outline:0px solid green;
    margin: 0 0 10px 1px;
    width:46%;
	height:auto;
    display:block;
	float:left;
    }
.smpic{
    border:1px solid #bbb;
    border-radius:2px;
	max-width:23%;
	width:100%;
	height:auto;
    max-height:88px;
	min-height:80px;
    display:inline-block;
    vertical-align:top;
	margin:5px -1px;
    position:relative;
    }
.smpic img{
	border: 0px solid red;
    max-width:98%;
	max-height:98%;
    height:auto;
	width:auto;
    margin:auto;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;	
}
					/* ���� �������  ������*/				
#buy{
    outline:0px solid green;
    width:40%;
	height:auto;
	margin:15px 35px 0px 5px;
	display:block;
	float:right;
	}    	
					/* ������ ������ �������� */
#c225{
    color:#448e44;
    margin:10px 0;
   }

						/* ���� */
#c227 {
	outline:0px solid blue;
    font-size:200%;
    color:#333;
    margin-right:25px;
   }
#c227b {
	outline:0px solid blue;
    font-size:100%;
    color:#777;
    margin-right:25px;
   }
	
					/* ��� ������ ������� ������ */
#c228{
	outline:0px solid red;
	width:44%;
	height:auto;
   	margin:35px 14px 35px 5px;
   	display:block;
   	float:right;
}	

#c228 button{
    width:43%;
    height:90px;
    margin-right:8px;
    background: linear-gradient(to top, #f1f1f1, #ffffff);
    border:2px solid #c1c1c1;
    border-radius:5px;
    box-shadow: 0.2em 0.2em 6px rgba(122,122,122,0.5);
    color: #5c84cc;
    padding-bottom:10px;    
    border-bottom:2px solid #aaa;
    border-right:2px solid #aaa;
}
#c228 button:hover{
    background: linear-gradient(to top, #f1f1f1, #ffffff);
	box-shadow: 0.1em 0.1em 3px rgba(122,122,122,0.8);
    cursor: pointer;

    }
#c228 button:hover img{
    outline:0px solid red;
    text-align: center;
    width:30%;
    opacity: 1;
    padding:8px 20px;
}

#c228 img{
    outline:0px solid red;
    text-align: center;
    width:30%;
    opacity: 0.6;
    padding:8px 20px;
}
					/* �������� */		
.contacts{
	outline:0px solid red;
	display:block;
	/*float:right;*/
	/*width:40%;*/
	height:auto;
   	margin:30px 0px 10px 5px;
}
.contacts a{
	text-decoration:none;
	border-bottom:1px dotted #ccc;
	color:#333;
	font-size:90%;
}
.contacts a:hover{
	border-bottom:1px dotted orange;
}
.phone:before{
	font-family:FontAwesome;
	font-size:130%;
	margin-right:10px;
	content:"\f10b";
	color:#ffa201;
}
.mail:before{
	font-family:FontAwesome;
	font-size:70%;
	margin-right:10px;
	content:"\f0e0";
	color:#ffa201;
}
								/* ���� �������� */
#context{
	margin:20px 0;
	color:#333;
}
#context p{
	margin:10px 0;
	font-size:90%;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    text-align: justify;
    font-family: sans-serif;
    line-height: 140%;
}
.conpodz{
	font-size:140%;
	display:block;
	margin:15px 0;
}
								/* �������� �������������� */
#conchar{
	border-top:1px dotted #888;
	padding:10px 0;
}
#conchar ul li{
	margin:7px 0;
	font-size:90%;
	width:37%;
	border-bottom:1px dotted blue;
}
#conchar ul li a{
	margin:0 0 0 5px;
	font-size:100%;
	text-decoration:none;
	color:blue;
	float:right;
}
								/* �������� ������ �������� */
#consame{
	border-top:1px dotted #888;
	padding:10px 0 5px 0;
}
.cosa_img{
	width:100%;
	margin:3% 0;
	text-align:justify;
}
.cosa_img li{
	Width:21%;
	height:280px;
	display:inline-block;
	vertical-align:top;
	margin:2% 1%;
	padding:2px;
	border:none;
	float:left;
	transition:all 0.1s ease-in;
	position:relative;
}
.cosa_img li:hover{
	box-shadow:0 0 5px rgba(0,0,0,0.5);
}
.cosa_img:after {
    width: 100%;
    content:"";
    display:inline-block;
}
.conla{
	margin:0 auto;
	max-height:150px;
	max-width:150px;
	width:100%;
	height:100%;
	position:relative;
}
.cosa_img img{
	max-width:98%;
	max-height:98%;
    height: auto;
	width:auto;
    margin:auto;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
.cosa_img a, .cospod{
	text-decoration:none;
	color:blue;
	font-size:80%;
	display:block;
	margin:10px 5px;
	text-align:center;
	overflow:hidden;
}
.cospod:hover{
	text-decoration:underline;
}
.coprice{
	outline:0px solid red;
	display:block;
	font-size:120%;
	position:absolute;
	top:255px;
	text-align:center; 
	width:96%;
	margin-right:1%;
	background:#fff;
}
							/* ����������� */
.conpodz a{
	text-decoration:none;
	color:blue;
	margin:0 10px;
	font-size:60%;
}
.conpodz a:hover{
	text-decoration:underline;
}
#conrecall{							
	padding:10px 0;
}
#conrecall ul{
	border-top:1px solid #888;
	list-style:none;
	padding:20px 0;
	display:block;
}
#conrecall ul li{
	border:1px solid #bbb;
	margin:5px 0;
	padding:10px 0;
	display:block;
	float:left;
	width:100%;
}
.recleft{
	outline:0px solid red;
	width:12%;
	display:block;
	float:left;
}
.recname{
	display:block;
	color:#39B939;
	padding:0 5px 0 10px;
	word-wrap: break-word;
}
.recdate{
	display:block;
	font-size:70%;
	padding:5px 5px 2px 10px;
}
.recrate{
	margin:0 5px 5px 10px;
	font-size:120%;
	color:#ffbb00;
}
.recright{
	outline:0px solid red;
	width:84%;
	font-size:80%;
	float:right;
	min-height:80px;
	height:100%;
	border-left:1px solid #bbb;
	padding:0 5px 5px 10px;
	font-style: italic;
}
								
								/* Right side content */

								
#conright{
	display:none;
}

									/*End Content*/
												    
									/*Start Footer*/
#footer{
	outline:0px solid blue;
	height:50px;
	display:block;
    background-color: #ccc;
	width:100%;
}							  
.cprt{
	display:block;
	text-align:center;
	padding-top:20px;
	font-size:80%;
}				  
					/*End Footer*/

.nounder {
	list-style:none;
}
.clear{
	clear:both;
	}	
 .ppost {margin-top:-5px; border-bottom:solid 1px #bbb; padding-bottom:25px;}
 
 
 
 
 
 
 
 
 .mysitebtn{float:right; text-decoration:none; text-align:center; 
 padding:11px 32px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:3px;
 -moz-border-radius:3px; 
 border-radius: 3px; 
 font:15px Arial, Helvetica, sans-serif; 
 font-weight:normal; 
 color:#fdffbd; 
 background-color:#3BA4C7; 
 background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982A5 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 ); 
 background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);   
 -webkit-box-shadow:3px 3px 4px #bababa;  -moz-box-shadow: 3px 3px 4px #bababa;  box-shadow:3px 3px 4px #bababa;  
  
  }.mysitebtn:hover{
 padding:11px 32px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:3px;
 -moz-border-radius:3px; 
 border-radius: 3px; 
 font:15px Arial, Helvetica, sans-serif; 
 font-weight:normal; 
 color:#fdffbd; 
 background-color:#3BA4C7; 
 background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982a5 100%); 
 background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982a5 100%); 
 background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982a5 100%); 
 background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982a5 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982a5', endColorstr='#1982a5',GradientType=0 ); 
 background-image: linear-gradient(top, #3BA4C7 0% ,#1982a5 100%);   
 -webkit-box-shadow:4px 4px 6px #bababa;  -moz-box-shadow: 4px 4px 6px #bababa;  box-shadow:4px 4px 6px #bababa;  
  
 }.mysitebtn:active{
 padding:11px 32px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:3px;
 -moz-border-radius:3px; 
 border-radius: 3px; 
 font:15px Arial, Helvetica, sans-serif; 
 font-weight:normal; 
 color:#fdffbd; 
 background-color:#3BA4C7; 
 background-image: -moz-linear-gradient(top, #3BA4C7 0%, #116682 100%); 
 background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #116682 100%); 
 background-image: -o-linear-gradient(top, #3BA4C7 0%, #116682 100%); 
 background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#116682 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#116682', endColorstr='#116682',GradientType=0 ); 
 background-image: linear-gradient(top, #3BA4C7 0% ,#116682 100%);   
 -webkit-box-shadow:2px 2px 1px #bababa, inset 0px 0px 2px #ffffff; 
 -moz-box-shadow: 2px 2px 1px #bababa,  inset 0px 0px 2px #ffffff;  
 box-shadow:2px 2px 1px #bababa, inset 0px 0px 2px #ffffff;  
  
 }
 
 
 
 
 
 
 
 
 
  dt 
 {
    padding: 4px;
    background-color: #dfdfdf;
    float: left;
    width: 210px;
    font-size: 11px;
    font-weight: 600;
 }
 
 dd
 {
padding: 4px;
    padding-left: 220px;
    background-color: #f2f2f2;
    max-width: 400px;
    min-width: 100px;
    margin-bottom: 10px;
    font-size: 12px;
    color:#5779a4;
    color:#777;
 }
 
  iframe
 {
     border:solid 3px #eee;
     margin-bottom:3px; 
 }
 
         .video {position:relative;padding-bottom:56.25%;/*��������� ����� 16:9 */padding-top:25px;height:0; margin-bottom:-100px;}
        .video iframe {position:absolute;top:0;left:0;width:80%;height:80%;}
        
#contacttable input
{
    width:500px;
    padding-left:6px; width:408px; font-size:90%; color:#555;
}
#contacttable textarea
{
    width:500px;
    padding-left:6px; width:408px; font-size:90%; color:#555;
}





#ootop
 {
     width:100%;
     height:40px;
    background:url(../Styles/SpriteHeader.png) no-repeat;

    background-position:-6px -80px;
    
    background:none;
    background-color:#565656;
    
    color:White;
    font-size:16px;
    vertical-align:middle;
    padding-top:10px;
     }  

#pdogj, #pdogj2
{
  text-align:center;
  z-index:999999999;

  box-shadow: 0px 0px 10px #999;
  -moz-box-shadow: 0px 0px 5px #999;  
  display: none;
  width:100%;
  max-width:610px;
  height:auto;
  position:fixed;
  left:35%;
  top:15%;
  margin:-100px 0 0 -150px;
  opacity: 1;
  background-color:Gray;
  border: 1px solid lightblue;
  padding: 0px 0px 0px 0px;
  
  background-color: #f5f5f5;
  border: solid 1px #bbbbbb;

  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-box-shadow: 0px 0px 15px #229992;
  box-shadow: 0px 0px 10px #999;
  -moz-box-shadow: 0px 0px 5px #999;
}

#pdogj ul, #pdogj2 ul
{
    text-align:left;
}

#pdogj p, #pdogj2 p
{
    padding:8px;    
}

#iiimmm
{
    width:90%;
    }



.gendivimg
{
    margin-left:-6px;
    height:279px;
    width:252px;
    margin-top:15px;
    background:url(../../images/Genealogija_Proklatija.jpg) center center no-repeat;
    background-size: 100% 100%;
}

.gendivimg:hover
{

    margin-top:15px;
    background:url(../../images/Ginealogija_Proklatija_Porcha.jpg) center center no-repeat;
    background-size: 100% 100%;
}

blockquote
{
    margin-left: 30px;
    padding-left: 20px;
    border-left: solid 4px #bbb;
}

#bookname
{
    text-align:center !important;    
}

#Comments_txbx
{
    width:90%;    
}

#PhoneM_txbx
{
    width:93%;
    border:solid 1px #aaa;   
    font-size:14px;
    color:#5f9ea0; 
    padding:6px;
    padding-left:10px;
    margin-bottom:10px;
    background-color:#f7f7f7;
    letter-spacing:1px;
}

#MoreInfoM_txbx
{
    width:93%;
    border:solid 1px #aaa;  
    height:200px;     
    font-size:14px;
    color:#5f9ea0;
    padding:6px; 
    padding-left:10px;
    background-color:#f7f7f7;
    margin-bottom:10px;
}

#SendInfo_btn
{
    background-color:#5f9ea0;
    border:solid 1px #f7f7f7;
    padding:10px;
    font-size:15px;
    color:#fff;
    width:100%;
}

.marker, .marker a
{
    color:#ffa201;
}


#ZAKAZMASTERA
{
    position:fixed; top:50%; right:0px; cursor:pointer; z-index:999999; display:none;
}   


.categorypricesblock
{
    margin: 14px 0px 0px 0px;
    font-style:italic;   
}

.categorypricesblock .pricediv
{
    float:left; margin:8px 12px 0px 0px; padding:0px 0px 2px 6px; color:#6a96ca; font-weight:500; border-left:solid 2px #72c02c;  
}

.categorypricesblock .valutik
{
    font-size:80%;
} 

.coffee
{
    cursor:pointer; width:50px; margin: 0px 0px -10px 0px;    
}