﻿#spheres { height: 104px; padding-top: 12px; padding-left: 17px;}
#spheres .sphere { float: left;}

#spheres .sphere { text-decoration: none;}
#spheres .sphere,
#spheres .sphere .icon,
#spheres .sphere .underline { width: 85px; display: block; text-align: center;}
#spheres .sphere .icon { height: 65px;}
#spheres .sphere .underline { padding-top: 5px; text-decoration: underline; color: #aaaaaa;}
#spheres .sphere,
#spheres .sphere .underline { text-align: center;}
#spheres .sphere .icon img.tourism { margin-top: 4px;}
#spheres .sphere .icon img.brands { margin-top: 7px;}
#spheres .sphere .icon img.shops { margin-top: 0px;}
#spheres .sphere .icon img.autos { margin-top: 13px;}
#spheres .sphere .icon img.taxi { margin-top: 1px;}
#spheres .sphere .icon img.restaurants { margin-top: 7px;}
#spheres .sphere .icon img.entertainment { margin-top: 0px;}
#spheres .sphere .icon img.finances { margin-top: -1px;}

#advantages { clear: both; text-align: center; padding: 0 8px;}
#advantages .box {padding: 25px 47px;  line-height:24px;}
#advantages .box h1 { font-size: 26px; margin: 0; padding: 0; left: 0; top: 0; color: #c70303; margin-bottom: 19px; left: -2px; line-height:36px;}
#advantages .box .comment {font-size: 20px; font-weight:normal; color:black; padding:15px 0px 15px 30px; background: url("../images/advantages_bottom.gif") repeat-x 0 100% #f9fbf2;}
#advantages .box .icon {float:left;padding:15px 15px 0px 0px;}
#advantages .box .title {font-size: 16px; font-weight:bold; color:black; padding:15px 0px 15px 0;}
#advantages .box .info {font-size: 16px; font-weight:normal; color:GrayText; padding:0px 0px 0px 0px;}
#advantages .box .left_img {float: left; margin-left:-47px; padding:15px 25px 15px 0;}
#advantages .box .left_img1 {float: left; padding:15px 25px 15px 0;}
#advantages .box .right_img {float: right; text-align:right;margin-right:-47px;padding:15px 0px 15px 25px;}
#advantages .box .features {}
#advantages .box .features .feature {float:left; width:250px; line-height:14px;}
#advantages .box .features .feature .icon {float:left;}
#advantages .box .features .feature .title {font-size: 12px; font-weight:bold; color:black; padding:15px 0px 5px 0;}
#advantages .box .features .feature .info {font-size: 12px; font-weight:normal; color:GrayText; padding:0px 0px 0px 0px;}



#advantages .box .line { clear: both; height: 19px;}
#advantages .box .last { width: 205px;}

#information { padding-top: 20px; padding-bottom: 10px;}
#information h2 { margin: 0; padding: 0; top: 0; left: 0; margin-bottom: 18px; line-height: normal;}
#information h2 a { font-size: 17px; color: #d60101;}
#information ul { list-style-image: none;}
#information ul,
#information ul li { margin: 0; padding: 0;} 
#information ul { margin-left: 15px; margin-bottom: -24px;}
#information ul li { background: url("../images/litem.gif") no-repeat 0 6px; padding-left: 30px; margin-bottom: 5px;}
#information .why,
#information .for { float: left;}
#information .why h2,
#information .why ul { width: 330px;}
#information .for h2,
#information .for ul { width: 370px;}
#information .for { padding-left: 20px;}

#spheres,
#information { padding-left: 55px; padding-right: 55px;}
#spheres { padding-left: 72px;}