@import "/style/c-css.php";

/* header */

.headerBlock
{
	background: #487995;
}

.headerLogo
{
	position:relative;
	left: -20px;
	padding: 50px 0 90px 0;
}

.headerPhones
{
	padding: 50px 0 0 0;
	font-size: 140%;
}


/* home */

.homeBg
{
	background: url('/i/bg/bg_gradient.jpg') #487995 repeat-x left bottom;
	/*[if IE] height: 350px !important;*/
}

.headerMenu
{
	position: absolute;
	left: 12%;
	top:120px;
	/*[if IE] top: 120px !important;*/
	width: 20%;
}

/*
.homeSpanner
{
	width:253px;
	height:125px;
	position: absolute;
	background: url('/i/bg/spanner.png') no-repeat left top;
	left: 3%;
	top: 380px;
}
*/

#homeSpanner
{
	width:144px;
	height:144px;
	position: absolute;
	/*background: url('/i/special.png') no-repeat left top;*/
	[if Opera] background: url('/i/special.png') no-repeat left top;
	[if Gecko] background: url('/i/special.png') no-repeat left top;
	[if Webkit] background: url('/i/special.png') no-repeat left top;		
	[if IE] filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/special.png', sizingMethod='image');
	[if IEMac] filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/special.png', sizingMethod='image');
	left: 20%;
	top: 370px;
	[if IE]	top: 370px !important;
}

img.png
{
	z-index: 10;
	behavior: url('/png.htc');
}

.homeFAQ
{
	width:100%;
	padding: 1em 0 2em 0;
	/*[if IE] padding: 1em 0 2em 0 !important;*/
}

.homeParagraph
{
	background-color: #3a6279;
	padding: 2em 0 1.5em 0;
}

.homeInfoBlock
{
	width:100%;
	background:url('/i/bg/home_info.gif') repeat left top;
	margin-bottom: 30px;
}

.homeInfoBlock .lt,
.homeInfoBlock .rt,
.homeInfoBlock .lb,
.homeInfoBlock .rb
{
	background-position: 0 0;
}

.homeInfoBlock .content
{
	padding: 0 45px;
}

.homeInfoBlock .content h3
{
	margin-top:0;
}

/* home illustration */

.homeIll
{
	width: 100%;
	height: 320px;
	/*background: url('/i/bg/car.png') no-repeat 34% bottom;	*/
	[if Opera] background: url('/i/bg/car.png') no-repeat 34% bottom;
	[if Gecko] background: url('/i/bg/car.png')  no-repeat 34% bottom;
	[if Webkit] background: url('/i/bg/car.png') no-repeat 34% bottom;		
	/*[if IE] filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/bg/car.png', sizingMethod='image');*/
	[if IE] margin-left: 17% !important;
	[if IE] position: relative !important;	
	/*[if IE] left: 17% !important;	*/
}

div#homeIllInner
{
	[if IE] filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/bg/car.png', sizingMethod='image');
	[if IE] height: 1000px;
	[if IE] width: 1000px;
	[if IE] position: absolute !important;		
	[if IE] bottom: 0px !important;	
}


.r-star, 
.r-star-shape     {position:relative; overflow:hidden; padding:44px 0;}
.r-star, 
.content          {padding:1px 35px;}

