/* ------------------------- */
html, body {width: 100%; height: 100%; margin:0; padding:0;}

.mceContentBody  {text-align: left !important;}
.mceContentBody a {outline: none 0; color: #FFC872 !important}

.clear {clear: both; font-size: 1%; line-height: 1px;}
.pa {position: absolute;}
.pr {position: relative;}
a:hover {text-decoration: none;}
a {outline: none 0; color: #FFC872}
/* ------------------------- */



body {background: url(images/bg.jpg); text-align: center; color: #ffc872; font-size: 13px; font-family: Georgia;}

.body {width: 100%; max-width: 1280px; margin: 0 auto; text-align: left; _width: 1280px; }
.body2 {padding:0 38px;}

.ramka {width: 100%; top: 40px; position: relative; _height: 100%; }

.ramka .ramka-top { top: -18px; left: 0; width: 100%; height: 18px;}
.ramka .ramka-top .ramka-top-bg {background: url(images/top.png) repeat-x 0 0; height: 18px;}
.ramka .ramka-bottom { bottom:-18px; left:0; width: 100%; height: 18px;}
.ramka .ramka-bottom .ramka-bottom-bg {background: url(images/bottom.png) repeat-x 0 0;  height: 18px; }
.ramka .ramka-left {top:0; left: -18px; width: 18px; height: 100%;}
.ramka .ramka-left .ramka-left-bg {background: url(images/left.png) repeat-y 0 0;  width: 18px; height: 100%;  }
.ramka .ramka-right {top:0; right:-18px; width: 18px; height: 100%;}
.ramka .ramka-right .ramka-right-bg {background: url(images/right.png) repeat-y 0 0; width: 18px;  height: 100%;}
.ramka .dot {background: url(images/dot.png); width: 4px; height: 4px; font-size: 1px; display: block;}
.ramka .dot-lt {left:-4px; top:-4px;}
.ramka .dot-rt {right:-4px; top:-4px;}
.ramka .dot-rb {right:-4px; bottom:-4px;}
.ramka .dot-lb {left:-4px; bottom:-4px;}
.ramka .copy {left: 15px; bottom: 15px;}
.ramka .key { left: 140px; top: 20px; z-index: 1000;}
.ramka .key a { color: #492626; font-size: 14px; font-family: "Times New Roman"; }

.ramka .ramka-cont { background: #653813;}

.animation {position: relative; height: 632px;}
.animation .duga {background: url(images/duga.png) no-repeat center 0; height: 50px; bottom: 0px; width: 100%;}
.animation .logo {margin: 0 auto; display: block; width: 281px; height: 81px; z-index: 1000;}

.animation .menu {text-align: center;  z-index: 1000;}
.animation .menu a {color: #492626; font-size: 14px; font-family: "Times New Roman"; padding: 0 7px; text-decoration: none;}
.animation .menu a:hover,
.animation .menu a.active {text-decoration: underline;}
.animation .menu a.active:hover {text-decoration: none;}

.footer-menu {text-align: center; margin-top: 40px;}
.footer-menu a {color: #492626; font-size: 14px; font-family: "Times New Roman"; padding: 0 7px !important; text-decoration: none; }
.footer-menu a:hover,
.footer-menu a.active {text-decoration: underline;}
.footer-menu a.active:hover {text-decoration: none;}

.animation.page1 {background: url(images/1.jpg) no-repeat center 0; }
.animation.page2 {background: url(images/2.jpg) no-repeat center 0; }
.animation.page3 {background: url(images/3.jpg) no-repeat center 0; }
.animation.page4 {background: url(images/4.jpg) no-repeat center 0; }
.animation.page5 {background: url(images/5.jpg) no-repeat center 0; }
.animation.page6 {background: url(images/6.jpg) no-repeat center 0; }


.bordur { width: 100%; background: url(images/bg_bord.png) repeat-x 0 0; height: 82px; }
.bordur .left-bord {background: url(images/left_bord.png) no-repeat 0 0; height: 82px;}
.bordur .right-bord {background: url(images/right_bord.png) no-repeat right 0; height: 82px;}

.content {background: #653813 url(images/bg_page.png) repeat-x 0 0px; padding: 100px 20px 40px 20px; color: #ffc872; font-size: 13px; font-family: Georgia;}
.content .content-cont { min-height: 250px; width:100%; margin: 0 auto; position: relative; top: -60px;}
.content .content-cont h1 {font-size: 18px; color: #ffc872; margin:0 150px 25px; font-style: italic; font-weight: normal;}
.content .content-cont a {color: #FFC872;}
.content .content-cont .cont-cont {margin: 0 150px}

.submenu {background: #43250D; text-align: center;}
.submenu em {font-style: normal; display: inline-block; padding: 4px 5px;}
.submenu em a {color: #ffc872; font-size: 12px; padding: 0px 5px; text-decoration: none}
.submenu em a:hover {text-decoration: underline;}
.submenu em.active {background: #6f350c;}
.submenu em.active a {color: #f0d56d;}

.feedback-input {padding: 4px; background: #6e4320; }
.feedback-input-inp {width: 335px}
.feedback-input input {background: #6e4320; width: 335px; color: #ffc872; font-style: italic; font-size: 14px; border: none;}
.feedback-input textarea {font-family: Georgia; background: #6e4320; width: 100%; color: #ffc872; font-style: italic; font-size: 14px; border: none;}

.sendbut {width: 90px;text-align: center; background: #6e4320; padding: 4px;}

/* myabc :-) */

div.myabc {
	margin: 20px;
	color: #FFC872;
	font-family: Georgia;
	font-size: 11px;
	margin: 30px 0px 10px 0px;
}

div.myabc p {
	margin: 0px 0px 6px 0px;
}

h1.myabc1, h2.myabc2 {
	font-size: 11px !important;
	font-style: normal !important;
	font-weight: normal;
	display: inline;
	margin: 0pt 0.2em 0pt 0pt !important;
	padding: 0px;
}

strong.myabc3 {
	font-weight: normal;
}

a.myabc4 {
	border: none;
	cursor: default;
	color: #000000;
	text-decoration: none;
}

.content .content-cont div.likeh1 {font-size: 18px; color: #ffc872; margin:0 150px 25px; font-style: italic; font-weight: normal;}

/* eo myabc */