/* ============================================
CSS styles
Site:50 лет в составе России - Официальный сайт празднования 450-летия добровольного вхождения Башкирии в состав России  [ http://www.bashkortostan450.ru ]
Author:Kamil Kashaev [http://kashaev.com.ru]
Created date:16.02.2007 21:29 
==============================================*/
 

/* Общие */
body {
  margin:0px;
  padding:0px;
  font:1em Arial, Tahoma, Helvetica, sans-serif;
  background: url(/img/bg.png) center top repeat-x;
} 

a {color:#0384D7}
a:hover {color:#FF1F3A}

img {border:0}

#png {behavior:url(/img/pngbehavior.htc);}

p {margin:0; padding:0;}

h1 {margin:1em 0; letter-spacing:0.05em; line-height:1.4; font:bold 120% Arial, Tahoma, Helvetica, sans-serif;}
h2 {margin:1em 0; letter-spacing:0.05em; line-height:1.4; font:bold 120% Arial, Tahoma, Helvetica, sans-serif;}
h3 {margin:1em 0; letter-spacing:0.05em; font:bold 90% Arial, Tahoma, Helvetica, sans-serif;}

div.header {height:280px;}

#brrr {clear:both; margin:0; padding:0; height:3.5em;}


hr { display:block; border:0; margin:0; color:#E6E6E6; background-color:#E6E6E6; width:100%; height:1px; }
html>body hr { margin:1.5em 0; }
.hr { background-color:#E6E6E6c; height:1px; overflow-y:hidden; }
.hr-vote {clear:both; width:75%}
.clear { clear:both; height:1px; overflow:hidden; }

/*
+++++++++++++++
Сообщение при детекте флеша - swfobject
+++++++++++++++
*/

#flash-detect {
  margin:30px 60px;
  padding:3em;
  font-size:0.75em;
  line-height:1.8;
  letter-spacing:0.005em;
}

#content-body table {
  border-collapse:collapse; 
  border:0px solid #ffffff; 
  background:#ffffff url(/img/content-bg.gif) center top no-repeat;
  width:1000px;

}
#content-body td { 
  padding:0;
  vertical-align:top;
} 

/*
+++++++++++++++
Левое меню - см. menu.css
+++++++++++++++
*/

#menu{
  padding:0.2em 0 0.2em 0;
  background: url(/img/menu-bg.gif) repeat-y top left;
}

#lm{
  margin:50px 0px 2em 40px;
  padding:0 0 3em 0;
  width:255px;
  background:#ffffff url(/img/menu-bg.png) no-repeat bottom right;
  border:0px solid red;

}

#banners{
  margin:3em 0.5em 3em 0em;
  padding:0 0 3em 1em;
}

#banners img a {font-size:2em;}

#bn {margin:1em 0;}
#bn-hr {margin:2em 0 0 20px; width:90px; height:15px;background:#ffffff url(/img/hr-pic.gif) no-repeat 0 0;}

#rm{
  margin:3em 0em 0em 0em;
  padding:0 0 0em 1em;
  width:670px;
}


/* 
+++++++++++++++
Заголовки - sIFR
+++++++++++++++
*/

.h-events {
  margin:0 0 0 0.5em; 
  padding:0 0 0.25em 0.7em;
  position:absolute;
  white-space:nowrap;
  width:auto !important; 
}

h4 {margin:0;padding:0;}
h4 a {text-decoration:none;}
h4.head01, h4.head02, h4.head03, h4.head04  {font:bold 140% Times, Georgia, 'Times New Roman', Serif; padding:0.5em 0em 0.5em 1.5em; font-variant:small-caps;}

