﻿body{padding:0;	margin:0; font-family:Verdana, Cambria, Calibry, Arial; background:#fff url('img/bg.gif') repeat; color:#333; font-size:12px; text-align:left;}
*{margin:0; padding:0; }/*Arial, Verdana, Helvetica, sans-serif;*/
#content h1{font-size:20px; margin:10px; color:#009900; text-align:center; font-weight:bold; text-shadow:#aaa 1px 1px 2px;}
#content h2{}
#content h3{font-size:16px; margin:30px 0 10px 0; color:#007700; text-align:center; font-weight:bold;}
#content h4{font-size:14px; margin:10px 0 10px 0; color:#222; text-align:center; font-weight:bold;}
#content h5{text-align:center; padding:6px; font-size:12px;}
#content h6{text-align:left; padding:3px; font-size:10px; color:#aaa; font-weight:normal;}
#content p{text-align:justify; margin:15px 0; text-indent:40px;}
a {color:#009900;}
table{font-size:12px; text-align:center; border:0;}
.group:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.green{color:#009900;}
.red{color:#e00;}
.fleft{float:left;}
.fright{float:right;}
.clear{clear:both;}
.line{border-bottom:1px solid #999; padding:6px 0; width:50%; vertical-align:top; text-align:left;}

#all{width:820px; margin:3px auto;}

#header, #footer{width:810px; font-size:11px; color:#fff; background:#0B9B48; margin:0px auto; padding:7px; border-radius:7px; box-shadow:0 3px 10px #999;}
#header{height:80px; background:#0B9B48 url('img/header_i.png') 740px 3px no-repeat;}
#header h3{color:#EEEE8F; text-align:left; font:28px Verdana, Arial; text-shadow:#fff 0 1px 2px, #222 0 0 4px;}
#header h1{color:#fff; text-align:left; font:18px Verdana, Arial; margin:10px 0 0 0;}
#header h2{color:#fff; text-align:left; font:11px Verdana, Arial;}

#content{margin:10px 0; padding:10px 10px; background:#fff; border-radius:7px;}
#footer{}
#counter{text-align:center; margin:5px auto; height:32px; width:82px;}

/* меню */
#current{background:#4b4;}
#menu{text-align:center; font-size:11px; font-weight:bold; color:#fff; border-radius:5px; background:#0b9b48; box-shadow:0 0 8px #555; padding:0 3px; margin:15px 0;}
#menu ul li ul{box-shadow:0 4px 8px #555;}
#menu ul li{position:relative; display:block; float:left; width:25%;}
#menu ul li ul li{width:100%; background:url(img/fone-tr.png);}
#menu li ul{position:absolute; left:0px; top:23px; display:none;}
#menu ul li a{display:block; color:#fff; text-decoration:none;  padding:5px; border-bottom:0;}
#menu ul li a:hover{background:#4b4;}
#menu ul {margin:0; display:block; float:left; padding:0; list-style:none; width:100%;}
#menu li:hover ul, li.over ul{display:block;}
/* Fix IE. Hide from IE Mac \*/
* html ul li{float: left;}
* html ul li a{height: 1%;}
/* End */

.myFoto{width:140px; height:115px; margin:15px; display:block; float:left; box-shadow:2px 2px 10px #777;}
.ss{width:70px; margin:15px; float:right;}
.ss a{display:block; margin:10px 0; float:right;}
.ss img{width:60px; box-shadow:2px 2px 10px #777;}
.sss{width:100%; margin:10px 0; display:block; box-shadow:0 0 16px #777;}

#content ol, #content ul{list-style:none;}
#content ol.listStyle{list-style:decimal; background:none; font:italic 17px Georgia, Times, serif; color:#FF9900; font-weight:bold;}
#content ol.listStyle span{font:normal 12px Verdana, Times, serif; color:#222; font-weight:none;}
#content ul.listStyle{list-style:square; background:none;}
#content .listStyle li{background:none;}
#content ol .v{font-weight:bold; text-decoration:underline;}
#content ul .v{font-weight:bold; text-decoration:none;}
#content ol li{background:url('img/tick.png') 0 5px no-repeat; margin:5px auto; padding:5px 20px; width:80%;}
#content ul li{background:url('img/plus2.png') 0 5px no-repeat; margin:5px auto; padding:5px 20px; width:80%;}
#content .flag ul li{background:url('img/flag.png') 0 5px no-repeat; padding:8px 25px; width:50%;}
#content .clock ol li{background:url('img/clock_work.png') 0 5px no-repeat; padding:8px 28px; width:230px;}
#content .clock ul li{background:url('img/clock_week.png') 0 5px no-repeat; padding:8px 28px; width:230px;}
#content .contact ol li{background:url('img/phone.png') 0 5px no-repeat; padding:10px 35px; width:230px;}
#content .contact ul li{background:url('img/mail.png') 0 5px no-repeat; padding:10px 35px; width:230px;}

.comment{width:60%; margin:35px auto; padding:5px; background:#FFFFCC; box-shadow:0 0 10px #999; font-size:14px; font-family:Cambria, Calibry, Arial;}
.comment .text{text-align:justify; margin:10px 25px; font-style:italic;}
.comment .from{text-align:right; margin:15px 15px 0 0; font-style:italic;}
.comment .date{text-align:right; margin:5px 15px; font-size:10px; color:#999;}

#form{margin:5px auto; padding:6px; font-size:12px; color:#444; width:400px; box-shadow:0px 0px 5px #999;}
#form fieldset{margin:3px auto; border:none; min-height:40px; width:350px;}
#form legend{display:block; font-weight:bold; text-align:center;}
#form fieldset input, #form fieldset textarea{font-size:14px; width:350px; padding:0px; border:none; background:#ddd; color:#000; box-shadow:inset 1px 1px 0px #777; border-radius:4px; font-family:Cambria, Calibry, Arial; font-style:italic;}
#form fieldset textarea{height:90px;}
#form fieldset input:focus, #form fieldset textarea:focus{background:#FFFFCC; color:#000;}
#form .submit{display:block; width:130px; margin:5px auto; font-size:12px; text-decoration:none; cursor:pointer; border:none; padding:3px 10px; background:#555; background:RGBA(0,0,0,.7); border-radius:3px; color:#fff;}
#form .submit:hover{color:#000; background:RGBA(0,0,0,.05); box-shadow:0 0 2px #333;}

.errorForm{color:#e00; font-size:10px; display:block; font-weight:normal;}
.form_send_msg{background:#eee; border-radius:7px; box-shadow:0 3px 10px #ccc; border:1px solid #ddd;}

.ip{text-align:center; font-size:11px; color:#aaa;}
.ip span{display:block;}
