@charset "utf-8";
@font-face {
    font-family:'MyriadPro';
    src:url('../fonts/myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-bold-webfont.ttf') format('truetype');
    font-weight:bold;
}
/* defoult */
html{
	height:100%;
}
body{
	font:normal 15px/16px 'Myriad Pro',Arial, Helvetica, sans-serif;
	background-image:url(../images/background-image.png);
	background-repeat:repeat-x;
	position:relative;
	height:100%;
	margin:0;
	padding:0;
}
a{
	color:#8cc7d9;
}
a:hover {
        text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
	padding:0;
	margin:0;
	font-weight:normal;
}
h1, .h1 {
	font-family: Arial, Tahoma, FreeSans, sans-serif;
	font-size:50px;
	font-weight:bold;
	margin-bottom:60px;
	line-height:38px;
	color:#ffffff;
}
p {
	margin:15px 0;
}
ul {
	margin:15px 0;
	padding:0 0 0 25px;
}

ul li {
	margin:0;
        padding:0;
}

ul ul {
        margin-top:4px;
        margin-bottom:10px;
}
/*defoult end*/

/*----------basic classes-----------------*/
.clear {
	clear:both;
}

.clearfix:after,
.header:after,
.content-wrap:after,
.content:after,
.slider-tabs:after,
.sidebar:after
{
	content: ' ';
	clear:both;
	display: block;
	width: 0; height: 0; 
	overflow: hidden;
	font-size: 0;
}
/*Content layout*/
.width-wrap {
	width:1000px;
	margin:0 auto;
}
#nofooter { /* ie6 fix*/
	min-height:100%;
	margin-bottom:-79px; /*!*/
    position: relative;
    min-width: 1000px;
}
.header {
        position:relative;
	height: 20px;
}

.content {
        /*float:left;*/
	/* width:978px;*/
        padding-right:32px;
	/*margin: -74px auto;*/
}
.sidebar {
	height: 185px;
}
#footer {
	height:79px; /*!*/
}
/**/
ul.slider-tabs, ul.slider-tabs li, ul.nav, ul.nav li, ul.simple-list, ul.simple-list li, ul.company,ul.company li,ul.lined-form, ul.lined-form li, ul.footer-menu, ul.footer-menu li,
ul.social-links, ul.social-links li
{
	margin:0;
	padding:0;

	list-style-type:none;

	background:none;
}
/*Header*/
.up-line{
	background-image: url(../images/up-line.png);
    height: 4px;
    width: 100%;
    position: relative;
    z-index: 1;
}
.logo {
	background: url('../images/logo.png') 0 0 no-repeat;
	position:absolute;
	top:20px;
	left:158px;
	width:129px;
	height:39px;
	z-index: 1;
}
ul.nav {
	float:right;
    position: absolute;
	margin-right:-28px;
	padding-top:0px;
	z-index: 1;
	text-transform:uppercase;
    right: 151px;
    top: 4px;

}

ul.nav li {
        float:left;
        height: 35px;
        margin-left:28px;
	z-index: 1;

}

ul.nav a,
ul.nav span {
	display:block;
	padding-top: 23px;
	/*margin-bottom:8px;*/
	padding-left:12px;
	padding-right:12px;
	color: #ffffff;
	text-decoration:none;
	font-size: 13px;
	z-index: 1;
}


ul.nav .selected { /* ie7 fix*/
	padding-bottom:9px;
	margin-bottom:-5px;

	color:#FFFFFF;
	background-image: url(../images/pointer.png);
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 1;


}

ul.nav li:first-child {
        margin-left:0;
}
/*footer*/
.copy {
	color: #ffffff;
	width:140px;
	padding-right:44px;
    margin-top: 40px;
    float: left;
}
.info-company{
	float:left;
	overflow:hidden;
}
ul.company{
	overflow:hidden;

	width:320px;
	margin-left:-8px ;
	margin-top: 35px;
	margin-bottom: 9px;
	color:#525252;
}
ul.company li{
	float:left;

        margin-bottom:13px;
}
ul.company li:before{
	content:'\a0\7c\a0';
}
.footer-menu-wrap {
	float:right;
	overflow:hidden;
}

