﻿/* Сбрасываем дефолты браузеров */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, font, img, ins, kbd, s, samp, small, strike, strong, sub, sup, tt,
var, hr, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	margin:0; padding:0; font-family:inherit; font-size:100%; vertical-align:baseline; border:none; outline:none; }
html { font-size:100.01%; }
dfn, i, cite, var, address, em { font-style:normal; }
th, b, h1, h2, h3, h4, h5, h6 { font-weight:normal; }
textarea, input, select { font-family:inherit; font-size:1em; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }
caption, th, td { text-align:left; }
:focus { outline:none; }

/* Глобальные стили шаблона */
html { width:100%; height:100%; }
body { position:relative; width:100%; height:100%; min-width:1000px; font-size:62.5%; color:#313840; background:#c5e0ff url(../images/decor/body.jpg) no-repeat center top; }

body, textarea, input, select { font-family:Myriad Pro,Arial,Tahoma,Helvetica,sans-serif; }
a { color:#fff; text-decoration:none; }
a:hover { text-decoration:underline; }

/* Корневой блок */
.global { position:relative; min-width:1000px; min-height:100%; height:auto; overflow:hidden; }

/* Шапка шаблона */
.header { position:relative; width:100%; height:340px; }

/* Декор в шапке, звезды, планеты, комета и т.п. */
#starFlash { position:absolute; top:0; left:0; width:100%; /*max-width:1440px;*/ height:200px; margin:0 auto; overflow:hidden;}
#starFlash .noflash .background { width:1356px; height:200px; margin:0 auto; background:url(../images/decor/star.png) no-repeat; }

#rocketFlash { position:absolute; top:70px; left:50%; z-index:900; width:242px; height:326px; margin-left:430px; }
#rocketFlash .noflash .background { width:231px; height:331px; background:url(../images/decor/rocket.png) no-repeat; }

.planets { position:absolute; top:0; left:50%; width:1440px; height:207px; margin-left:-720px; background:url(../images/decor/planets.png) no-repeat; }
.cometa { position:absolute; top:33px; left:50%; margin-left:-652px; width:217px; height:205px; background:url(../images/decor/cometa.png) no-repeat; }
.sputnik { position:absolute; top:1px; left:50%; margin-left:-494px; width:485px; height:284px; background:url(../images/decor/sputnik.png) no-repeat; }

.txt_porto { position:absolute; top:239px; left:50%; margin-left:342px; width:180px; height:32px; background:url(../images/decor/txt_porto.png) no-repeat; }
.txt_cost { position:absolute; top:224px; left:50%; margin-left:-590px; width:98px; height:34px; background:url(../images/decor/txt_cost.png) no-repeat; }

/* Логотип */
#logoFlash { position:absolute; top:0; left:50%; width:462px; height:152px; margin-left:-488px; }
#logoFlash .noflash h1.logo { width:462px; height:152px; background:url(../images/logo.png) no-repeat; }
#logoFlash .noflash h1.logo a { display:block; width:440px; height:152px; text-decoration:none; }
#logoFlash .noflash h1.logo span { display:block; text-indent:-3000px; }

/* Слоган и телефон */
h5.slogan { position:absolute; top:15px; left:50%; z-index:999; width:416px; height:66px; margin-left:17px; background:url(../images/slogan.png) no-repeat; }
h5.slogan span { display:block; text-indent:-3000px; }

h5.phone { position:absolute; top:104px; left:50%; z-index:999; margin-left:201px; font:bold 36px 'Myriad Pro'; color:#fff; letter-spacing:-2px; }
h5.phone span { font-size:24px; }

/* Главное меню */
#menuFlash { position:absolute; top:163px; left:50%; width:990px; height:202px; margin-left:-492px; }

#menuFlash .noflash .menu {  }
#menuFlash .noflash .menu ul {  }
#menuFlash .noflash .menu ul li { position:relative; display:block; float:left; width:164px; height:39px; font:normal 12px Arial; text-transform:uppercase; list-style-type:none;}
#menuFlash .noflash .menu ul li a { display:block; width:164px; height:39px; padding-top:0; text-align:center; position: relative; overflow: hidden;}
#menuFlash .noflash .menu ul li a span{
	display: block;
	width: 164px;
	height: 39px;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(../images/menu.png) no-repeat 0 0;
}
#menuFlash .noflash .menu ul li:hover a { text-decoration:none; }
#menuFlash .noflash .menu ul li:hover a span{
	background-position: 0 -78px;
}

#menuFlash .noflash .menu ul li a.sitecreate span{ background-position: 0 0; }
#menuFlash .noflash .menu ul li:hover a.sitecreate span{ background-position: 0 -78px; }
#menuFlash .noflash .menu ul li.current a.sitecreate span, 
#menuFlash .noflash .menu ul li.parent a.sitecreate span{ background-position: 0 -39px; }

#menuFlash .noflash .menu ul li a.seo span{ background-position: -164px 0; }
#menuFlash .noflash .menu ul li:hover a.seo span{ background-position: -164px -78px; }
#menuFlash .noflash .menu ul li.current a.seo span, 
#menuFlash .noflash .menu ul li.parent a.seo span{ background-position: -164px -39px; }

#menuFlash .noflash .menu ul li a.contextads span{ background-position: -328px 0; }
#menuFlash .noflash .menu ul li:hover a.contextads span{ background-position: -328px -78px; }
#menuFlash .noflash .menu ul li.current a.contextads span, 
#menuFlash .noflash .menu ul li.parent a.contextads span{ background-position: -328px -39px; }

#menuFlash .noflash .menu ul li a.imageads span{ background-position: -492px 0; }
#menuFlash .noflash .menu ul li:hover a.imageads span{ background-position: -492px -78px; }
#menuFlash .noflash .menu ul li.current a.imageads span, 
#menuFlash .noflash .menu ul li.parent a.imageads span{ background-position: -492px -39px; }

#menuFlash .noflash .menu ul li a.copi span{ background-position: -656px 0; }
#menuFlash .noflash .menu ul li:hover a.copi span{ background-position: -656px -78px; }
#menuFlash .noflash .menu ul li.current a.copi span, 
#menuFlash .noflash .menu ul li.parent a.copi span{ background-position: -656px -39px; }

#menuFlash .noflash .menu ul li a.contacts span{ background-position: -820px 0; }
#menuFlash .noflash .menu ul li:hover a.contacts span{ background-position: -820px -78px; }
#menuFlash .noflash .menu ul li.current a.contacts span, 
#menuFlash .noflash .menu ul li.parent a.contacts span{ background-position: -820px -39px; }



#menuFlash .noflash .menu ul li ul { display:none; position:absolute; top:39px; left:0; width:165px; padding-top:10px; background: transparent url(../images/menu-bg.png); z-index: 10000 }
#menuFlash .noflash .menu ul li ul li {
	float: none;
	background-image: none;
	height: auto;
	font-size: 11px;
	text-transform: capitalize;
	background: transparent url(../images/menu-sep.png) no-repeat center top;
}
#menuFlash .noflash .menu ul li ul li a { height:auto; padding:7px 10px; width:145px; text-align:left; color:#4e7099; }
#menuFlash .noflash .menu ul li ul li a span{
	display: none;
}
#menuFlash .noflash .menu ul li ul li a:hover { color:#1bbbee; }
#menuFlash .noflash .menu ul li:hover ul, #menuFlash .noflash .menu ul li.hover ul { display:block; }

