* { padding: 0; margin: 0; outline: 0; }

body { font-size: 12px; font-family: Arial, "Trebuchet MS", sans-serif; color:#565656; background:#212121; left bottom repeat-x; }

a { color: #565656; text-decoration: underline; }
a:hover { text-decoration:none ; }

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

.shell { width:960px; margin:0 auto; position:relative;}

h2 { padding-bottom:4px; background:url(images/h2.gif) left bottom repeat-x; margin-bottom:9px; font-family: "Trebuchet MS", Arial, Sans-Serif; font-size:27px; color:#272728; }

h3 { color:#fff; font-size:20px; padding-bottom:10px; }

h5 { font-size:10px; color:#4062b7; font-weight:normal; padding-bottom:2px; }
h5 a { color:#4062b7; text-decoration:none; }
h5 a:hover { color:#4062b7; text-decoration:underline; }

.button { font-size:11px; color:#2a2b22; font-weight:bold; text-decoration:none; }
.button span { font-size:11px; color:#2a2b22; font-weight:bold; cursor:pointer; }

/*
	Header
*/

#header { background:url(images/gold_header_5_fon.png) left top repeat-x; height:203px; }

#logo { float:left; width:201px; height:75px; text-align:left; }
#logo a { float:left; width:960px; height:203px; font-size:0; line-height:0; text-indent:-4000px; background:url(images/gold_logo_oolit7.jpg); }

/* Navigation */
#navigation { float:right; padding-top:5px; background:url(images/navigation-separator.jpg) right 1px no-repeat; }
#navigation2 { float:right; padding-top:5px; background:url(images/navigation-separator.jpg*) right 1px no-repeat; font-size: 20px;}
#navigation ul { list-style:none; padding-right:1px; }
#navigation2 ul { list-style:none; padding-right:1px; }
#navigation ul li { float:left; padding-left:1px; background:url(images/navigation-separator.jpg) left 1px no-repeat; }
#navigation2 ul li {display: block; padding: 5px; margin: 5px;}
#navigation ul li a { float:left; padding:0 16px 0 15px; height:64px; line-height:64px; font-weight:bold; font-size:13px; color:#272727; text-decoration:none; }
/* #navigation ul li a:hover, */
#navigation ul li a.active { background:url(images/navigation-active.gif); color:#fff; }
#navigation ul li a span { float:left; }



/* 
	Intro
*/

#intro { background:url(images/ffbg3.png) #006600 left top repeat-x; height:418px; padding-top:22px;
background-position: center center;
border-bottom: 3px solid #003300;
border-top: 3px solid #003300;
}

#intro .slider-holder { width:960px; height:353px; position:relative; overflow:hidden;}

#intro .slider-holder ul,
.jcarousel-clip { list-style:none; width:960px; height:353px; position:relative; overflow:hidden; }
#intro .slider-holder ul li { float:left; position:relative; width:960px; height:353px; list-style:none; }
#intro .slider-holder .offer-image { position:absolute; top:0; left:0; }
#intro .slider-holder .offer-image img { border:1px solid #a7a0a0; }
#intro .slider-holder .offer-data { position:absolute; top:1px; right:1px; height:317px; width:230px; background:url(images/semi-transparent.png); padding:34px 20px 0 25px; }
#intro .slider-holder .offer-data .entry { height:212px;}
#intro .slider-holder .offer-data p { color:#dfd5d5; line-height:18px; padding-bottom:18px; text-align:justify; }
#intro .slider-holder .offer-data p a { color:#dfd5d5; }

#intro .slider-holder .offer-data .buttons { padding-right:4px; }

#intro .slider-holder .offer-data .buttons .button,
#intro .slider-holder .offer-data .buttons .button span { height:29px; line-height:29px; float:left; }
#intro .slider-holder .offer-data .buttons .button { float:right; background:url(images/intro-button.jpg) left top repeat-x; border:1px solid #434340; padding:0 8px; }
#intro .slider-holder .offer-data .buttons .button span { background:url(images/intro-button-span.jpg) left top no-repeat; padding-left:7px; }

#intro .slider-navigation { height:24px; background:url(images/intro-shadow3.png) left top no-repeat; padding-top:36px; }
#intro .slider-navigation ul { list-style:none; margin-left:420px; }
#intro .slider-navigation ul li { float:left; }
#intro .slider-navigation ul li a { background:url(images/slider-navigation-normal.png); width:30px; height:10px; display:block; font-size:0; line-height:0; text-indent:-4000px; text-decoration:none; margin-right: 3px;}
#intro .slider-navigation ul li a.active,
#intro .slider-navigation ul li a:hover { background:url(images/slider-navigation-active.png); }

/* 
	Main
*/

#main { background:#f8f8f8 url(images/main.jpg) left top repeat-x; }
#main .shell { padding:25px 0; }

#main p { padding-bottom:10px; line-height:17px; }
.box h2 {color: #006600}
.box { float:left; width:306px; padding:0 19px 0 0; }
.last-box { padding-right:0; }

.box .entry { height:217px; padding-left:2px; }

.box .big-image { padding:4px 0 10px 0; }
.box .big-image img { border:2px solid #fff; }

.box .buttons .button,
.box .buttons .button span { background:url(images/main-button.jpg) repeat-x; height:29px; line-height:29px; float:right; display:inline; border:1px solid #bfbebe; padding:0 8px; }
.box .buttons .button span { float:left; border:0; background:url(images/main-button-span.jpg) left top no-repeat; padding:0 0 0 7px; }

#main .news { }
#main .news ul { list-style:none; }
#main .news ul li { border-bottom:1px dotted #e8d0d2; padding-bottom:7px; margin-bottom:15px; }
#main .news ul li.last { border-bottom:0; padding-bottom:0; margin-bottom:0; }
#main .news ul li .post-image { float:left; width:76px; padding:3px 22px 0 0; }
#main .news ul li .post-image img { border:2px solid #fff; }
#main .news ul li .post-data { float:left; width:203px; }
#main .news ul li .post-data p { color:#413f3f; line-height:18px; padding-bottom:0; }
#main .news ul li .post-data a { color:#4062b7; }

.bullet-list ul { list-style:none; padding-top:1px; }
.bullet-list ul li { line-height:12px; background:url(images/ul-bullet.gif) left 5px no-repeat; padding:0 0 14px 10px; }
.bullet-list ul li a { color:#4062b7; }
/*
	Footer
*/

#footer { background:url(images/ffbg3.png*) #006600 left top repeat-x; color:#FFFF00; padding:24px 4px; font-size:10px;
border-top: 3px solid #003300;
}
#footer a { color:#FFFF00; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

#footer .footer-navigation { }
#footer .footer-navigation ul { list-style:none; }
#footer .footer-navigation ul li { float:left; padding-right:8px; margin-right:8px; border-right:1px solid #b3adad; height:10px; line-height:10px; }
#footer .footer-navigation ul li.last { padding-right:0; margin-right:0; border-right:0;  }
#footer .footer-navigation ul li a { }

#footer .right { float:right; font-family:Verdana, Arial, Sans-Serif; }
#footer .right a { color:#BBBB00; font-weight:bold; text-decoration:underline; }
#footer .right a:hover { text-decoration:none; }

/*======= Îôîðìëåíèå áëîêà íîâîñòåé =======*/
.wrapper_body {
	position: absolute;
    padding: 20px 0;
    height: 100%;
    width: 100%;
	z-index: 0;
    background:url('http://www.cssdeck.com/uploads/media/items/0/0Rs78ic.gif');
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    color: #4A4A4A ;
    text-align: center;
}
.cbm_wrap {
    float: left;
    width:280px;
    min-height:310px;
    background:#FFF;
    margin:20px auto;
    padding: 10px;
	margin: 10px;
    position:relative;
       -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;	
}
.cbm_wrap:before, .cbm_wrap:after{
    content:'';
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.cbm_wrap:hover{
    -webkit-box-shadow:0 0 25px rgba(0,0,0,0.5);
    -moz-box-shadow:0 0 25px rgba(0,0,0,0.5);
    box-shadow:0 0 25px rgba(0,0,0,0.5);
}	
	
.cbm_wrap:after{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
             -ms-transform:skew(8deg) rotate(3deg);
             -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}
.cbm_wrap img {
    width: 100%;
    margin-top: 15px;
}
.cbm_wrap p{
    margin-top: 15px !important;
    text-align: justify !important;
}
.cbm_wrap h1{
    font-size: 20px;
    font-weight: bold;
    margin-top: 5px;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.cbm_wrap a{
    text-decoration: none;
    color: #4A4A4A ;
}
.cbm_wrap a:hover{
    text-decoration: underline;
    /*color: #6B6B6B !important ;*/
	color: #008800 ;
}
/*======= Îôîðìëåíèå áëîêà íîâîñòåé =======*/
.link-nomer{
    display: inline-block;
    background: #B8B8B8;
    color: #000000 !important;
	font-weight: bold;
	padding: 3px;
	margin-top: 3px;
}

.link-nomer:hover{
    background: #8c8c8c;
	color: #e0e0e0 !important;
	cursor: pointer;
}

.imgn{
width: 500px;
}

.cls-box-gallery{
  border: 5px solid #E8E8E8;
  background: url(images/tx1.png);
  display: block;
  position: relative;
  clear: both;
  padding-top: 2px;
}

.cls-box-gallery img{
  margin: 3px;
  max-width: 200px;
  max-height: 80px;
}

@font-face {
font-family: "BoleroScript";  
src: url("./gold_bolero_script.ttf") format("truetype"); 
font-style: normal; 
font-weight: normal; 
} 

.font1{
  font-family: "BoleroScript";
}

.font2 p{
  font-family: "BoleroScript" !important;
  font-size: 2em !important;
}

/*-top-menu-----------------------------------------------------------------*/
#gold_menu_block{
  background: url(images/gold_menu_5.png);
  text-align: center;
}

.gold_menu ul {
  list-style: none; /*убираем маркеры списка*/
  margin: 0; /*убираем отступы*/
  padding-left: 0; /*убираем отступы*/
  /*margin-top:25px;*/ /*делаем отступ сверху*/
  /*background:#F44;*/ /*добавляем фон всему меню*/
  background: url(images/gold_menu_5.png);
  height: 50px; /*задаем высоту*/
}
.gold_menu a {
  text-decoration: none; /*убираем подчеркивание текста ссылок*/
  /*background:#FF4444;*/ /*добавляем фон к пункту меню*/
  background: url(images/gold_menu_5.png);
  /*color:#fff;*/ /*меняем цвет ссылок*/
  color: #633200;
  font-weight: bold;
  /*padding:0px 50px;*/ /*добавляем отступ*/
  padding:0px 20px;
  /*font-family: arial;*/ /*меняем шрифт*/
  line-height:50px; /*ровняем меню по вертикали*/
  display: block; 
  /*border-right: 1px solid #F36262;*/ /*добавляем бордюр справа*/
  /*border-right: 1px solid #633200;*/
  -moz-transition: all 0.3s 0.01s ease; /*делаем плавный переход*/
  -o-transition: all 0.3s 0.01s ease;
  -webkit-transition: all 0.3s 0.01s ease;
  /*font-family: "BoleroScript";*/
  font-family: sans-serif;
  font-size: 2em;
  @media (max-width: 1024px)  {}

}
.gold_menu a:hover {
  /*background:#D43737;*/ /*добавляем эффект при наведении*/
  background: url(images/gold_menu_5_b.png);
}
.gold_menu li {
  /*float:left;*/ /*Размещаем список горизонтально для реализации меню*/
  display: inline-block;
}
/*-top-menu-----------------------------------------------------------------*/

