/* Stylesheet: Navigation: Simple - Horizontal Modified On 2016-04-04 11:44:38 */
/********************MENU*********************/
/* hack for IE6 */
* html div#menu_horiz {
/* hide ie/mac \*/
	height: 1%;
/* end hide */
}
div#menu_horiz {
	width: 100%;
	height: 25px;
	margin: 0;

}
div#menu_horiz ul {
/* remove any default bullets */
	list-style-type: none;
	margin: 0;

/* keeps the first menu item off the left side */
	padding-left: 0px;
}
/* menu list items */
div#menu_horiz li {
/* makes the list horizontal */
	float: left;
/* remove any default bullets */
	list-style: none;
/* still no margin */
	margin: 0;
background: url(http://silex.com.ua/uploads/silex_new/menu_bg.gif) no-repeat 7px center;
}


div#menu_horiz a, div#menu_horiz h3 span, div#menu_horiz .sectionheader span {

	padding: 12px 0px 5px 0px;
	margin: 0;
	text-decoration: none;
	color: #39C;
        text-shadow: -1px 1px 2px white;
font-size: 15px;
}


/* hover state for links */
div#menu_horiz li a:hover {;
color:#7aa329;


}
div#menu_horiz a span {
/* compensates for no left padding on the "a" */
	padding-left: 15px;
}
div#menu_horiz li.parent a span {
/* no left padding on the "a" we can set it here, it lets us use the span for an image */
	padding-left: 20px;

}
div#menu_horiz li.menuactive a:hover span {
	padding-left: 20px;
color:#7aa329;
}
div#menu_horiz li.menuactive a span {
	padding-left: 20px;
	color: #39C;
text-decoration: none;
}
div#menu_horiz li.currentpage h3 span {
	padding-left: 12px;
	color: #fff;
}
div#menu_horiz .sectionheader span {
/* compensates for no left padding on the "sectionheader" */
	padding-left: 15px;
}
/* active parent, that is the first level parent of a child page that is the current page */
div#menu_horiz li.menuactive, div#menu_horiz li.menuactive a:hover {
	color: #fff;

}
/* Stylesheet: Accessibility and cross-browser tools Modified On 2012-06-13 09:26:58 */
/* accessibility */
/* menu links accesskeys */
span.accesskey {
	text-decoration: none;
}
/* accessibility divs are hidden by default, text, screenreaders and such will show these */
.accessibility, hr {
/* position set so the rest can be set out side of visual browser viewport */
	position: absolute;
/* takes it out top side */
	top: -999em;
/* takes it out left side */
	left: -999em;
}
/* definition tags are also hidden, these are also used for accessibility menu links */
dfn {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}
/* end accessibility */
/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
	position: absolute;
	left: -5000px;
	width: 4000px;
}
a.external {
/* make some room for the image, css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
	padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
	color: #18507C;
/* background image for the link to show wiki style arrow */
	background: url(images/cms/external.gif) no-repeat 100% -100px;
}
a.external:visited {
	color: #18507C;
/* a different color can be used for visited external links */
/* Set the last 0 to -100px to use that part of the external.gif image for different color for active links external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.*/
	background: url(images/cms/external.gif) no-repeat 100% -100px;
}
a.external:hover {
	color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
	background: url(images/cms/external.gif) no-repeat 100% 0;
	background-color: inherit;
}
/* end wiki style external links */
/* clearing */
/* clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item. We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience. Do not edit if you dont know what you are doing*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	height: 0;
	clear: both;
	width: 90%;
	visibility: hidden;
}
#main .clear {
	height: 0;
	clear: right;
	width: 90%;
	visibility: hidden;
}
* html>body .clearfix {
	display: inline-block;
	width: 100%;
}
* html .clear {
/* Hides from IE-mac \*/
	height: 1%;
	clear: right;
	width: 90%;
/* End hide from IE-mac */
}
/* end clearing */
img {border:none;}
/* Stylesheet: footer_nav Modified On 2012-05-25 14:43:59 */
.foot_menu
{
width: 502px;
}

#primary-nav{
        list-style: none; 
	margin: 0px; 
	padding: 0px;
width: 100%;
line-height:38px;
       }

#primary-nav ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	}
#primary-nav ul {
	position: absolute; 
	top: auto; 
	display: none; 
width: 200px;
	}

