body {font-family: Tahoma, Geneva, sans-serif; background: url('phone.jpg'); color: #666; font-size: 12px;}
header, footer, body > section {width: 800px; margin: 0 auto;}
a {color: #222;}
.clear {clear: both; margin: 0;}
.black {color: #222;}
.italic {font-style: italic;}
.bold {font-weight: bold;}
.margin {margin-bottom: 20px;}
p.red {color: red; text-align: center; font-size: 20px; margin-top: 6px;}
h3, h4 {color: #222;}
h4 {font-size: 16px; margin: 0;}
/* HEADER */
header {height: 65px;}
header > div {border-bottom: 2px #222 solid;}
header > div > h1 {float: left; margin: 10px 0 0 0;}
header > div > h1 > a {color: #222; text-decoration: none; font-weight: 600;}
/* HEADER NAVIGATION */
header > div > nav {float: right; margin-top: 20px;}
header > div > nav > menu {width: 100%; padding: 0; margin: 0;}
header > div > nav > menu > li {display: inline-block; font-size: 14px; padding-top: 4px; padding-bottom: 4px;
	width: 90px; text-align: center;}
header > div > nav > menu > li:hover { background: #222;
	border-top-left-radius: 4px; border-top-right-radius: 4px;}
header > div > nav > menu > li > a {color: #222;text-decoration: none; width: 100%;}
header > div > nav > menu > li:hover > a {color: #FFF;}
/* FOOTER */
footer {text-align: center; margin-bottom: 20px;}
/* SECTION */
section {margin: 0 auto;}
section > article {-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.3); 
			box-shadow:0 0 10px rgba(0, 0, 0, 0.3);z-index: 12px;position:relative;background: #EFEFEF; border: 1px #bbb solid;
			padding: 20px 30px 0 30px; border-radius: 4px; margin-bottom: 30px;}
section > article > h2 {font-size: 28px;margin: 0 0 20px;font-weight: 400; border-bottom: 1px #BABABA solid;color: #222;}
section > article > a {display: block;margin-right: -40px; background: #ff0000; color: #222; text-align: center;
	 line-height: 20px;width: 68px;height: 20px;float: right; text-decoration: none;font-weight: 600;padding: 5px 0 5px 0px;}
section > article > a:hover{text-decoration: underline;}
section > article img {border: 4px #FFF solid;}
section > article p {margin-top: 0; text-align: justify;}
section > article > div {margin-bottom: 20px;}
section > article .center {text-align: center;}
section > article .left {width: 45%; float: left;}
section > article .right {width: 52%; float: right;}
section > article .left.align, section > article .right.align {text-align: right;}
section > article .left.center, section > article .right.center {text-align: center;}

article:before,article:after {content:"";position:absolute;z-index:-1;bottom:-4px;left:5px;width:50%;height:20%;max-width:300px;background: #EFEFEF;
		border: 1px #aaa double;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.4);
	   	box-shadow:0 0 10px rgba(0, 0, 0, 0.4);-webkit-transform:rotate(-1.7deg);-moz-transform:rotate(-1.7deg);
		-ms-transform:rotate(-1.7deg);-o-transform:rotate(-1.7deg);transform:rotate(-1.7deg);}
article:after {right:5px;left:auto;-webkit-transform:rotate(1.8deg);-moz-transform:rotate(1.8deg);-ms-transform:rotate(1.8deg);
         -o-transform:rotate(1.8deg);transform:rotate(1.8deg);}
section > article > a:after {content: ""; position: absolute; background: #222; width: 14px; height: 14px;
	-webkit-transform:rotate(-50deg); bottom: 14px; right: -7px; /*clip: rect(4px 14px 14px 0);*/ z-index: -1;
}
body > section > article ul {list-style: none; margin: 0; padding: 0;}
body > section > article li {padding: 0 0 5px 25px;background: url(http://okna-v-belgorode.ru/images/templatemo_list.png) no-repeat scroll 0 4px;}

.block {margin-top: 20px;}
.block > img {float: right;}
.block > .small {font-size: 10px; margin: 0;}
.block > .big {color: #222; font-size: 24px;line-height: 34px;margin-bottom: 15px; text-align: left;}