.r-star .content, 
.blue .content    {background:#8ccae4; height:30px;}
.orange .content  {background:#f7e2a1; height:10px;}
.green .content   {background:#cfe479; height:180px;}

.r-star .cn,
.r-star-shape .cn {position:absolute; width:88px; height:88px; left:-44px; top:-44px; background:url(/i/bg/r-star.png); z-index:10;}

.r-star .cn.tr, .r-star .cn.br,
.r-star-shape .cn.tr, .r-star-shape .cn.br {margin-left:100%;}
.r-star .cn.bl, .r-star .cn.br,
.r-star-shape .cn.bl, .r-star-shape .cn.br {top:auto;}

.blue .cn   {background:url(/i/bg/r-star2.png);}
.green .cn  {background:url(/i/bg/r-star2-green.png);}
.orange .cn {background:url(/i/bg/r-star2-orange.png);}
.r-star-shape .cn.tl, .r-star-shape .cn.bl {width:100%;} 

.blueBubble            {width:265px; position:absolute; left:-60px; bottom:120px;}

.blueArrowWrap         
{
	height:10px; 
	width:100%; 
	position:absolute; 
	top:333px; 
	right:70%; 
	margin-right:-140px;
	[if IE] top: 155px !important; 
	[if IE] right: 82% !important; 	
	[if IE] width: 1200px !important; 
}

.blueArrow             
{
	height:11px; 
	background:#8ccae4; 
	position:relative; 
	width:9%; 
	float:right; 
	min-width:75px;
	[if IE] width: 10% !important;	
}

.blueArrowVertical     
{
	width:11px; 
	height:142px; 
	background:#8ccae4; 
	position:absolute; 
	bottom:0; 
	left:0;
}

.blueArrowEnd          
{
	width:7px; 
	height:13px; 
	font-size:0; 
	background:url(/i/icons/blueArrow.png) no-repeat; 
	position:absolute; 
	top:-1px; 
	right:-7px;
}

.greenBubble           
{
	width:325px; 
	position:absolute; 
	right:-304px; 
	bottom:-90px;
	[if IE] right: -320px !important;	
}

.greenArrowWrap
{
	height:11px; 
	width:69%; 
	position:absolute; 
	top:398px; 
	left:30%;
	[if IE] top: 220px !important;
	[if IE] left: 18% !important;
}
.greenArrowHor         {height:30px; background:#cfe479; width:11px; position:absolute; bottom:0; left:160px;}

.greenArrow            
{
	height:11px;
	background:#cfe479; 
	position:relative; 
	width:25%; 
	margin-left:160px; 
	min-width:170px;
	[if IE] width: 35% !important;
}

.greenArrowEnd         {width:13px; height:7px; font-size:0; background:url(/i/icons/greenArrow.png); position:absolute; bottom:30px; left:159px;}

.orangeBubble          
{
	width:325px; 
	position:absolute; 
	right:-358px; 
	bottom:145px;
	[if IE] right: -380px !important;
}

.orangeArrowVertical   {width:11px; height:200px; background:#f7e2a1; position:absolute; bottom:0; right:-1px;}

.orangeArrowHor        
{
	width:35px; 
	height:11px; 
	background:#f7e2a1; 
	position:absolute; 
	bottom:189px; 
	right:-34; 
	font-size:0;
	[if IE] width: 80 !important;
	[if IE] right: -80 !important;
}

.orangeArrowWrap       
{
	height:11px;
	width:69%; 
	position:absolute; 
	top:340px; 
	left:30%;
	[if IE] top: 160px !important;
	[if IE] left: 18% !important;
}

.orangeArrow
{
	height:11px; 
	background:#f7e2a1; 
	position:relative; 
	width:10%; 
	margin-left:223px; 
	min-width:75px;
}

.orangeArrowEnd        {width:7px; height:13px; font-size:0; background:url(/i/icons/orangeArrow.png) no-repeat; position:absolute; top:-1px; left:-7px;}

.contentInner               {color:#000; font-size:12px;}
.contentInner h3            {color:#000; font-size:1.5em;}
.blue .contentInner         {white-space:nowrap; position:absolute; z-index:250; top:6px;}
.green .contentInner        {white-space:nowrap; position:absolute; z-index:251; top:15px;}
.orange .contentInner       {white-space:nowrap; position:absolute; z-index:253; top:6px;}
.green .contentInner ul     {list-style:none; width:260px;}
.green .contentInner ul li  {color:#000; font-size:12px; width:100px;}
.green .contentInner ul li nobr {color:#000;}

* html .cn,
* html .orangeArrowEnd, 
* html .blueArrowEnd,
* html .greenArrowEnd {filter: expression(fixPNG(this));}

* html .r-border, * html .r-border-shape, * html .r-star, * html .r-star-shape {float:left;}


    .contentInner p
    , ul
    , ol
    {
        padding: 0;
        margin: 1em 0;
    }
    li
    {
        margin: 0.5em 0 0.5em 1.3em;
    }
    ul
    {
        list-style-type: none;
        //list-style-image: url('li.gif');
    }
    ul li
    {
        padding: 0;
        behavior: expression(
            ( !this.before && parentNode && parentNode.tagName == 'UL' )
            ?
                ( this.before = true )
                & ( parentNode.style.listStyleImage = 'none' )
                & (
                    ( this.firstChild && this.firstChild.firstChild )
                    ?
                        ( this.firstChild.style.marginTop = '-1.2em' )
                        & ( this.firstChild.style.position = 'relative' )
                    : ''
                )
                & ( eNOBR = document.createElement( '<nobr style="position: relative; display: block; width: 1.25em; left: -1.25em; margin: 0 -1.25em -1.2em 0;" />' ) )
                & ( eNOBR.innerHTML = '&mdash;&nbsp;' )
                & ( this.insertBefore( eNOBR, this.firstChild ) )
            : ''
        );
    }
    ul>li:before
    {
        content: '\2014\a0';
        float: left;
        margin-left: -1.25em;
    }
    ul>li>*:first-child:-moz-first-node
    {
        margin-top: -1.2em;
    }
    ul>li>*
    {
        text-indent: 0;
    }
    .sup
    {
        position: relative;
        top: -0.5em;
        font-size: 0.75em; //font-size: 0.89em;
        line-height: 0;
        vertical-align: baseline;
    }
    
[if IE] .headerMenuList li a, .headerMenuList li.cur 
{
	white-space: nowrap !important;
}

.headerMenuList
{
	margin: 0;
	padding:0;
	font-size:85%;
	color:#fff;
	line-height:1.4em;
	behavior: expression() !important;
}

.headerMenuList li
{
	list-style-type: none;
	text-indent: 0;
	margin: 0;
	padding: 0.3em 0;
	behavior: expression() !important;
}

ul.headerMenuList>li:before
{
  content: '';
}

.headerMenuList .cur
{
	background-color: #2c546a;
	position: relative;
	left: -58px;
	padding-left: 58px;
	height: 100%;
	[if IE] left: 1px !important;
	[if IE] padding-left: 0 !important;
}

.headerMenuList .cur .lt,
.headerMenuList .cur .rt,
.headerMenuList .cur .rb,
.headerMenuList .cur .lb
{
	position: absolute;
	width: 12px;
	height: 55%;
	background-image: url('/i/bg/menu_bg.gif');
	background-repeat: no-repeat;
}

.headerMenuList .cur .lt
{
	left: -12px;
	top: 0;
	background-position: left top;
}

.headerMenuList .cur .lb
{
	left: -12px;
	bottom: 0;
	background-position: left bottom;
}

.headerMenuList .cur .rt
{
	right: -12px;
	top: 0;
	background-position: right top;
}

.headerMenuList .cur .rb
{
	right: -12px;
	bottom: 0;
	background-position: right bottom;
}

[if IE] .pContent ul li nobr, .roundBlock ul li nobr
{
	position: relative;
	top: 0.2em;
}


    
/* footer */

.footer
{
	border-top: 1px solid #3a6279;
	padding: 2em 0;
}

.footerContacts
{
	background: url('/i/footer_phone.gif') no-repeat left top;
	padding: 0.5em 0 0.5em 90px;
	height:60px;
}

.footerContacts p
{
	padding:0;
	margin: 0.4em 0 0 0;
	font-size:75%;
}

.footerText p
{
	font-size: 70%;
	line-height: 1.4em;
}

.footerTl
{
	clear:both;
	margin-top: 30px;
}

.footerTl .tlImage
{
	float:left;
	margin-right: 15px;
}

.footerTl .tlLink
{
	display: block;
	padding-top: 0.3em;
	font-size:70%;
}

.footerTl .tlLink p
{
	font-size:100%;
	line-height: 1.3em;
	margin: 0.6em 0 0 0;
}