.h01 {
  color:#67A600;
  background: url(/img/h-bg-01.gif) no-repeat 0 0;
}
.h01 a {color:#67A600;}
.h02 {
  color:#179090;
  background: url(/img/h-bg-02.gif) no-repeat 0 0;
}
.h02 a {color:#179090;}
.h03 {
  color:#E9A500;
  background: url(/img/h-bg-03.gif) no-repeat 0 0;
}
.h03 a {color:#E9A500;}
.h04 {
  color:#863213;
  background: url(/img/h-bg-04.gif) no-repeat 0 0;
}
.h04 a {color:#863213;}


/* 
+++++++++++++++
Контент на обычных страницах
+++++++++++++++
*/

#content {
  margin:2em 0 2em 0;
  padding:0em 1em 0 0.5em;
  color:#424242;
/*  border:1px solid red;*/
}
#content p {
  font:normal 80% Arial, Tahoma, Helvetica, sans-serif;
  padding:0;
  margin:0.5em;
  text-indent:3em; 
  letter-spacing:0.025em;
  line-height:1.4;
  text-align:justify;
}
#content p.no-indent {text-indent:0; }
#content h1 {font-size:110%; }
#content h2 {font-size:105%; padding-left:3em;}
#content #netcat-add-form h1 {padding-left:2.5em;}
#content #netcat-add-form h2 {padding-left:2.5em;}

#content ul {
  font:normal 80% Arial, Tahoma, Helvetica, sans-serif;
  padding:0em;
  text-indent:0em; 
  letter-spacing:0.025em;
  line-height:1.4;
  margin:.5em 0em .5em 4em;
  padding:0;
}
  #content li{
    list-style-type:square; 
    margin:0;
    padding:.1em 0;
  }

  #content ul li ul li{
    font:normal 110% Arial, Tahoma, Helvetica, sans-serif;
    margin:.2em 1em 0 .2em;
    padding:0;
  }

  #content #site-map ul  {
    margin:.5em 0em .5em 2em;
  }
  #content #site-map ul li {
    font:bold 110% Arial, Tahoma, Helvetica, sans-serif;
    list-style-type:none; 
    margin:0 .5em;
    padding:0 .5em;
  }

  #content #site-map ul li ul li {
    list-style-type:square; 
    font:normal 100% Arial, Tahoma, Helvetica, sans-serif;
    margin:1em .5em;
    padding:0;
  }

  #content #site-map ul li ul li ul {
    list-style-type:disc;
    margin:1em;
    padding:0;
  }
  #content #site-map ul li ul li ul li {
    font:normal 110% Tahoma, Arial, Helvetica, sans-serif;
    list-style-type:circle;
    line-height:1.4;
    margin:0.5em;
    padding:0;
  }


  #content #site-map.rowOff {
    background-color:#ffffff;
}

  #content #site-map .rowOn {

}
  #content #site-map table {margin:0}
  #content #site-map #mapnav td {
    border-top:1px dotted #ccc; 
    padding:1em 1em 1em 0em;
}

#content img {
  margin:1em 1.5em;
  border:10px solid #EAEAEA; 
}

#content table {
  background:none;
  width:100%;
}

#content #spisok-predpr p {
  text-indent:3em; 
}

#content #spisok-predpr  h2 {
  margin:0.7em 0;
  color:#333;
}
#content #spisok-predpr hr {
  margin:0.2em 0 1em 0; height:3px;
}

#content #gb {font-size:80%;}
#content #gb .mmenu-a {font-size:80%;}
#content #gb #mmenu-b {font-size:80%;}
#content #gb hr {height:2px;}
#content #gb .frame-dashed {margin:0.2em 0; }
#content #gb #netcat-add-form {margin:0 2em; font-size:100%;}
#content #gb #netcat-add-form textarea {width:80%;}
#content #gb-author {
  margin:0.5em;
  padding:1em 1em 1em 1em;
  font:70% Tahoma, Arial, Tahoma, Helvetica, sans-serif;
  letter-spacing:0.03em;
  }
#content #gb-response blockquote {  
  background-color:#F4F4F4;
  padding:1em;
  margin:0;
  line-height:1.4;
  }