ul.footer-menu {
	overflow:hidden;
    text-transform: uppercase;
	width:430px;
	margin-left:-8px;
	margin-top: 35px;
	margin-bottom: 9px;
	color:#525252;
    font-size: 13px;
}

ul.footer-menu li {
        float:left;

        margin-bottom:13px;
}

ul.footer-menu li:before {
        content:'\a0\7c\a0';
}

ul.social-links {
	float:left;

	margin-right: 70px;
	margin-top: 28px;
	margin-bottom: 6px;
}

ul.social-links li {
        float:left;

        margin-left:28px;
}

ul.social-links a {
	display:inline-block;

	width:37px;
	height:37px;

	vertical-align:middle;

	background-position:0 0;
	background-repeat:no-repeat;
}

.social-links-twitter {
	background-image:url("../images/twitter.png");
}

.social-links-fb {
	background-image:url("../images/facebook.png");
}

.social-links-vk {
	background-image:url("../images/vk.png");
}
/*Content*/
.gorillas {
	position:relative;

	width:983px;
	height:574px;
	margin-bottom:39px;
	margin-top:18px;

	background:url("../images/gorillas.png") 0 0 no-repeat;
}
.gorillas-block {
        position:absolute;
}
.gorillas-block-body {
	position:absolute;
	right:-97px;
	bottom:15px;
	width:208px;
}

.gorillas-block-content {
	position:relative;

	padding-top:4px;
	padding-left:12px;
	padding-right:2px;
	padding-bottom:5px;

	color:#ffffff;
	background-image: url('../images/dialog_content.png');
	background-repeat: repeat-x;
	
}

.gorillas-block-content a {
	color:#8cc7d9;
}


.gorillas-block-content .simple-list-item-title {
	font-weight:bold;

	margin-bottom:10px;

	color:#ffffff;
}

.gorillas-block-head {
	position:relative;
	background-image: url('../images/dialog_up.png'); 
	border: 0px solid ;
	height: 7px;
}
.gorillas-block-foot {
	position:relative;
	background-image: url('../images/dialog_down.png'); 
	border: 0px solid ;
	height: 23px;
	
}


.gorillas-block-expander { /* modificator exist*/
	position:relative;

	display:block;

	width:14px;
	height:14px;

	background:url("../images/plus-minus.png") 0 0 no-repeat;
}

.gorillas-block-expander_opened {
	background-position:0 bottom;
}
.gorillas-block_1 {
        right:95px;
        bottom:248px;
}
.gorillas-block_2 {
        right:323px;
        bottom:42px;
}