/* Оформление контента страницы */
.content { min-height:730px; padding-bottom:160px; }
.content_inner { position:relative; z-index:990; width:990px; margin:0 auto; overflow:hidden; padding-top:19px; font:normal 14px/14px 'Myriad Pro'; }
.content_inner .left_column { width:214px; float:left; padding-left:2px; }
.content_inner .center_column { width:505px; float:left; padding:1px 26px 0 29px; }
.content_inner .right_column { width:214px; float:left; }

.content h2 { padding-bottom:3px; font:normal 16px 'Myriad Pro'; color:#fff; text-transform:uppercase; text-align:center; }
.content h5 { width:214px; height:31px; }
.content h5 span { display:block; text-indent:-3000px; }
.content h5.news { background:url(../images/h5_titles.jpg) no-repeat; }
.content h5.action { background:url(../images/h5_titles.jpg) no-repeat 0 -31px; }
.content p { padding-bottom:10px; }

.content .gray_box { padding-top:10px; background:url(../images/decor/gray.png) repeat; }
.content .news_item { padding:9px 8px 14px 10px; font:normal 11px/10px 'Myriad Pro'; color:#000; }
.content .news_item p { padding-bottom:3px; }
.content .news_item p a { color:#fff; text-decoration:underline; }
.content .news_item p a:hover { text-decoration:none; }
.content .news_item p.date { font-size:9px; }
.content .news_item p.date span { font-size:30px; color:#fff; }

/* Страница контактов */
.contact_page { width:990px; margin:0 auto; }
.contact_page .box { margin:8px 0 0 260px; padding:9px 0 150px 280px; background:url(../images/decor/contacts_page.png) no-repeat; }
.contact_page .box h2 { padding-bottom:98px; text-align:left; }
.contact_page .box p { padding-bottom:22px; font:bold 14px 'Myriad Pro'; text-transform:uppercase; }
.contact_page .box p span { display:block; padding-left:20px; font:normal 18px 'Myriad Pro'; text-transform:capitalize; }

/* Оформляем подвал шаблона */
.footer { min-width:1000px; height:160px; margin-top:-736px; padding-top:576px; background:url(../images/decor/footer.jpg) no-repeat center top; }
.footer_inner { position:relative; width:1000px; height:160px; margin:0 auto; font:normal 11px 'Myriad Pro'; color:#3c4660; }
.footer_inner a { color:#fff; font-weight:bold; }
.footer_inner p { padding-top:140px; }
.footer_inner p span { padding-right:10px; }

.footer h5.footer_phone { position:absolute; top:0; left:423px; width:292px; height:125px; background:url(../images/decor/footer_phone.jpgg) no-repeat; }
.footer h5.footer_phone span { display:block; text-indent:-3000px; }