#content #gb-answer {
  border-top:solid 0px #E6E6E6;
  border-bottom:solid 0px #E6E6E6;
  margin:0em 0;
  padding:1em;
}


/* 
+++++++++++++++
Фотогалерея
+++++++++++++++
*/

#photo-objects {
  font:normal 90% Arial, Tahoma, Helvetica, sans-serif;
  margin:1em 1em;

}
#photo-objects table {
  border-collapse:collapse; 
  background:#ffffff;
  width:90%;
}
#photo-objects td { 
  padding:0.5em 0;
  vertical-align:middle;
} 


/* 
+++++++++++++++
ЧПУ - Смотрите также
+++++++++++++++
*/
#mmenu-a, #see-also img {
  border:0;
  padding:0;
  margin:0;
}


span.active-navi {
  padding:5px 7px;
  letter-spacing:0em;
  /*font-weight :italic;*/
  /*border:1px solid #EAEAEA;*/
}

div.mmenu-a {
  padding:1.75em 3em 1.5em 3em; 
  font:60% Tahoma, Arial, Helvetica, sans-serif;
  line-height:2.2;
  color:#616F74;
  letter-spacing:0.01em;
  line-height:1.8;
  width:600px !important;  
}

.top {border-bottom:3px solid #d8d8d8;  margin:2.5em 0 0.2em 0;  }
.bottom {border-top:3px solid #d8d8d8;  margin:0.5em 0 2.5em 0; }

div.mmenu-a a:link {
  color:#616F74;
  text-decoration:none;
  margin:5px;
  padding:5px;
  }
div.mmenu-a a:visited {
  color:#616F74;
  text-decoration:none;
  margin:2px;
  padding:5px;

}
div.mmenu-a a:hover {
  color:#FF1F3A;
  background:#ffffff;
  }

/*  */
div.frame-gray {background:#F5F5F3; position:relative; //width:100%; }

div.frame-gray-tl, div.frame-gray-tr, div.frame-gray-br, div.frame-gray-bl {position:absolute; width:10px; height:10px;}

div.frame-gray-tl {top:0; left:0; background:url('/img/frame-gray-tl.gif') 0 0 no-repeat;}
div.frame-gray-tr {top:0; right:0; background:url('/img/frame-gray-tr.gif') 0 0 no-repeat;}
div.frame-gray-br {bottom:0; right:0; background:url('/img/frame-gray-br.gif') 0 0 no-repeat;}
div.frame-gray-bl {bottom:0; left:0; background:url('/img/frame-gray-bl.gif') 0 0 no-repeat;}

* html div.frame-gray-tr, * html div.frame-gray-br {right:expression( this.parentNode && this.parentNode.offsetWidth % 2 ? -1 :-0 );}
* html div.frame-gray-br, * html div.frame-gray-bl {bottom:expression( this.parentNode && this.parentNode.offsetHeight % 2 ? -1 :-0 );}

div.see-also {
  float:right; 
  margin:0em 1em 1em 2em; 
  padding:1.5em 2.5em; 
  width:auto !important; 
  font:60% Tahoma, Arial, Helvetica, sans-serif;
  line-height:2.2;
}

div.see-also a {
  color:#0384D7;
  padding:5px 7px;
  }
div.see-also a:hover {
  color:#FF1F3A;
  background:#fff;
    text-decoration:none;
  }

/* Dashed frame */
div.frame-dashed {background-color:#f5f5f5;  border:1px dashed #b2b2b2; position:relative; //width:100%;}

div.frame-dashed-tl, div.frame-dashed-tr, div.frame-dashed-br, div.frame-dashed-bl {position:absolute;}

div.frame-dashed-tl {top:-1px; left:-1px; width:9px; height:10px; background:url('/img/frame-dashed-tl.gif') 0 0 no-repeat;}
div.frame-dashed-tr {top:-1px; right:-1px; width:11px; height:14px; background:url('/img/frame-dashed-tr.gif') 0 0 no-repeat;}
div.frame-dashed-br {bottom:-1px; right:-1px; width:12px; height:14px; background:url('/img/frame-dashed-br.gif') 0 0 no-repeat;}
div.frame-dashed-bl {bottom:-1px; left:-1px; width:14px; height:12px; background:url('/img/frame-dashed-bl.gif') 0 0 no-repeat;}

* html div.frame-dashed-tr, * html div.frame-dashed-br {right:expression( this.parentNode && this.parentNode.offsetWidth % 2 ? -2 :-1 );}
* html div.frame-dashed-br, * html div.frame-dashed-bl {bottom:expression( this.parentNode && this.parentNode.offsetHeight % 2 ? -2 :-1 );}


#map-menu {
  color:#616F74;
  font:bold 90% Arial, Helvetica, sans-serif;
  padding:0; 
  margin:0 0 2em 0 ; 
  letter-spacing:0.01em;
}


/* 
+++++++++++++++
mmenu-b - Низ контентной части - 
+++++++++++++++
*/

#mmenu-b {
  color:#6D6578;
  font:60% Tahoma, Arial, Helvetica, sans-serif;
  padding:2em 3em 2em 3em; 
  margin:0 1em 0 0;  
  letter-spacing:0.01em;
  border-top:3px solid #d8d8d8;   

}
#mmenu-b img {margin:0px; padding:0px; }
#mmenu-b a {
  color:#616F74;
  text-decoration:underline;
  padding:14px 7px;
  }

#mmenu-b a:hover {
  color:#FF1F3A;
  background:#F5F5F3;
  text-decoration:none;
}
#mmenu-b img {
  border:0;
  padding:0;
  margin:0 0 -0.5em 0;
  }


