html { background: #eee; color: #333; font: normal 0.9em/1.2em Helvetica, Arial, Tahoam, sans-serif;}
body { text-align: center; color: #333;  }

#page {
	min-width: 998px;
	position: relative;
	text-align: left;
	margin: 0 auto;
}

h1 { font-family: Myriad Pro, "trebuchet ms";}

a {color: #06f;}
a:hover { text-decoration: none;}

/*Margings all*/

.head, .content {padding:44px 50px; position: relative; z-index: 2;}
.content {
		margin-top: -120px;
		padding:44px 50px 0;
}

/*Logo*/
.logo h1 {
	padding: 0; margin: 0;
	width: 187px;
	height: 102px;
}
.logo h1 span { color: #f00;}
.logo h1 a {
	display: block;
	background: url(images/logo.png) 0 0 no-repeat;
	width: 187px;
	height: 102px;
}

.logo h1 a:hover { background-position: 0 -102px;}

#eng_logo h1 a { background: url(images/logo.png) 0 0px no-repeat; }
#eng_logo h1 a:hover { background-position: 0 -50px;}


/*Slogan*/
.logo p { color: #000; padding: 0; margin:10px 0 0; font: 1em/1 Arial;}
.logo_small, .logo p span { display: block; font-size: 0.9em; margin-left: 18px; color: #666;}

.logo_hedaer { height: 70px;/* border: 1px solid silver;*/}

/*Phone number*/

.naber_phone {
	position: absolute;
	display: block;
	top: 100px;
	right: 50px;
	font-size: 0.9em;
	color: #666;
 }

.naber_phone span { font-size: 0.8em;}

/*No push button*/
.none_push a {
	color: #f00;
	padding:8px 20px;
	display: block;
	position: relative;
	z-index: 2;
}

.none_push {
	display: none;
	background: #fff;
	color: #333;
	font-size: 0.9em;

}

.none_push a:hover { text-decoration: none;}
.none_push:hover {background: #333;}

/*Karta*/
.karta {z-index: 10;
	margin: 40px 40px 90px 40px;
	width:935px;
	height:250px;
	background: url(images/tablet.png) center top no-repeat;
}



/*Text*/

.text { font: 1.1em/1.6 Arial;}


/*menu*/

ul.tabs {list-style: none; padding: 0; height: 150px; margin:20px 0 0; width: 100%;}
ul.tabs li { float: left; width: 25%; text-align: center; margin: 0; padding: 0;}
ul.tabs li.f-right { float: right;}
ul.tabs li a { cursor: pointer; display: block; height: 135px; width: 100%; padding: 20px 0 0;}
ul.tabs li a span { height: 81px; display: block; background: 50% 0 no-repeat; }

ul.tabs li.internet a span {background-image: url(images/internet.png);}
ul.tabs li.apple a span {background-image: url(images/price.png);}
ul.tabs li.seo a span {background-image: url(images/icon_logo.png);}
ul.tabs li.phone a span {background-image: url(images/phone.png);}

ul.tabs li.select a, ul.tabs li a:hover { background: #e1e1e1; color: #f00;}
ul.tabs li.select a span, ul.tabs li a:hover span{ background-position: 50% -81px;}

/*cotent*/

.gray_wrap { background: #e1e1e1; padding: 20px;}
.wite_wrap { background: #fff; padding: 20px; position: relative;}


ul.porfolio {margin: 0 auto; width: 100%;}
ul.porfolio img { display: block; margin: 0 auto 10px;}

ul.porfolio  a { }
ul.porfolio { font-size: 0.9em; list-style: none; margin: 40px 0;}
ul.porfolio li { float: left; width: 30%; height: 280px; padding:10px; text-align: center;}
/*ul.porfolio li { float: left; width: 265px; height: 280px; padding:10px; text-align: center;}*/

ul.porfolio h1 {font: bold 1.8em Arial;}
ul.porfolio h1 span { white-space: nowrap;}
.red { color: #f00;}

/*ul.logos li:hover { border: 1px solid #ccc;}*/
ul.logos li { white-space: nowrap;}

/*footer*/
.footer {
	padding:0 20px 20px;
	margin:20px 50px 0;
	font-size: 0.8em;
	min-width: 898px;
	position: relative;
	border-bottom: 1px solid #e2e2e2;
}

.footer p {
	margin: 0 50px 0 0;
	padding: 8px 0 0;
	display: block;
	text-align: right;
	/*border: 1px solid silver;*/
}


.iphone { background: url(images/iphone.png) 50% 100% no-repeat; padding-bottom: 320px;}

.small { font-size: 0.7em;}

/* siski */

.siski { position: absolute; top: 50%; left: 50%;
	width: 202px; height: 220px;
	margin: -110px 0 0 -101px;
	/*width: 331px; height: 500px;
	margin: -250px 0 0 -165px;*/
	/*background: url(images/790.gif) 50% 50% no-repeat;*/
}


/*PRICE*/

ul.price { list-style: none; padding:30px 0; margin:0;}
ul.price li { margin-bottom: 10px; font-size: 0.9em; color: #666; float: left; height: 130px; width: 50%;}
ul.price li strong, ul.price li span { color: #333;}
ul.price li strong { font: bold 1.2em Arial;}
ul.price li span { font: 1.2em Arial;}

ul.price li.vizitka { background: url(images/1.png) 0 0 no-repeat;}
ul.price li.corp { background: url(images/2.png) 0 0 no-repeat;}
ul.price li.e-shop { background: url(images/3.png) 0 0 no-repeat;}
ul.price li.bigmak { background: url(images/4.png) 0 0 no-repeat;}

ul.price li.vizitka em,
ul.price li.corp em,
ul.price li.e-shop em,
ul.price li.bigmak em {margin-left: 130px; padding-right: 50px; font-style: normal; display: block;}


a.cursor { cursor: default;}
a.line { display: inline;}

iframe { width: 95%; margin: 0 auto; border: none;}
iframe.brief {height: 3115px;}
iframe.contact {height: 1000px;}


.glassy h1, .glassy {
	color: #a8a8a8;
	font-size: 0.9em;
	text-align: justify;
} /*SEO*/

.glassy h1 {
	font-size: 1.2em;
	padding: 15px 0 0;
}


.glassy {
	margin:25px 50px 0;
	height: 230px;
	padding: 0 10px 0 0;
	overflow: auto;
	margin-bottom: 30px;]
}

.rows {
	height: 30px;
	margin-bottom: 10px;
	font-size: 0.9em;
	border-bottom: 1px dashed #eee;
	color: #ccc;
}
.rows a {
	background: url(images/arrows.png) 0 0 no-repeat;
	display: block;
	float: left;
	padding: 2px 0 0 30px;
	height: 18px;
}

.rows .f-right a {
	background: url(images/arrows.png) 100% -20px no-repeat;
	padding-right: 30px;
	padding-left: 0px;
}

/*Верхнее меню (ссылки)*/
ul.top_menu { list-style: none; float: right;}
ul.top_menu li { float: left; margin-left: 1px; font-size: 0.8em;}
ul.top_menu li a {
	color: #666;
	text-align:	center;
	display: block;
	border-bottom: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	height: 21px;
	width: 79px;
	padding-top: 5px;
	background: #fff url(images/bg_links.png) 0 0 repeat-x;
}
ul.top_menu li a:hover { background-image: none;}
ul.top_menu li a:active { border: none; margin:1px 1px -1px 0}