#primary-nav li { 
	margin-left: -1px;
	float: left; 
	}


#primary-nav a {
font-size: 14px;
background: none;
	padding: 5px 5px; 
	text-decoration: none; 
	}
#primary-nav li a {
color: #E3DEDD;
text-shadow: -1px -1px 2px black;
	}
#primary-nav li a:hover, a.hover {
color: #FC0;
	}

/* IE Hacks */

#primary-nav li li { 
	float: left; 
	clear: both; 
	}
#primary-nav li li a { 
	height: 1%; 
	}
/* Stylesheet: new_layout2 Modified On 2019-02-01 12:12:42 */
@font-face {
 font-family: Centry;
 src: url(http://silex.com.ua/gothic_0.eot) /* EOT file for IE */
}
@font-face {
 font-family: Centry;
 src: url(http://silex.com.ua/gothic_0.TTF) /* TTF file for CSS3 browsers */
}

a, a:visited {
	color:#fff; text-decoration:none;
	}

a:hover, ul li a:hover {
color:#FC0;
}

ul li a, ul li a:visited {
color:#e3dedd;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Century Gothic", Centry, Verdana, Geneva, sans-serif;
	font-weight:bold;
margin:0;
	}

h1, h2 {font-size:18px; font-weight:200;}

h4, h5, h6 {font-size: 16px; font-weight:normal; color:#fff;}

h4 {margin-bottom:20px;}

input {outline:none;}

body {
	background: #090804 url(http://silex.com.ua/uploads/silex_new/silexbg_4a.jpg) no-repeat 50% 0;
	color:#fff;
background-size: contain;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 0.813em;
line-height: 1.3;
}

#wrap {
	text-align: left;
margin: 50px auto;
padding: 0;
min-width: 990px;
max-width: 1128px;
position: relative;
}



	
#head {
	position:relative;
	background: url(http://silex.com.ua/uploads/silex_new/head_bg.png);
	border: 1px solid #abd7e7;
	border-radius:15px;
	box-shadow: 0px 0px 7px #88bed6;
	height:190px;
	width:100%;
	font-family: "Century Gothic", Centry, Verdana, Geneva, sans-serif;
	color:#39c;
	font-size: 1.2em;
line-height: 1.3;
}
#logo {
	position:absolute;
	left:14px;
	top:-4px;
	height:195px;
	width:160px;
	color:#39C;
	text-align:center;
/*background:url(http://silex.com.ua/uploads/silex_new/logo_bg_.jpg) no-repeat left top;
	border: 1px solid #abd7e7;
	box-shadow: 0px 0px 7px #88bed6;*/
}

#logo_pic {
    padding:32px 10px 40px;
    border-bottom: 2px solid #d2f2fa;
background: #e6f9fe;
background: -moz-linear-gradient(left,  #e6f9fe 0%, #f8fdff 100%);
background: -webkit-linear-gradient(left,  #e6f9fe 0%,#f8fdff 100%);
background: linear-gradient(to right,  #e6f9fe 0%,#f8fdff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f9fe', endColorstr='#f8fdff',GradientType=1 );
box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
}

#h_center h2.sub_header {
    font-size: 13px;
    font-weight: normal;
    padding: 10px 5px 5px 0;
}



#butns {    position: relative;
    top: -25px;}

#h_center {
	position:absolute;
	left:195px;
	top:16px;
}

#h_center h2 {
	font-size:46px;
	text-shadow: -1px 1px 4px white;
	margin-bottom:0;
}

#h_center h3 {
	font-size:18px;
	margin-top:0;
	text-shadow: -1px 1px 2px white;
	font-weight:300;
}

#menu {
	position:absolute;
	top:131px;
	left:195px;
	background:url(http://silex.com.ua/uploads/silex_new/menu_bg.png) repeat-y right top;
	width:547px;
	height:40px;
	margin-top:19px;
	border: 1px solid #abd7e7;
	-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
	box-shadow: 0px 0px 5px #88bed6;
	line-height:37px;
}

#contacts {
	position:absolute;
	overflow:hidden;
	top:20px;
	right:20px;
	text-align:right;
	text-shadow: -1px 1px 2px white;
	}

#contacts a, #contacts a:visited {color:#39C; line-height:23px;display:inline-block}
#contacts img {vertical-align:text-bottom;}

