/* CSS Document */
* {
margin: 0;
padding: 0;
border: 0;
}
body {
padding: 0;
background-color: #fff;
background-image: url(files/body.png);
background-attachment: fixed;
background-position: center;
color: #000;
font-family: Calibri, Arial, Verdana, Verdana, Helvetica, sans-serif;
}
#container {
background-image: none;
background-repeat: repeat-y;
background-color: #fff;
width: 1000px;
margin: 1% auto;
border: 0px;
position: relative;
border: 1px solid #464646;;
border-bottom: 0;
}
a {
outline: none;
}
a img {
border: none;
}
#header {
height: 250px;
width: 840px;
margin: 0px auto;
background-image: url(s4it2.png);
background-repeat: no-repeat;
position: relative;
}
#top-s4it {
margin: 0px auto;
width: 400px;
height: 30px;
background-image: none;  /*url(files/top-s4it.png);*/
background-repeat: no-repeat;
text-align: center;
font: 18px strong;
color: #000;
padding-top: 5px;
}
#slideshowmet {
width: 820px;
height: 200px;
position: absolute;
top: 40px;
right: 10px;
}
.carousel {
width:800px;
height:200px;
position: absolute;
top: 20px;
left: 0px;
}
.carousel li img {
margin-right: 35px;
}
.balka {
width: 940px;
height: 64px;
background-image: url(balka1.png);
background-repeat: no-repeat;
position: absolute;
right: 30px;
}
#cont {
width: 250px;
height: 80px;
background-image: url(conts4it.png);
background-repeat: no-repeat;
margin: 0px auto;
padding: 10px;
color: #000;
font-size: 14px;
font-weight: bolder;
}
#contacts {
width: 100%;
height: 140px;
background-color: #000;
border-bottom: 1px solid #5c5c5c;
border-top: 0px solid #464646;
position: relative;
color: #fff;
}
#phones {
font-family: "Comic Sans MS", Arial;
font-size: 18px;
text-align: right;
position: absolute;
right: 20px;
bottom: 20px;
}
.special-offer {
margin-top: 20px;
margin-left: 12px;
width: 900px;
height: 200px;
border: 1px solid #000;
background-image: url(backmenu50.png);
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.opis-offer {
width: 300px;
margin: 10px auto;
text-align: center;
font-size: 17px;
font-weight: bold;
}
.price {
font-weight: bold;
font-size: 1.1em;
color: #000;
}
#products {
width: 1000px;
margin: 0px;
padding: 10px;
color: #000;
font-family: Calibri, Arial, Verdana, Verdana, Helvetica, sans-serif;
font-size: 12pt;
float: left;
text-align: justify;
}
.textprod {
width: 910px;
padding-left: 10px;
text-align: justify;
}
#products img {
border: #000 solid 2px;
}
#products p {
padding-top: 30px;
text-align: justify;
text-indent: 1.5em;
font-size: 12pt;
}
#products p img {
float: right;
border: 2px solid #000;
margin: 5px;
}
.opis img {
float: right;
padding: 20px 5px 20px 100px; 
}
#products h1 {
font-family: Calibri, Arial, Verdana, Verdana, Helvetica, sans-serif;
font-size: 18px;
font-style: bold;
vertical-align:top;
padding-left: 35px;
}
#products h2 {
font-family: Calibri, Arial, Verdana, Verdana, Helvetica, sans-serif;
font-size: 15px;
vertical-align:top;
color: #000;
}
#products a {
color : #000;
}
#products a:hover {
color : #000;
}
.teh {
font-size: 14px;
text-align: justify;
}
.prod {
width: 320px;
height: 130px;
float: left;
display: inline;
margin-left: 5px;
position: relative;
}
body:not([x|x]) .ops {
display: block;
margin-top: 0px;
margin-left: 150px;
position: absolute;
width: 160px;
float: left;
font-size: 12px;
}
.ops {
display: block;
float: right;
width: 160px;
padding: 0px;
margin: 0px;
font-size: 13px;
position: absolute;
top: 0px;
right: 0px;
}

