/*	CSS-Framework

	Author: Matiunin Alexsandr (http://www.free-lance.ru/users/Gangstta)
------------------------------ */


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: 173px;
	height: 50px;
}
.logo h1 span { color: #f00;}
.logo h1 a {
	display: block;
	background: url(images/logo.png) 0 0 no-repeat;
	width: 173px;
	height: 50px;
}

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

#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;*/}

/*.logo_small {
	width: 103px;
	height: 30px;
	position: absolute;
	right: 50px;
	top: 3px;
}

.logo_small a {
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 55px 50px 0 0;
	width: 103px;
	height: 30px;
	position: relative;
}
.logo_small a span { display: none;}
.giperactive a {background-image: url(images/giperactive_logo.png);}

.logo_small a:hover { background-position: -103px 0;}
.logo_small a:hover span {
	display: block;
	background: #ccc;
	padding:5px 10px;
	color: white;
	width: 235px;
	position: absolute;
	z-index: 5;
	right:0px;
	top:32px;
}*/

/*Phone namber*/

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



/*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;}

/*Baton*/
.baton {
	margin-top: -100px;
	background: url(images/baton_bg.png) 0 0 repeat-x;
}

.baton .bcentr { height: 450px; position: relative; background: url(images/baton_centr.jpg) 50% 111px repeat-x; text-align: center;  color: #eee;}
.baton .bleft, .baton .bright { top: 111px; position: absolute;}
.baton .bleft { width: 339px; height: 245px; left: 0; background: url(images/baton_left.png) 0 0 no-repeat;}
.baton .bright { width: 413px; height: 249px; top:112px; right: 0; background: url(images/baton_right.png) 0 0 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: 100px; 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/pr_icon04.png) 0 0 no-repeat;}
ul.price li.corp { background: url(images/pr_icon03.png) 0 0 no-repeat;}
ul.price li.e-shop { background: url(images/pr_icon02.png) 0 0 no-repeat;}
ul.price li.bigmak { background: url(images/pr_icon01.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: 100px; padding-right: 50px; font-style: normal; display: block;}


/*Logos footer*/

.logo_footer a {
	height: 31px;
	display: block;
	position: relative;
/*	border: 1px dashed #ccc;*/
	margin: 0 30px 0 0;
	background-image: url(images/f_logos.png);
	background-repeat: no-repeat;
}

.logo_footer span { display: none;}

.gipergroup a {background-position: 0 0; width: 110px;}
.gipergroup a:hover {background-position: 0 -31px; }

.giperactive a {background-position: -110px 0; width: 106px;}
.giperactive a:hover {background-position: -110px -31px;}

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

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


/*Новый Год 2010*/
.link-NY { height: 100px; text-align: center; font-size: 22px;}
.gray_ny2010 {
	background: #00a0c6;
	margin-top: 20px;
	padding: 30px 30px 0;
}
.gray_ny2010 img { display: block; padding: 0; margin: 0;}
.wite_text {color: white; white-space: nowrap;}
a.ny2010 { display:none; position: absolute; top: 100px; left: 50%; width: 300px; text-align: center; margin-left: -150px;}

.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}

/*Для страниц ошибки*/
#error {
	position: absolute;
	width: 400px;
	height: 400px;
	top:50%;
	left: 50%;
	margin: -200px 0 0 -200px;
	
}

#error .logo {
	display: block;
	background: url(images/logo.png) 0 0 no-repeat;
	width: 173px;
	height: 50px;
	margin: 30px auto;
}

#error p { padding-top: 10px;}