/* 
+++++++++++++++
Последняя новость
+++++++++++++++
*/

.last-event {
  margin:2em 0 2em 0;
  padding:0;
  }

#last-event-pic-bg  {
  float:left; 
  padding:17px 20px;
  margin:0 0em 0 0.2em;
  background:url(/img/item-pic-bg.png);
}

* html #last-event-pic-bg{
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/item-pic-bg.png', sizingMethod="crop");
}

.last-event-pic  {
  margin:0;
  padding:0px;
  background: url(/img/h-bg-01.gif) no-repeat bottom left;
}

.last-event-item {
  font:1.5em 'Times New Roman', Serif;
  line-height:1.3;
  margin:0.5em 0em 0.5em 1.25em;
  float:left;
  width:40%;
  }

.last-event-item a {
  color:#345B6C;
  text-decoration:underline;
  }
.last-event-item a:hover {
  color:#FF1F3A;
  }

.last-event-author {
  float:right;
  color:#81817F;
  font:normal 60% Arial, Tahoma, Helvetica, sans-serif;
  line-height:1.7;
  letter-spacing:0.05em;
  border:solid 1px #EDEDED;
  margin:1em 1em 0 1em;
  padding:15px 15px 15px 25px;
  width:273px;
  background:#ffffff url(/img/item-author-bg.gif) top left no-repeat;
}

.last-event-author a {
  color:#767676;
  text-decoration:underline;
  padding:5px 7px;
  border:0px solid #ffffff;
  }
.last-event-author a:hover {
  color:#FF1F3A;
  background:#ffffff;
  text-decoration:none;
  }

.last-event-short {
  margin:1em 1em 0 1em;
  padding:1.5em 1em 1.5em 0em;
}

.last-event-short p {
  color:#424242;
  font:normal 90% Arial, Tahoma, Helvetica, sans-serif;
  padding:0em;
  text-indent:4em; 
  letter-spacing:0.025em;
  line-height:1.4;
  text-align:justify;
}

  .last-event-short a {
    text-decoration:none;
  }

/* 
+++++++++++++++
Лента событий
+++++++++++++++
*/