#individual {
width: 920px;
padding: 10px 0px;
border-top: 1px #fff dashed;
}
#individual img {
float: right;
margin: 10px;
}
.bold {
font-size: 1.0em;
color: #000;
margin: 30px;
}
#stripes {
width: 100%;
height: 20px;
background-image: url(warnstripes.png);
display: none;
}
#footer {
height: 50px;
width: 100%;
margin: 0 0px;
background-color: #191917;
background-image: none /*url(backmenu80.png)*/;
color: #fffcde;
border-top: 1px solid #3d3d3d;
clear: both;
padding-top: 10px;
}
#footer a {
color : #fffcde;
text-decoration: none;
}
#footer a:hover {
color : #2d6dff;
}
#footer p {
font-family: Calibri, Arial, Verdana, Verdana, Helvetica, sans-serif;
font-size: 12px;
padding : 2px;
text-align : center;
font-weight: normal;
}
#clear {
clear: both;
margin: 0px;
}
.clear {
clear: both;
}
.links a {
color: #000;
}
#slideshow {
margin-top: 30px;
}

#viewport, #viewport2, .mapwrapper {
        width: 469px;
        height: 400px;
        cursor: move;
        margin: 20px auto;
        overflow: hidden;
}

.mapwrapper {
    position: relative;
}


td, th {
border: 1px solid #fff;
}
h3{
	background:#e5e6d6;
	padding:4px;
	font-size:12px;
	color:#000;
	border-bottom:solid 2px #bcbeb0;
	cursor:pointer;
	font-weight:normal;
	text-transform:uppercase;
}
#box{
	width:300px;
	border:solid 1px #9C8B7B;
	margin:10px auto
}
ul{list-style:none}

#menu li{
	border-bottom:solid 1px #DEDEDE;
}
#menu li a{
	padding:3px 6px;
	display:block;
	color:#5CA8CC;
	text-decoration:none;
}
#menu li a:hover{
	background:#EFEFEF;
}
.red {
color: yellow;
}

/* Новое оформление для сейфов */

.prodnew, .prodnew_double {
width: 480px;
height: 345px;
color: #363636;
background-color: #e0e0e0;
float: left;
display: inline;
margin-left: 5px;
margin-bottom: 5px;
position: relative;
border: 1px solid #5c5c5c;
}
.prodnew_double {
width: 967px !important;
height: 260px !important;
}
.opsnew, .opsnew_double  {
display: block;
float: right;
width: 315px;
height: 110px;
background-color: #eeeeee;
padding: 0px 0px 0px 5px;
margin-top: 5px;
margin-right: 5px;
position: absolute;
top: 0px;
right: 0px;
border: 1px solid #989898;
font: Tahoma;
font-size: 14px;
}
.opsnew_double {
width: 802px !important;
}
.textnew, .textnew_double  {
width: 458px;
height: 205px;
margin: 0px 5px;
padding: 5px;
background-color: #eeeeee; 
font: Tahoma;
font-size: 14px;
border: 1px solid #989898;
}
.textnew_double {
width: 945px !important;
height: 120px !important;
}
.prodnew a img, .prodnew_double a img {
border: 1px solid #989898 !important;
margin: 5px 0px 0px 5px;
}
.prodnew h2, .prodnew_double h2 {
color: #000 !important;
font-size: 14px !important;
}
.boldnew {
font-weight: bolder;
color: #000;
}
.black {
color: #1c1c1c;
font-weight: bold;
}
.type {
width: 957px;
background-color: #b3b3b3;
color: #0a0a0a;
border: 1px solid #5c5c5c;
clear: both;
margin: 5px;
padding: 5px;
position: relative;
}
.anchor {
position: absolute;
top: -125px; /* варьируется в зависимости от высоты блока #fixed */
}
.obolochka {
height: 105px;    /* варьируется в зависимости от высоты блока #fixed */
width: 960px;
background-color: #eeeeee;
color: #1c1c1c;
border: 1px solid #5c5c5c;
clear: both;
margin: 5px;
padding: 5px;
}
#fixed {
width: 955px;
height: 95px;   
background-color: #222222;
position: absolute; 
z-index: 20;
border: 1px solid #5c5c5c;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Firefox */
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
#fixed p {
margin: 5px 20px 0px;
padding: 0px;
text-indent: 0;
color: #e4e4e4;
font-family: "Comic Sans MS", Arial;
}
a#up {
color: #31d425;
text-decoration: none;
font-size: 15px;
position: absolute;
bottom: 10px;
right: 10px;
}
a#up:hover {
text-decoration: underline;
color: #10e600;
}
#fixed ul {
height: 55px;
margin: 0;
padding: 0px 20px;
float: left;
}
#fixed ul li {
list-style-type: none;
}
#fixed ul li a {
color: #31d425;
text-decoration: none;
font-size: 15px;
}
#fixed ul li a:hover {
text-decoration: underline;
color: #10e600;
}
#fixed img.uparrow {
border: 0px;
margin: 0px;
}