body {
padding: 0px;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
width:100%;
height:100%;
}
A:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #3B62A5;
text-decoration: underline;
font-weight: bold;
}
A:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #3B62A5;
text-decoration: underline;
font-weight: bold;
}
A:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #3B62A5;
text-decoration: underline;
font-weight: bold;
}
A:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ED1010;
text-decoration: none;
font-weight: bold;
}
A.link2:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #F9803E;
text-decoration: underline;
}
A.link2:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #F9803E;
text-decoration: underline;
}
A.link2:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #F9803E;
text-decoration: underline;
}
A.link2:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #F9803E;
text-decoration: none;
}
A.hor_menu_bot:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #FFFFFF;
text-decoration: underline;
}
A.hor_menu_bot:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #FFFFFF;
text-decoration: underline;
}
A.hor_menu_bot:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #FFFFFF;
text-decoration: underline;
}
A.hor_menu_bot:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
}
A.small_link:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
text-decoration: underline;
}
A.small_link:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
text-decoration: underline;
}
A.small_link:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
text-decoration: underline;
}
A.small_link:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
}
A.copirs:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #374154;
text-decoration: underline;
}
A.copirs:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #374154;
text-decoration: underline;
}
A.copirs:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #374154;
text-decoration: underline;
}
A.copirs:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #374154;
text-decoration: none;
}
A.left_menu_link:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}
A.left_menu_link:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
vertical-align: middle;
}
A.left_menu_link:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
vertical-align: middle;
}
A.left_menu_link:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
text-decoration: underline;
vertical-align: middle;
}
A.left_menu_link1:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}
A.left_menu_link1:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
vertical-align: middle;
}
A.left_menu_link1:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
vertical-align: middle;
}
A.left_menu_link1:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-decoration: underline;
vertical-align: middle;
}
A.rbs {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #4B4949;
text-decoration: underline;
}
A.rbs:hover {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #ED1010;
text-decoration: underline;
}
A.stroka {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
text-decoration: none;
font-weight: bold;
color: #4B4949;
}
A.stroka:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #ED1010;
text-decoration: underline;
}
A.stroka1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
text-decoration: none;
font-weight: bold;
color: #4B4949;
}
A.stroka:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #ED1010;
text-decoration: underline;
}
A.stroka1:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #ED1010;
text-decoration: underline;
}
A.stroka1:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #ED1010;
text-decoration: underline;
}
img {
text-decoration: none;
}
.slog {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #E1EFFF;
margin: 0px;
padding: 0px;
font-weight: normal;
font-style: italic;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
color: #A15252;
font-weight: bold;
font-size: 16px;
}
h2.head {
font-family: Arial, Helvetica, sans-serif;
color: #3B62A5;
font-weight: bold;
font-size: 16px;
}
h2.head:hover {
font-family: Arial, Helvetica, sans-serif;
color: #3B62A5;
font-weight: bold;
font-size: 16px;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
color: #4B4949;
font-weight: bold;
font-size: 16px;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
color: #F9803E;
font-weight: bold;
font-size: 16px;
}
.hr {
height: 40px;
font-size: 1px;
background-image: url(/images/gr.gif);
background-repeat: repeat-x;
}
.shadow {
FILTER: DropShadow(color=#1C4073, OFFX=1, OFFY=1);
}
#main {
width: 100%;
height: 100%;
border: 0px;
}
#top {
height: 105px;
width: 100%;
border: 0px;
text-align: left;
background-image: url(/images/top/all_bg.gif);
}
.top_table {
width: 100%;
height: 105px;
border: 0px;
}
.shadow1 {
background: #fc0;
/* Цвет фона */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
/* Параметры тени */
padding: 10px;
}
.top_clock {
width: 100%;
border: 0px;
}
.top_table_top {
height: 30px;
text-align: center;
}
.top_table_top1 {
height: 30px;
text-align: center;
color: #E4B10B;
padding: 5px;
text-decoration: none;
font-weight: bold;
}
a.top_table_top1 {
color: #E4B10B;
text-decoration: none;
font-weight: bold;
}
a.top_table_top1:hover {
color: #FFFFFF;
text-decoration: underline;
font-weight: bold;
}
a.top_table_top2 {
color: #FA2020;
text-decoration: none;
font-weight: bold;
}
a.top_table_top2:hover {
color: #FFFFFF;
text-decoration: underline;
font-weight: bold;
}
.logo_td {
width: 221px;
}
.logo {
margin-top: 7px;
border: 0px;
}
.buttons_td {
width: 540px;
text-align: right;
}
.butt {
margin-top: 7px;
border: 0px;
}
.right_ug {
width: 26px;
text-align: left;
}
.top_table_middle {
height: 49px;
}
.top_table_bottom {
height: 26px;
}
.top_txt {
margin-bottom: 2px;
}
.table_top_bottom_pol {
width: 100%;
border-right: 5px solid #5A6376;
height: 39px;
}
.table_top_bottom_pol_1 {
width: 1024px;
border-right: 5px solid #5A6376;
height: 39px;
}
.td_bot_pol {
background-image: url(/images/top/tablo.png);
border-left: 5px solid #5A6376;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-align: center;
padding-bottom: 3px;
}
.td_bot_pol_1 {
background-image: url(/images/top/tablo.png);
border-left: 5px solid #5A6376;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-align: center;
padding-bottom: 3px;
width: 500px;
}
#kollaj {
width: 100%;
height: 120;
border-bottom: 1px solid #B3C0D3;
background-color: #C6D3E4;
text-align: left;
background-image: url(/images/seo-img/2.jpg);
background-repeat: no-repeat;
background-position: 16px 5px;
}
#kollaj2 {
width: 1024px;
height: 123;
border-bottom: 1px solid #B3C0D3;
background-color: #C6D3E4;
text-align: left;
background-repeat: no-repeat;
background-position: 16px 5px;
}
@keyframes fade {
0% {
opacity: 0;
}
11.11% {
opacity: 1;
}
33.33% {
opacity: 1;
}
44.44% {
opacity: 0;
}
100% {
opacity: 0;
}
}
.fadein {
position: relative;
height: 123px;
width: 160px;
}
.fadein img {
position: absolute;
left: 0;
right: 0;
opacity: 0;
animation-name: fade;
animation-duration: 8s;
animation-iteration-count: infinite;
animation-timing-function: ease-out;
}
.fadein img:nth-child(1) {
animation-delay: 0s;
}
.fadein img:nth-child(2) {
animation-delay: 4s;
}
.fadein img:nth-child(3) {
animation-delay: 0s;
}
#cent_table {
width: 100%;
border: 0px;
height: 100%;
}
.left_menu {
width: 180px;
box-shadow: -6px 0 6px -6px #000 inset;
background: #E5ECF4;
padding: 0 12px 0 0;
margin: 0 12px 0 0;
border: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
}
.left_menu1 {
width: 180px;
-webkit-box-shadow: inset -2px 0px 3px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: inset -2px 0px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: inset -2px 0px 3px 0px rgba(0, 0, 0, 0.75);
border: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
background-color: #d3d9e0;
padding-right: 3px;
}
.menu_top {
height: 27px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #4B4949;
background-image: url(/images/cent/left_menu/top_bg1.gif);
background-position: 0% 0%;
background-repeat: no-repeat;
line-height: 28px;
padding-left: 40px;
padding-top: 16px;
}
.butt_left {
height: 24px;
width: 180px;
border: 0px;
background-image: url(/images/cent/left_menu/butt_bg_1.png);
background-position: 0% 0%;
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
padding-left: 20px;
vertical-align: middle;
}
.butt_left_active {
height: 24px;
width: 180px;
border: 0px;
background-image: url(/images/cent/left_menu/butt_bg_o.png);
background-position: 0% 0%;
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
padding-left: 20px;
}
.left_count1 {
margin-top: 17px;
}
.left_count {
margin-top: 9px;
}
#lefttb {
background-color: #d3d9e0;
}
.td_img_right {
margin: 0 5px 0 0;
width: 150px;
border: 0px;
background-color: #d3d9e0;
padding-left: 8px;
padding-right: 6px;
-webkit-box-shadow: inset 2px 0px 3px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: inset 2px 0px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: inset 2px 0px 3px 0px rgba(0, 0, 0, 0.75);
min-width: 150px;
}
.table_img_right {
margin: 7px 0 0 0;
border: 2px solid #7B8A9D;
width: 150px;
background: -moz-linear-gradient(180deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 100%);
/* ff3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(91, 99, 118, 1)), color-stop(100%, rgba(72, 114, 175, 1)));
/* safari4+,chrome */
background: -webkit-linear-gradient(180deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 100%);
/* safari5.1+,chrome10+ */
background: -o-linear-gradient(180deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 100%);
/* opera 11.10+ */
background: -ms-linear-gradient(180deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 100%);
/* ie10+ */
background: linear-gradient(270deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 100%);
/* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b6376', endColorstr='#4872af', GradientType=1);
/* ie6-9 */
-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
border-radius: 10px;
overflow: hidden;
}
.tablesport {
-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
max-width: 1200px;
}
.tablesport1 {
border: 0px;
max-width: 1200px;
}
.td_img_right1 {
margin: 0 0 0 0;
width: 100px;
border: 2px solid #7B8A9D;
background-color: #d3d9e0;
padding-left: 8px;
padding-right: 6px;
-webkit-box-shadow: inset 2px 0px 3px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: inset 2px 0px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: inset 2px 0px 3px 0px rgba(0, 0, 0, 0.75);
min-width: 100px;
border-radius: 10px;
overflow: hidden;
background-color: #FFFFFF;
}
.td_img_right2 {
border: 1px solid #7B8A9D;
background-color: #d3d9e0;
-webkit-box-shadow: inset 2px 0px 3px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: inset 2px 0px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: inset 2px 0px 3px 0px rgba(0, 0, 0, 0.75);
min-width: 150px;
border-radius: 5px;
overflow: hidden;
background-color: #FFFFFF;
}
.txt_img_right {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
text-align: center;
padding-top: 2px;
padding-bottom: 2px;
}
.txt {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #374154;
padding-left: 15px;
padding-top: 17px;
padding-bottom: 15px;
}
.txt2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #374154;
padding-left: 15px;
padding-right: 15px;
padding-top: 17px;
padding-bottom: 15px;
}
.zagl {
height: 20px;
background-image: url(/images/cent/!.gif);
background-position: 0% 0%;
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #EA0000;
padding-left: 39px;
padding-bottom: 15px;
}
#bot_hor_menu {
width: 100%;
height: 30px;
border: 0px;
background: #4971AF;
background-position: 0% 0%;
background-repeat: repeat-x;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
color: #E4B10B;
box-shadow: 0px -2px 2px 0px rgba(10, 10, 10, 1);
}
#bot_hor_menu1 {
border: 0px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}
#bot_hor_menu4 {
border: 0px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}
#bot_hor_menu9 {
border: 0px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}
#bot_hor_menu10 {
border: 0px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}
#bottom_site {
width: 100%;
min-width: 750px;
height: 99px;
-webkit-box-shadow: inset 0px 3px 4px 2px rgba(0, 0, 0, 0.75);
-moz-box-shadow: inset 0px 3px 4px 2px rgba(0, 0, 0, 0.75);
box-shadow: inset 0px 3px 4px 2px rgba(0, 0, 0, 0.75);
background: -moz-linear-gradient(0deg, rgba(91, 99, 118, 1) 0%, rgba(91, 99, 118, 1) 13%, rgba(255, 255, 255, 1) 43%, rgba(255, 255, 255, 1) 59%, rgba(91, 99, 118, 1) 87%, rgba(91, 99, 118, 1) 100%);
/* ff3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(91, 99, 118, 1)), color-stop(13%, rgba(91, 99, 118, 1)), color-stop(43%, rgba(255, 255, 255, 1)), color-stop(59%, rgba(255, 255, 255, 1)), color-stop(87%, rgba(91, 99, 118, 1)), color-stop(100%, rgba(91, 99, 118, 1)));
/* safari4+,chrome */
background: -webkit-linear-gradient(0deg, rgba(91, 99, 118, 1) 0%, rgba(91, 99, 118, 1) 13%, rgba(255, 255, 255, 1) 43%, rgba(255, 255, 255, 1) 59%, rgba(91, 99, 118, 1) 87%, rgba(91, 99, 118, 1) 100%);
/* safari5.1+,chrome10+ */
background: -o-linear-gradient(0deg, rgba(91, 99, 118, 1) 0%, rgba(91, 99, 118, 1) 13%, rgba(255, 255, 255, 1) 43%, rgba(255, 255, 255, 1) 59%, rgba(91, 99, 118, 1) 87%, rgba(91, 99, 118, 1) 100%);
/* opera 11.10+ */
background: -ms-linear-gradient(0deg, rgba(91, 99, 118, 1) 0%, rgba(91, 99, 118, 1) 13%, rgba(255, 255, 255, 1) 43%, rgba(255, 255, 255, 1) 59%, rgba(91, 99, 118, 1) 87%, rgba(91, 99, 118, 1) 100%);
/* ie10+ */
background: linear-gradient(90deg, rgba(91, 99, 118, 1) 0%, rgba(91, 99, 118, 1) 13%, rgba(255, 255, 255, 1) 43%, rgba(255, 255, 255, 1) 59%, rgba(91, 99, 118, 1) 87%, rgba(91, 99, 118, 1) 100%);
/* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b6376', endColorstr='#5B6376', GradientType=1);
/* ie6-9 */
}
.top_table_top>a {
line-height: 30px;
padding: 0 3px;
text-decoration: none;
}
#bot_hor_menu>a {
display: inline-block;
color: white;
font-weight: 700;
text-decoration: none;
user-select: none;
padding: .5em 2em;
outline: none;
border: 2px solid;
border-radius: 1px;
transition: 0.2s;
margin: 5px;
font-size: 14px;
}
#bot_hor_menu>a:hover {
background: rgba(255, 255, 255, .2);
}
#bot_hor_menu>a:active {
background: white;
}
#bot_hor_menu1>a {
display: inline-block;
color: #5B6376;
font-weight: 700;
text-decoration: none;
user-select: none;
padding: 4px 5px;
outline: none;
border: 2px solid;
border-radius: 5px;
transition: 0.2s;
margin: 3px;
font-size: 14px;
background: rgba(255, 255, 255, .2);
width: 100px;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
}
#bot_hor_menu1>a:hover {
background: rgba(230, 21, 21, 1);
-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
color: white;
}
#bot_hor_menu1>a:active {
background: rgba(230, 21, 21, 1);
-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
color: white;
}
#bot_hor_menu4>a {
display: inline-block;
color: #5B6376;
font-weight: 700;
text-decoration: none;
user-select: none;
padding: 4px 5px;
outline: none;
border: 2px solid;
border-radius: 5px;
transition: 0.2s;
margin: 3px;
font-size: 14px;
background: rgba(173, 95, 95, 1);
width: 100px;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
}
#bot_hor_menu4>a:hover {
background: rgba(230, 21, 21, 1);
-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
color: white;
}
#bot_hor_menu4>a:active {
background: rgba(230, 21, 21, 1);
-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
color: white;
}
#bot_hor_menu9>a {
display: inline-block;
color: #4872AF;
font-weight: 700;
text-decoration: none;
user-select: none;
padding: 4px 5px;
outline: none;
border: 2px solid;
border-radius: 5px;
transition: 0.2s;
margin: 3px;
font-size: 14px;
background: rgba(255, 255, 255, .2);
width: 100px;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
}
#bot_hor_menu9>a:hover {
background: rgba(230, 21, 21, 1);
-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
color: white;
}
#bot_hor_menu9>a:active {
background: rgba(230, 21, 21, 1);
-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
color: white;
}
#bot_hor_menu10>a {
display: inline-block;
color: #4872AF;
font-weight: 700;
text-decoration: none;
user-select: none;
padding: 4px 5px;
outline: none;
border: 2px solid;
border-radius: 5px;
transition: 0.2s;
margin: 3px;
font-size: 14px;
background: rgba(173, 95, 95, 1);
width: 100px;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
}
#bot_hor_menu10>a:hover {
background: rgba(230, 21, 21, 1);
-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
color: white;
}
#bot_hor_menu10>a:active {
background: rgba(230, 21, 21, 1);
-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
color: white;
}
#bot_hor_menu11>a {
text-align: center;
display: inline-block;
color: #5B6376;
font-weight: 700;
text-decoration: none;
user-select: none;
padding: 4px 5px;
outline: none;
border: 2px solid;
border-radius: 5px;
transition: 0.2s;
margin: 3px;
font-size: 14px;
background: rgba(255, 255, 255, .2);
width: 160px;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
}
#bot_hor_menu11>a:hover {
background: rgba(227, 191, 73, 1);
-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
color: #5B6376;
}
#bot_hor_menu11>a:active {
background: rgba(227, 191, 73, 1);
-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
color: #5B6376;
}
#bot_hor_menu2>a {
display: inline-block;
color: #d3d9e0;
font-weight: 700;
text-decoration: none;
user-select: none;
padding: 3px 5px;
outline: none;
border: 2px solid;
border-radius: 2px;
transition: 0.2s;
margin: 0 0 5px 0;
font-size: 14px;
background: -moz-linear-gradient(180deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 18%, rgba(91, 99, 118, 1) 100%);
/* ff3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(91, 99, 118, 1)), color-stop(82%, rgba(91, 99, 118, 1)), color-stop(100%, rgba(72, 114, 175, 1)));
/* safari4+,chrome */
background: -webkit-linear-gradient(180deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 18%, rgba(91, 99, 118, 1) 100%);
/* safari5.1+,chrome10+ */
background: -o-linear-gradient(180deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 18%, rgba(91, 99, 118, 1) 100%);
/* opera 11.10+ */
background: -ms-linear-gradient(180deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 18%, rgba(91, 99, 118, 1) 100%);
/* ie10+ */
background: linear-gradient(270deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 18%, rgba(91, 99, 118, 1) 100%);
/* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b6376', endColorstr='#4872af', GradientType=1);
/* ie6-9 */
width: 185px;
overflow: hidden;
-webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.75);
}
#bot_hor_menu2>a:hover {
background: rgba(255, 170, 0, 1);
box-shadow: none;
color: white;
}
#bot_hor_menu2>a:active {
background: rgba(255, 170, 0, 1);
box-shadow: none;
color: white;
}
#bot_hor_menu3>a {
display: inline-block;
color: #d3d9e0;
font-weight: 700;
text-decoration: none;
user-select: none;
padding: 3px 5px;
outline: none;
border: 2px solid;
border-radius: 2px;
transition: 0.2s;
margin: 0 0 5px 0;
font-size: 14px;
background: -moz-linear-gradient(0deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 37%, rgba(91, 99, 118, 1) 89%, rgba(230, 46, 25, 1) 100%);
/* ff3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(72, 114, 175, 1)), color-stop(37%, rgba(91, 99, 118, 1)), color-stop(89%, rgba(91, 99, 118, 1)), color-stop(100%, rgba(230, 46, 25, 1)));
/* safari4+,chrome */
background: -webkit-linear-gradient(0deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 37%, rgba(91, 99, 118, 1) 89%, rgba(230, 46, 25, 1) 100%);
/* safari5.1+,chrome10+ */
background: -o-linear-gradient(0deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 37%, rgba(91, 99, 118, 1) 89%, rgba(230, 46, 25, 1) 100%);
/* opera 11.10+ */
background: -ms-linear-gradient(0deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 37%, rgba(91, 99, 118, 1) 89%, rgba(230, 46, 25, 1) 100%);
/* ie10+ */
background: linear-gradient(90deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 37%, rgba(91, 99, 118, 1) 89%, rgba(230, 46, 25, 1) 100%);
/* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4872af', endColorstr='#E62E19', GradientType=1);
/* ie6-9 */
width: 185px;
overflow: hidden;
-webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.75);
}
#bot_hor_menu5>a {
display: inline-block;
color: #d3d9e0;
font-weight: 700;
text-decoration: none;
user-select: none;
padding: 3px 5px;
outline: none;
border: 2px solid;
border-radius: 2px;
transition: 0.2s;
margin: 0 0 5px 0;
font-size: 14px;
background: -moz-linear-gradient(0deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 37%, rgba(91, 99, 118, 1) 89%, rgba(255, 237, 77, 1) 100%);
/* ff3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(72, 114, 175, 1)), color-stop(37%, rgba(91, 99, 118, 1)), color-stop(89%, rgba(91, 99, 118, 1)), color-stop(100%, rgba(255, 237, 77, 1)));
/* safari4+,chrome */
background: -webkit-linear-gradient(0deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 37%, rgba(91, 99, 118, 1) 89%, rgba(255, 237, 77, 1) 100%);
/* safari5.1+,chrome10+ */
background: -o-linear-gradient(0deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 37%, rgba(91, 99, 118, 1) 89%, rgba(255, 237, 77, 1) 100%);
/* opera 11.10+ */
background: -ms-linear-gradient(0deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 37%, rgba(91, 99, 118, 1) 89%, rgba(255, 237, 77, 1) 100%);
/* ie10+ */
background: linear-gradient(90deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 37%, rgba(91, 99, 118, 1) 89%, rgba(255, 237, 77, 1) 100%);
/* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4872af', endColorstr='#FFED4D', GradientType=1);
/* ie6-9 */
width: 185px;
overflow: hidden;
-webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.75);
}
#bot_hor_menu5>a:hover {
background: rgba(255, 170, 0, 1);
color: white;
}
#bot_hor_menu5>a:active {
background: rgba(255, 170, 0, 1);
color: white;
}
#bot_hor_menu3>a:hover {
background: rgba(255, 170, 0, 1);
color: white;
}
#bot_hor_menu3>a:active {
background: rgba(255, 170, 0, 1);
color: white;
}
#bot_hor_menu6>a {
display: inline-block;
color: #d3d9e0;
font-weight: 700;
text-decoration: none;
user-select: none;
padding: 3px 5px;
outline: none;
border: 2px solid;
border-radius: 2px;
transition: 0.2s;
margin: 0 0 5px 0;
font-size: 14px;
background: -moz-linear-gradient(0deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 37%, rgba(91, 99, 118, 1) 89%, rgba(130, 255, 105, 1) 100%);
/* ff3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(72, 114, 175, 1)), color-stop(37%, rgba(91, 99, 118, 1)), color-stop(89%, rgba(91, 99, 118, 1)), color-stop(100%, rgba(130, 255, 105, 1)));
/* safari4+,chrome */
background: -webkit-linear-gradient(0deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 37%, rgba(91, 99, 118, 1) 89%, rgba(130, 255, 105, 1) 100%);
/* safari5.1+,chrome10+ */
background: -o-linear-gradient(0deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 37%, rgba(91, 99, 118, 1) 89%, rgba(130, 255, 105, 1) 100%);
/* opera 11.10+ */
background: -ms-linear-gradient(0deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 37%, rgba(91, 99, 118, 1) 89%, rgba(130, 255, 105, 1) 100%);
/* ie10+ */
background: linear-gradient(90deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 37%, rgba(91, 99, 118, 1) 89%, rgba(130, 255, 105, 1) 100%);
/* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4872af', endColorstr='#82FF69', GradientType=1);
/* ie6-9 */
width: 185px;
overflow: hidden;
-webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.75);
}
#bot_hor_menu6>a:hover {
background: rgba(255, 170, 0, 1);
color: white;
}
#bot_hor_menu6>a:active {
background: rgba(255, 170, 0, 1);
color: white;
}
#bot_hor_menu7>a {
display: inline-block;
color: #d3d9e0;
font-weight: 700;
text-decoration: none;
user-select: none;
padding: 3px 5px;
outline: none;
border: 2px solid;
border-radius: 2px;
transition: 0.2s;
margin: 0 0 5px 0;
font-size: 14px;
background: -moz-linear-gradient(0deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 37%, rgba(91, 99, 118, 1) 89%, rgba(247, 253, 255, 1) 100%);
/* ff3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(72, 114, 175, 1)), color-stop(37%, rgba(91, 99, 118, 1)), color-stop(89%, rgba(91, 99, 118, 1)), color-stop(100%, rgba(247, 253, 255, 1)));
/* safari4+,chrome */
background: -webkit-linear-gradient(0deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 37%, rgba(91, 99, 118, 1) 89%, rgba(247, 253, 255, 1) 100%);
/* safari5.1+,chrome10+ */
background: -o-linear-gradient(0deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 37%, rgba(91, 99, 118, 1) 89%, rgba(247, 253, 255, 1) 100%);
/* opera 11.10+ */
background: -ms-linear-gradient(0deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 37%, rgba(91, 99, 118, 1) 89%, rgba(247, 253, 255, 1) 100%);
/* ie10+ */
background: linear-gradient(90deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 37%, rgba(91, 99, 118, 1) 89%, rgba(247, 253, 255, 1) 100%);
/* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4872af', endColorstr='#F7FDFF', GradientType=1);
/* ie6-9 */
width: 185px;
overflow: hidden;
-webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.75);
}
#bot_hor_menu7>a:hover {
background: rgba(255, 170, 0, 1);
color: white;
}
#bot_hor_menu7>a:active {
background: rgba(255, 170, 0, 1);
color: white;
}
#bot_hor_menu8>a {
display: inline-block;
color: #d3d9e0;
font-weight: 700;
text-decoration: none;
user-select: none;
padding: 3px 5px;
outline: none;
border: 2px solid;
border-radius: 2px;
transition: 0.2s;
margin: 0 0 5px 0;
font-size: 14px;
background: -moz-linear-gradient(0deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 37%, rgba(91, 99, 118, 1) 89%, rgba(140, 226, 255, 1) 100%);
/* ff3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(72, 114, 175, 1)), color-stop(37%, rgba(91, 99, 118, 1)), color-stop(89%, rgba(91, 99, 118, 1)), color-stop(100%, rgba(140, 226, 255, 1)));
/* safari4+,chrome */
background: -webkit-linear-gradient(0deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 37%, rgba(91, 99, 118, 1) 89%, rgba(140, 226, 255, 1) 100%);
/* safari5.1+,chrome10+ */
background: -o-linear-gradient(0deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 37%, rgba(91, 99, 118, 1) 89%, rgba(140, 226, 255, 1) 100%);
/* opera 11.10+ */
background: -ms-linear-gradient(0deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 37%, rgba(91, 99, 118, 1) 89%, rgba(140, 226, 255, 1) 100%);
/* ie10+ */
background: linear-gradient(90deg, rgba(72, 114, 175, 1) 0%, rgba(91, 99, 118, 1) 37%, rgba(91, 99, 118, 1) 89%, rgba(140, 226, 255, 1) 100%);
/* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4872af', endColorstr='#8CE2FF', GradientType=1);
/* ie6-9 */
width: 185px;
overflow: hidden;
-webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.75);
}
#bot_hor_menu8>a:hover {
background: rgba(255, 170, 0, 1);
color: white;
}
#bot_hor_menu8>a:active {
background: rgba(255, 170, 0, 1);
color: white;
}
#bot_hor_menu13>a {
padding: 3px 5px;
display: inline-block;
color: #5B6376;
font-weight: 700;
text-decoration: none;
user-select: none;
outline: none;
border: 1px solid;
border-radius: 5px;
transition: 0.2s;
margin: 3px;
font-size: 14px;
background: #3d3e40;
text-decoration:none !important;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
}
#bot_hor_menu13>a:hover {
background: #4682b4;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
text-decoration:none !important;
color: white;
}
#bot_hor_menu13>a:active {
background: #4682b4;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.75);
text-decoration:none !important;
color: white;
}
div.menu {
color: #d9d9d9;
max-width: 300px;
text-decoration: none;
user-select: none;
outline: none;
border: 1px solid;
border-radius: 5px;
transition: 0.2s;
width: 100%;
text-decoration:none !important;
}
div.menu:hover {
color: #d9d9d9;
max-width: 300px;
text-decoration: none;
user-select: none;
outline: none;
border: 1px solid;
border-radius: 5px;
transition: 0.2s;
width: 100%;
text-decoration:none !important;
-webkit-box-shadow: 0px 0px 17px 0px rgba(107,104,107,1);
-moz-box-shadow: 0px 0px 17px 0px rgba(107,104,107,1);
box-shadow: 0px 0px 17px 0px rgba(107,104,107,1);
}
div.menu1 {
color: #d9d9d9;
max-width: 120px;
text-decoration: none;
user-select: none;
outline: none;
border: 1px solid;
border-radius: 5px;
transition: 0.2s;
width: 100%;
text-decoration:none !important;
}
div.menu1:hover {
color: #d9d9d9;
max-width: 120px;
text-decoration: none;
user-select: none;
outline: none;
border: 1px solid;
border-radius: 5px;
transition: 0.2s;
width: 100%;
text-decoration:none !important;
-webkit-box-shadow: 0px 0px 17px 0px rgba(107,104,107,1);
-moz-box-shadow: 0px 0px 17px 0px rgba(107,104,107,1);
box-shadow: 0px 0px 17px 0px rgba(107,104,107,1);
}
div.menu2 {
padding: 1em;
display: inline-block;
text-align:center; margin:10px;
color: #d9d9d9;
text-decoration: none;
user-select: none;
outline: none;
border: 1px solid;
border-radius: 5px;
transition: 0.2s;
text-decoration:none !important;
@media only screen and (min-width: 600px) {
div.menu2 {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
}
@media only screen and (min-width: 1200px) {
div.menu2 {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
}
}
}
div.menu2:hover {
padding: 1em;
color: #d9d9d9;
text-decoration: none;
user-select: none;
outline: none;
border: 1px solid;
border-radius: 5px;
transition: 0.2s;
text-decoration:none !important;
-webkit-box-shadow: 0px 0px 17px 0px rgba(107,104,107,1);
-moz-box-shadow: 0px 0px 17px 0px rgba(107,104,107,1);
box-shadow: 0px 0px 17px 0px rgba(107,104,107,1);
}
div.menu3 {
padding: 2px;
display: inline-block;
text-align:center; margin:10px;
color: #d9d9d9;
text-decoration: none;
user-select: none;
outline: none;
border: 1px solid;
border-radius: 5px;
transition: 0.2s;
text-decoration:none !important;
}
div.menu3:hover {
color: #d9d9d9;
text-decoration: none;
user-select: none;
outline: none;
border: 1px solid;
border-radius: 5px;
transition: 0.2s;
text-decoration:none !important;
-webkit-box-shadow: 0px 0px 17px 0px rgba(107,104,107,1);
-moz-box-shadow: 0px 0px 17px 0px rgba(107,104,107,1);
box-shadow: 0px 0px 17px 0px rgba(107,104,107,1);
}
div.menu4 {
padding: 0.5em;
max-width: 270px;
text-align:center; margin:5px;
color: #d9d9d9;
text-decoration: none;
user-select: none;
outline: none;
border: 1px solid;
border-radius: 5px;
transition: 0.2s;
text-decoration:none !important;
-webkit-box-shadow: 3px 3px 4px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 4px -1px rgba(0,0,0,0.75);
box-shadow: 3px 3px 4px -1px rgba(0,0,0,0.75);
}
div.wrapper {
width: 100%;
text-align:center; margin:0 auto;
}
div.yellow {
font-size: 15px;
color: #3a3a3d;
text-decoration: none;
text-align:center;
padding: 3px 5px;
background: #ffffff;
background: -moz-linear-gradient(left, #ffffff 0%, #e6c302 16%, #e6c302 85%, #ffffff 100%);
background: -webkit-linear-gradient(left, #ffffff 0%, #e6c302 16%, #e6c302 85%, #ffffff 100%);
background: linear-gradient(to right, #ffffff 0%, #e6c302 16%, #e6c302 85%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
font-weight: 700;
overflow: hidden;
vertical-align: middle;
}
div.red1 {
font-size: 15px;
color: #3a3a3d;
text-decoration: none;
text-align:center;
padding: 3px 5px;
background: #ffffff;
background: -webkit-linear-gradient(to right, #ffffff 0%, #c12424 50%, #ffffff 100%);
background: -moz-linear-gradient(to right, #ffffff 0%, #c12424 50%, #ffffff 100%);
background: linear-gradient(to right, #ffffff 0%, #c12424 50%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
font-weight: 700;
overflow: hidden;
vertical-align: middle;
}
div.black {
font-size: 15px;
color: #fffafa;
text-decoration: none;
text-align:center;
padding: 3px 5px;
background: #ffffff;
background: -moz-linear-gradient(left, #ffffff 0%, #4682b4 16%, #4682b4 85%, #ffffff 100%);
background: -webkit-linear-gradient(left, #ffffff 0%, #4682b4 16%, #4682b4 85%, #ffffff 100%);
background: linear-gradient(to right, #ffffff 0%, #4682b4 16%, #4682b4 85%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
font-weight: 700;
overflow: hidden;
vertical-align: middle;
}
div.yellow2 {
font-size: 15px;
color: #fffafa;
text-decoration: none;
text-align:center;
padding: 3px 5px;
background: #ffffff;
background: -moz-linear-gradient(left, #ffffff 0%, #e6c302 16%, #e6c302 85%, #ffffff 100%);
background: -webkit-linear-gradient(left, #ffffff 0%, #e6c302 16%, #e6c302 85%, #ffffff 100%);
background: linear-gradient(to right, #ffffff 0%, #e6c302 16%, #e6c302 85%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
font-weight: 700;
overflow: hidden;
vertical-align: middle;
}
img.menu {
display: block;
max-width: 100%;
height: auto;
max-height: 70px;
}
img.menu1 {
display: block;
max-width: 100%;
height: auto;
max-height: 83px;
}
img.menu2 {
display: block;
max-width: 100%;
height: auto;
max-height: 80px;
}
.table_bott {
width: 100%;
height: 99px;
border: 1px;
}
.left_bot_cont {
width: 335px;
height: 99px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #0D0D0D;
line-height: 17px;
text-align: left;
padding-top: 13px;
padding-left: 39px;
}
.mar20 {
margin-right: 39px;
}
.copir {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #0D0D0D;
line-height: 20px;
}
div.wrapper {
width: 100%;
}
div.left_block {
height: 310px;
float: left;
width: 30%;
}
div.left_block1 {
height: 350px;
float: left;
width: 48%;
}
div.left_block2 {
height: 250px;
float: left;
width: 48%;
}
div.right_block {
margin-right: 0px;
height: 310px;
float: right;
width: 30%;
}
div.right_block1 {
margin-right: 0px;
height: 350px;
float: right;
width: 48%;
}
div.right_block2 {
margin-right: 0px;
height: 250px;
float: right;
width: 48%;
}
div.center_block {
margin-left: 60px;
height: 310px;
float: left;
width: 30%;
}
div.seophonediv {
width: 213px;
height: 39px;
padding-left: 10px;
color: #FFF !important;
font-size: 16px;
background-color: #5B6376;
background-image: url("images/seo-img/phone.png");
background-repeat: no-repeat;
background-position: right center;
}
div.seophonediv a {
font-size: 16px;
color: yellow;
text-decoration: none;
}
div.main {
margin: 0;
box-shadow: 0 2px 1px rgba(0, 0, 0, 0.6);
/* Тень */
padding: 2px;
/* Поля вокруг текста */
border-radius: 0px;
/* Радиус скругления */
background: linear-gradient(to bottom, #eeece0, #ffffff, #ffffff, #ffffff, #eeece0);
/* Цвет фона */
position: relative;
}
div.multi {
-webkit-box-shadow: 0px 0px 4px 2px rgba(91, 99, 118, 1);
-moz-box-shadow: 0px 0px 4px 2px rgba(91, 99, 118, 1);
box-shadow: 0px 0px 4px 2px rgba(91, 99, 118, 1);
background: #6e88ad;
/* Old browsers */
background: -moz-linear-gradient(top, #6e88ad 0%, #ffffff 19%, #ffffff 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #6e88ad 0%, #ffffff 19%, #ffffff 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #6e88ad 0%, #ffffff 19%, #ffffff 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e88ad', endColorstr='#ffffff', GradientType=0);
/* IE6-9 */
margin: 0;
position: relative;
}
div.multi1 {
box-shadow: 0 2px 1px rgba(45, 52, 92, 1);
/* Тень */
border-radius: 0px;
/* Радиус скругления */
background: #6e88ad;
/* Old browsers */
background: -moz-linear-gradient(left, #6e88ad 0%, #ffffff 9%, #ffffff 90%, #6e88ad 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #6e88ad 0%, #ffffff 9%, #ffffff 90%, #6e88ad 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #6e88ad 0%, #ffffff 9%, #ffffff 90%, #6e88ad 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e88ad', endColorstr='#6e88ad', GradientType=1);
/* IE6-9 */
margin: 0;
position: relative;
}
div.multisport {
box-shadow: 0 2px 1px rgba(45, 52, 92, 1);
/* Тень */
padding: 2px;
/* Поля вокруг текста */
border-radius: 0px;
/* Радиус скругления */
background: linear-gradient(to bottom, #C7D5F5, #ffffff, #ffffff);
/* Цвет фона */
margin: 0;
position: relative;
}
div.multisport1 {
padding: 2px;
/* Поля вокруг текста */
border-radius: 0px;
/* Радиус скругления */
background: linear-gradient(to bottom, #C7D5F5, #ffffff);
/* Цвет фона */
margin: 0;
position: relative;
}
div.multisport2 {
margin: 0;
padding: 2px;
border-radius: 0px;
/* Радиус скругления */
background: linear-gradient(to bottom, #ffffff, #ffffff, #C7D5F5);
/* Цвет фона */
}
div.multisport3 {
padding: 2px;
border-radius: 0px;
/* Радиус скругления */
background: linear-gradient(to right, #ffffff, #C7D5F5);
/* Цвет фона */
margin: 0;
}
div.gradient {
box-shadow: 4px 4px 2px rgba(45, 52, 92, 1);
/* Тень */
padding: 10px;
/* Поля вокруг текста */
border-radius: 0px;
/* Радиус скругления */
background: linear-gradient(to bottom, #c3c7d6, #ffffff);
/* Цвет фона */
position: relative;
}
div.table {
margin: 0 10px 0 0;
}
div.table1 {
margin: 0 0 10px 0;
background: #E5ECF4;
box-shadow: inset 3px -12px 17px -11px rgba(10, 10, 10, 1);
}
div.table2 {
background: #E5ECF4;
box-shadow: inset 3px -12px 17px -11px rgba(10, 10, 10, 1);
}
div.body {
margin: 0 10px;
0 0;
}
.off:hover {
background: rgba(0, 0, 0, 0) url("/images/cent/left_menu/butt_bg_o.png") repeat scroll 0 0;
padding-left: 20px;
border: 0px;
color: #FFFFFF;
height: 24px;
}
.off {
line-height: 23px;
height: 27px;
}
.off1:hover {
background: rgba(0, 0, 0, 0) url("/images/cent/left_menu/butt_bg_0.png") repeat scroll 0 0;
padding-left: 10px;
padding-top: 4px;
border: 0px;
color: #FFFFFF;
height: 24px;
vertical-align: middle;
background-position: 0% 0%;
background-repeat: no-repeat;
}
.off1 {
background: rgba(0, 0, 0, 0) url("/images/cent/left_menu/butt_bg_2.png") repeat scroll 0 0;
padding-left: 10px;
padding-top: 4px;
border: 0px;
color: #FFFFFF;
height: 24px;
vertical-align: middle;
background-position: 0% 0%;
background-repeat: no-repeat;
}
.off2:hover {
background: rgba(0, 0, 0, 0) url("/images/cent/left_menu/butt_bg_0.png") repeat scroll 0 0;
padding-left: 10px;
padding-top: 4px;
border: 0px;
color: #FFFFFF;
height: 24px;
vertical-align: middle;
background-position: 0% 0%;
background-repeat: no-repeat;
}
.off2 {
background: rgba(0, 0, 0, 0) url("/images/cent/left_menu/butt_bg_3.png") repeat scroll 0 0;
padding-left: 10px;
padding-top: 4px;
border: 0px;
color: #FFFFFF;
height: 24px;
vertical-align: middle;
background-position: 0% 0%;
background-repeat: no-repeat;
}
.off3:hover {
background: rgba(0, 0, 0, 0) url("/images/cent/left_menu/butt_bg_0.png") repeat scroll 0 0;
padding-left: 10px;
padding-top: 4px;
border: 0px;
color: #FFFFFF;
height: 24px;
vertical-align: middle;
background-position: 0% 0%;
background-repeat: no-repeat;
}
.off3 {
background: rgba(0, 0, 0, 0) url("/images/cent/left_menu/butt_bg_4.png") repeat scroll 0 0;
padding-left: 10px;
padding-top: 4px;
border: 0px;
color: #FFFFFF;
height: 24px;
vertical-align: middle;
background-position: 0% 0%;
background-repeat: no-repeat;
}
.off4:hover {
background: rgba(0, 0, 0, 0) url("/images/cent/left_menu/butt_bg_0.png") repeat scroll 0 0;
padding-left: 10px;
padding-top: 4px;
border: 0px;
color: #FFFFFF;
height: 24px;
vertical-align: middle;
background-position: 0% 0%;
background-repeat: no-repeat;
}
.off4 {
background: rgba(0, 0, 0, 0) url("/images/cent/left_menu/butt_bg_5.png") repeat scroll 0 0;
padding-left: 10px;
padding-top: 4px;
border: 0px;
color: #FFFFFF;
height: 24px;
vertical-align: middle;
background-position: 0% 0%;
background-repeat: no-repeat;
}
.off5:hover {
background: rgba(0, 0, 0, 0) url("/images/cent/left_menu/butt_bg_0.png") repeat scroll 0 0;
padding-left: 10px;
padding-top: 4px;
border: 0px;
color: #FFFFFF;
height: 24px;
vertical-align: middle;
background-position: 0% 0%;
background-repeat: no-repeat;
}
.off5 {
background: rgba(0, 0, 0, 0) url("/images/cent/left_menu/butt_bg_6.png") repeat scroll 0 0;
padding-left: 10px;
padding-top: 4px;
border: 0px;
color: #FFFFFF;
height: 24px;
vertical-align: middle;
background-position: 0% 0%;
background-repeat: no-repeat;
}
.space {
line-height: 1px;
height: 2px;
}
/* Button */
.button {
background: #bbbbbb;
padding: 5px 15px;
display: inline-block;
font-size: 16px;
font-weight: normal !important;
line-height: 24px;
margin: 0;
color: #000000 !important;
text-align: center;
text-decoration: none !important;
border: solid 1px #4682B4;
cursor: pointer;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background: -moz-linear-gradient(0% 100% 90deg, #bbbbbb, #e6e6e6);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6e6e6),
to(#bbbbbb));
box-shadow: inset 0 1px 0 0 #FFFFFF;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
text-shadow: 0 -1px 1px rgba(70, 130, 180, 0.5);
}
.button:hover {
background: #FFA500;
background: -moz-linear-gradient(0% 100% 90deg, #ffcd75, #e8e8e8);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e8e8e8),
to(#ffcd75));
}
.button:active {
background: #FFA500;
background: -moz-linear-gradient(0% 100% 90deg, #ffcd75, #e8e8e8);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e8e8e8),
to(#ffcd75));
box-shadow: inset 1px 1px 0 0 #545454;
-moz-box-shadow: inset 1px 1px 0 0 #545454;
-webkit-box-shadow: inset 1px 1px 0 0 #545454;
padding: 10px 10px 10px 10px;
}
span.seocallback {
float: left;
padding-left: 150px;
padding-top: 6px;
}
span.seocallback a {
font-size: 18px;
color: white;
text-decoration: none;
}
span.seocallback_intext a {
display: inline-block;
color: #575454;
font-weight: 700;
text-decoration: none;
user-select: none;
padding: 3px 5px;
outline: none;
border: 2px solid;
border-radius: 2px;
transition: 0.2s;
margin: 0 0 5px 0;
font-size: 14px;
background: white;
width: 150px;
overflow: hidden;
-webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.75);
}
span.seocallback_intext a:hover {
background: white;
color: #bf5050;
}
span.seocallback_intext a:active {
background: white;
color: #bf5050;
}
span.sport a {
display: inline-block;
color: #4872AF;
font-weight: 700;
text-decoration: none;
user-select: none;
padding: 3px 5px;
outline: none;
border: 2px solid;
border-radius: 2px;
transition: 0.2s;
margin: 0 0 5px 0;
font-size: 14px;
background: white;
min-width: 150px;
max-width: 150px;
min-height: 40px;
overflow: hidden;
vertical-align: middle;
}
span.sport a:hover {
background: white;
color: D43F3F;
}
span.sport a:active {
background: white;
color: D43F3F;
}
span.footermainlink,
span.footermainlink a {
color: white;
font-size: 8px;
}
#slider {
/*положение слайдера*/
position: relative;
text-align: center;
top: 10px;
}
#slider {
/*центровка слайдера*/
margin: 0 auto;
}
#slides article {
/*все изображения справа друг от доруга*/
width: 20%;
float: left;
}
#slides .image {
/*устанавливает общий размер блока с изображениями*/
width: 500%;
line-height: 0;
}
#slider1 {
/*положение слайдера*/
position: relative;
text-align: center;
top: 10px;
}
#slider1 {
/*центровка слайдера*/
margin: 0 auto;
}
#overflow {
/*сркывает все, что находится за пределами этого блока*/
width: 100%;
overflow: hidden;
}
article img {
/*размер изображений слайдера*/
width: 100%;
}
#desktop:checked~#slider {
/*размер всего слайдера*/
max-width: 640px;
/*максимальнная длинна*/
}
#desktop:checked~#slider1 {
/*размер всего слайдера*/
max-width: 700px;
/*максимальнная длинна*/
}
/*настройка переключения и положения для левой стрелки*/
/*если свич1-5 активны, то идет обращение к лейблу из блока с id контролс*/
#switch1:checked~#controls label:nth-child(5),
#switch2:checked~#controls label:nth-child(1),
#switch3:checked~#controls label:nth-child(2),
#switch4:checked~#controls label:nth-child(3),
#switch5:checked~#controls label:nth-child(4) {
background: url('images/prev.png') no-repeat;
/*заливка фона картинкой без повторений*/
float: left;
margin: 0 0 0 -50px;
/*сдвиг влево*/
display: block;
height: 40px;
width: 40px;
}
/*настройка переключения и положения для правой стрелки*/
#switch1:checked~#controls label:nth-child(2),
#switch2:checked~#controls label:nth-child(3),
#switch3:checked~#controls label:nth-child(4),
#switch4:checked~#controls label:nth-child(5),
#switch5:checked~#controls label:nth-child(1) {
background: url('images/next.png') no-repeat;
/*заливка фона картинкой без повторений*/
float: right;
margin: 0 -50px 0 0;
/*сдвиг вправо*/
display: block;
height: 40px;
width: 40px;
}
label,
a {
/*при наведении на стрелки или переключатели - курсор изменится*/
cursor: pointer;
}
.all input {
/*скрывает стандартные инпуты (чекбоксы) на странице*/
display: none;
}
/*позиция изображения при активации переключателя*/
#switch1:checked~#slides .image {
margin-left: 0;
}
#switch2:checked~#slides .image {
margin-left: -100%;
}
#switch3:checked~#slides .image {
margin-left: -200%;
}
#switch4:checked~#slides .image {
margin-left: -300%;
}
#switch5:checked~#slides .image {
margin-left: -400%;
}
#controls {
/*положение блока всех управляющих элементов*/
margin: -25% 0 0 0;
width: 100%;
height: 50px;
}
#active label {
/*стиль отдельного переключателя*/
border-radius: 10px;
/*скругление углов*/
display: inline-block;
/*расположение в строку*/
width: 15px;
height: 15px;
background: #bbb;
}
#active {
/*расположение блока с переключателями*/
margin: 18% 0 0;
text-align: center;
}
#active label:hover {
/*поведение чекбокса при наведении*/
background: #4972B0;
border-color: #777 !important;
/*выполнение в любом случае*/
}
/*цвет активного лейбла при активации чекбокса*/
#switch1:checked~#active label:nth-child(1),
#switch2:checked~#active label:nth-child(2),
#switch3:checked~#active label:nth-child(3),
#switch4:checked~#active label:nth-child(4),
#switch5:checked~#active label:nth-child(5) {
background: #4972B0;
border-color: #4972B0 !important;
}
#slides .image {
/*анимация пролистывания изображений*/
transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
#controls label:hover {
/*прозрачность стрелок при наведении*/
opacity: 0.6;
}
#controls label {
/*прозрачность стрелок при отводе курсора*/
transition: opacity 0.2s ease-out;
}
.slidersport {
text-align: center;
position: relative;
}
.slider11 {
width: 550px;
padding: 5px;
text-align: center;
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
margin-bottom: 60px;
margin: 0 auto;
position: relative;
}
.slider12 {
max-width: 400px;
width: 300px;
padding: 5px;
text-align: center;
border: 1px solid #ccc;
border-radius: 5px;
background: linear-gradient(to bottom, #ffffff, #C7D5F5);
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
margin-bottom: 60px;
margin: 0 auto;
position: relative;
}
.slider13 {
max-width: 390px;
width: 290px;
padding: 5px;
text-align: center;
border: 1px solid #ccc;
border-radius: 5px;
background: linear-gradient(to bottom, #ffffff, #C7D5F5);
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
margin-bottom: 60px;
margin: 0 auto;
position: relative;
}
.bxslider li img {
max-width: 100%;
display: block;
line-height: 0;
}
.bxslider {
margin: 0;
padding: 0
}
li .bxslider {
margin: 0;
padding: 0
}
ul .bxslider {
list-style: none
}
.bx-wrapper img {
max-width: 100%;
display: block
}
.bx-pager {
position: absolute;
bottom: -30px;
width: 100%
}
.bx-prev {
display: block;
width: 20px;
height: 40px;
background: url('images/prev.png') no-repeat;
;
position: absolute;
left: 0;
top: 45%;
margin: 0 0 0 4px;
text-indent: -9999px;
z-index: 100;
}
.bx-next {
display: block;
width: 20px;
height: 40px;
background: url('images/next.png') no-repeat;
position: absolute;
right: 0;
top: 45%;
margin: 0 4px 0 0;
text-indent: -9999px;
z-index: 100;
}
img.animate1 {
-webkit-transition: -webkit-transform .8s ease-in-out;
transition: transform .8s ease-in-out;
}
img.animate1:hover {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
img.animate2 {
animation-name: spin;
animation-duration: 3000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.wheel {
animation-name: spin;
animation-duration: 3000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
z-index: 100;
}
@keyframes spin {
to {
-o-transform: rotate3d(0, 1, 0, 360deg);
-ms-transform: rotate3d(0, 1, 0, 360deg);
-moz-transform: rotate3d(0, 1, 0, 360deg);
-webkit-transform: rotate3d(1, 1, 0, 360deg);
transform: rotate3d(0, 1, 0, 360deg);
}
from {
-o-transform: rotate3d(0, 1, 0, 0deg);
-ms-transform: rotate3d(0, 1, 0, 0deg);
-moz-transform: rotate3d(0, 1, 0, 0deg);
-webkit-transform: rotate3d(0, 1, 0, 0deg);
transform: rotate3d(0, 1, 0, 0deg);
}
}
#rectangle {
width: 5px;
height: 15px;
background: #fc2e5a;
}
#back-top {
position: fixed;
bottom: 50px; right: 45px;
}
#back-top a {
background: url(images/top1.png) no-repeat;
width: 80px;
height: 80px;
display: block;
}
#inline label {
display: inline-block;
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
}
.txt {
box-sizing: border-box;
border: 1px solid #444;
width: 100%;
}
.txtarea {
box-sizing: border-box;
border: 1px solid #444;
width: 100%;
}
/* StartStyle */
/* Базовый контейнер табов */
.tabs {
min-width: 320px;
max-width: 100%;
padding: 0px;
margin: 0 auto;
}
/* Стили секций с содержанием */
.tabs>section {
display: none;
padding: 15px;
background: #fff;
border: 1px solid #ddd;
}
.tabs>section>p {
margin: 0 0 5px;
line-height: 1.5;
color: #383838;
/* прикрутим анимацию */
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
/* Описываем анимацию свойства opacity */
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Прячем чекбоксы */
.tabs>input {
display: none;
position: absolute;
}
/* Стили переключателей вкладок (табов) */
.tabs>label {
display: inline-block;
margin: 0 0 -1px;
padding: 15px 25px;
font-weight: 600;
text-align: center;
color: #aaa;
border: 0px solid #ddd;
border-width: 1px 1px 1px 1px;
background: #f1f1f1;
border-radius: 3px 3px 0 0;
}
/* Изменения стиля переключателей вкладок при наведении */
.tabs>label:hover {
color: #888;
cursor: pointer;
}
/* Стили для активной вкладки */
.tabs>input:checked+label {
color: #555;
border-top: 1px solid #009933;
border-bottom: 1px solid #fff;
background: #fff;
}
/* Активация секций с помощью псевдокласса :checked */
#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4, #tab5:checked~#content-tab5, #tab6:checked~#content-tab6, #tab7:checked~#content-tab7, #tab8:checked~#content-tab8 {
display: block;
}
/* Убираем текст с переключателей
* и оставляем иконки на малых экранах
*/
/* Изменяем внутренние отступы
* переключателей для малых экранов
*/
@media screen and (max-width: 400px) {
.tabs>label {
padding: 15px;
}
}
/* EndStyle */
/* StartStyle */
#photo{border:2px solid #FFFFFF; margin:0 20 auto; position:relative; text-align: center; width:200px; height:150px; }
#photo div{text-align: center; position:absolute; z-index:0; margin:auto; }
#photo div.current{ z-index:2;}
#photo div.previous{ z-index:1;}
#photo2{border:2px solid #FFFFFF; margin:0 20 auto; position:relative; text-align: center; width:200px; height:150px; }
#photo2 div{text-align: center; position:absolute; z-index:0; margin:auto; }
#photo2 div.current{ z-index:2;}
#photo2 div.previous{ z-index:1;}
#photo3{border:2px solid #FFFFFF; margin:0 20 auto; position:relative; text-align: center; width:200px; height:150px; }
#photo3 div{text-align: center; position:absolute; z-index:0; margin:auto; }
#photo3 div.current{ z-index:2;}
#photo3 div.previous{ z-index:1;}
#photo4{border:2px solid #FFFFFF; margin:0 20 auto; position:relative; text-align: center; width:200px; height:150px; }
#photo4 div{text-align: center; position:absolute; z-index:0; margin:auto; }
#photo4 div.current{ z-index:2;}
#photo4 div.previous{ z-index:1;}
#photo5{border:2px solid #FFFFFF; margin:0 20 auto; position:relative; text-align: center; width:200px; height:150px; }
#photo5 div{text-align: center; position:absolute; z-index:0; margin:auto; }
#photo5 div.current{ z-index:2;}
#photo5 div.previous{ z-index:1;}
#photo6{border:2px solid #FFFFFF; margin:0 20 auto; position:relative; text-align: center; width:200px; height:150px; }
#photo6 div{text-align: center; position:absolute; z-index:0; margin:auto; }
#photo6 div.current{ z-index:2;}
#photo6 div.previous{ z-index:1;}
#photo7{border:2px solid #FFFFFF; margin:0 20 auto; position:relative; text-align: center; width:200px; height:150px; }
#photo7 div{text-align: center; position:absolute; z-index:0; margin:auto; }
#photo7 div.current{ z-index:2;}
#photo7 div.previous{ z-index:1;}
#photo8{border:2px solid #FFFFFF; margin:0 20 auto; position:relative; text-align: center; width:200px; height:150px; }
#photo8 div{text-align: center; position:absolute; z-index:0; margin:auto; }
#photo8 div.current{ z-index:2;}
#photo8 div.previous{ z-index:1;}
#photo9{border:2px solid #FFFFFF; margin:0 20 auto; position:relative; text-align: center; width:200px; height:150px; }
#photo9 div{text-align: center; position:absolute; z-index:0; margin:auto; }
#photo9 div.current{ z-index:2;}
#photo9 div.previous{ z-index:1;}
#photo10{border:2px solid #FFFFFF; margin:0 20 auto; position:relative; text-align: center; width:200px; height:150px; }
#photo10 div{text-align: center; position:absolute; z-index:0; margin:auto; }
#photo10 div.current{ z-index:2;}
#photo10 div.previous{ z-index:1;}
#photo11{border:2px solid #FFFFFF; margin:0 20 auto; position:relative; text-align: center; width:200px; height:150px; }
#photo11 div{text-align: center; position:absolute; z-index:0; margin:auto; }
#photo11 div.current{ z-index:2;}
#photo11 div.previous{ z-index:1;}
#photo12{border:2px solid #FFFFFF; margin:0 20 auto; position:relative; text-align: center; width:200px; height:150px; }
#photo12 div{text-align: center; position:absolute; z-index:0; margin:auto; }
#photo12 div.current{ z-index:2;}
#photo12 div.previous{ z-index:1;}
/* EndStyle */
/* StartStyle */
ul.menuleft {
margin: 0;
padding: 0;
display: inline-block;
background-color: #28282a;
width: 190px;
}
ul.menuleft li {
list-style: none;
position: relative;
}
ul.menuleft li a {
padding: 8px 8px 8px;
color: white;
font-weight:400;
font-size: 13px;
font-family: Arial;
text-decoration: none;
display: block;
border-top: 1px solid #c4c4c4;
}
ul.menuleft li a:hover {
background-color: #4682b4;
}
ul.menuleft li:first-child a {
border-top: none;
}
ul.menuleft li:first-child a:hover {
}
ul.menuleft li:last-child a:hover {
}
ul.menuleft li ul {
display: none;
}
ul.menuleft li:hover ul {
display: block;
position: absolute;
left: 190px;
top: 1px;
background-color: #3d3e40;
width: 190px;
z-index: 1000;
border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
margin: 0;
padding: 0;
}
ul.menuleft-red li:hover ul li:first-child a:hover {
border-radius: 0 5px 0 0;
-webkit-border-radius: 0 5px 0 0;
-moz-border-radius: 0 5px 0 0;
}
ul.menuleft-red li:hover ul li:last-child a:hover {
border-radius: 0 0 5px 0;
-webkit-border-radius: 0 0 5px 0;
-moz-border-radius: 0 0 5px 0;
}
ul.menuleft-red {
margin: 0;
padding: 0;
display: inline-block;
background-color: #CD5C5C;
width: 190px;
}
ul.menuleft-red li {
list-style: none;
position: relative;
}
ul.menuleft-red li a {
padding: 8px 8px 8px;
color: white;
font-weight:400;
font-size: 13px;
font-family: Arial;
text-decoration: none;
display: block;
border-top: 1px solid #c4c4c4;
}
ul.menuleft-red li a:hover {
background-color: #4682b4;
}
ul.menuleft-red li:first-child a {
border-top: none;
}
ul.menuleft-red li:first-child a:hover {
}
ul.menuleft-red li:last-child a:hover {
}
ul.menuleft-red li ul {
display: none;
}
ul.menuleft-red li:hover ul {
display: block;
position: absolute;
left: 190px;
top: 1px;
background-color: #28282a;
width: 190px;
z-index: 1000;
border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
margin: 0;
padding: 0;
}
ul.menuleft-red li:hover ul li:first-child a:hover {
border-radius: 0 5px 0 0;
-webkit-border-radius: 0 5px 0 0;
-moz-border-radius: 0 5px 0 0;
}
ul.menuleft-red li:hover ul li:last-child a:hover {
border-radius: 0 0 5px 0;
-webkit-border-radius: 0 0 5px 0;
-moz-border-radius: 0 0 5px 0;
}
ul.menuleft-orange li:hover ul li:first-child a:hover {
border-radius: 0 5px 0 0;
-webkit-border-radius: 0 5px 0 0;
-moz-border-radius: 0 5px 0 0;
}
ul.menuleft-orange li:hover ul li:last-child a:hover {
border-radius: 0 0 5px 0;
-webkit-border-radius: 0 0 5px 0;
-moz-border-radius: 0 0 5px 0;
}
ul.menuleft-orange {
margin: 0;
padding: 0;
display: inline-block;
background-color: #ffa000;
width: 190px;
}
ul.menuleft-orange li {
list-style: none;
position: relative;
}
ul.menuleft-orange li a {
padding: 8px 8px 8px;
color: #28282a;
font-weight:600;
font-size: 13px;
font-family: Arial;
text-decoration: none;
display: block;
border-top: 1px solid #c4c4c4;
}
ul.menuleft-orange li a:hover {
background-color: #FFFFE0;
}
ul.menuleft-orange li:first-child a {
border-top: none;
}
ul.menuleft-orange li:first-child a:hover {
}
ul.menuleft-orange li:last-child a:hover {
}
ul.menuleft-orange li ul {
display: none;
}
ul.menuleft-orange li:hover ul {
display: block;
position: absolute;
left: 190px;
top: 1px;
background-color: #28282a;
width: 190px;
z-index: 1000;
border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
margin: 0;
padding: 0;
}
ul.menuleft-orange li:hover ul li:first-child a:hover {
border-radius: 0 5px 0 0;
-webkit-border-radius: 0 5px 0 0;
-moz-border-radius: 0 5px 0 0;
}
ul.menuleft-orange li:hover ul li:last-child a:hover {
border-radius: 0 0 5px 0;
-webkit-border-radius: 0 0 5px 0;
-moz-border-radius: 0 0 5px 0;
}
/* EndStyle */
#zornet {position: fixed;bottom: 60px; left: 55px;display: none; text-decoration: none; font-size: 15px;border-radius: 30px; transition: 0.4s;
}
#zornet a { text-decoration: none; color: #28282a;}
#zornet a:hover { text-decoration: none; color: #28282a;}
#zornet a:active { text-decoration: none; color: #28282a;}
/* StartStyle */
.butterfly {
transition: 0.4s;
}
.butterfly:hover{
transform: scale(1.30, 1.30);
}
.gradblack {
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(73,73,74,1) 10%, rgba(40,40,42,1) 27%, rgba(40,40,42,1) 43%, rgba(40,40,42,1) 57%, rgba(40,40,42,1) 71%, rgba(40,40,42,1) 80%, rgba(73,73,74,1) 90%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(10%, rgba(73,73,74,1)), color-stop(27%, rgba(40,40,42,1)), color-stop(43%, rgba(40,40,42,1)), color-stop(57%, rgba(40,40,42,1)), color-stop(71%, rgba(40,40,42,1)), color-stop(80%, rgba(40,40,42,1)), color-stop(90%, rgba(73,73,74,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(73,73,74,1) 10%, rgba(40,40,42,1) 27%, rgba(40,40,42,1) 43%, rgba(40,40,42,1) 57%, rgba(40,40,42,1) 71%, rgba(40,40,42,1) 80%, rgba(73,73,74,1) 90%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(73,73,74,1) 10%, rgba(40,40,42,1) 27%, rgba(40,40,42,1) 43%, rgba(40,40,42,1) 57%, rgba(40,40,42,1) 71%, rgba(40,40,42,1) 80%, rgba(73,73,74,1) 90%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(73,73,74,1) 10%, rgba(40,40,42,1) 27%, rgba(40,40,42,1) 43%, rgba(40,40,42,1) 57%, rgba(40,40,42,1) 71%, rgba(40,40,42,1) 80%, rgba(73,73,74,1) 90%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(73,73,74,1) 10%, rgba(40,40,42,1) 27%, rgba(40,40,42,1) 43%, rgba(40,40,42,1) 57%, rgba(40,40,42,1) 71%, rgba(40,40,42,1) 80%, rgba(73,73,74,1) 90%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
.btn1 {
background: #3498db;
background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
background-image: -moz-linear-gradient(top, #3498db, #2980b9);
background-image: -ms-linear-gradient(top, #3498db, #2980b9);
background-image: -o-linear-gradient(top, #3498db, #2980b9);
background-image: linear-gradient(to bottom, #3498db, #2980b9);
-webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 2px #666666;
-moz-box-shadow: 1px 1px 2px #666666;
box-shadow: 1px 1px 2px #666666;
font-family: Arial;
color: #ffffff;
font-size: 15px;
padding: 6px 11px 6px 11px;
text-decoration: none;
}
.btn1:hover {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
text-decoration: none;
}
.tabs_box {
width: 550px;
background: #fff;
position: absolute;
top: 100px;
left: 50%;
margin-left: -175px;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
}
#tab2, #tab3 {
display: none;
}
.tab {
padding: 0 10px;
}
.tabs_menu {
display: table-row;
}
.tabs_menu li {
display: table-cell;
width: auto;
}
.tabs_menu li a {
display: table-cell;
width: 2000px;
text-align: center;
text-decoration: none;
background: #f8f8f8;
color: #292929;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
padding: 10px 0;
}
.tabs_menu li:first-child a {
border-left: 0;
}
.tabs_menu .active {
background: #5f84c1;
color: #fff;
}
/* EndStyle */
/* StartStyle */
.menutop2{
width: 100%;
display: table;
}
.menutop3{ padding-top:5;
width: 100%;
display: table-cell;
background-image: url(images/top/tablo.png); height:100%;vertical-align:middle;
}
.menutop1{margin-left: 212px; min-width: 505px;
padding-left:530px;
vertical-align:middle;
display: table-cell;
width: 100%;
height:50px;
text-align:center;
background: linear-gradient(to right, #28282a, #28282a, #28282a, #28282a,#28282a, #28282a, #3d3e40, #3d3e40, #3d3e40, #3d3e40,#3d3e40, #3d3e40, #3d3e40, #3d3e40, #3d3e40, #3d3e40, #3d3e40,#28282a,#28282a, #4682b4);
}
.menutop4{
vertical-align:middle;
display: table-cell;
width: 100%;
height:30px;
text-align:center;
background: #4682b4;
-webkit-box-shadow: 0px 8px 2px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 8px 2px -2px rgba(0,0,0,0.75);
box-shadow: 0px 8px 2px -2px rgba(0,0,0,0.75);
}
.menutop5{
vertical-align:middle;
display: table-cell;
width: 100%;
height:70px;
text-align:center;
background: #28282a;
text-decoration:none;
}
.menutop{margin-left: 212px;
padding:0;
text-align:center;
}
.menutop ul{
margin:0;
display:block;
height:40px;
padding:0;
background: linear-gradient(to right, #28282a, #28282a, #28282a, #28282a, #28282a, #28282a, #28282a, #28282a, #28282a,#28282a, #28282a,#28282a, #28282a,#28282a, #28282a,#28282a,#28282a,#4682b4);
}
.menutop li{
width:136px;
display:inline-block;
margin:0;
padding:0;
position:relative;
border-right-color: #4682b4; /* Цвет линии справа */
border-right-style: dashed
; /* Стиль линии */
border-right-width: 1px; /* Толщина линии */
border-left-color: #4682b4; /* Цвет линии справа */
border-left-style: dashed
; /* Стиль линии */
border-left-width: 1px; /* Толщина линии */
}
.menutop li a{
display:block;
height:20px;
padding:10px 15px;
line-height:20px;
color:#fff;
font-weight:500;
font-size: 15px;
text-decoration:none;
border-style: none;
}
.menutop li a:hover{
background:#28282a;
}
.menutop li ul{
height:auto;
background:#28282a;
display:none;
position:absolute;
top:40px;
left:0;
z-index:5;
width:136px;
text-align:left;
font-size:80%;
padding:0;
border-style: none;
}
.menutop li:hover > a{
background:#4682b4;
border-style: none;
}
.menutop li li{
display:block;
border-style: none;
}
.menutop li li a{
height:auto;
padding:7px 10px;
border-style: none;
}
.menutop li li a:hover{
background:#4682b4;
border-style: none;
}
.menutop li:hover > ul{
display:block;
border-style: none;
}
.menutop li li ul{
top:0;
left:136px;
border-style: none;
}
.menutop li li:hover > a{
background:#3d3e40;
border-style: none;
}
/* EndStyle */
/* StartStyle */
.ttabs {
max-width: 100%;
padding: 0px;
margin: 0 auto;
}
.ttabs>section {
display: none;
padding: 5px;
padding-left: 5px;
background: #fff;
border: 0;
}
.ttabs>section>p {
margin: 0 0 5px;
line-height: 1.5;
color: #383838;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.ttabs>input {
display: none;
position: absolute;
}
.ttabs>label {
display: inline-block;
margin: 0 0 -1px;
padding: 5px 15px;
font-weight: 300;
text-align: center;
color: #aaa;
border: 0px solid #ddd;
border-width: 1px 1px 1px 1px;
background: #f1f1f1;
border-radius: 3px 3px 0 0;
}
/* Изменения стиля переключателей вкладок при наведении */
.ttabs>label:hover {
color: #888;
cursor: pointer;
}
/* Стили для активной вкладки */
.ttabs>input:checked+label {
color: #555;
border-top: 1px solid #009933;
border-bottom: 1px solid #fff;
background: #fff;
}
/* Активация секций с помощью псевдокласса :checked */
#ttab1:checked~#content-ttab1, #ttab2:checked~#content-ttab2, #ttab3:checked~#content-ttab3, #ttab4:checked~#content-ttab4, #ttab5:checked~#content-ttab5, #ttab6:checked~#content-ttab6, #ttab7:checked~#content-ttab7, #ttab8:checked~#content-ttab8 {
display: block;
}
@media screen and (max-width: 400px) {
.ttabs>label {
padding: 15px;
}
}
/* EndStyle */
/* StartStyle */
.tttabs {
max-width: 100%;
padding: 0px;
margin: 0 auto;
}
.tttabs>section {
display: none;
padding: 5px;
padding-left: 5px;
background: #fff;
border: 0;
}
.tttabs>section>p {
margin: 0 0 5px;
line-height: 1.5;
color: #383838;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.tttabs>input {
display: none;
position: absolute;
}
.tttabs>label {
display: inline-block;
margin: 0 0 -1px;
padding: 5px 15px;
font-weight: 300;
text-align: center;
color: #aaa;
border: 0px solid #ddd;
border-width: 1px 1px 1px 1px;
background: #f1f1f1;
border-radius: 3px 3px 0 0;
}
/* Изменения стиля переключателей вкладок при наведении */
.tttabs>label:hover {
color: #888;
cursor: pointer;
}
/* Стили для активной вкладки */
.tttabs>input:checked+label {
color: #555;
border-top: 1px solid #009933;
border-bottom: 1px solid #fff;
background: #fff;
}
a.btn__cost {
background: #3498db;
background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
background-image: -moz-linear-gradient(top, #3498db, #2980b9);
background-image: -ms-linear-gradient(top, #3498db, #2980b9);
background-image: -o-linear-gradient(top, #3498db, #2980b9);
background-image: linear-gradient(to bottom, #3498db, #2980b9);
-webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 2px #666666;
-moz-box-shadow: 1px 1px 2px #666666;
box-shadow: 1px 1px 2px #666666;
font-family: Arial;
color: #ffffff;
font-size: 15px;
padding: 6px 11px 6px 11px;
text-decoration: none;
}
a.btn__cost:hover {
background: #3cb0fd;
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
font-size: 15px;
color: #fff;
font-weight: normal;
}
/* Активация секций с помощью псевдокласса :checked */
#tttab1:checked~#content-tttab1, #tttab2:checked~#content-tttab2 {
display: block;
}
@media screen and (max-width: 400px) {
.tttabs>label {
padding: 15px;
}
}
/* EndStyle */