#events {
  width:660px;
  height:260px;
  margin:1em 0;
  padding:2em 0 1em 0;
  background:url(/img/panel01-bg.gif) top left repeat-x;
  border-left:2px solid #EBEBEB;
  border-top:1px solid #EBEBEB;
}
#event-a  { margin:0 0.75em 0 0.5em;}

#event-b  { margin:0 0.5em 0 0.5em;}

#content #events #event-a  {margin:0 0.75em 0 0.5em;}
#content #events #event-b  {margin:0 0.75em 0 0;}

/*  border:1px solid RED; */
#event-a {
  width:300px;
  height:auto;
  float:left;
  background: url(/img/event-bg.gif) top center no-repeat;    
}

#event-b {
  width:300px;
  height:auto;
  float:right;
  background: url(/img/event-bg.gif) top center no-repeat;
}

.head {
  margin:1em 2em;
  padding:2em 0 0 0;
  color:#345B6C;
  font:bold 11px Arial, Tahoma, Helvetica, sans-serif;
  letter-spacing:0.05em;
  line-height:1.5;
  background:url(/img/event-head-bg.gif) top left no-repeat;
}

  .head a {
    color:#345B6C;
    text-decoration:underline;
  }

  .head a:hover {
    color:#FF1F3A;
  }

.date {
  margin:0.75em 2em;
  padding:0;
  font:normal 70% Arial, Tahoma, Helvetica, sans-serif;
  color:#808080;
}

.date a {
  color:#767676;
  font:bold 90% Arial, Tahoma, Helvetica, sans-serif;
  text-decoration:underline;
  padding:0.5em 0.75em;
  border:0px solid #ffffff;
  }

.date a:hover {
  color:#FF1F3A;
  background:#ffffff;
  text-decoration:none;
  }

.description {
  margin:1em 2em;
  padding:0;
  font:11px Arial, Tahoma, Helvetica, sans-serif;
  letter-spacing:0.03em;
  line-height:1.5;
  text-indent:2em;
  color:#444444;
  text-align:justify;
}


#content .description {
  font:14px Arial, Tahoma, Helvetica, sans-serif; margin:0em 1.6em;
}
#content .description p {
  text-indent:0em;
  margin:0;
}

#content #news-item  p {
  text-indent:0em;
  margin:0;
}

#content #news-item  h2 {
  margin:1em 0;
  padding:0 1em;
}
#content #news-item  hr {
  margin:1em 0; height:2px;
}


/* 
+++++++++++++++
Медиа и Опрос
+++++++++++++++
*/

#media-poll {
  width:650px;
  height:200px;
  margin:1em 0 0 0;
  padding:2em 0 0 0;
  background:url(/img/panel02-bg.gif) top left repeat-x;
  border-left:2px solid #EBEBEB;
  border-top:1px solid #EBEBEB;
}

/*  */
#media-poll-a {
  margin:0 0.5em;
  width:335px;
  float:left;
  background:url(/img/panel02-a-bg.gif) top center no-repeat;   
}
#media-poll-a .m-photo {
  margin:1.5em 0.5em 0.5em 0.5em;
  background:url(/img/media-photo-bg.gif) top left no-repeat; 
  padding:1em 0 0 0;
}
#media-photo {margin:0; padding:0;}

/*  */
#media-poll-b {
  margin:0;
/*  border:1px solid RED;  */
  width:280px;
  height:auto;
  float:right;
  background:url(/img/poll01.gif) no-repeat 50% 4em;
}

#poll {
  margin:5em 0;
  padding:1em 0 4em 0;
  font:68% Arial, Tahoma, Helvetica, sans-serif;
  letter-spacing:0.05em;
  line-height:1.5;
  text-indent:0em;
  color:#444444;
  text-align:center;
  background:url(/img/poll02.gif) no-repeat bottom;
}
#poll table {
  border-collapse:collapse; 
  background:none;
  width:100%;
  background:url(/img/poll03.gif) no-repeat 50% 60% ;
}
#poll td { 
  padding:0.1em 3.5em;
  vertical-align:middle;
} 

