File: /home/srv52894/test/click/css/style_.css
/* CSS Document */
* {
padding:0;
margin:0;
}
html {
}
body {
background: url(../img/bg.jpg);
margin: 0;
padding: 0;
}
.p {
cursor: default;
}
.toTop{
display: block;
background: url(../img/top.png);
border-radius:0 20px 20px 0;
width: 80px;
height: 60px;
position: fixed;
top:80%;
z-index: 2;
text-decoration:none;
cursor: pointer;
}
.toTop:hover {
-webkit-transform:scale(1.1, 1.1);
-o-transform:scale(1.1, 1.1);
-moz-transform:scale(1.1, 1.1);
transform:scale(1.1, 1.1);
}
.header {
background: url(../img/mast.png) repeat-x scroll 0% 0% transparent;
width: auto;
height: 180px;
min-width: 1250px;
margin: 0 auto;
}
.panel {
position: relative;
width: 1250px;
height: 120px;
text-align: center;
margin: 0 auto;
}
.logo {
float: left;
width: 32%;
height: 120px;
overflow: hidden;
}
.logo a{
display: block;
background: url(../img/logo.png);
width: 300px;
height: 100px;
margin-left: 55px;
margin-top: -5px;
}
.logo a:hover {
background-position: 0 -100px;
}
.logo p {
width: 100%;
height: 24px;
font: 16px 'Palatino linotype','Times new roman', Arial,Helvetica; color:#5b7fa6;
cursor: default;
margin-left: 20px;
}
.adress {
width: 45%;
height: 100px;
font:20px 'Palatino linotype','Times new roman', Arial,Helvetica; color:#293d53;
float: left;
margin: 0 auto;
padding-top: 20px;
}
.adress span {
display: block;
font:18px 'Palatino linotype','Times new roman', Arial,Helvetica; color:#293d53;
margin-top: 32px;
}
.btns {
float: left;
width: 20%;
height: 120px;
}
.callbtn {
float: right;
text-align: center;
margin-top: 10px;
}
.callme_btn {
display: block;
background: #5b7fa6;
background: linear-gradient(to bottom, #5b7fa6, #6a9bd0);
border-radius: 20px;
border: 1px solid #FCAA3C;
width: 150px;
height: 40px;
text-decoration: none;
font: 15px 'Palatino linotype','Times new roman', Arial,Helvetica; color:#fff;
line-height: 35px;
}
.callme_btn:hover {
background: #405770;
-moz-transition:0.8s ease-out 0s;
-webkit-transition:0.8s ease-out 0s;
-o-transition:0.8s ease-out 0s;
-ms-transition:0.8s ease-out 0s;
transition:0.8s ease-out 0s;
}
.messenger {
display: block;
background: #5b7fa6;
background: linear-gradient(to bottom, #5b7fa6, #6a9bd0);
border-radius: 20px;
border: 1px solid #FCAA3C;
width: 150px;
height: 40px;
text-decoration: none;
font: 15px 'Palatino linotype','Times new roman',Arial,Helvetica; color:#fff;
line-height: 35px;
margin-top: 10px;
}
.messenger:hover {
background: #405770;
-moz-transition:0.8s ease-out 0s;
-webkit-transition:0.8s ease-out 0s;
-o-transition:0.8s ease-out 0s;
-ms-transition:0.8s ease-out 0s;
transition:0.8s ease-out 0s;
}
.cart {
background:url(../img/cart.png) no-repeat;
width: 78px;
height: 78px;
float: right;
margin: 20px 0 0 10px;
}
.menu {
background: url(../img/bmenu2.png) no-repeat;
width: 1200px;
height: 60px;
margin: 0 auto;
}
.menu ul {
float: left;
width: 70%;
height: 60px;
}
.menu ul li {
width: 15%;
height: 45px;
float: left;
list-style: none;
text-align: center;
}
.menu ul li:hover{
background: #6a9bd0;
-moz-transition:0.8s ease-out 0s;
-webkit-transition:0.8s ease-out 0s;
-o-transition:0.8s ease-out 0s;
-ms-transition:0.8s ease-out 0s;
transition:0.8s ease-out 0s;
}
.menu ul li:hover:first-child {
border-radius: 5px 0 0 5px;
}
.menu ul li a {
background: url(../img/br2.png) no-repeat ;
background-position: right;
display: block;
width: 100%;
height: 40px;
margin-top: 8px;
text-decoration: none;
font:20px 'Palatino linotype','Times new roman', Arial,Helvetica; color:#fff;
}
.menu ul li:first-child {
width: 25%;
margin-left: 6px;
}
.search {
width: 25%; /* Ширина поля с кнопкой */
height: 30px; /* Минимальная высота */
float: right;
margin-top: 5px;
margin-right: 10px;
}
input[type="search"] {
width: 80%;
vertical-align: middle;
}
input[type="submit"] {
width: 11%; /* Ширина кнопки */
height: 100%; /* Высота кнопки */
border: none; /* Убираем рамку */
background: url(../img/zoom2.png) no-repeat 50% 50%;
background-size: 80%;
}
.main {
width: 1200px;
margin: 0 auto;
}
.content {
margin: 0 auto;
width: 1200px;
height: 800px;
}
.catalog {
width: 370px;
height: 1000px;
float: left;
margin-left: 30px;
}
.catalog ul{
width: 350px;
display: block;
position: relative;
float: left;
margin-top: 10px;
font: 18px 'Palatino linotype','Times new roman', Arial,Helvetica; color:#676767;
list-style: url(../img/lis.png) outside;
}
.catalog ul li a {
width: 95%;
margin-top: 6px;
display: block;
text-decoration: none;
font: 18px 'Palatino linotype','Times new roman', Arial,Helvetica; color:#434343;
border-bottom: 1px solid #BEBEBE;
padding-bottom: 3px;
}
.catalog ul li a:hover {
font: 18px 'Palatino linotype','Times new roman', Arial,Helvetica;color:#38a2ec;
}
.catalog ul li:hover {
list-style:url(../img/lis2.png);
}
#plus {
width: 15px;
font: 18px 'Palatino linotype','Times new roman', Arial,Helvetica;color:#FCAA3C;
list-style: none;
}
#plus li {
border-bottom: none;
margin-top: 9px;
list-style: none;
}
.catalog img {
display: block;
position: relative;
width: 280px;
height: 400px;
margin: 0 auto;
top: 10px;
}
.window1 {
background:url(../img/winbg.png);
border-radius: 20px;
border:1px solid #FCAA3C;
width: 770px;
height: 320px;
float: left;
margin-top: 10px;
margin-left: 5px;
}
.slider1 {
width:760px;
height: 320px;
margin: 0 auto;
padding:3px 0 0 0;
overflow: hidden;
}
.window2 {
background:url(../img/winbg.png);
border-radius: 20px;
border:1px solid #FCAA3C;
width: 770px;
height: 320px;
float: left;
margin-top: 30px;
margin-left: 5px;
overflow: hidden;
}
.slider2 {
width: 1200px;
height: 320px;
list-style: none;
}
.slider2 li {
width: 80px;
height: 320px;
float: left;
-webkit-transition: width 1s ease-out 0.1s;
-moz-transition: width 1s ease-out 0.1s;
-o-transition: width 1s ease-out 0.1s;
transition: width 1s ease-out 0.1s;
}
#sl1 {
background: url(../img/catlg.png);
}
#sl2 {
background: url(../img/pc.png);
}
#sl3 {
background: url(../img/note.png);
}
#sl4 {
background: url(../img/apple.png);
}
#sl5 {
background: url(../img/sklad.png);
width: 450px;
}
.slider2 li:hover {
width: 450px;
-webkit-transition: width 1s ease-out 0.1s;
-moz-transition: width 1s ease-out 0.1s;
-o-transition: width 1s ease-out 0.1s;
transition: width 1s ease-out 0.1s;
}
.footer {
width: 100%;
height: 50px;
min-width: 1250px;
margin-top: 10px;
background: #727272;
font: 15px bold 'Palatino linotype','Times new roman', Arial,Helvetica;color:#DADADA;
border-top:2px solid #FCAA3C;
line-height: 50px;
text-align: center;
}