html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: none;
vertical-align: baseline;
background: transparent;
font-size: 100.01%;
font-family: arial;
}
img {
max-width: 100%;
}
a , a:visited, a:active, a:focus, a:hover, a:link {
outline: none;
text-decoration: none;
color: inherit;
}
a img {
border: none;
}
body , html{
background-image: url(images/main_page/steel4.jpg);
min-width: 320px;
max-width: 2000px;
}
#main {position: relative;
width: 100%;/*1280/960px*/
background-image: url(images/main_page/steel4.jpg);
}
.header {
position: relative;
width: 100%;
margin: auto;
background-image:url(images/main_page/steel4.jpg);
height: 10.41666666666667%;/*100px*/
}
.logo {
width: 45%;
text-align: center;
background-image: url(images/main_page/steel4.jpg);
float: left;
}
.menu {
position: relative;
width: 75%;
left:13%;
float:left;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.menu span:hover {
color: orange
}
.menu_items {
background: rgb(181,189,200); /* Old browsers */
background: -moz-linear-gradient(top, rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
float: left;
width: 16%;
font-size: 1.3em;
text-align: center;
font-weight: bold;
border-left: solid black
}
.navigation {
top: 12.5%;
position: absolute;
z-index: 1000;
width: 12%;
left: -10%;
-moz-transition :left 0.5s;
-webkit-transition :left 0.5s;
}
.left {
position: relative;
width: 80%;
padding-top: 6%;
float: left;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg3ZTBmZCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNTNjYmYxIiBzdG9wLW9wYWNpdHk9IjAuMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDVhYmUwIiBzdG9wLW9wYWNpdHk9IjAuMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(135,224,253,0.1) 0%, rgba(83,203,241,0.1) 50%, rgba(5,171,224,0.1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(135,224,253,0.1)), color-stop(50%,rgba(83,203,241,0.1)), color-stop(100%,rgba(5,171,224,0.1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(135,224,253,0.1) 0%,rgba(83,203,241,0.1) 50%,rgba(5,171,224,0.1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(135,224,253,0.1) 0%,rgba(83,203,241,0.1) 50%,rgba(5,171,224,0.1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(135,224,253,0.1) 0%,rgba(83,203,241,0.1) 50%,rgba(5,171,224,0.1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(135,224,253,0.1) 0%,rgba(83,203,241,0.1) 50%,rgba(5,171,224,0.1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a87e0fd', endColorstr='#1a05abe0',GradientType=1 ); /* IE6-8 */
z-index: 1000
}
.right {
width: 20%;
position: relative;
float: left;
}
.navig_items {
width: 80%;
margin-left: 8%;
margin-bottom: 5%;
}
.navigation:hover {
left:0%;
}
.content {
position: relative;
float: left;
width: 100%;
background-image:url(images/main_page/steel4.jpg);
margin-top: 1%;
margin-bottom:7%;
}
.profile {
position: relative;
margin: auto;
color: white;
width: 60%;
direction: rtl;
line-height: 1.6em;
font-size: 1.2em;
}
.profile h2,strong {
color: red;
}
.contacts {
width: 60%;
position: relative;
background-color: inherit;
margin: auto;
}
input[type="submit"]:hover , input[type="reset"]:hover {
cursor: pointer;
}
.field {
clear: both;
text-align: left;
}
.field label {
float: right;
}
.field input ,textarea {
background-color: lightblue;
color: blue;
border: solid black;
font-size: 1.1em;
resize:none;
}
.wrap {
position: relative;
left: -20%;
float: right;
line-height: 2em;
font-size: 1.5em;
color: orange;
margin-bottom: 20%;
}
.about {
position: relative;
margin: auto;
width: 60%;
color: white;
direction: rtl;
text-align: right;
border: solid 1px white;
background-color: black
}
.about p {
line-height: 1.8em
}
.about h1,h2 {font-size: 1.2em;color: red}
.about img {float: right;
width: 30%;
margin-top: 0.5em;
}
.products {
position: relative;
width: 25%;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
background-color: inherit;
float: left;
margin: 0.4%;
left: 11.2%
}
.start {
position: relative;
width: 76%;
margin: 0.4%;
left: 11.25%;
min-width: 76%;
border: solid white 0.7em;
}
.start table {
border: 0px;
border-collapse: collapse;
width: 100%;
}
.start table td:only-child {
font-weight: bold;
letter-spacing: 0.5em
}
.start table td{
background: rgb(76,76,76); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNGM0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iIzQ3NDc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzJjMmMyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iIzJiMmIyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iIzFjMWMxYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMzEzMTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=1 ); /* IE6-8 */
color: white;
font-size: 1.2em;
border: solid 1px;
direction: rtl;
text-align: center;
}
.start a {
text-decoration: underline;
}
.start a:hover {
color: gray
}
.products:hover {
cursor: pointer;
}
.add {
left: 5%;
top: 10%;
z-index: 1001;
position: absolute;
color: yellow;
width: 80%;
font-size: 130%;
padding: 5%;
display: none;
text-align: center;
border-radius: 2%;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(left, rgba(69,72,77,0.5) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(69,72,77,0.5)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(69,72,77,0.5) 0%,rgba(0,0,0,0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8045484d', endColorstr='#80000000',GradientType=1 ); /* IE6-8 */
}
.bay {
position: absolute;
z-index: 1001;
top: 58%;
display: none;
}
.bay ul {
list-style-type: none;
text-decoration: none;
}
.bay ul li:last-child {
font-size: 1.4em;
font-weight: bold;
padding: 0 1.8%;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5OWEwYiIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOTlhMGIiIHN0b3Atb3BhY2l0eT0iMC41NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(41,154,11,0.55) 0%, rgba(41,154,11,0.55) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(41,154,11,0.55)), color-stop(100%,rgba(41,154,11,0.55))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(41,154,11,0.55) 0%,rgba(41,154,11,0.55) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(41,154,11,0.55) 0%,rgba(41,154,11,0.55) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(41,154,11,0.55) 0%,rgba(41,154,11,0.55) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(41,154,11,0.55) 0%,rgba(41,154,11,0.55) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c299a0b', endColorstr='#8c299a0b',GradientType=1 ); /* IE6-8 */
}
.bay ul li:first-child {
font-size: 1.2em;
color: #000040;
font-weight: bold;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYmYwMSIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlYmYwMSIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(left, rgba(254,191,1,0.7) 0%, rgba(254,191,1,0.7) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(254,191,1,0.7)), color-stop(100%,rgba(254,191,1,0.7))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(254,191,1,0.7) 0%,rgba(254,191,1,0.7) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(254,191,1,0.7) 0%,rgba(254,191,1,0.7) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(254,191,1,0.7) 0%,rgba(254,191,1,0.7) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(254,191,1,0.7) 0%,rgba(254,191,1,0.7) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3febf01', endColorstr='#b3febf01',GradientType=1 ); /* IE6-8 */
}
.basket {
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
position: absolute;
width: 10%;
z-index: 1000;
right:0%;
top: 0%;
}
.basket_pict {
width: 95%;
float: right;
}
.buy_list {
width:95%;
background-image:url(images/main_page/paper4.jpg);
float: right;
color: #00274F;
text-align: center;
overflow: auto;
height:15em;
}
.footer {
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
border-top: solid 1px orange;
position: relative;
width: 100%;
padding-top: 1%;
clear: both;
top: 100%
}
.footer h1 {
color: red;
font-size:0.9em;
letter-spacing: 0.2em;
text-align: center;
}
.footer h1>sup {
color: orange;
font-size: 0.5em;
vertical-align: top;
}
.small_pics {
width: 40%;
position: relative;
border: solid 1px white;
overflow: hidden;
margin: auto
}
.small_pics img {
float: left;
display: block;
width: 13.65%;
margin: 0.3%;
}
.mainArea {
width: 70%;
position: relative;
text-align: center;
margin:0.3% auto ;
}