html {width:100%;overflow-x: hidden;}
body {font-family:Arial, Helvetica, sans-serif;font-size:100%;color:#262626;width: 100%;background:#f1f1f1;margin: 0;}
header {width:100%;background:#f1f1f1;}
.head {width:1400px;/*1500*/padding:0;margin:0 auto;font-size:0.8125em;line-height:1.6153em;background:#f1f1f1;}
#top {width:99%;/*100*/ overflow:hidden; position:relative;height:70px;background:#f1f1f1;}
#logo{}
/*#logoimage{margin-top:2px;width:auto;padding-right:30px;padding-left:20px;float:left;border:none;}*/
#logoimage{margin-top:2px;width:auto;padding-right:13px;padding-left:10px;float:left;border:none;}
#logoimage2{margin-top:2px;width:auto;padding-right:0px;padding-left:0px;float:right;border:none;margin-right:50px;}
.bg-top-shadow {width:100%; background:url(../images/bg-top-shadow.png) center bottom repeat-x; padding:40px 0 12px}
.container {margin-left: auto;margin-right: auto; width: 960px;}
.grid_4 {display:inline; float: left;position: relative;margin-left: 10px;margin-right: 10px;}
.container .grid_4 {width:300px;}
.bg {width:100%; background:url(../images/bg.jpg) center top no-repeat;background-attachment: fixed;background-repeat: no-repeat;}
.bg-bot {width:100%; background:#FFFFFF; padding:20px 0 20px;}
.main {width:980px;padding:0;margin:0 auto;font-size:0.8125em;line-height:1.6153em}
a {color:#ff9601; text-decoration:none}
.wrapper {width:100%; overflow:hidden; position:relative}
.menu {padding:0;margin:0 auto;font-family:Arial, Helvetica, sans-serif;} /*Регулеровка меню*/
.menu li {float:left;position:relative;width:220px;text-align:center;font-size:17px;}
.menu li a {display:block;padding:25px 0px 25px 0px;color:#262626;background:url(../images/menu-a-tail.gif) right -71px no-repeat;text-decoration:none;}
.menu li a:hover,.menu li a.active {background-color:#FFFFFF;text-decoration:underline;}/*Подведение к меню*/
.gallery {padding:20px 0 20px 20px;background:#fff;box-shadow: 0px 5px 8px rgba(0,0,0,0.70);-moz-box-shadow: 0px 5px 8px rgba(0,0,0,0.70);-webkit-box-shadow: 0px 5px 8px rgba(0,0,0,0.70); margin:5px 0 35px 0;border-radius:10px 10px 10px 10px;}
.content-m {padding:20px 0 32px 20px;background:#fff; margin:5px 0 35px 0;border-radius:10px 10px 10px 10px;box-shadow: 0 0 15px black;}
.cont {padding:0px 0px 0 20px;background:#fff;;width:900px;}
.cont-kovka {background:#fff;;width:650px;align:left;}
.cont-kovka-menu {background:#fff;;width:250px;align:left;}
ul {list-style: none;}
h1 {font-family:Arial, Helvetica, sans-serif;font-size:36px;line-height:1.2em;margin:0 0 0 0;color:#262626;font-weight:normal;text-shadow: 2px 4px 3px rgba(0,0,0,0.3);}
h3 {font-family:Arial, Helvetica, sans-serif;font-size:36px;line-height:1.2em;margin:0;color:#262626;font-weight:normal; text-shadow: 2px 4px 3px rgba(0,0,0,0.3);}
h4 {font-family:Arial, Helvetica, sans-serif;font-size:20px;line-height:1.2em;margin:0;color:#262626;font-weight:normal;}
p.abzac1 {font-family: Times New Roman, Arial, Helvetica, sans-serif;color: #000000;text-align: left;margin: 5px 0 5px 0;font-size: 17px;line-height: 23px;}
p.abzac2 {font-family: Times New Roman, Arial, Helvetica, sans-serif;color: #000000;text-align: center;margin: 5px 0 5px 0;font-size: 17px;line-height: 23px;}
p.abzac3 {font-family: Times New Roman, Arial, Helvetica, sans-serif;color: #000000;text-align: right;margin: 5px 0 5px 0;font-size: 17px;line-height: 23px;}
p.con {font-family: Times New Roman, Arial, Helvetica, sans-serif;color: #000000;font-size: 17px;line-height: 23px; margin-bottom:-5px;}
p.con a{color:#e06d01;text-decoration:none;font-weight:bold;}
p.con a:hover{color:#FF4500;text-decoration:underline;}
.cont ul{font-family: Times New Roman, Arial, Helvetica, sans-serif;color: #000;font-size: 17px;line-height: 23px;}
.abzac1 a {color:#e06d01;text-decoration:none;}
.abzac1 a:hover {color:#FF4500;text-decoration:underline;}
.abzac3 a {color:#e06d01;text-decoration:none;}
.abzac3 a:hover {color:#FF4500;text-decoration:underline;}
/*-----Футер------------------------------*/
footer {width:100%;padding:10px 0 13px;background:#f1f1f1;position:relative;}
.footer {width:980px;padding:0;margin:0 auto;background:#f1f1f1;}
.footer a {color:#262626;text-decoration:underline;}
.footer-column-1 {display:inline; float: left;position: relative;margin-left: 10px;margin-right: 10px;margin-top:2px;font-size:16px;font-family:Times New Roman, Arial, Helvetica, sans-serif;}
.footer-column-2 {display:inline;position: relative;margin-left: 50px;margin-right: 0px;font-family:Times New Roman, Arial, Helvetica, sans-serif;letter-spacing:-1px;margin-top:2px}
.footer-column-3 {display:inline;float: right;position: relative;margin-left: 1px;margin-right: 10px;font-size:16px;font-family:Times New Roman,Arial, Helvetica, sans-serif;margin-top:2px; text-align:right;}
/*-----Футер------------------------------*/
/*-----Соц. кнопки------------------------------*/
.pluso {position: relative;z-index: 1;display: inline;padding: 0;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;background: transparent;text-align: left;font-size: 0;line-height: 0;margin-top:3px;margin-left:13px;}
/*-----Соц. кнопки------------------------------*/
/*-----АКТИВНЫЕ ЭЛЕМЕНТЫ МЕНЮ------------------------------*/
#home .home {background-color:#FFFFFF;text-decoration:underline;}
#contact .contact {background-color:#FFFFFF;text-decoration:underline;}
#materials .materials {background-color:#FFFFFF;text-decoration:underline;}
#turnkey .turnkey {background-color:#FFFFFF;text-decoration:underline;}
#artforging .artforging {background-color:#FFFFFF;text-decoration:underline;}
/*-----АКТИВНЫЕ ЭЛЕМЕНТЫ МЕНЮ------------------------------*/
/*-----Кнопка НАВЕРХ------------------------------*/
.b-top {z-index:1101;position:fixed;left:0;bottom:110px;width:34%;margin-left:50%;opacity: 0.6;filter:alpha(opacity=50);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index:1101;position:absolute;display:block;left:15%;bottom:0;margin:0 0 0 100%;padding:27px 5px 5px;
color:white;background:#261d15 url(../images/icon_top.png) no-repeat 50% 11px;border-radius:10px;}
/*-----Кнопка НАВЕРХ------------------------------*/
/*-----Стили для Меню (Художественная ковка)------------------------------*/
.portfolio-items {margin:10px 30px 10px 0px;}
.portfolio-items li {display:inline-block;list-style:none;position:relative;margin:3px;}
.portfolio-items li img {display:block;width:185px;height:185px;background:#eee;border:1px solid #756B6B;border-radius:5px;-moz-border-radius:5px;-moz-box-shadow:0 0 1px rgba(0,0,0,0.35);
-webkit-box-shadow:0 0 5px rgba(0,0,0,0.35);padding:6px;}
.pcv_button{display:inline-block;padding:5px 13px;margin:10px 5px;margin-right:0;border:solid 1px #000;background:#7abcff;background:-moz-linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#7abcff),color-stop(44%,#60abf8),color-stop(100%,#4096ee));background:-webkit-linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);background:-o-linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);background:-ms-linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);background:linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7abcff',endColorstr='#4096ee',GradientType=0);color:#eee;font:100% Arial,Helvetica,sans-serif;text-align:center;text-shadow:0 1px 0 rgba(55,121,188,.5);text-decoration:none;vertical-align:middle;zoom:1;*display:inline;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(255,255,255,.3);-moz-box-shadow:0 1px 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(255,255,255,.3);box-shadow:0 1px 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(255,255,255,.3)}
.pcv_button.saddlebrown{margin-top:5px;border-color:#7d2906;background:#bb5a0c;background:-moz-linear-gradient(top,#bb5a0c 0,#661704 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#bb5a0c),color-stop(100%,#661704));background:-webkit-linear-gradient(top,#bb5a0c 0,#661704 100%);background:-o-linear-gradient(top,#bb5a0c 0,#661704 100%);background:-ms-linear-gradient(top,#bb5a0c 0,#661704 100%);background:linear-gradient(top,#bb5a0c 0,#661704 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb5a0c',endColorstr='#661704',GradientType=0);color:#fff!;text-shadow:0 -1px 0 rgba(0,0,0,.4)}
.pcv_button.saddlebrown:hover{background:#bb5a0c; margin-top:5px;}
.portfolio-items li div.caption8 h5 {font-weight:700;font-size:14px;padding-bottom:5px;margin-bottom:0px;border-bottom:1px solid #aaa;text-shadow:1px 1px 1px #303857; margin:0;}
.portfolio-items li div.caption8 p {text-align:left;font-size:13px;}
.portfolio-items li div.caption8{display:block;background:rgba(0,0,0,0.7);color:#fff;font-family:Arial,sans-serif;font-weight:400;font-size:11px;position:absolute;overflow:hidden;
text-shadow:1px 1px 1px #303857;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;padding:10px;}
.portfolio-items li div.caption8{font-family: Times New Roman, Arial, Helvetica, sans-serif;font-size: 15px;line-height: 15px; }
.portfolio-items li:hover div.caption8 {width:165px;height:165px;opacity:1;filter:alpha(opacity=80);}
.portfolio-items li div.caption8 {bottom:7px;right:7px;width:18px;height:0;}
/*-----Стили для Меню (Художественная ковка)------------------------------*/
.layer1 {
/*background-color: #fc0; Цвет фона слоя */
padding: 5px; /* Поля вокруг текста */
/* Обтекание по правому краю */
width: 700px; /* Ширина слоя */margin-left: 36%;
}
.layer2 {font-family: Times New Roman, Arial, Helvetica, sans-serif;color: #000000;font-size: 18px;line-height: 20px;
/*background-color: #c0c0c0;*/ /* Цвет фона слоя */
padding: 5px; /* Поля вокруг текста */
width: 200px; /* Ширина слоя */
float: left; /* Обтекание по правому краю */
}
.layer2 h1 {font-family:Arial, Helvetica, sans-serif;font-size:36px;margin:0 0 0 0;color:#9E1F26;font-weight:normal;}
.layer2 h2 {font-family:Arial, Helvetica, sans-serif;font-size:35px;margin:0 0 0 0;color:#9E1F26;font-weight:normal;text-shadow: 2px 4px 3px rgba(0,0,0,0.3);}
#nav {list-style: none;}
#nav li {margin-bottom: 2px; text-align:center;}
#nav a {background: #666;color: #ededed;display: block;font-size: 17px;text-decoration: none;padding: 8px 8px 8px 8px;margin-top:6px;border-radius:10px 0px 10px 0px;} /*background-image:radial-gradient(white,#444);*/
#nav a:hover {color: #ededed;background: #C70E18;}
.layer2 ul {margin-left: 0px;padding: 0;}
@media (min-width: 210px) and (max-width: 320px){
.head {
width: 100%;
padding: 0;
margin: 0 auto;
font-size: 0.8125em;
line-height: 1.6153em;
background: #f1f1f1;
}
#top {
width: 100%;
/* overflow: hidden; */
position: relative;
height: auto;
background: #f1f1f1;
}
.menu {
width: 72%;
padding: 0;
margin: 0 auto;
font-family: Arial, Helvetica, sans-serif;
}
.menu li a {
display: block;
padding: 15px 0px 15px 0px;
color: #262626;
background: none;
text-decoration: none;
}
a.example-image-link {
display: inline-block;
padding: 0px;
margin: 0 0.5rem 1rem 0.5rem;
background-color: #fff;
line-height: 0;
-webkit-transition: background-color 0.1s ease-out;
-moz-transition: background-color 0.1s ease-out;
-o-transition: background-color 0.1s ease-out;
transition: background-color 0.1s ease-out;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
.portfolio-items li img {
display: block;
width: 113px;
height: 113px;
background: #eee;
border: 1px solid #756B6B;
border-radius: 5px;
-moz-border-radius: 5px;
-moz-box-shadow: 0 0 1px rgba(0,0,0,0.35);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.35);
padding: 6px;
width: 113px;
height: 113px;
}
.portfolio-items li:hover div.caption8 {
width: 95px;
height: 95px;
opacity: 1;
filter: alpha(opacity=80);
}
.portfolio-items li div.caption8 p {
display: none;
text-align: left;
font-size: 13px;
}
.portfolio-items li div.caption8 h5 {
font-weight: 700;
font-size: 12px;
padding-bottom: 5px;
margin-bottom: 0px;
border-bottom: 1px solid #aaa;
text-shadow: 1px 1px 1px #303857;
}
.pcv_button.saddlebrown {
margin-top: 5px;
border-color: #7d2906;
background: #bb5a0c;
background: -moz-linear-gradient(top,#bb5a0c 0,#661704 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#bb5a0c),color-stop(100%,#661704));
background: -webkit-linear-gradient(top,#bb5a0c 0,#661704 100%);
background: -o-linear-gradient(top,#bb5a0c 0,#661704 100%);
background: -ms-linear-gradient(top,#bb5a0c 0,#661704 100%);
background: linear-gradient(top,#bb5a0c 0,#661704 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb5a0c',endColorstr='#661704',GradientType=0);
color: #fff!;
text-shadow: 0 -1px 0 rgba(0,0,0,.4);
}
.pcv_button {
display: inline-block;
padding: 4px 9px;
margin: 10px 5px;
margin-top: 4px;
margin-right: 0;
border: solid 1px #000;
background: #7abcff;
background: -moz-linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#7abcff),color-stop(44%,#60abf8),color-stop(100%,#4096ee));
background: -webkit-linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);
background: -o-linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);
background: -ms-linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);
background: linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7abcff',endColorstr='#4096ee',GradientType=0);
color: #eee;
font: 100% Arial,Helvetica,sans-serif;
text-align: center;
text-shadow: 0 1px 0 rgba(55,121,188,.5);
text-decoration: none;
vertical-align: middle;
zoom: 1;
*display: inline;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3);
-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(255,255,255,.3);
box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3);
}
#nav {
width: 82%;
}
#logoimage, #logoimage2 {
margin-top: 0px;
margin-bottom: 2px;
width: auto;
margin-left: 29%;
padding-right: 13px;
padding-left: 10px;
float: left;
border: none;
width: 170px;
height: 116px;
}
.bg-top-shadow {
/* width: 88%; */
background: url(../images/bg-top-shadow.png) center bottom repeat-x;
padding: 40px 0 12px;
margin-top: 100%;
}
div.slideshow a.advance-link img {
max-width: 340px;
padding: 0;
margin: 0;
display: block;
position: absolute;
left: 0;
top: 0;
}
.container .grid_4 {
width: 260px;
}
.main {
width: 100%;
padding: 0;
margin: 0 auto;
font-size: 0.8125em;
line-height: 1.6153em;
}
.gallery {
/* padding: 20px 0 20px 20px; */
background: #fff;
box-shadow: 0px 5px 8px rgba(0,0,0,0.70);
-moz-box-shadow: 0px 5px 8px rgba(0,0,0,0.70);
-webkit-box-shadow: 0px 5px 8px rgba(0,0,0,0.70);
margin: 5px 0 35px 0;
border-radius: 10px 10px 10px 10px;
}
.grid_4 {
display: inline;
/* float: left; */
text-align: center;
position: relative;
margin-left: 10px;
margin-right: 10px;
}
.grid_4 p {
text-align: center;
}
.container {
position: relative;
width: 100%;
max-width: 960px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}
.footer {
width: 100%;
padding: 0;
margin: 0 auto;
background: #f1f1f1;
text-align: center;
}
.footer-column-3 {
display: inline;
/* float: right; */
position: relative;
margin-left: 1px;
margin-right: 10px;
font-size: 16px;
font-family: Times New Roman,Arial, Helvetica, sans-serif;
margin-top: 2px;
text-align: right;
}
.footer-column-1 {
display: block;
/*float: left;*/
position: relative;
/*margin-left: 100px;*/
margin-right: 10px;
margin-top: 2px;
font-size: 16px;
font-family: Times New Roman, Arial, Helvetica, sans-serif;
text-align: center;
}
.footer-column-2 {
display: inline;
position: relative;
margin-left: 0;
margin-right: 0px;
font-family: Times New Roman, Arial, Helvetica, sans-serif;
letter-spacing: -1px;
margin-top: 2px;
}
.bg {
width: 100%;
margin-top: -360px;
background: url(../images/bg.jpg) center top no-repeat;
background-attachment: fixed;
background-repeat: no-repeat;
}
.b-top-but {
z-index: 1101;
position: absolute;
display: block;
left: -4%;
bottom: 0;
margin: 0 0 0 100%;
padding: 27px 5px 5px;
color: white;
background: #261d15 url(../images/icon_top.png) no-repeat 50% 11px;
border-radius: 10px;
}
#thumbs {
width: 320px;
float:none!important;
margin: 0 auto;
}
div.slideshow-container {
position: relative;
height: 300px;
z-index: 1;
}
div.content {
display: none;
width: 620px;
height: 300px;
margin: 0;
padding: 0px;
float: left;
overflow: hidden;
border: none;
}
.cont-kovka {
background: #fff;
width: 95%;
text-align: center;
}
.layer1 {
padding: 0;
width: 100%;
margin-left: 0%;
}
.layer2 {
font-family: Times New Roman, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 18px;
line-height: 20px;
/* background-color: #c0c0c0; */
/* padding: 5px; */
width: 340px;
float: left;
display:none;
}
.cont {
padding: 0px 0px 0 12px;
background: #fff;
width: 92%;
}
.cont img {
max-width: 100%;
}
td img {
/*display: none;*/
}
tr {
text-align: center;
}
.cont h1 {
margin-right: 25px;
text-align: center;
}
table {
display: none;
/*width: 100%!important;*/
}
.example-cont {
margin-left: 0px;
}
}
@media (min-width: 321px) and (max-width: 430px){
.head {
width: 100%;
padding: 0;
margin: 0 auto;
font-size: 0.8125em;
line-height: 1.6153em;
background: #f1f1f1;
}
#top {
width: 100%;
/* overflow: hidden; */
position: relative;
height: auto;
background: #f1f1f1;
}
.menu {
width: 72%;
padding: 0;
margin: 0 auto;
font-family: Arial, Helvetica, sans-serif;
}
.menu li a {
display: block;
padding: 15px 0px 15px 0px;
color: #262626;
background: none;
text-decoration: none;
}
a.example-image-link {
display: inline-block;
padding: 0px;
margin: 0 0.5rem 1rem 0.5rem;
background-color: #fff;
line-height: 0;
-webkit-transition: background-color 0.1s ease-out;
-moz-transition: background-color 0.1s ease-out;
-o-transition: background-color 0.1s ease-out;
transition: background-color 0.1s ease-out;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
.portfolio-items li img {
display: block;
width: 113px;
height: 113px;
background: #eee;
border: 1px solid #756B6B;
border-radius: 5px;
-moz-border-radius: 5px;
-moz-box-shadow: 0 0 1px rgba(0,0,0,0.35);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.35);
padding: 6px;
width: 113px;
height: 113px;
}
.portfolio-items li:hover div.caption8 {
width: 95px;
height: 95px;
opacity: 1;
filter: alpha(opacity=80);
}
.portfolio-items li div.caption8 p {
display: none;
text-align: left;
font-size: 13px;
}
.portfolio-items li div.caption8 h5 {
font-weight: 700;
font-size: 12px;
padding-bottom: 5px;
margin-bottom: 0px;
border-bottom: 1px solid #aaa;
text-shadow: 1px 1px 1px #303857;
}
.pcv_button.saddlebrown {
margin-top: 5px;
border-color: #7d2906;
background: #bb5a0c;
background: -moz-linear-gradient(top,#bb5a0c 0,#661704 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#bb5a0c),color-stop(100%,#661704));
background: -webkit-linear-gradient(top,#bb5a0c 0,#661704 100%);
background: -o-linear-gradient(top,#bb5a0c 0,#661704 100%);
background: -ms-linear-gradient(top,#bb5a0c 0,#661704 100%);
background: linear-gradient(top,#bb5a0c 0,#661704 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb5a0c',endColorstr='#661704',GradientType=0);
color: #fff!;
text-shadow: 0 -1px 0 rgba(0,0,0,.4);
}
.pcv_button {
display: inline-block;
padding: 4px 9px;
margin: 10px 5px;
margin-top: 4px;
margin-right: 0;
border: solid 1px #000;
background: #7abcff;
background: -moz-linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#7abcff),color-stop(44%,#60abf8),color-stop(100%,#4096ee));
background: -webkit-linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);
background: -o-linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);
background: -ms-linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);
background: linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7abcff',endColorstr='#4096ee',GradientType=0);
color: #eee;
font: 100% Arial,Helvetica,sans-serif;
text-align: center;
text-shadow: 0 1px 0 rgba(55,121,188,.5);
text-decoration: none;
vertical-align: middle;
zoom: 1;
*display: inline;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3);
-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(255,255,255,.3);
box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3);
}
#nav {
width: 82%;
}
#logoimage, #logoimage2 {
margin-top: 0px;
margin-bottom: 2px;
width: auto;
margin-left: 29%;
padding-right: 13px;
padding-left: 10px;
float: left;
border: none;
width: 170px;
height: 116px;
}
.bg-top-shadow {
/* width: 88%; */
background: url(../images/bg-top-shadow.png) center bottom repeat-x;
padding: 40px 0 12px;
margin-top: 100%;
}
div.slideshow a.advance-link img {
max-width: 340px;
padding: 0;
margin: 0;
display: block;
position: absolute;
left: 0;
top: 0;
}
.container .grid_4 {
width: 320px;
}
.main {
width: 100%;
padding: 0;
margin: 0 auto;
font-size: 0.8125em;
line-height: 1.6153em;
}
.gallery {
/* padding: 20px 0 20px 20px; */
background: #fff;
box-shadow: 0px 5px 8px rgba(0,0,0,0.70);
-moz-box-shadow: 0px 5px 8px rgba(0,0,0,0.70);
-webkit-box-shadow: 0px 5px 8px rgba(0,0,0,0.70);
margin: 5px 0 35px 0;
border-radius: 10px 10px 10px 10px;
}
.grid_4 {
display: inline;
/* float: left; */
text-align: center;
position: relative;
margin-left: 10px;
margin-right: 10px;
}
.grid_4 p {
text-align: center;
}
.container {
position: relative;
width: 100%;
max-width: 960px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}
.footer {
width: 100%;
padding: 0;
margin: 0 auto;
background: #f1f1f1;
text-align: center;
}
.footer-column-3 {
display: inline;
/* float: right; */
position: relative;
margin-left: 1px;
margin-right: 10px;
font-size: 16px;
font-family: Times New Roman,Arial, Helvetica, sans-serif;
margin-top: 2px;
text-align: right;
}
.footer-column-1 {
display: block;
/*float: left;*/
position: relative;
/*margin-left: 100px;*/
margin-right: 10px;
margin-top: 2px;
font-size: 16px;
font-family: Times New Roman, Arial, Helvetica, sans-serif;
text-align: center;
}
.footer-column-2 {
display: inline;
position: relative;
margin-left: 0;
margin-right: 0px;
font-family: Times New Roman, Arial, Helvetica, sans-serif;
letter-spacing: -1px;
margin-top: 2px;
}
.bg {
width: 100%;
margin-top: -360px;
background: url(../images/bg.jpg) center top no-repeat;
background-attachment: fixed;
background-repeat: no-repeat;
}
.b-top-but {
z-index: 1101;
position: absolute;
display: block;
left: -4%;
bottom: 0;
margin: 0 0 0 100%;
padding: 27px 5px 5px;
color: white;
background: #261d15 url(../images/icon_top.png) no-repeat 50% 11px;
border-radius: 10px;
}
#thumbs {
width: 320px;
float:none!important;
margin: 0 auto;
}
div.slideshow-container {
position: relative;
height: 300px;
z-index: 1;
}
div.content {
display: none;
width: 620px;
height: 300px;
margin: 0;
padding: 0px;
float: left;
overflow: hidden;
border: none;
}
.cont-kovka {
background: #fff;
width: 95%;
text-align: center;
}
.layer1 {
padding: 0;
width: 100%;
margin-left: 0%;
}
.layer2 {
font-family: Times New Roman, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 18px;
line-height: 20px;
/* background-color: #c0c0c0; */
/* padding: 5px; */
width: 340px;
float: left;
display:none;
}
.cont {
padding: 0px 0px 0 12px;
background: #fff;
width: 92%;
}
.cont img {
max-width: 100%;
}
td img {
/*display: none;*/
}
tr {
text-align: center;
}
.cont h1 {
margin-right: 25px;
text-align: center;
}
table {
display: none;
/*width: 100%!important;*/
}
.example-cont {
margin-left: 0px;
}
}
@media (min-width: 767px) and (max-width: 1025px){
.bg {
width: 182%;
background: url(../images/bg.jpg) center top no-repeat;
background-attachment: fixed;
background-repeat: no-repeat;
}
footer {
margin-left: 50%;
}
.gallery {
width: 97%;
padding: 20px 0 20px 20px;
background: #fff;
box-shadow: 0px 5px 8px rgba(0,0,0,0.70);
-moz-box-shadow: 0px 5px 8px rgba(0,0,0,0.70);
-webkit-box-shadow: 0px 5px 8px rgba(0,0,0,0.70);
margin: 5px 0 35px 0;
border-radius: 10px 10px 10px 10px;
}
.bg-bot {
width: 182%;
background: #FFFFFF;
padding: 20px 0 20px;
}
}