.product, .granit, .content, .footer {
text-shadow: 1px -1px 2px black;
	position: absolute;
	min-height:180px;
	height:auto;
	background:url(http://silex.com.ua/uploads/silex_new/cbox_backgr.png) no-repeat 100% 0;
background-size: cover;
	border: 2px solid #33211D;
	-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
box-shadow: 0px 0px 5px #333;
font-family: "Century Gothic", Centry, Verdana, Geneva, sans-serif;
font-size: 14px;
line-height: 1.3em;
}

.product {top:220px; width: 100%; height: 200px;}
.granit {top:455px; width: 100%;}

.content{
margin-top: 480px;
width: 100%;
position: relative;
}

.content .home img {
border: 1px solid black;
box-shadow: 0px 0px 0px 1px #503838;
}

.product .box_content {width: 100%; left: 0px;}


.products_list ul {
    margin-top: 10px;
}

.products_list li {
list-style-type:none;
float:left;
width:10%;
text-align: center;
margin-left: 1.5%;
margin-right: 2%;
}

.products_list li a:hover {
color: #fc0;
}

.footer { 
font-size: 0.813em;
min-height: 100px;
background:#2e201d url(http://silex.com.ua/uploads/silex_new/footer_bg.png) no-repeat 100% 0;
padding: 35px 0px 5px 0px;
color:#d1c6c4;
position:relative;
width: 100%;
margin-top:20px;
}

.footer .box_title_long {
left: 25%;}

.box_title, .box_title_long {
	position:absolute;
	top:-4px;
	left:20px;
	background:#402922 url(http://silex.com.ua/uploads/silex_new/cbox_title.png) no-repeat 100% 0;
	min-width:150px;
	height:38px;
	line-height:38px;
	border: 1px solid #33211D;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
box-shadow: 0px 0px 7px #261b17;
padding: 0 10px 0 10px;
color:#dbe956;
}

.box_title a {color:#dbe956;}

.box_title a:hover {color:#fc0;}
 
.box_title_long {
	background:#3a231d url(http://silex.com.ua/uploads/silex_new/content_title.jpg) no-repeat 100% 0;
}
.box_content {
	position:relative;
	overflow:hidden;
	top:30px;
	left:20px;
	width:95%;
}

.box_content_main {
	overflow:hidden;
	margin:80px 20px 30px 40px;
	width:95%;
	color:#e3dedd;
}

.box_content_main p, .box_content_main ul {
	font-family:Arial, Geneva, sans-serif;
	font-size: 14px;
line-height: 120%;
word-spacing:0.1em;
}

.left {float:left;
padding-top:15px;
width:20%;
font-size: 16px;
}

.right {float:right; width:80%;}

.left ul, .left a:visited {
	list-style-type:none;
	padding:0;
	color:#e3dedd;
}

.box_cat ul {
padding: 0;
width:100%;
font-size: 16px;
line-height: 140%;
}

.box_cat ul li {
float:left;
width:25%;
list-style-type:none;
}

.box_cat ul li a:hover, .left ul li a:hover {
color:#FC0;
}

.Footer-text {
font-size: 0.8em;
line-height: 1.3;
}

.but img{opacity: 0.5;}

.cat_table img
{
border:none;
box-shadow:none;
}

.cat_table td
{
padding:15px;
}

.cat_table p 
{
font-family: "Century Gothic", Centry, Verdana, Geneva, sans-serif;
font-size: 16px;
font-weight: 200;
text-align: left;
}
.cat_table td:hover {
color: #fff;
background-image: url(http://silex.com.ua/uploads/images/sml.png);
}

.breadcumbs
{
float: right;
margin:5px 20px 0 0;
font-size: 12px;
}


.form_msg input, textarea
{
color: #E3DEDD;
background-color: #2E201D; 
border: 1px solid #4D3F3C;
font-size:14px;
line-height:22px;
padding: 5px;
}

.picborder
{
border: 2px solid #ffcc66;
}

.online_chat {
  display:block;
  width:30px;
  height:200px;
  background: url(http://silex.com.ua/uploads/silex_new/chat_bg.jpg) no-repeat left top;
  position:fixed;
  left:0;
  top:270px;
border:1px solid #3399cc;
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
}

.online_chat img {
position:absolute;
bottom:10px;
left:10px;
}

.cont_bg {background: url(http://silex.com.ua/uploads/silex_new/cont_bg_.png) no-repeat left top; padding-left:30px;}

.cont_bg h4 {margin-bottom:0px;}

.cont_bg p {padding-left: 30px;}
.cont_bg img {vertical-align:text-bottom;}
.cont_bg a {color:#DBE956;}

.clearfix:after,.clearfix:before{display:table;content:" "}
.clearfix:after{clear:both}

.toggler {display: none;}

.box_cat li img {display:none}


@media screen and (max-width: 985px) {
 
	 body {
		background: #090804 url(http://silex.com.ua/uploads/silex_new/silexbg_mob.jpg) repeat-x;
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin: 0;padding: 0 10px;
	}
	 

	div {box-sizing:border-box;}
	.product, .granit, .content, .footer {
	background: #362521 url(http://silex.com.ua/uploads/silex_new/cbox_backgr.jpg) no-repeat 100% 0;
	}

	#wrap {min-width: 220px;}

	#logo {
	  position: static;
	  margin-left: 10px;
	  float: left;
	  margin-top: -4px;
	}

        #h_center h2.sub_header {display:none}

	#h_center {
	  position: static;
	  float: left;
	  margin-left: 16px;
	}

	#contacts {
	  position: absolute;
	  overflow: hidden;
	  top: 100px;
	  left: 178px;
	  right: 20px;
	  text-align: left;
	  text-shadow: none;
	  color: #1794BF;
          text-shadow: 0 1px 1px #FFF;
	}

  #contacts br {display: none;width: 7px;vertical-align: bottom;}

  #contacts span {display: inline-block;}

  #contacts a, #contacts a:visited {
	 
	  line-height: 23px;
	}

	.products_list li {float: none;display: inline-block;vertical-align: top;width: 20%;margin-bottom: 10px;}

	.product {height: auto;}

	.products_list {padding-left: 0}

	.granit {
  top: 560px;}
  .content {
  margin-top: 575px;}

  .box_title_long {height: auto;}

  .content img {max-width: 99%;height: auto;}

  .content .home img {float: none !important; display: block;}


}


@media screen and (max-width: 775px) {

	#head, #wrap {position: static;}

#head {
    background: rgba(220, 245, 252, 0.9) url(http://silex.com.ua/uploads/silex_new/head_bg.png);
}

.box_cat li img {display:block;width:85%;height:auto}

	.box_cat ul li {width: 50%;margin: 5px 0;}

	#menu {
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  border-radius: 0;
	  margin: 0;
	  box-shadow: none;
	  background: rgba(223, 246, 252, 0.95);
	  z-index:99;
	  height: auto
	}

	div#menu_horiz {height: auto;}

	div#menu_horiz li {float: none;display: inline-block;height: 40px;}

	div#menu_horiz a {padding: 0 15px;height: 40px;line-height: 40px;}

	#wrap {margin-top: 70px;}

	#h_center h2 {font-size: 38px;}

	#contacts {
	  top: 150px;
	  left: 187px;
	}

	.product {
	  top: 275px;
	  height: auto;
	  min-height: 0;
	}

	.granit {min-height: 0;height: auto;top: 335px}

	.content {margin-top: 145px;}

	.mobile-hide {display: none;}

	.toggler {display: inline-block;z-index: 10;position: relative;}
	#menu .toggler {display: none;}

	.cat .icon {
	  display: block;
	  vertical-align: middle;
	  margin: 5px 5px 0 5px;
	}

	.cat .icon {
	  position: absolute;
	  top: 50%;
	  left: 0;
	  display: block;
	  width: 30px;
	  height: 2px;
	  margin-top: -1px;
	  background-color: #fff;
	  font-size: 0px;
	  -webkit-touch-callout: none;
	  -webkit-user-select: none;
	  -khtml-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	  -webkit-transition: background-color 0.3s;
	  transition: background-color 0.3s;
	}

	.cat.opened .icon {
		background-color: transparent;
	}

	.cat .icon:before,
	.cat .icon:after {
		position: absolute;
		left: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		content: '';
		-webkit-transition: -webkit-transform 0.3s;
		transition: transform 0.3s;
	}

	.cat .icon:before {
		-webkit-transform: translateY(-350%);
		transform: translateY(-350%);
	}

	.cat .icon:after {
		-webkit-transform: translateY(350%);
		transform: translateY(350%);
	}

	.cat.opened .icon:before {
		-webkit-transform: translateY(0) rotate(45deg);
		transform: translateY(0) rotate(45deg);
	}

	.cat.opened .icon:after {
		-webkit-transform: translateY(0) rotate(-45deg);
		transform: translateY(0) rotate(-45deg);
	}

	.cat .icon+b {display: inline-block;margin-left: 50px;text-transform: uppercase;}

	.cat .icon .bar {
	  width: 32px;
	  height: 2px;
	  display: block;
	  margin-bottom: 6px;
	  background: #fff;
	}

	.box_title {  background: transparent;
  box-shadow: none;
  border: none;
  position: static;
  margin: 3px;}

	.product, .granit {height:auto;left: 10px;right: 10px;width: auto;}

	.box_content.mobile-hide {
	    margin-top: -27px;
	  background-color: #3F2926;
	  z-index: 11;
	  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.41);
	  border-radius: 15px;
	  border: 1px solid #573D3A;
	  width: 100%;
	  left: 0;
	  padding: 5px 15px 15px;
	}

	.box_content_main {
	overflow:hidden;
	padding:60px 20px 30px;
	margin: 0;
	width:100%;
	color:#e3dedd;}

	.cont_bg {
	  background: none;
	  padding-left: 0;
	}
	.cont_bg p {padding-left: 0}

	.cms_textarea {width: 98%;}

#contacts {
	  padding-left: 10px;
          text-shadow: none;
	}

}

@media screen and (max-width: 660px) {

	#menu .toggler {display: inline-block;padding: 10px 0}

	#menu_horiz {display: none;}

	#menu .cat .icon, #menu .cat .icon:before, #menu .cat .icon:after {  background-color: #39C;}
	#menu .cat .icon {left: 10px}

	#menu .cat.opened .icon {
		background-color: transparent;
	}

	div#menu_horiz li {display: block;width: 100%;background:none;border-bottom: 1px solid #B7DAE4;}

	.box_title_long {height: auto;left: 0}

	.breadcumbs {
	  float: none;
	  margin: 44px 15px 0 20px;}

	  .cat_table *,  .granit_info * {display: block;} 

	  .granit_info tr td {padding-bottom: 20px;}
		
	  .granit_info img {max-width: 100%;height: auto;}
	  .granit_info {width: 98%}

}