.gorillas-block_3 {
        top:151px;
        left:535px;
}
.gorillas-block_4 {
        top:136px;
        left:96px;
}
.content-title{
	font: normal 13px/55px Arial, Tahoma, FreeSans, sans-serif;
	font-weight: bold;
	float: left;
	color:#FFFFFF;
	font-size: 50px;
	width: 520px;
}
.text-content {
	float: left;
	color:#ffffff;
	width: 477px;
}
/*sidebar*/
hr {
	width: 1000px;
	height: 1px;
	border: 0 solid;
	background-color: #505557;
	float: left;
	margin-left: -17px;
}
.sidbar-cont{
	float: left;
	width: 330px;
	height: 112px;
	margin: 25px 0;
}
.img-raketa{
	background-image: url('../images/raketa.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	width: 87px;
	height: 107px;
	float: left;
}
.img-kosmo{
	background-image: url('../images/kosmo.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	width: 109px;
	height: 107px;
	float: left;
}
.img-nlo{
	background-image: url('../images/NLO.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	width: 120px;
	height: 100px;
	float: left;
}
.sidebar-inf{
	float: left;
	width: 160px;
	margin: 0 14px;
}
.sidebar-title {
	float: left;
	color: #ffffff;
	font-weight: bold;
	width: 160px;
	margin: 0 0 14px;
}
.sidebar-text{
	float: left;
	color: #ffffff;
	width: 173px;
}
#button-down{
    position: fixed;
    right: 0%;
    bottom: 0%;
    width: 50px;
    height: 50px;
    background-color: #333333;
    background-image: url("../images/arrow.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-attachment: fixed;
    z-index: 1;
}
.menu-fix {
    position: relative;
    background-image: url('../images/bg-menu.png');
    width: 100%;
    height: 60px;
    z-index: 1;
    min-width: 1000px;
}
.content-info{
	background-image: url('../images/oblako.png');
	background-repeat: no-repeat;
	width: 1000px;
	height: 534px;
	background-position: center;
	padding-top: 103px;
}
.content-wrap {
	padding-top: 37px;
}
/*slider*/

ul.slider-tabs {
    font-size:15px;

    padding-bottom:24px;
    margin: 0 145px;

}

    ul.slider-tabs li {
        float:left;

        padding-top:2px;
        padding-bottom:4px;
        padding-left:24px;
        margin-right:14px;
        
        background:url("../images/slash.png") 0 0 no-repeat;
    }
    
        ul.slider-tabs a {
            text-decoration:none;

            color:white;
            border-bottom:1px dashed white;
        }

        ul.slider-tabs .selected {
            color:#fb943b;
            border-bottom:0;
        }

    ul.slider-tabs li:first-child {
        padding-left:0;

        background:none;
    }

.project-preview {
    font-size:12px;
    float:left;
    width:225px;
    height:230px;
	color:#FFFFFF;
    line-height:14px;

    border-bottom:1px solid #FFFFFF;
}

    .project-preview-image {
        position:relative;
    }

        .project-preview-image .colored {
            position:absolute;
            left:0;
            top:0;
        }

    .project-preview-title {
        font-weight:bold;
        font-size:13px;

        height:28px;
        margin-top:9px;
        margin-bottom:12px;

        text-transform:uppercase;

        color:#FFFFFF;
    }

    .project-preview + .project-preview {
        margin-left:25px;
    }
    table.designed th {
        padding: 7px;
        vertical-align: top;
        border: 0px;
        background: #fb943b;
        text-align: left;
        font-family: Arial;
    }
    table.designed td {
        border-bottom: 1px solid #fb943b;
    }
    .project-preview-text
    {
        margin-top: 10px;
    }
.i-txt {
    font: 13px/31px Arial, Tahoma, FreeSans, sans-serif;
    width: 379px !important;
    height: 31px !important;
    margin: 0;
    padding: 1px 1px 1px 18px;
    vertical-align: baseline;
    color: #666666;
    border: 1px solid #fb943b;
    background-color: #d2dcdf;
}
.tacl
{
    font: 13px/16px Arial, Tahoma, FreeSans, sans-serif;
    width: 379px !important;
    height: 78px !important;
    margin: 0;
    padding: 9px 1px 1px 18px;
    vertical-align: top;
    color: #666666;
    border: 1px solid #fb943b;
    background-color: #d2dcdf;
}
.submit_ot {
    font: 15px/16px Arial, Tahoma, FreeSans, sans-serif;
    height: 30px;
    margin: 0;
    padding-left: 40px;
    padding-right: 40px;
    cursor: pointer;
    vertical-align: baseline;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    background: #fb943b;
    float:right;
}
.phone
{
    position: absolute;
    right: 180px;
    color: white;
    font-size: 25px;
    line-height: 30px;
    top: 30px;
}
.bitrix_zol{
   position: absolute;
    top: 70px;
    left: 170px;
}
.twClass
{    top: 140px;
    left: 176px;
    position: absolute;}