style.css
6.71 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
#modal_form {
//min-width:1024px;
background: white;
width: 50%;
height: 70%;
overflow: auto;
margin: auto;
position: fixed;
padding:30px;
box-sizing:border-box;
top: 0; left: 0; bottom: 0; right: 0;
z-index:9999;
display: none;
}
#overlay {
z-index: 999;
position: fixed;
background-color: #000;
opacity: 0.8;
width: 100%;
height: 100%;
top: 0;
left: 0;
cursor: pointer;
display: none;
}
.container{width:960px;margin:0px auto;}
.header{height1:82px;background:#000000;border-bottom:3px solid #63656a;}
.menu_all{height:39px;line-height:39px;background:#ffffff url('../img/bgmenu.gif') repeat-x;border-radius:10px;margin-top:20px;}
.menu_all > ul{margin:0px;padding:0px;list-style-type:none;float:left;position:absolute;z-index:999;margin:0px 10px;}
.menu_all > ul > li{float:left;}
.menu_all > ul > li > a:visited, .menu_all > ul > li > a:link{float:left;height:39px;line-height:39px;font-size:12px;font-weight:bold;color: #222222;text-decoration: none;text-transform: uppercase;padding:0px 16px;background:url('../img/menuhr.gif') right 8px no-repeat;}
.menu_all > ul > li > a:hover {color:#ffffff;text-decoration: none;}
.menu_all li#item11{border-radius:10px 0px 0px 10px;}
.menu_all > ul > li:hover{background:#63656a;}
.menu_all li#item2 a{height:50px;}
.menu_all > ul > li:hover > ul{display:block;top:50px;}
.menu_all > ul > li > ul{display:block;top:-999em;line-height:15px;padding-bottom:20px;list-style-type:none;position: absolute;background:#63656a;width:100%;left:0px;border-radius:10px;}
.menu_all ul > li > ul > li{float:left;width:210px;padding-left:10px;color:#000000;font-weight:bold;font-size:16px;padding-top:20px;}
.menu_all > ul > li > ul > li > ul{margin:0px;padding:0px;display:block;position:relative;float:left;list-style-type:none;border-bottom:1px solid #929497;}
.menu_all ul > li > ul > li > ul > li,.row_brend a{margin:5px 0px;color:#ffffff;text-decoration:none;font-weight:bold;font-size:12px;padding:0px;}
.row_brend a:hover{color:#000000;text-decoration:underline;}
.search{float:right;padding:15px 0px 5px 0px;font-size:12px;color:#ffffff;line-height:25px;}
.search span{font-weight:bold;font-size:14px;}
.search .txt{float:left;margin-right:25px;}
.inp{float:left;display1:inline-block;width:151px;height:30px;background:url("../img/inp2.png") no-repeat;padding:0px 0px 0px 5px;}
.inp input[type="text"]{float:left;outline:0;border:none;background:none;width:125px;height:30px;line-height:20px;}
.inp input[type="submit"]{float:left;border:none;background:none;width:20px;height:30px;cursor:pointer;}
.inptxt{float:left;padding:5px 10px;font-size:12px;line-height:10px;text-align:right;}
.inp3{float:left;display1:inline-block;width:246px;height:30px;background:url("../img/inp3.png") no-repeat;padding:0px 0px 0px 5px;}
.inp3 input[type="text"]{float:left;outline:0;border:none;background:none;width:220px;height:30px;line-height:20px;}
.inp3 input[type="submit"]{float:left;border:none;background:none;width:20px;height:30px;cursor:pointer;}
.inptxt3{float:left;padding:5px 12px;font-size:12px;line-height:20px;text-align:right;}
.inpwrp{float:right;clear:both;margin-bottom:10px;}
.menu{float:right;}
ul1,li1{margin:0px;padding:0px;}
.menu ul{margin:0px;padding:0px;list-style-type:none;display:inline-block;}
.menu li{display:block;float:left;font-size:14px;text-align:center;font-weight:bold;color:#535353;letter-spacing: 1px;height:50px;}
.menu li a:visited, .menu li a:link{display:block;font-size:14px;font-weight:bold;color: #535353;text-decoration: none;background:#fcfcfc;margin-right:2px;width:115px;height:50px;line-height:60px;border-radius:0px 0px 10px 10px;
-webkit-box-shadow: 0px 3px 10px #000;
-moz-box-shadow: 0px 3px 10px #000;
box-shadow: 0px 3px 10px #000;
}
.menu li a:hover {font-size:14px;font-weight:bold;color:#ffa43d;text-decoration: none;height:60px;}
.menu li img{max-height:30px;}
.diler{float:left;padding-top:15px;}
.diler a{color:#ffffff;text-decoration:underline;}
.menu_left{top:200px;float:left;position:absolute;z-index:999;}
.menu_left ul{list-style-type:none;}
.menu_left li{padding-left:4px;}
.menu_left li a:visited, .menu_left li a:link{display:block;text-indent:13px;font-size:14px;font-weight:bold;color: #ffffff;text-decoration: none;text-transform: uppercase;margin-bottom:2px;width:230px;height:46px;line-height:46px;text-shadow: 1px 1px 2px black;}
.menu_left li#item1 a:visited, .menu_left li#item1 a:link{background:url("../img/menu_left_red.png") no-repeat;}
.menu_left li#item1 a:hover {background-position:0px -46px;width:238px;margin-left:-4px;text-indent:17px;}
.menu_left li#item2 a:visited, .menu_left li#item2 a:link{background:url("../img/menu_left_li.png") no-repeat;}
.menu_left li#item2 a:hover {background-position:0px -46px;width:238px;margin-left:-4px;text-indent:17px;}
.menu_left li#item3 a:visited, .menu_left li#item3 a:link{background:url("../img/menu_left_green.png") no-repeat;}
.menu_left li#item3 a:hover {background-position:0px -46px;width:238px;margin-left:-4px;text-indent:17px;}
.menu_left li#item4 a:visited, .menu_left li#item4 a:link{background:url("../img/menu_left_blue.png") no-repeat;}
.menu_left li#item4 a:hover {background-position:0px -46px;width:238px;margin-left:-4px;text-indent:17px;}
.menu_left li#item5 a:visited, .menu_left li#item5 a:link{background:url("../img/menu_left_violet.png") no-repeat;}
.menu_left li#item5 a:hover {background-position:0px -46px;width:238px;margin-left:-4px;text-indent:17px;}
.menu_left #item1{background:url("../img/menu_left_ar.png") left no-repeat;}
.menu_left #item2{background:url("../img/menu_left_ar2.png") left no-repeat;}
.menu_left #item3{background:url("../img/menu_left_ar3.png") left no-repeat;}
.menu_left #item4{background:url("../img/menu_left_ar4.png") left no-repeat;}
.menu_left #item5{background:url("../img/menu_left_ar5.png") left no-repeat;}
.logo{padding:20px 0px 0px 0px;float:left;width:200px;}
.logo span{display:none;}
.logo h1{padding:0px;margin:0px;}
.logo h1 a{display: block;width:200px;height:46px;background:url("../img/logo.png") no-repeat;}
.both{clear:both;}
.fr{float:right;}
.fl{float:left;}
.fotter .soc{text-align:center;padding-top:20px;}
a.fb {background: url(http://extremepride.com.ua/promo_hero3plus/images/fb.png); display: inline-block; width: 40px; height: 40px;}
a.fb:hover {background: url(http://extremepride.com.ua/promo_hero3plus/images/fb_1.png);}
a.vk {background: url(http://extremepride.com.ua/promo_hero3plus/images/vk.png); display: inline-block; width: 40px; height: 40px;}
a.vk:hover {background: url(http://extremepride.com.ua/promo_hero3plus/images/vk_1.png);}
a.y {background: url(http://extremepride.com.ua/promo_hero3plus/images/y.png); display: inline-block; width: 40px; height: 40px;}
a.y:hover {background: url(http://extremepride.com.ua/promo_hero3plus/images/y_1.png);}