/* ----------- ГЛОБАЛЬНО ВЕСЬ ДОКУМЕНТ -------------------------------------------------------------- */
body  { background:#f0f0f0 url(siteimage/fon000.jpg) repeat; margin:0; padding:0;  position: relative; text-align:center; }
#clear { clear: both; }
h1 { text-align:center; font-size: 25px; text-shadow: 1px 1px 2px #6f6f6f, 0 0 2em red; text-transform: uppercase;
     margin: 5px 0px 5px 0px; color: #000000; }
h6 { font-size: 16px; font-weight: bolder; text-shadow: #000080 1px 1px 3px; color: #0033CC; margin: 0; padding: 0; }
/* --------- ВЕРХ И НАЧАЛЬНАЯ РАЗМЕТКА СТРАНИЦЫ ----------------------------------------------------- */
#site { background:#ff8b00; margin: 0px auto; padding:0; width:1090px; text-align:center; }
#sitecenter, #top, #content { float:left; width:1024px; }
#sitecenter { background:#ffffff;  }
#top { background:#fff0f0 url(siteimage/fon01.jpg); height: 300px; }
#content { background:#ffffff url(siteimage/fon02.jpg); }
/* -------------------------------------------------------------------------------------------------- */
/* --------- ВЕРХНЕЕ ГОРИЗОНТАЛЬНОЕ МЕНЮ ------------------------------------------------------------- */
#topmenu { background: linear-gradient(to left, #682d00 25%, #8b510d 50%, #682d00); 
           width:1024px; height: 50px; float:left; 
           text-align:center; font-weight: bold; color: #ffc24c; text-decoration: none; }
.topmenurazdel { position: relative; display:block; float:left; width:20px; }
.topmenurazdel:before {content: "♦";}
.topmenu_obertka { margin: 0px auto; text-align:center; display: inline-block; }
/* --------- ЛЕВОЕ ВЕРТИКАЛЬНОЕ МЕНЮ ---------------------------------------------------------------- */
#leftmenu { width:250px; float:left; }
.cch2 { font-weight: bold; text-align:center; font-size: 15px; text-shadow: 1px 1px 2px #6f6f6f, 0 0 2em red; margin: 5px 0px 5px 0px; }

/* стадартне меню слева с подразделами */
.menu { text-align:center; font-weight: bold; font-size: 11px; font-family: verdana; position: relative;
        width:246px; border: 2px solid #a57036;  float:left; margin: 5px 0 0 0;
        padding:20px 0px 20px 0px;
}
.menu_top, .menu_bottom { width:130px; height: 20px; display:block; position: absolute; margin: -10px 0px 0px 60px; }
.menu_top { border-top: 5px solid #90570d; border-radius: 50%; background: #f3e6b3; clip: rect(auto, auto, 10px, auto); }
.menu_bottom { border-bottom: 5px solid #90570d; border-radius: 50%; background: #f3e6b3; clip: rect(10px, auto, auto, auto); }
.menu_level1, .menu_level2 { display:block; text-decoration: none; float:left; height: 30px; border: 1px solid #ffc24c; }
.menu_level1 { width:230px; color: #ffc24c; background: linear-gradient(to left, #682d00, #8b510d 50%, #682d00); 
              margin-left: 7px;  padding:10px 0px 0px 0px; }
.menu_level2 { width:210px; color: #000000; background: #f3e6b3; margin-left: 12px; padding:10px 0px 0px 10px;
              position: relative; border-radius: 3px; text-align:left; }
.menuchecked { color: #ff0000; }
/* -------------------------------------------------------------------------------------------------- */
.zavitok1 { width:180px; height: 20px; margin: 10px 0px 5px 0px; }
.zavitok2 { width:180px; height: 40px; margin: 10px 0px 5px 0px; }
.zavitok3 { width:480px; height: 60px; margin: 10px 0px 5px 0px; }
/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */
/* --------- ЦЕНТРАЛЬНАЯ ЧАСТЬ ПРИ НАЛИЧИИ ПРАВОЙ КОЛОНКИ -------------------------------------------- */
#centerfix { width:550px; float:left; }                /*  #824909 15%, #8a6320 70%, #824909 */
.centerfixplato { background: linear-gradient(to bottom, #682d00, #8b510d 50%, #682d00);  
                  margin : 5px; float:left; border: 3px solid #d6bb7d; 
}
.fakty_text { font-style: italic; background: #f5d990; color: #000000; text-align:justify; border: 2px solid #ecaa32; 
              padding: 0px 5px 0px 5px; line-height: 0.9em; 
}
.centerfixtitle, .cch3 { text-align:justify; font-weight: bold; color: #000000; text-decoration: none; 
                  font-size: 12px; font-family: verdana; margin: 0px 5px 0px 5px;
}
/* ---------------------- центральный элемент псевдослайдшоу ----------------- */
.slide_obertka { margin : 2px; padding:3px; border: 2px solid #ecaa32; 
                 text-align:center; font-weight: bold; color: #ffc24c; text-decoration: none;
}
.slide_big { height: 300px; width:220px; border: 2px solid #ecaa32; float:left; padding: 2px 0px 0px 0px; overflow: hidden; }
.slide_smoll { height: 95px; width:288px; margin: 1px 0px 0px 2px; padding: 0px 0px 2px 2px; border: 2px solid #ecaa32; float:left; }
.slidecaasenterimg { }
.slidecenterimg:after{ background-image: url(siteimage/fon_zavitok3.gif); }
.slideimg { height: 93px; width:70px; margin: 2px 2px 2px 1px; float:left;}
.slide_smoll a { text-align:left; margin : 0px; text-decoration: none; color: #ffc24c; }
.slide_titl a { text-decoration: none; color: #ffc24c; } 
/* -------------------------------------------------------------------------------------------------- */
.banner1 { width: 468px; height: 65px; margin: 0px 0px 5px 40px; }
.anons {text-align:left; font-weight: bold; }
.dalee { text-align:center; text-decoration: none;}
/* ------------- ПРАВАЯ КОЛОНКА ПРИ ЕЕ НАЛИЧИИ ------------------------------------------------------- */
#rightmenu { width:200px; float:left; }
.menu_right { width:215px; } 
.forright { width:220px; margin: 10px 0px 0px 0px; }
.image_right1 { margin: 10px 0px 0px 0px; }
/* --------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */
/* --------- ЦЕНТРАЛЬНАЯ ЧАСТЬ ПРИ ОТСУТСТВИИ ПРАВОЙ КОЛОНКИ ----------------------------------------- */
#centerfixone { width:773px; float:left; }
.centerfixoneplato {  margin : 5px; float:left; border: 3px solid #d6bb7d; width:759px; }
.slide_obertkaone  { margin : 2px; padding:3px; border: 2px solid #ecaa32;  
                 text-align:center; font-weight: bold;  text-decoration: none;
}
.centerfix_titlone { background: linear-gradient(to bottom, #824909 15%, #8a6320 70%, #824909); float:left; width:735px;
                     margin: 0px 0px 0px 5px; padding: 15px 0px 15px 0px; color: #ffc24c;
}
.centerfix_titlone a { color : #ffc24c; text-decoration : none; }
.centerfix_textone { font-style: italic; background: #f5d990; color: #000000; text-align:center; border: 2px solid #ecaa32; 
         margin: 0px 0px 0px 5px;     padding: 10px 0px 10px 0px; line-height: 0.9em; float:left; width:731px;
}
.centerfix_textone a { color : #000000; text-decoration : none; }
.slide_titlone { background: linear-gradient(to bottom, #824909 15%, #8a6320 70%, #824909); float:left; width:460px;
              margin: 0px 0px 0px 10px; padding: 15px 0px 15px 0px; color: #ffc24c;
}
.fakty_textone { font-style: italic; background: #f5d990; color: #000000; text-align:justify; border: 2px solid #ecaa32; 
              margin: 0px 0px 20px 10px; padding: 25px 10px 15px 10px; line-height: 0.9em; float:left; width:436px;		
}
.textonebk { margin: 15px 10px 10px 10px;  } 
.textonebk:first-letter { font-size: 200%; color: red; }
.centerfix_navy { background: linear-gradient(to bottom, #824909 15%, #8a6320 70%, #824909); float:left; width:705px;
                     margin: 0px 0px 0px 0px; padding: 15px 0px 10px 40px; text-align: center;
}
/* -------------------- навигация по базе наград ----------------------------------------------------- */
.listglob { width:100%; padding:10px 0px 10px 0; }
.listmore { float:left; width:20px;  }
.navy {  width : 60px; height : 20px; float : left;
         text-align : center; color:#949494;
         border:2px solid #ffc24c;  background-color:#f3e6b3; margin:0 10px 10px 0;
         box-shadow:0 0 10px 0 #B3770F; }
.navy a { color : #000000; text-decoration : none; display: block; height: 100%; }
.bloga    { background:#fcf0af; float:left; width:230px; overflow: hidden; padding:0px 0px 10px 0; height: 350px; 
            box-shadow: 4px 4px 5px #000000;
}
.bloga p.tZ{
	display:block;
	font:bold 17px/46px Arial, Helvetica, sans-serif;
	color:#6B1420; text-align: center;
	background-color:inherit;
	margin:0;
        line-height:100%;
}
.bloga p.tZ1{ font: bold; color: #000000; text-align:justify; 
              padding: 0px 5px 5px 5px; line-height: 0.9em;  
}
.Tzimg { box-shadow: 4px 4px 5px #000000; border: 2px solid #ddd; }
/* --------------------------------------------------------------------------------------------------- */
/* ---------- ФОРМИРОВАНИЕ ФОРМЫ И ПОЛЕЙ ВВОДА ------------------------------------------------------ */
.input_form p { display:block; width: 200px; text-align:right; float:left; }
.input_form .text { display:block; width: 250px; text-align:left; float:left; border-radius:8px; }
.forml label, input, textarea, select { text-align:left; display:block; float:left; color:#000000; }
.forml label { width: 200px; text-align:right; margin: 0px 20px 0px 0px;}
.forml input, textarea, select, subbtn { text-align:center;  border: 2px solid #ddd; border-radius:8px; margin: 5px 0px 0px 0px;
                                        resize:none; outline:none; font-size:inherit; font-family:inherit; box-sizing:border-box; }
/* -------------------------------------------------------------------------------------------------- */


.onecolumn input, textarea, select, subbtn { width: 500px; }
.twocolumn { width:99%; float:left; margin:0 0 2px 0; display:block;  }
.twoleft  { float:left;  width:49%; text-align: center; display:block;  }
.twoleft label { width:29%; display:block; float:left; text-align: left; } 
.twoleft select { width:65%; display:block; float:left; } 
.tworight { float:right; width:49%; text-align: center; display:block; }
.tworight label { width:29%; display:block; float:left; text-align: left; } 
.tworight select { width:65%; display:block; float:left; } 
.treecolumn { width:99%; float:left; margin:0 0 2px 0; }
.treecolumn input.text1 { width:90%; }
.treeleft { float:left;  width:32%; text-align: center; }
.treecentr { float:left;  width:35%; text-align: center; }
.treeright { float:right; width:32%; text-align: center; }
.treecolumn input.text { width:30px; border:1px solid #cdcdcd; margin:2px 0; padding:5px 2px; height:16px; background:#fefefe; }



#search-result { width: 100%; height: 220px; border:1px solid #cdcdcd; overflow-x: scroll; overflow-y: hidden; }
.checkboxform { display:block; }
.imagetip { height: 215px; }




h3 { text-align:center; font-size: 15px; text-shadow: 1px 1px 2px #6f6f6f, 0 0 2em red; text-transform: uppercase;
        margin: 5px 0px 5px 0px;
}

.fakty_centerfix {   
                  margin : 5px; float:left; border: 3px solid #d6bb7d; 
}
.fakty_obertka { margin : 2px; padding:3px; border: 2px solid #ecaa32; background: linear-gradient(to bottom, #824909 15%, #8a6320 70%, #824909);
                 text-align:center; font-weight: bold; color: #ffc24c; text-decoration: none;
}

.copy { display:block; background: #f5d990; color: red; margin: 10px 0px 0px 0px; padding: 15px 0px 15px 0px;}


/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

.slide_imgone { float:left;  }
.slide_imgone img { width: 250px; margin: 5px 10px 10px 10px; }

.slide_obertkaone p { display:block; text-align:justify; color: black; }
                                  
.blo34ga {   text-align:center; margin:0 0px 0 0;               }
.listg234lob {   float:left;  text-align: center; margin:0 auto;           }
.listmo234re { float:left;            border-width: 0px 0px 0px 0px;            }


body fieldset { text-align:justify; text-indent: 30px; }
body fieldset legend { text-indent: 5px; }


.blosadga {	display:block;
	font:bold 17px/46px Arial, Helvetica, sans-serif;
	color:#6B1420; text-align: center;
	background-color:inherit;
	margin:0;
        line-height:100%;
}
.bloga p.rT1{
	display:block;
	font:bold 16px/23px Arial, Helvetica, sans-serif;
        text-align: center;
        line-height:100%;
	color:#B3770F;
	background-color:inherit;
	margin:0 0 0 0;                                                                  /*    */
}


.alllist { text-align: left; }
.alllist td:first-child {text-align: center;}

.selectrazd { text-align:left; }

ff.Tzimg { width: 400px;  margin: 50px auto 0;   position: relative; }


.hhh {
  
  padding: 5px; /*ширина внутренней границы*/
  background: #fff; /*цвет внутренней границы*/
}

/* -------------------------------------------------------------------------------------------------- */
a.button6 {
  position: relative; padding: .8em 2em;
  font-weight: bold; color: white; text-decoration: none;
  text-shadow: 0 -1px 1px #cc5500;
  user-select: none;
  outline: none;
  border-radius: 3px;
  background: linear-gradient(to left, rgba(0,0,0,.3), rgba(0,0,0,.0) 50%, rgba(0,0,0,.3)), linear-gradient(#d77d31, #fe8417, #d77d31);
  background-size: 100% 100%, auto;
  background-position: 50% 50%;
  box-shadow: inset #ebab00 0 -1px 1px, inset 0 1px 1px #ffbf00, #cc7722 0 0 0 1px, #000 0 10px 15px -10px;
  transition: 0.2s;
}
a.button6:hover {
  background-size: 140% 100%, auto;
}
a.button6:active {
  top: 1px;
  color: #ffdead;
  box-shadow: inset #ebab00 0 -1px 1px, inset 0 1px 1px #ffbf00, #cc7722 0 0 0 1px, 0 10px 10px -9px #000;
}



a.obl{  position: relative; display:block; float:left;
        color: #ffc24c; text-decoration: none; text-align:center;
        font-size: 15px; font-family: verdana;
        margin: 15px auto;
        
        
        width:150px;
        
        
        
        border-bottom: 2px solid transparent;
}
a.obl:hover,a.obl:focus{
        outline: none;
        border-bottom: 2px solid #eee;
}
a.obl::before, a.obl:after{
        position: absolute;
        top: 50%;
        left: 50%;
        width: 70px;
        height: 70px;
        border: 12px double rgba(0,0,0,0.1);
        border-radius: 50%;
        content: '';
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
        -moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
        transform: translateX(-50%) translateY(-50%) scale(0.2);
}
a.obl:after{
        width: 60px;
        height: 60px;
        border-width: 6px;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
        -moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
        transform: translateX(-50%) translateY(-50%) scale(0.8);
}
a.obl:hover:before, a.obl:hover:after{
        -webkit-animation: pulsate 1.2s infinite;
        -moz-animation: pulsate 1.2s infinite;
        -ms-animation: pulsate 1.2s infinite;
        animation: pulsate 1.2s infinite;
}
@-webkit-keyframes pulsate{
  30%{
        opacity: 1;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
  }
        100%{
        opacity: 0.3;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(0.5);
        }
}
@-moz-keyframes pulsate{
  30%{
        opacity: 1;
        -moz-transform: translateX(-50%) translateY(-50%) scale(1);
  }
        100%{
        opacity: 0.3;
        -moz-transform: translateX(-50%) translateY(-50%) scale(0.5);
        }
}
@-ms-keyframes pulsate{
  30%{
        opacity: 1;
        -ms-transform: translateX(-50%) translateY(-50%) scale(1);
  }
        100%{
        opacity: 0.3;
        -ms-transform: translateX(-50%) translateY(-50%) scale(0.5);
        }
}
@-keyframes pulsate{
  30%{
        opacity: 1;
        transform: translateX(-50%) translateY(-50%) scale(1);
  }
        100%{
        opacity: 0.3;
        transform: translateX(-50%) translateY(-50%) scale(0.5);
        }
}


.ccl2 { color:#ff5050; font-weight:bold; text-decoration:none; }