/**
 *	Базовые стили
 *
 *  Предпочитаемая ширина строки (100):
 *  – — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —|
 */
html{}
body{min-width:960px; font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	background-image:url(../images/graphic/bg.png); color:white}
	
tbody tr:hover {background: #555555;}

a{}
a.hover,
a:hover{}
a:visited{}

p{}
h1, h2, h3, h4{}

h1{font-size:46px; padding-left:90px; margin:23px 0 20px 0; position:relative;
	text-shadow:0 2px 1px rgba(0,0,0,.8)}
h1.services:before{position:absolute; top:-5px; left:20px; width:47px; height:69px;
	content:""; background-position:right; background-repeat:no-repeat;
	background-image:url(../images/graphic/icons/h1s.png)}
h1.prices:before{position:absolute; top:-5px; left:20px; width:59px; height:69px;
	content:""; background-position:right; background-repeat:no-repeat;
	background-image:url(../images/graphic/icons/h1p.png)}
h1.about:before{position:absolute; top:-5px; left:20px; width:60px; height:70px;
	content:""; background-position:right; background-repeat:no-repeat;
	background-image:url(../images/graphic/icons/h1a.png)}
h1.contacts:before{position:absolute; top:-5px; left:20px; width:65px; height:58px;
	content:""; background-position:right; background-repeat:no-repeat;
	background-image:url(../images/graphic/icons/h1c.png)}
h1.discounts:before{position:absolute; top:-5px; left:20px; width:47px; height:69px;
	content:""; background-position:right; background-repeat:no-repeat;
	background-image:url(../images/graphic/icons/h1d.png)}

/**
 *	Верхний блочный уровень
 */
.layer-page{position:relative}
.layer-top{position:absolute; top:0; left:0}

.page-header,
.page-content,
.page-footer{position:relative; margin:0 auto}

.page-header{max-width:1200px; font-weight:100; margin-bottom:-285px; background-position:center;
	background-image:url(../images/graphic/header-bg.jpg); height:700px}
.page-header .logo{position:absolute; width:346px; height:82px;	top:30px; left:4.5%;
	background-image:url(../images/graphic/logo.png)}
.page-header .navigation{position:absolute; top:130px; left:10%; font-size:28px}
.page-header .navigation li{}
.page-header .navigation li a{display:inline-block; text-decoration:none; color:white;
	position:relative}
.page-header .navigation li a:hover{background-color:rgba(255,255,255,.3)}
.page-header .navigation li a:hover:before{display:block; content:""; width:13px; height:8px;
	position:absolute; bottom:-8px; left:0; background-image:url(../images/graphic/nav-tri.png)}
.page-header .navigation li span{display:inline-block; padding:3px 20px 3px 20px}
.page-header .contacts{position:absolute; font-size:24px; font-weight:bolder; text-shadow:1px 1px 0 rgba(0,0,0,.8);
	text-align:right; top:62px; right:5%; line-height:30px}
/*.page-header img{display:block; width:1200px; position:relative}*/

.page-content{}
.page-content .lining{background-color:rgb(43,43,43); width:858px; margin:0 auto;
	border-radius:5px; padding:11px; border:1px solid rgb(62,62,62);
	box-shadow:0 0 15px 5px rgba(0,0,0,.9); margin-bottom:100px}

.page-footer{}

/*
.b- — самодостаточный блок
.col- — колонка (block)
.i- — элемент списка
.sw- — связвнный с переключением чего-либо элемент
*/