@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=latin,cyrillic);
/*@font-face {
	font-family: 'Europe_Bold';
	src: url('Europe-Bold.eot');
	src: local('☺'), url('Europe-Bold.woff') format('woff'), url('Europe-Bold.ttf') format('truetype'), url('Europe-Bold.svg') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Europe';
	src: url('Europe.eot');
	src: local('☺'), url('Europe.woff') format('woff'), url('Europe.ttf') format('truetype'), url('Europe.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dt, dl, table, tr, td, th, p, span, strong, small, a, img, form { margin: 0px; padding: 0px; }
html { height: 100%; font-size: 62.5%;}
body { font: normal 15px 'PT Sans', sans-serif; color: #ffffff; background: #0a2438 url(../images/bg_html.png) repeat-x; /*background: url(../images/bg_body.jpg) 50% 0 no-repeat;*/ min-width: 1000px; position: relative; height: auto !important; height: 100%; min-height: 100%;}
body:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; content: ''; background: url(../images/bg_body.jpg) 50% 0 no-repeat; z-index: 0;}
img { border: none; }
a { cursor: pointer; text-decoration: underline; color: #ff0900; }
a:hover { text-decoration: none; }
p { padding-bottom: 15px; }
p small { font-size: 0.8em; }
h1, h2, h3, h4, h5, h6 { font: normal 18px 'PT Sans', sans-serif; color: #ffffff; padding-bottom: 15px; }
h1 { font-size: 24px; }
h3 { font-size: 14px; }
h4 { font-size: 13px; }
h5 { font-size: 12px; }
h6 { font-size: 11px; }
input[type='submit'], input[type='button'] { cursor: pointer; }
ul, ol { padding-left: 30px; }
ul li { list-style: disc outside; }
.set, .header:after { height: 0; overflow: hidden; clear: both; font-size: 0; line-height: 0; content: ''; display: block;}

#wrap { position: relative; width: 1000px; margin: 0 auto; z-index: 10;}
.header { width: 910px; position: relative; padding: 91px 45px 30px; border-bottom: solid 3px #071626;}
    .logo { float: right; margin: 0 0 131px 100%;}
    .logo a { display: block; width: 279px; height: 50px; background: url(../images/logo.png) no-repeat;}

    .progressbar { float: right; width: 358px; height: 13px; padding: 3px; position: relative; margin: 0 0 45px 100%; border: solid 2px #fff; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box;}
        .progressbar:after {content: 'Сайт на реконструкции...'; position: absolute; right: 5px; top: 0; font: 13px/17px Verdana;}
        .progressbar:before { display: block; position: absolute; width: 121px; height: 49px; background: url(../images/progress.png) no-repeat; left: 17px; top: -51px; content: ''}
        .bar { height: 13px; width: 30%; background: #ff0900; font-size: 0; line-height: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box;}
        
    .contacts,  .price { width: 280px; float: right; margin: 0 0 50px 100%;}
        .h201 { font-size: 25px; position: relative; padding: 0 0 10px;}
        .h201 a { font-size: 17px; line-height: 30px; position: absolute; right: 0;}

        .tel, .mail { text-align: right; font: 30px 'PT Sans', sans-serif; font-weight: 700; background: url(../images/phone.png) 0 10px no-repeat; white-space: nowrap;}
            .tel small { font-weight: 400; font-size: 17px; }
        .mail { font-size: 26px; background: url(../images/mail.png) 0 10px no-repeat; }
        .mail a { color: #fff; text-decoration: none;}
        .mail a:hover {text-decoration: underline;}

    .price { margin-bottom: 15px;}
        .price table { border-collapse: collapse; border: none; width: 100%; margin-top: 10px;}
        .price td { text-align: right; font: 14px 'PT Sans', sans-serif; font-weight: 700; color: #ff0900; padding: 0 0 5px;}
        .price tr td:first-child { text-align: left; font: normal 14px 'PT Sans', sans-serif; font-weight: 400; color: #fff;}

        .pricelist_img {margin-top: 5px;}

.page { border-top: solid 3px #0a2c44; width: 940px; padding: 52px 30px; position: relative;}
    .h202 { font-size: 16px; padding-bottom: 17px; position: relative;}
    #title { position: absolute; right: 0;}
    .carousel { width: 936px; position: relative; overflow: hidden; margin: 0 auto 18px;}
        .carousel ul { padding: 0; margin: 0; width: 1200%;}
        .carousel li, .carousel li a { float: left; padding: 0; margin: 0; list-style: none; width: 152px; height: 72px; position: relative; display: block; text-decoration: none;}
        .carousel li { margin: 0 5px 5px 0;}
        .carousel li a img {width: 150px; height: 70px; border: solid 1px #0a2b43; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box;}
        .carousel li a:after { display: block; position: absolute; left: 0; top: 0; width: 152px; height: 72px; content: ''; background: url(../images/c.png) no-repeat;}


    .big_img { width: 937px; margin: 0 auto; position: relative; font-size: 0; line-height: 0;}
        .big_img img {width: 935px; margin: 0 0 1px 1px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box;}
        .big_img i, .big_img i:before, .big_img i:after { display: block; position: absolute; content: ''; width: 937px; left: 0; background: url(../images/c2.png) repeat-y;}
        .big_img i { top: 15px; bottom: 15px; background-position: 100% 0;}
        .big_img i:before { height: 15px; top: -15px;}
        .big_img i:after { height: 15px; bottom: -15px; background-position: -937px 0;}





























    
© TrueDev.org