#poll-inner table {
  border-collapse:collapse; 
  background:none;
  width:80%;
}
#poll-inner td { 
  padding:0 0.5em;
  vertical-align:top;
} 

#poll-inner{width:90%}
#poll-inner hr {margin:1em; height:0.1em;}
#poll-inner img {border:0}

#content #poll-inner img {
  margin:0;
  border:0 solid #EAEAEA; 
}

#question { 
  padding:1em;
} 

td.votes { 
  padding:1em;
} 

#vote {
  margin:0;
  padding:0;
  font:88% Tahoma, Helvetica, sans-serif;
  letter-spacing:0.02em;
  text-align:left;
  position:relative; 
  clear:both;
}
.vote-a {
  float:left;
  margin:0.5em 0 0.5 1em;
  padding:0;
  width:5px;
  text-align:right;
  background:#E6E6E6;
}
.vote-b {
  float:right;
  margin:0 1.5em;
  padding:0 3em 0 0em;
  width:135px;
  padding:0;
  text-align:left;
  line-height:1.5;
  /*border:1px solid RED;*/
}
#vote input {
  border:none;
  margin:0; padding:0;
}


/* 
+++++++++++++++
Footer
+++++++++++++++
*/


#footer-body table {
  border-collapse:collapse; 
  width:1000px;
  background:#ffffff url(/img/footer-bg.gif) center top no-repeat;

}
#footer-body td { 
  padding:5.25em 0em;
  vertical-align:middle;
  color:#40494D;
  font:normal 68% Arial, Tahoma, Helvetica, sans-serif;  
} 

#footer-body td { 
  letter-spacing:0em;
  line-height:1.8;
} 


#footer-body .col01 { 
  width:320px;
  background: url(/img/footer-col-bg.gif) 50% 5em no-repeat;
  text-align:center;
}

#footer-body .col02 { 
  width:500px;
  background: url(/img/footer-col-bg.gif) 50% 5em no-repeat;
}
#footer-body .col02 .contact-address { 
  float:left; width:45%;
  padding:1em 0 1em 4em;
  border-left:2px solid #E1E6E0;
}
#footer-body .col02 .contact-tel { 
  float:right; width:25%; text-align:right;
  padding:1em 4em 1em 0;
  border-right:2px solid #E1E6E0;
}

#footer-body .col03 { 
  background: url(/img/footer-NWRR.gif) 50% 8em no-repeat;
  
}









.gal_cloud_up{
  background :url(gal_clou.png); 
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/gal_cloud_up01.png',sizingMethod='scale');
  width :180px;
  height :16px;
  //background :none; 
}
.gal_cloud_mid{
  background :url(gal_clov.png) bottom no-repeat;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/gal_cloud_mid01.png',sizingMethod='scale');
  width :180px;
  //background :none; 
}
.gal_cloud_down{
  background :url(gal_clow.png); 
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/gal_cloud_down01.png',sizingMethod='scale');
  width :180px;
  height :35px;
  //background :none; 
}
.hinttext {
  margin :0px 5px 0px 62px;
  font-size :60%;
  padding :0;
}
.hinttext P{
  margin :0;
  padding:0;
}
.galann {
  color :#e61b38;
  font-weight :bold;
  font-size :110%;
}

#dhtmltooltip{
position:absolute;
left:-300px;
width:180px;
visibility:hidden;
z-index:100;
}

#dhtmlpointer{
position:absolute;
left:-300px;
z-index:101;
visibility:hidden;
}



#fl {font:.6em Arial; color:#D4D4D4; width:750px; text-align:center; margin:0 auto; padding-bottom:2em;}
#fl a {color:#D4D4D4 }


#counters {
	text-align:center;
}

#counters img{
	filter:alpha(opacity=5); opacity:0.5; -moz-opacity:0.5;
}