@media screen and (max-width: 590px) {

	#h_center h2 {font-size: 29px;text-shadow:none;color: #1B79A9;}
	#h_center h3 {font-size: 16px;text-shadow:none;color: #1B79A9;font-weight: bold;}
	#contacts {top: 145px;}

	.products_list li {width: 29%;}

	body {  background-size: inherit;}

}




@media screen and (max-width: 500px) {

	#logo {display: none;}
	#contacts {
	  position: static;
	  float: left;
	  clear: both;
	  margin: 20px 15px;
	  line-height: 25px;
	}


}

@media screen and (max-width: 460px) {

	.products_list li {width: 45%;box-sizing:border-box;}

	.box_cat ul li {display: block;float: none;width: 100%;}

}



@media screen and (max-width: 394px) {

	#contacts {margin: 5px 15px;font-size: 19px; text-align: center;}

	#h_center h2 {text-shadow:none;}
#h_center {
    text-align: center;
    margin: 5px 0;
    padding: 10px;
}

	#contacts span:last-child {display: none;}
#contacts {font-size:15px;}
#contacts a {font-size:18px;}
}

@media screen and (max-width: 340px) {

	#h_center h3 {font-size: 14px;}

	#head {height: 230px;}

	.product {top: 315px;}
	.granit {top: 378px;}

}

#bottom-menu ul {
	display: inline-block;
}

#bottom-menu ul li {
    display: inline-block;
    border: #291e1b 1px solid;
    border-top-color: #6b534d;
    margin: 10px;
    border-radius: 3px;
    text-align: center;
    background: #402922 url(http://silex.com.ua/uploads/silex_new/cbox_title.png) no-repeat 100% 0;
}

#bottom-menu ul li a {
    padding: 12px 14px;
    display: block;
}

@media screen and (max-width: 340px) {
	#bottom-menu ul {
	display: inline-block;
        padding: 20px;
}
}