@import url(http://fonts.googleapis.com/css?family=Jura:300&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Caption&subset=latin,cyrillic);

* {
	padding:0;
	margin:0;
}

body
{
        /*background: #0F6D39;*/
        background: #572D8F;
        color: #FFF;
        font-size: 100%;
        text-align: left;
        font-family: Arial,Helvetica,sans-serif;
}

img { border: 0 none; }

a {
	color:#fff;
	text-decoration:none;
}

ul, li {
	list-style: none outside none;
}

.clear {
	clear:both;
	overflow:hidden;
}

.blog-featured>h1 {
	display:none;
}

#top {
	margin:40px auto 20px;
	width:997px;
	overflow: hidden;
	position: relative;
}

#title {
	float:left;
	font-size:60px;
	font-weight:normal;
	font-family: 'Jura', sans-serif;
	text-shadow: 0 0 2px #CCCCCC;
}

#info {
	float:right;
	width:220px;
	position:relative;
	font-family: 'Jura', sans-serif;
	text-shadow: 0 0 2px #CCCCCC;
}

#info img {
	margin-left:10px;
}

#info .big {
	position:relative;
	display:block;
	text-align:right;
	font-size:40px;
	top:-10px;
}

#info .small {
	position:relative;
	font-size:16px;
	top:-10px;
	display:block;
	text-align:right;
}

#viewport, #saratov {
	margin:20px auto;
	width:1015px;
	overflow: hidden;
	position: relative;
}

.list_1 {
	width:650px;
	floaT:left;
	margin-right:20px;
	overflow: hidden;
}

.list_1 li {
	margin:5px;
	float:left;
    position:relative;
    overflow: hidden;
}

.list_1 li a:first-child {
    display: block;
    height: 150px;
}

.list_2 {
	/*width:650px;*/
	margin-left:20px;
	overflow: hidden;
	float: left;
	width: 320px;
}

.list_2 li {
	margin:5px;
	float:left;
    position:relative;
    overflow: hidden;
}

.list_2 li a:first-child {
    display: block;
    height: 150px;
}

.text {
    bottom: 10px;
    left: 10px;
    position: absolute;
    font-family: 'Jura', sans-serif;
}

#web>a {
	position: relative;
}

.orange {
	background:#E04C1C;
}

.info {
    left: 220px;
    position: absolute;
    top: 35px;
    width: 160px;
}

.info span {
	position: relative;
	display:block;
	font-family: 'Jura', sans-serif;
	margin: 5px 0;
	opacity:0;
}

.text2, .text3, .text4 {
	bottom: 10px;
    left: 150px;
    position: absolute;
    font-family: 'Jura', sans-serif;
    opacity:0;
}

#apple .text2, #apple .text3, #apple .text4 {
 	left:10px;
}

#travel .text2 {
	bottom: 10px;
	left: 195px;
    position: absolute;
    font-family: 'Jura', sans-serif;
    opacity:0;
}

#bmw>a {
	width: 310px;
}

#bmw div {
    display: block;
    height: 150px;
    width: 310px;
    position: absolute;
}

.hide {
	opacity:0;
	position: absolute;
	width: 800px !important;
}

#xbox img {
	position: absolute;
}

#xbox>a {
	width: 150px;
	background:#009D12;
}

#portal {
	position: absolute;
	top:10px;
	left:10px;
	z-index: 3;

}

#plechi {
	background:url(../images/plechi.png) no-repeat;
    display: block;
    height: 150px;
    position: absolute;
    width: 150px;
    z-index: 2;
    top: 0;
}

#portfolio {
	background: #019CAE;
}

#travel {
	position:relative;
	text-align:left;
	width:310px;
	overflow:hidden;
}

#slider {
	width:1550px;
	height:150px;
	position: relative;
}

#slider li {
	margin:0;
}

#jimk_l, #jimk_r {
    display: block;
    background:#fff;
    height: 10px;
    position: absolute;
    width: 10px;
    top: 60px;
    z-index: 2;
}

#jimk_l {
	left:45px;
}

#jimk_r {
	left:65px;
}

.data {
	display:none;
    height: 150px;
    width: 150px;
}

