body {background: #fff; font-size: 10pt; font-family: arial, verdana, sans-serif; margin: 0; padding: 0; color: #333;}
html {height: 100%;}
table {border-collapse: collapse; border: 0; padding: 0; border-spacing: 0px; width: 100%;}
table td {padding: 0px; vertical-align: top; font-size: 10pt; font-family: arial, verdana, sans-serif; color: #333;}
img {border: 0;}
a{color: #333; text-decoration: underline;}
a:visited {color: #333;} 
a:hover {color: #333; text-decoration: none;}
a img,img,a{outline:none!important}
:focus{outline:none}

h1,h3,h4 {position: relative; font-family: "Trebuchet MS", sans-serif; color: #FDA251; font-size: 22px; letter-spacing: -1px; text-align: center;}

hr {background-color: #FCE1B6; height: 1px; border: 0;}

.bg_top {background: url('images/bg_top.jpg') center top no-repeat; height: 100%;}
.bg_video {background: url('images/bg_video.png') 0 8px no-repeat; height: 278px; margin: 80px 74px 20px 50px; text-align: left; padding: 22px 0 0 48px;}
.bg_bottom {background: url('images/bottom.jpg') center bottom no-repeat; padding: 0 0 160px 0;}
.blocks {padding: 0 10px 0 40px;}
.block_bot {color: #577F38; font-style: italic; width: 400px; margin: 40px 0 0 0;}

.center {width: 883px; position: relative; padding: 90px 0 100px 0;}

.menu {position: relative; z-index: 999; margin: 11px 0 0 100px;}
.menu ul {padding: 0; margin: 0;}
.menu ul li {list-style: none; float: left;}
.menu ul li a, .menu ul li a:visited {position: relative; display: block; text-align: center; padding: 0 4px 0 4px; color: #577F38;}
.menu ul li a:hover {color: #FF6600; text-decoration: underline;}
.menu .act, .menu .act:visited, .menu .act:hover {color: #FF6600; text-decoration: none;}

.top_tel {position: relative;}
.top_tel .tops_tel {position: absolute; top: -50px; left: 100px;}

.block {width: 46%; float: left; background: #FFF8ED; margin: 10px; text-align: center;}
.block div {padding: 14px;}
.block div h3 {margin: 0; padding: 0;}
.block div h3 a, .block div h3 a:visited {font-family: "Trebuchet MS", sans-serif; color: #FDA251; font-size: 22px; letter-spacing: -1px; text-decoration: none;}
.block div h3 a:hover {color: #577F38; text-decoration: underline;}

.cont {position: relative; width: 883px;}
.cont .contacts {position: absolute; right: 106px; top: -34px;}
.tel {color: #4F741C; font-family: "Trebuchet MS", sans-serif; font-size: 22px; letter-spacing: -1px;}
.tel span {color: #F9AE01;}
.cont .shadow, .cont .shadow span {color: #fff;}
.cont .shadow {position: absolute; margin-top: 2px; left: 0; text-align: center; width: 200px;}

#player {position: absolute; left: 0; z-index: 100; width: 410px; left: 100px; margin-top: 6px; height: 279px; background: url('images/loading.gif') center center no-repeat;}

a.a_mail, a.a_mail:visited {color: #FF6600;}
#mail, #mail:visited {color: #577F38; cursor: pointer;}
.sel_link, .sel_link:visited {cursor: pointer; text-decoration: none;}
.sel_link:hover {color: #FF6600; text-decoration: underline;}

.text {padding: 20px 80px 0 90px; height: 380px; text-align: left;}

.uslugi a, .uslugi a:visited {font-family: "Trebuchet MS", sans-serif; color: #577F38; font-size: 24px; text-decoration: none;}
.news a, .news a:visited {font-family: "Trebuchet MS", sans-serif; color: #577F38; font-size: 16px; text-decoration: none;}
.article, .article:visited {font-family: "Trebuchet MS", sans-serif; color: #577F38; font-size: 16px; display: block;}
.uslugi a:hover, .news a:hover, .article:hover {color: #FF8D42;}

.photo a, .photo a:visited {
 z-index: 9;
 position: relative;
 display: block;
 float: left;
 border: 1px solid #FFA76C;
 padding: 2px;	
 margin: 10px 24px 10px 24px;
 opacity: .8; 
 /* For IE 5-7 */
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
 /* For IE 8 */
 -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 width: 180px;
 height: 180px;
}

.photo a:hover {
 border: 1px solid #4F741C;
 opacity: 10; 
 /* For IE 5-7 */
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
 /* For IE 8 */
 -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#div_mail {
    background: url("images/white.png");
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.mail_form, .mail_form td {font-family: "Trebuchet MS", sans-serif; color: #577F38; font-size: 18px;}
.mail_form td {padding: 20px;}
.mail_form .in {width: 300px; padding: 3px; display: block; border: 1px solid #FDA251;}
.submit-button {padding: 3px; border: 1px solid #FDA251; background: #FEDDAE url('images/clips.jpg') 0 -59px no-repeat; color: #577F38;}
.mail_form input.error {border: 1px solid red; color: red;}
.textarea {width: 400px; padding: 3px; display: block; border: 1px solid #FDA251;}

#blocker {padding: 20px 0; text-align: center;}
label.error {display: none; font-size: 16px; display: block; margin: 4px; color: red; letter-spacing: 0;}

#close {cursor: pointer; float: right;}

.pp_player {float: right; position: relative; margin-top: -20px;}
.playlist {position: relative; overflow: hidden; height: 280px !important;}
.playlist .clips {position:absolute; height:20000em;}
.playlist, .clips {width:300px;	}
.clips a, .clips a:visited {
	background: #FEDDAE url('images/clips.jpg') 0 0 no-repeat;
	display:block;
	padding: 12px 15px;
	width: 300px;
	text-decoration:none;
	cursor:pointer;
	border-bottom: 1px solid #fff;
	color: #577F38;
}
.clips a span {color: #EF8B02; font-style: italic;}
.clips a.playing, .clips a.paused, .clips a.progress {
 background: #FEDDAE url('images/clips.jpg') 0 -59px no-repeat;}
.clips a.progress {background: #FEDDAE url('images/clips.jpg') 0 -59px no-repeat;}
.clips a.paused {background: #FEDDAE url('images/clips.jpg') 0 -59px no-repeat;}
.clips a:hover {background: #FEDDAE url('images/clips.jpg') 0 -59px no-repeat;		}
.clips.petrol a {background-color: #FEDDAE; color:#fff;}
.clips.petrol a.playing, .clips.petrol a.paused, .clips.petrol a.progress {background:url(/images/playlist/dark.png) no-repeat 0px -69px; border:0;}
.clips.petrol a.paused {background-position:0 0;}
.clips.petrol a:hover {background-color:#274D58;} 
.clips.petrol a.playing:hover, .clips.petrol a.paused:hover, .clips.petrol a.progress:hover {background-color:transparent !important;}
.clips.low a {height:31px;}
.clips.low a.playing, .clips.low a.paused, .clips.low a.progress {background: #FEDDAE url('images/clips.jpg') 0 -59px no-repeat;}
.clips.low a.paused {background-position:0 0;}
a.go {
	display:block;
	width:29px;
	height:16px;
	background: url(images/up.gif) no-repeat;
	margin:5px 0 5px 135px;
	cursor:pointer;
}
a.go.down {background-image:url(/images/down.gif);}
.petrol a.go {background-image:url(/images/up_dark.png);}
.petrol a.go.down {background-image:url(/images/down_dark.png);}
a.go.disabled {visibility: hidden;}

.mp3 {padding: 0; margin: 0;}
.mp3 embed {float: left; margin-top: 3px; z-index: 1;}
.mp3 li {list-style: none;}
.mp3 li a,.mp3 li a:visited {margin-left: 4px; text-decoration: none; font-family: "Trebuchet MS", sans-serif; color: #577F38; font-size: 22px; letter-spacing: -1px; text-align: center;}
.mp3 li a:hover {text-decoration: underline; color: #FF6600;}

.price td {padding: 4px 10px 4px 10px; border: 1px solid #FCE1B6;}
.pricetop td {background: #FEDDAE url('images/clips.jpg') 0 -59px no-repeat; height: 30px; color: #FF6600; vertical-align: middle; text-align: center;}