html, body {
width: 100%;
margin:0;
padding:0;
background: #000000;
font-size: 11px;
}
div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, select {
margin: 0;
padding: 0;
}
img {border: 0;}
#main {
width: 1000px;
margin: 0 auto;
}
#header {
float: left;
width: 100%;
height: 538px;
background: url("../images/bg-01.jpg") no-repeat center 128px;
position: relative;
}
.combo-block {
width: 100%;
height: 71px;
position: absolute;
left: 0px; top: 36px;
border-top: 3px solid #ff6600;
border-bottom: 3px solid #ff6600;
}
.logo {
position: absolute;
top: 4px; left: 23px;
}
.top-menu {
overflow: hidden;
position: absolute;
right: 20px; top: 20px;
}
.top-menu ul {list-style: none;}
.top-menu ul li {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 6px;
background: url("../images/bg-02.png") no-repeat 0 0;
font: normal 11px Tahoma;
color: #3399cc;
cursor: pointer;
}
.top-menu ul li p {
float: left;
padding: 0px 6px 0px 0px;
background: url("../images/bg-03.png") no-repeat 100% 0;
}
.top-menu ul li span {
float: left;
height: 28px;
padding: 6px 6px 0px 6px;
background: url("../images/bg-04.png") repeat-x 0 0;
}
.top-menu ul li a {font: normal 14px Tahoma; color: #ffffff; text-decoration: none; text-transform: uppercase;}
.top-menu ul li a:hover {color: #f48000;}
.top-menu ul .active {
background-position: 0 -66px;
font: normal 11px Tahoma;
color: #ffffff;
cursor: default;
}
.top-menu ul .active p {background-position: 100% -66px;}
.top-menu ul .active span {background-position: 0 -66px;}
.top-menu ul .active a, .top-menu ul .active a:hover {color: #f48000; cursor: default;}
.lang {
width: 51px;
height: 25px;
position: absolute;
top: 143px; left: 45px;
/* background: url("../images/bg-05.png") no-repeat 0 0;*/
overflow: hidden;
}
.lang ul {
float: left;
list-style: none;
margin: 4px 0px 0px -1px;
}
/*.lang ul li {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 4px 0px 5px;
text-align: center;
border-left: 1px solid #ffffff;
}*/
.lang ul li {
height: 18px;
float: left;
margin: 0px 0px 0px 0px;
padding: 2px 4px 0px 5px;
text-align: center;
background: url("../images/bg-05.png") no-repeat 0 0;
}
.lang ul li a {font: normal 12px Arial; color: #ffffff; text-decoration: none;}
.lang ul li a:hover {color: #f48000;}
.lang ul .current { height: 35px; font: normal 12px Arial; color: #f48000 !important; cursor: default;}
.lang ul .current a, .lang ul .current a:hover {color: #f48000 !important; cursor: default;}
.nav {
position: absolute;
left: 104px; top: 143px;
}
.nav ul {
float: left;
list-style: none;
margin: 0px 0px 0px -5px;
}
.nav ul li {
float: left;
display: inline;
margin: 0px 0px 0px 5px;
}
.searchbox {
width: 150px;
height: 25px;
position: absolute;
left: 195px; top: 142px;
background: url("../images/bg-06.gif") no-repeat 0 100%;
}
.searchbox .textfield {
width: 110px;
position: absolute;
left: 5px; top: 7px;
background: none;
font: normal 11px Arial;
color: #d85a05;
border: 0;
}
.searchbox .submit {
position: absolute;
right: 0px; top: 0px;
}
.price-calc {
position: absolute;
left: 154px; top: 197px;
z-index: 5;
}
.price-calc div {
width: 258px;
padding: 0px 17px 0px 0px;
margin: 0px 0px 13px 0px;
font: bold 14px Tahoma;
text-transform: uppercase;
text-align: right;
color: #000000;
}
.price-calc ul {list-style: none;}
.price-calc ul li {
width: 275px;
margin: 0px 0px 7px 0px;
background: url("../images/bg-07.gif") repeat-x 0 0;
text-align: right;
}
.price-calc ul li a {
height: 30px;
display: block;
padding: 12px 17px 0px 0px;
font: bold 14px Tahoma;
text-transform: uppercase;
text-decoration: none;
color: #ffffff;
}
.price-calc ul .active {background: #ff6600;}
.price-calc ul .active a, .price-calc ul .active a:hover {color: #000000; cursor: default;}
.calc {
position: absolute;
left: 60px; top: 216px;
z-index: 10;
}
#header .title {
position: absolute;
left: 42px; top: 418px;
font: bold 16px Arial;
text-transform: uppercase;
color: #ffffff;
}
.menu {
position: absolute;
top: 458px; left: 22px;
}
.menu ul {
float: left;
width: 100%;
list-style: none;
}
.menu ul li {
float: left;
width: 239px;
height: 80px;
display: inline;
position: relative;
margin: 0px 1px 0px 0px;
padding: 0px 0px 0px 0px;
background: url("../images/bg-08.gif") repeat-x 0 0;
z-index: 0;
}
.menu ul li table td {
height: 80px;
width: 120px;
padding: 0px 0px 0px 20px;
}
.menu ul li a {font: bold 15px Arial; color: #000000; text-decoration: none; text-transform: uppercase;}
.menu ul li img {
width: 111px;
height: 110px;
position: absolute;
right: -10px; top: -18px;
}
.menu ul .active {background-position: 0 -120px;}
.menu ul .active a, .menu ul .active a:hover {cursor: default;}
#content {
float: left;
width: 960px;
padding: 35px 20px 30px 20px;
font: normal 12px Arial;
}
#content h2 {
margin: 0px 0px 6px 0px;
font: bold 14px Arial;
color: #605d5c;
}
#content h1 {
margin: 0px 0px 14px 0px;
font: bold 17px Tahoma;
color: #e27617;
}
#content_guard {
float: left;
width: 100%;
padding: 5px 20px 30px 20px;
font: normal 12px Arial;
}
#content_guard h2 {
margin: 0px 0px 6px 0px;
font: bold 14px Arial;
color: #605d5c;
}
#content_guard h1 {
margin: 0px 0px 14px 0px;
font: bold 17px Tahoma;
color: #e27617;
}
.row {
float: left;
width: 100%;
margin: 0px 0px 15px 0px;
}
.row h1 {
margin: 0px 0px 15px 0px;
padding: 0px 0px 6px 0px;
border-bottom: 1px solid #bfbfbf;
font: bold 14px Arial;
text-transform: uppercase;
text-align: center;
color: #ffffff;
}
.experts-block {
float: left;
width: 590px;
padding: 0px 0px 10px 0px;
background: url("../images/bg-09.png") no-repeat 0 100%;
font: italic 11px Arial;
color: #ffffff;
}
.experts-block table {width: 100%;}
.experts-block table td {
padding: 0px 10px 5px 10px;
vertical-align: top;
}
.experts-block table td span {font: bold 11px Arial;}
.experts-block table td a {font: bold 11px Arial; color: #ffffff; text-decoration: underline;}
.experts-block table td a:hover {text-decoration: none;}
.certificates {
float: right;
width: 360px;
padding: 0px 0px 32px 0px;
background: url("../images/bg-10.png") no-repeat 0 100%;
}
.certificates table {width: 100%;}
.certificates table td {
padding: 0px 10px 0px 10px;
text-align: center;
}
.certificates table td div {
width: 140px;
margin: 0 auto 0 auto;
position: relative;
}
.certificates table td div .zoom {
position: absolute;
bottom: -15px; right: -10px;
}
.headline {
margin: 0px 0px 10px 0px;
background: url("../images/bg-12.png") repeat-x 0 0;
}
.headline span {
display: block;
padding: 27px 10px 18px 10px;
background: url("../images/bg-11.png") no-repeat 100% 0;
font: bold 15px Arial;
text-transform: uppercase;
text-align: center;
color: #ffffff;
}
.headline-1 {
margin: 0px 0px 10px 0px;
background: url("../images/bg-14.png") repeat-x 0 0;
}
.headline-1 span {
display: block;
padding: 27px 10px 18px 10px;
font: bold 15px Arial;
text-transform: uppercase;
text-align: center;
color: #ffffff;
}
.headline {
margin: 0px 0px 10px 0px;
background: url("../images/bg-12.png") repeat-x 0 0;
}
.headline span {
display: block;
padding: 27px 10px 18px 10px;
background: url("../images/bg-11.png") no-repeat 100% 0;
font: bold 15px Arial;
text-transform: uppercase;
text-align: center;
color: #ffffff;
}
.left-column {
float: left;
width: 315px;
}
.right-column {
color: #ffffff;
float: right;
width: 635px;
padding-left:10px;
}
.right-column a {
color: #ffffff;
}
.right-column a:hover{
color: #ffffff;
text-decoration:none;
}
.right-column-guard {
color: #ffffff;
float: right;
width: 100%;
padding-left:10px;
}
.right-column-guard a {
color: #ffffff;
}
.right-column-guard a:hover{
color: #ffffff;
text-decoration:none;
}
.articles {
float: left;
width: 100%;
}
.articles ul {
padding: 0px 10px 0px 10px;
list-style: none;
}
.articles ul li {
margin: 0px 0px 32px 0px;
font: normal 12px Arial;
color: #ffffff;
}
.articles ul li span {
}
.artname a
{display: block;
padding: 0px 0px 0px 20px;
background: url("../images/bullet-01.png") no-repeat 0 5px;
}
.artname a:hover
{
text-decoration:none;
}
.cat a {
font: normal 17px Tahoma; color: #dededd; text-decoration: none; text-transform: uppercase;
}
.cat a:hover { text-decoration:underline;
}
.articles ul li span a {font: normal 17px Arial; color: #7f7f7f; text-decoration: underline;}
.articles ul li span a:hover {text-decoration: none;}
.more {
width: 124px;
height: 21px;
margin: 0px auto 0px auto;
padding: 5px 0px 0px 0px;
background: url("../images/bg-15.png") no-repeat center top;
text-align: center;
}
.more a {font: bold 12px Arial; color: #ffffff; text-decoration: none; text-transform: uppercase;}
.more a:hover {text-decoration: underline;}
.readmore a {float:right;font: bold 12px Arial; color: #ffffff; text-decoration: underline; font-style: italic;}
.readmore a:hover {text-decoration: none;}
.viewall a {float:left;font: bold 12px Arial; color: #ffffff; text-decoration: underline; font-style: italic;}
.viewall a:hover {text-decoration: none;}
.trust-phone {
float: left;
width: 100%;
margin: 25px 0px 0px 0px;
text-align: center;
text-transform: uppercase;
font: normal 18px Arial;
color: #ffffff;
}
.trust-phone span {
display: block;
margin: 10px 0px 0px 0px;
font: bold 23px Arial;
color: #999999;
}
.trust-phone div {
display: block;
font: normal 65px Arial;
color: #e5e5e5;
}
.recom {
float: left;
width: 100%;
margin: 0px 0px 15px 0px;
padding: 0px 0px 15px 0px;
}
.recom table {width: 100%;}
.recom table td {
padding: 0px 10px 0px 10px;
text-align: center;
}
.recom table td div {
width: 150px;
margin: 0 auto 0 auto;
position: relative;
text-align: left;
}
.recom table td div span {
display: block;
margin: 0px 0px 8px -20px;
padding: 0px 0px 0px 20px;
background: url("../images/bullet-01.png") no-repeat 0 5px;
font: normal 14px Arial;
text-decoration: underline;
color: #ffffff;
}
.recom table td div .zoom {
position: absolute;
bottom: -15px; right: -10px;
}
.guards {
float: left;
width: 635px;
position: relative;
margin: 0px 0px 15px 0px;
padding: 0px 0px 15px 0px;
background: url("../images/bg-13.png") no-repeat 0 100%;
}
.guards ul {list-style: none;}
.guards ul li {
float: left;
width: 206px;
display: inline;
margin: 15px 5px 0px 0px;
}
.guards ul li .wrapper {
width: 165px;
margin: 0 auto;
}
.guards ul li .wrapper span {
display: block;
margin: 10px 0px 0px 0px;
font: bold 12px Arial;
color: #ffffff;
}
.wrappered{
}
.wrappered b {
font: bold 12px Arial;
color: #FFC58A;
}
.vipmark {
width: 68px;
height: 68px;
position: absolute;
top: 1px; left: 0;
background: url("../images/vipmark.jpg") no-repeat 0 0;
}
.vip {background: url("../images/bg-18.jpg") no-repeat 0 100%;}
.vip .headline {background: url("../images/bg-19.jpg") repeat-x 0 0;}
.vip .headline span {background: url("../images/bg-20.jpg") no-repeat 100% 0;}
.avatar { border:2px solid; border-color: #C0C0C0;}
.list {background: none;}
.page-nav {
float: left;
width: 100%;
margin: 20px 0px 0px 0px;
font: normal 11px Tahoma;
color: #FF0000;
}
.page-nav span {margin: 0px 2px 0px 2px;}
.page-nav div {
display: inline;
margin: 0px 17px 0px 17px;
}
.page-nav a {font: normal 14px Tahoma !important; color: #ef5f00 !important; text-decoration: underline !important;}
.page-nav a:hover {text-decoration: none !important;}
.page-nav .current a, .page-nav .current a :hover {color: #ffffff !important; text-decoration: none !important; cursor: default;}
.page-nav div a {font: normal 14px Tahoma !important; color: #ffffff !important; text-decoration: none !important;}
.page-nav div a:hover {text-decoration: underline !important;}
.page-nav .disabled a, .page-nav .disabled a:hover {color: #b2b2b2 !important; text-decoration: none !important; cursor: default !important;}
.guard-info {
float: left;
width: 100%;
margin: 0px 0px 25px 0px;
}
.guard-info .wrapper {
width: 100%;
margin: 0px 0px 15px 0px;
padding: 0px 40px 0px 40px;
font: normal 11px Arial;
color: #ffffff;
}
.guard-info .img {
width: 100%;
text-align: center;
margin: 0px 0px 15px 0px;
}
.guard-showinfo {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
}
.guard-showinfo .img {
width: 100%;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 15px;
}
.upload-cv {
float: left;
width: 100%;
margin: 15px 0px 35px 0px;
text-align: center;
}
.upload-cv a {font: bold 14px Tahoma; color: #e27617; text-decoration: underline; text-transform: uppercase;}
.upload-cv a:hover {text-decoration: none;}
.category-list {
width: 235px;
padding: 0px 40px 0px 40px;
}
.category-list ul {list-style: none;}
.category-list ul li {
margin: 0px 0px 7px 0px;
background: url("../images/bg-21.png") repeat-x 0 0;
text-align: right;
}
.category-list ul li a {
height: 27px;
display: block;
padding: 15px 17px 0px 0px;
font: bold 14px Tahoma;
text-transform: uppercase;
text-decoration: none;
color: #000000;
}
.carousel-block {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 22px 0px;
background: url("../images/bg-17.png") repeat-x 0 0;
border-bottom: 2px solid #bfbfbf;
}
.carousel-block .wrapper {
float: left;
width: 100%;
height: 87px;
background: url("../images/bg-16.png") no-repeat 100% 0;
}
.carousel-block .carousel {
float: left;
width: 725px !important;
display: inline;
position: relative;
margin: 30px 0px 0px 140px;
}
.carousel-block .carousel ul {
float: left;
list-style: none;
margin: 0px 0px 0px 0px;
}
.carousel-block .carousel ul li {
float: left;
width: 115px;
display: inline;
margin: 0px 35px 0px 0px;
text-align: center;
}
.carousel-block .prev {
position: absolute;
top: 15px; left: 30px;
cursor: pointer;
z-index: 50;
}
.carousel-block .next {
position: absolute;
top: 15px; right: 30px;
cursor: pointer;
z-index: 50;
}
#footer {
float: left;
width: 1000px;
padding: 0px 0px 50px 0px;
font: normal 15px Arial;
color: #ffffff;
}
#footer a {font: normal 15px Arial; color: #ffffff; text-decoration: underline;}
#footer a:hover {text-decoration: none;}
#footer table {
position: relative;
margin: 0px auto 0px auto;
left: 30px;
}
.credo {
width: 100%;
position: absolute;
left: 0px; top: 8px;
font: normal 13px Tahoma;
font-style: italic;
color: #dededd;
}
#footer table td {
vertical-align: top;
padding: 0px 60px 0px 0px;
}
.about-block {
float: left;
width: 100%;
margin: 0px 0px 35px 0px;
}
.about-block ul {
float: left;
width: 100%;
list-style: none;
margin: -12px 0px 0px 0px;
}
.about-block ul li {
float: left;
width: 285px;
margin: 12px 0px 0px 0px;
padding: 0px 0px 0px 30px;
background: url("../images/bullet-02.png") no-repeat 0 0;
}
.about-block ul li a {font: normal 17px Tahoma; color: #dededd; text-decoration: none; text-transform: uppercase;}
.about-block ul li a:hover {text-decoration: underline;}
.curpage {
color: #FF0000;
}
.text {
float: left;
width: 100%;
padding-left:15px;
}