.load {
	position:absolute;
	left: 500px;
	opacity:0;
}

#load, #load1 {
	position: relative;
}

#info img {
	border-color:#fff;
	border-style:solid;
}

#bac_map {
    opacity: 0;
    left: 50%;
    position: absolute;
    top: -200px;
    height:924px;
    overflow:hidden;
}

header {
	z-index:8;
	position: relative;
}

#medium_map {
    background: url("../images/map/medium.jpg") repeat scroll 0 0 / cover transparent;
    display: block;
    height: 140px;
    left: 26%;
    position: absolute;
    top: 419px;
    width: 175px;
    z-index:5;
}

#medium_map_lr {
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 8;
}

#medium_map_tb {
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    display: block;
    left: 0;
    top:0;
    position: absolute;
    width: 1366px;
    z-index: 8;
}


#datail_map {
    background: url("../images/map/datail.jpg") repeat scroll 0 0 / cover transparent;
    display: block;
    height: 15px;
    left: 48%;
    opacity: 0;
    position: absolute;
    top: 622px;
    width: 17px;
    z-index: 6;
}

#saratov {
	display:none;
	z-index: 8;
}

#back_main {
    box-shadow: 0 0 6px #333333;
}

#wellcome {
	width:310px;
	height:150px;
	background-image: -moz-linear-gradient(top left, #7A9A2B 0%, #9DB833 100%);
	background-image: -webkit-linear-gradient(top left, #7A9A2B 0%, #9DB833 100%);
	background-image: -o-linear-gradient(top left, #7A9A2B 0%, #9DB833 100%);
	background-image: -ms-linear-gradient(top left, #7A9A2B 0%, #9DB833 100%);
	background-image: -moz-linear-gradient(top left, #7A9A2B 0%, #9DB833 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7A9A2B', endColorstr='#9DB833');
	postion:relative;
}

#wellcome img {
	margin: 15px;
	float:left;
}

#wellcome .text {
    bottom: auto;
    left: auto;
    padding: 15px;
    position: relative;
}

#wellcome .text h2 {
	font-size:18px;
}

#eyeball-parent1 {
    position: absolute;
    top: 48px;
    left:47px;
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 3px #000000 inset;
    overflow:hidden;
}

#eyeball-parent2 {
    position: absolute;
    top: 55px;
    left:65px;
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 3px #000000 inset;
    overflow:hidden;
}

#eyeball1, #eyeball2 {
    position: absolute;
    left: 4px;
    top: 4px;
    width: 7px;
    height: 7px;
    background: #0F2D1C;
    border-radius: 50%;
}

.resn_left_top {
    background: none repeat scroll 0 0 #E7CAC4;
    box-shadow: 0 0 3px #000000 inset;
    height: 18px;
    left: 1px;
    position: absolute;
    top: -11px;
    transform: rotate(18deg);
    -webkit-transform: rotate(18deg);
    width: 20px;
}

.resn_left_bottom {
    background: none repeat scroll 0 0 #E7CAC4;
    box-shadow: 0 0 3px #000000 inset;
    height: 18px;
    left: -8px;
    position: absolute;
    top: 12px;
    transform: rotate(18deg);
    -webkit-transform: rotate(18deg);
    width: 20px;
}

#resn_right_top {
    background: none repeat scroll 0 0 #E7CAC4;
    box-shadow: 0 0 3px #000000 inset;
    height: 15px;
    position: absolute;
    top: -11px;
    width: 15px;
}

#market {
	background-image: -moz-linear-gradient(top left, #8A0055 0%, #DC008A 100%);
	background-image: -webkit-linear-gradient(top left, #8A0055 0%, #DC008A 100%);
	background-image: -o-linear-gradient(top left, #8A0055 0%, #DC008A 100%);
	background-image: -ms-linear-gradient(top left, #8A0055 0%, #DC008A 100%);
	background-image: -moz-linear-gradient(top left, #8A0055 0%, #DC008A 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8A0055', endColorstr='#DC008A');
}

#social span {
	font-family: 'Jura',sans-serif;
	font-size: 15px;
}

#social .data {
	position: relative;
    top: 10px;
}

#social span img {
	float:left;
	padding: 5px 5px 5px 10px;
}