body{font-family:Arial,Helvetica, sans-serif; line-height:135%;  font-size:16px;  }

h1,h2,h3,h4{font-weight:normal; line-height: 120%;}
h6{font-size: 0.85em;}

p{margin:10px 0;}
a{ text-decoration: none; transition: 100ms; color:#0078DB;}
a:hover{ text-decoration: underline;}
.spanlink {color: #0078DB; cursor:pointer;}
.spanlink:hover {color: #0078DB; text-decoration: underline;}

input, textarea, select {margin: 5px 0; padding:4px; font-size: 100%; }
big,.big{ font-size: large;}
.small{font-size:75%;}
.center{text-align:center;}
.r{float:right;}
.l{float:left;}
.c{text-align: center;}

.clearfix{ clear:both;}
.red {color:#FF0000;}
.warning{ margin: 20px 0; padding:10px;  border: solid 1px #4F73FF;  display: inline-block; }
.del_img{ position: relative; top:25px; margin-top: -20px; background-color: red; color: #fff; border: none;  display: block;}
.del_file{ background-color: red; color: #fff;  border: none; }
.attach{margin: 20px 0; background-color: #f2f2f2; padding: 20px;}
.img_edit img, .file_edit{ border: solid 1px #777;  border-radius:5px;}
.img_edit, .file_edit{  margin-bottom: 20px;  padding:0 5px;}
.img_edit img{ width: 99%;}
.d{clear:both;  margin: 0 0 20px; padding-bottom: 20px;  border-bottom: dotted 3px #ccc; }
.dd{clear:both;  margin: 0 0 20px; padding-bottom: 20px;  border-bottom: dotted 3px #bbb; }
.d_up{border-bottom:dotted 3px #bbb; position: relative; top: -25px; height: 5px; background-color: #fff;}

.nobr{white-space:nowrap;}
.ftd{display:none;}
.block{display: block;}
.big{ opacity: 0.75; transform: scale(1.1); }
.big:hover{opacity:1; transform: scale(1.2);}

#menubutton,#toTop {position:fixed; z-index:999; background-color:#0078DB; overflow: hidden; width:47px; height:47px;}
#menubutton:hover,#toTop:hover {background-color:#bbb;}
#toTop {bottom:0px; right:0px;}
#menubutton img, #toTop img{width:47px; height:47px;}


#line{border-top: solid 2px #4D84EA;}

#header{}
#site_name{padding:30px 0 10px 0; font-size:15px;color:#111;  letter-spacing: 0px;    display: inline-block;}
#site_description{font-size:0.7em; line-height:120%;}
#logo{display:block; height:50px; float:left;  text-decoration:none;}

#logo img{ display: none; margin-right: 15px;}
#logo img:hover{opacity:0.85;}
#socnet,#donate{overflow:hidden; display:inline-block; font-size:0.9em; margin-top:20px; padding:0 15px; border-left:solid 1px #0078DB;  float: right;  letter-spacing: 0px; text-align: center;}
#socnet img{ width:40px; margin:5px 8px 0;}
#socnet img:hover{ opacity:0.8;}
#SOC_NET{margin-top:5px;}

#donate{width:80px; height:76px;   display: inline-block; }
#donate span{  margin-top: 16px; display: block;}

#header-bottom{height:38px; margin-top:7px; background-color:#4D84EA;   overflow: hidden;}
#menu_hor{overflow: hidden;}

#menu_hor table{width:100%;}
#menu_hor td{border-right:solid 1px #ccc; text-align:center;}
#menu_hor td a, #menu_hor td b{color:#fff; display: inline-block; text-align:center; white-space:nowrap; height:38px; line-height:38px; text-decoration:none; letter-spacing:1.2px;}
#menu_hor a:hover{ color: #000;  background-color:#dedede;}
#menu_hor a.pref:hover img{ opacity: 0.7;}

#search{display: block; white-space: nowrap; margin: 0;}
#search_button{background: none; border:none; padding:0; margin:0; position: relative; top:6px; cursor:pointer; width:20px; overflow: hidden;}

#search_button img:hover{ opacity: 0.75;}

#td-search{width:90%;}
img.account{height:20px; width:auto; vertical-align:middle;}
#menu_hor td a,#td-search,#menu_hor td b { padding: 0px 15px;}
#map{width:25px;  background-image:url(../img/map.png); background-repeat:no-repeat; }

#search_word{width:90%;}
.translate {  display: inline-block; margin: 5px 0; padding: 10px 10px 10px 55px;  background-image: url(../img/trn.png);  background-repeat: no-repeat; }



#spec_project,#similar{border: solid 1px #eee; overflow: hidden;   background-color: #f2f2f2; padding:10px 8px 10px 13px; border-radius:2px;  margin: 20px 0;   line-height: 180%;text-transform: uppercase;}
#spec_project a, #similar a { display: block; line-height: 120%; text-transform:none;   margin:15px 1px 0; font-size: 0.85em;clear: both; overflow: hidden;}



#khpg_blogs{ overflow: hidden;  margin: 40px 0 0;}
#khpg_blogs h3{text-transform: uppercase; margin: 0 0 0 56px;  color: #777;}
#khpg_blogs a{display:block; text-transform:none; margin-left:56px; font-size:0.85em;}
#khpg_blogs img{width:46px; height:46px;  float: left; border-radius:23px;}
#khpg_blogs p{margin:20px 0px 20px 0px; padding:0;  line-height: 135%;}
#khpg_blogs i{ letter-spacing: 0.5px; font-size: 1.1em;}

#khpg_stat{border: solid 1px #ddd; overflow: hidden;  padding:15px 10px; border-radius:2px;  margin: 20px 0;   line-height: 135%;font-size: 0.9em; background-color: #DAE6FB;}
#khpg_stat h3{ text-transform: uppercase;  line-height: 125%; margin-bottom: 10px;
}

#advertisement{border: solid 1px #ddd; overflow: hidden; padding:10px 8px 10px 13px; border-radius:2px;  margin: 20px 0; line-height: 130%; color: #000; display: block; color: #000000; font-size: 0.9em;}
#advertisement h3{color:#FF4500; letter-spacing: 0.5px;  margin-bottom: 10px; font-weight: bold; }
#advertisement:hover{ text-decoration:none;}
#advertisement:hover h3{ text-decoration: underline;}
#advertisement img{width: 100%; height: auto;}




#menu{clear:both; transition-delay:500ms;  margin: 20px 0; }
#tree{ border: solid 1px #eee; overflow: hidden;  background-color: #f2f2f2; padding:5px 0px 10px 5px; border-radius:2px; }

#menu ul{display:block;}
#menu li{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select:none; list-style:none; list-style-position:outside; line-height:250%; margin:0px;}
#menu a{display:block;  text-decoration:none;  }
#menu a:hover{text-decoration:underline;}
#menu li.active a{font-weight:bold; }
#menu a span{display:block; background-repeat:no-repeat; padding-left:25px;padding-right: 10px;}
#menu a .sub{background-image: url(../img/arr.png); background-position:3px 12px;}
#menu a.open .sub {background-image: url(../img/cl.png);  background-position:3px 12px;}
#menu ul li ul li a .sub{ background-position:3px 0px;}
#menu ul li ul li a.open .sub { background-position:3px 0px;}

#menu ul a{text-transform:uppercase; letter-spacing:1.2px;font-size:1.05em;color:#000;  }
#menu ul ul a{text-transform: none;line-height: 107%; font-weight: normal;font-size:0.95em;color:#3271E7;  letter-spacing:0px; position: relative; left:0px;}
#menu ul ul li{margin:9px 0; }
#menu ul ul ul a{padding:0px 10px 0px 20px;}
#menu ul ul ul ul a{padding-left:45px;}



#filtr {display:block; margin:0 0 20px 0; padding:20px 20px 0 20px; background-color:#f2f2f2; }
#filtr ul {display:block; margin: 0; padding: 0 0 20px 0; }
#filtr li{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select:none; list-style:none; list-style-position:outside; line-height:140%; margin:0px; padding: 0;}
#filtr a{text-decoration:none; color: #0000CD; font-size: 0.85em;  }
#filtr a:hover{text-decoration:underline;}
#filtr li.active {font-weight:bold; }
a#filtr_switch{display:block; padding: 3px 15px; background-color: #1E90FF; color: #fff; text-transform: uppercase; display: inline-block; margin-bottom:20px;}







#alphabet{margin:20px 0;}
#list li{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select:none; list-style:none; list-style-position:outside; line-height:120%; margin:10px 0px; font-size: 0.9em;}
#list li a{color:#000; }


#main{   overflow:hidden;     }
#main h1{font-size:2em; margin:10px 0 5px; font-weight:normal;font-family: Georgia, serif; max-width: 650px; line-height: 110%; }
#main h1 a, #main h1 span {color:#1E90FF; text-decoration:none;}
#main h1 a:hover, #main h1 span:hover{text-decoration:underline;}

#main h2{font-size:1.8em; margin:5px 0 15px;  color:#000; }


.nodate{  margin:10px 0; text-decoration:none; color:#000;}
.nodate:hover{text-decoration:none; color:#0000b3;}
#nodate_list{ margin-top:10px; padding-top:10px; border-top:solid 1px #ccc; }



a.listlink{display: block; text-decoration: none; color: #000; }
a.listlink:hover h3{ }
.date{color:#00B027; font-size:0.9em; margin: 0;}

.details{margin:0 0 10px 0; color:#aaa; }

.short_page_text{ margin:10px 0 20px 0; font-weight:600; font-size: 18px; max-width:640px;}

footer{font-size:0.9em; border-top: solid 1px #ddd; background-color: #f2f2f2; overflow: hidden;color: #555; margin-top: 20px; padding: 20px 0 0px;}

#site_warning_bottom{margin:0px 27% 0px 10px;}

#news_chanal{ float: right; width:24.75%; padding:0 20px;}
#news_chanal a{ display: block; margin-bottom: 10px;}
#news_chanal img{ width:30px; height: auto; vertical-align: middle; margin-right:5px; }


#soc{margin:10px 0; color:#555; text-align:center;}
#soc span{display:block; text-align:center;}
#soc img{margin:7px; width:30px; height: auto; border-radius:18px; vertical-align:middle; border: solid 1px #000;}
#soc img:hover{ opacity: 0.75;}



.page { max-width:650px;padding-bottom:0px; font-size: 18px;line-height: 135%;}
#main .page h2{padding:30px 0 10px; margin: 0; font-size:1.6em;}
#main .page h3{padding:20px 0  7px; margin: 0; font-size:1.3em;}
#main .page h4{padding:20px 0  7px; margin: 0; font-size:1.1em;}

.page img{width:99.9%; height:auto; margin:15px 0 15px; display:block;}
.img_description{ margin:-10px 0 15px; background-color: #f2f2f2; padding: 10px; line-height: 110%; font-size: 0.9em; font-style: italic; }
.page img.tmb {width:30%; height:auto;  display: inline; margin:0;}
.page img.ltr{width:16px; height:16px; display:block; margin:-16px 0 0; position: relative; left: 5px; top:22px;}

.tmb_ltr{cursor:pointer; margin:10px 0;}
a.plus{ display: inline-block; padding:0 6px; font-weight: bold; color: #fff; background-color:#5F9EA0; font-size: 1em; text-decoration: none; cursor: pointer;}
a.plus:hover{background-color:#4D7E80;}

.page blockquote{
  padding: 5px 0px 10px 50px;  background-color: #E8F0FC; font-style: italic; font-weight: bold; 
}




.page ul{list-style-position:inside; margin-left: 30px;}
.user-info {line-height: 130%; padding-bottom: 5px; margin: 0px 0 15px; margin-bottom: 40px;}
.user-info b{ font-weight: normal; color: #D2691E;}

.rm{ margin: 20px 0 0; width: 99%;}

.comments{border-top:solid 1px #ddd; padding-top: 10px; margin:20px 0;}
.comments img.avatar {float: left; margin: 0px 30px 0px 0;	width: 50px; }
.comment{line-height:120%; background-color:#fff;  border-left: solid 1px #d3d3d3;border: solid 1px #ddd; border-radius: 2px;   margin: 20px 0; padding:15px; overflow: hidden;  width: 66%; }
#comment_form{background-color: #f4f4f4;}
.delcomment{color: #FFF; background-color: #FF0000; padding: 3px 7px; float: right; margin: 0 0 20px 20px; }
.comment  textarea{margin: 7px 0; }
.delcomment{float:right;}
.reply_comment {color: #FFF; background-color: #008000; padding: 3px 7px; float: left; margin: 0px; }




.navigator{margin:30px 0px 0; text-align:center; font-size:1.1em; color:#999; line-height:170%;}
.navigator a, .navigator b{ margin:0 0 15px 8px;}
.navigator a{  color:#0000FF;}

.modalDialog {position:fixed; top:0; right:0; bottom:0; left:0; background: rgba(0,0,0,0.85); z-index: 99999; 	display:none; 	pointer-events:none;pointer-events: auto;}

.modalDialog > div {border-radius: 2px; position: relative; margin:10% auto; padding:20px; background: #eee; width:250px; line-height: 150%; font-size: 1.1em;}
.close { cursor: pointer;  color:#000;  position:absolute; right:7px; top:5px;  text-decoration: none; font-size:2em;}
.close:hover { color: #FF0000; text-decoration: none; }
.modalDialog_input  { border: solid 1px #000;  padding:5px;  border-radius:2px; width: 100%; margin: 7px 0; font-size: 1.1em; letter-spacing: 0.5px;  }













.carousel{background-color: #fff; }
.carousel img{width: 100%; height: auto; }



.tbl{border-collapse:collapse; clear:both; color: #000;background-color: #FFFFFF; }
.tbl tr:first-of-type{ background-color: #777; color: #fff;}
.tbl tr.title{ background-color: #eee;}
.tbl td{padding: 10px;  }
.tbl, .tbl tr, .tbl td { border: 1px solid #ccc;  }

#discount{ padding: 10px 15px; font-size: 1.1em; color: #fff; background-color:#778899; line-height: 150%;}
#order_link a{ display: block; padding: 10px 15px; font-size: 1.1em; color: #fff; background-color: #4F73FF;  line-height: 150%; text-decoration: none}
#order_link a:hover{background-color: #FFA500;}
.basket{margin: 20px 5px;}
.delivery_form input{ width:99%;}



.button {color:#FFF; background-color:#4F73FF; padding:7px 10px; text-decoration:none; border: solid 1px #fff; margin:0; font-size: 0.9em; display: inline-block;}
.button:hover{ background-color: #aaa; color: #fff; text-decoration: none}


.button_e{ color: #FFF;  background-color:#4F73FF ; padding: 10px; margin:0 10px 0px 0; border-radius:2px; text-decoration:none; font-weight:bold; line-height: 45px;  }
.button_e:hover{ background-color: #D2691E; color: #fff;}



#accountbl{padding-bottom:20px; margin-bottom:20px; border-bottom:solid 2px #FF8C00;}

.redblock{ padding: 10px; background-color: #FF0000; color: #FFFFFF; margin: 20px 0;}







.cell {vertical-align:text-top; overflow:hidden; width:150px; margin:0; padding:0;
display: -moz-inline-stack; /* ?? FF ?? 3  */
display:inline-block;
*display:inline; /* ?? ? 6, 7 */
zoom:1; /* ?????layout fix ?? ?6 */
}


#section_left{display:none;}
#section_main{display:block; margin: 0 10px;}

.comm_info{line-height:190%;}



.mfiles{color:#f2f2f2;}
.MultiFile-title{color:#008000;}
#account_text{display:none;}
.category{float:right; height:35px;  position:relative; top:-20px; line-height: 35px; width: 70px; text-align: center; color: #fff; font-weight: bold; border-radius: 0 0 0 20px; }
#result{height:30em; overflow:hidden;}
#show_result_button {margin: 25px 0; display: inline-block;}




#first_news{display: block; margin: 20px 0 10px;color: #000; background-color: #f2f2f2; padding:30px;  }
#first_news_f{  overflow: hidden;  }
#first_news:hover{ text-decoration: none;}

#first_news img{display:block; float:left; margin: 0 0 15px 0; width:99%;}
#first_news h3{font-family: times new roman,Times,serif; font-size:1.6em; line-height: 115%;color: #3271e7; letter-spacing:0.5px; margin: 20px 10px 0px 0;   }
#first_news .short{clear:both; padding:5px 0; }


.tmb img{width:100%; height: auto;}
#home_news{margin:20px 0 0; width:45.5%; float: left;}
.d-news,.d-news-plus { padding-top: 15px; margin-bottom:15px; clear: both; }

#home_news .tmb{display:block;  margin:0 0px 5px 0;}
.short {font-size:0.9em; margin-top:5px;  }


.cel{ overflow: hidden;  width: 95%; margin-top: 30px; }
.cel .tmb img{width:25%; display: inline-block; float: left; margin-right:20px; margin-bottom:3px;}
.cel h3{ }
.cel .short{  padding:0;}

#morenews{ clear: both;}
#morenews .tmb img{width:25%; display: inline-block; float: left; margin-right:20px; margin-bottom:3px;}





#home_news_plus{margin:20px 0 0; padding-bottom: 10px; width:49%; float:right; background-color:#f2f2f2; border: solid 1px #ddd; overflow: hidden;}
#home_news_plus_in{margin: 0 15px ;}
#home_news_plus .tmb{display:block; margin-bottom:5px;}
#home_news_plus h3, #home_news h3 , a.listlink h3 { font-family: times new roman,Times,serif;  color: #3271E7; font-size: 1.6em; line-height: 110%; text-decoration: none;}
a.listlink h3{ margin:5px 0;line-height: 110%; }


.important_link, .subscribe_link, .more{ overflow:hidden; font-size:0.9em;  border-radius:16px 0 0 16px;  margin-top: 10px; border: solid 1px #4D84EA; color:#00008B; padding:7px 10px 5px 30px; display: block; background-color:#4D84EA; color: #FFFFFF; text-transform: uppercase;  letter-spacing: 0.5px; }
.more{  float: right; letter-spacing: 0.5px; position: relative; top:-5px;  }
.subscribe_link{ background-color: #4682B4; }
.important_link:hover, .subscribe_link:hover{background-color:#f2f2f2; color:#000; text-decoration: none;}
.source, .author{ font-size: 0.9em; margin:5px 0; max-width: 650px;  }
.source .r{padding: 3px 10px; background-color:#f2f2f2; color:#888; border-radius: 12px; margin: 0px 0 10px 50px;}
.source .r a{}





.carousel{margin:0px auto; width:100%;}
.carousel-wrapper {
   margin: 0px 30px 10px 0; /* отступы для стрелок */
   overflow: hidden; /* скрываем содержимое, выходящее за рамки  */
   position:relative;
}
.carousel-items {width:20000px;position: relative;}
.carousel-block {display: table-cell; vertical-align: middle;  width:135px;padding:5px 18px; background-color: #eee;  overflow: hidden; border-right: solid 1px #fff; border-right: solid 1px #fff; color: #000; vertical-align: middle; text-align: center; font-size: 0.85em;  text-transform: uppercase; }
.carousel-block:hover{background-color:#ccc; text-decoration:none;  color: #000; }

.carousel-button-right { text-decoration:none;float: right; color: #1485EE; font-size: 1.5em;  padding:16px; font-weight: bolder;}
.carousel-button-right:hover{color:#0000CD; text-decoration: none;}






#specprojects{ padding: 25px 15px 15px 30px; background-color: #f2f2f2; margin: 0px 0;}
#specprojects h2{letter-spacing:0.5px; margin-bottom:15px; letter-spacing:0.2px; font-size: 1.05em;}
#specprojects a{display:block; margin: 12px 0; color:#3271E7;}




#special_topic{clear: both; overflow: hidden;font-family: times new roman,Times,serif;}
#special_topic img{ width: 100%; height: auto;}
#special_topic h3{  font-size:42px; color: #4169E1;border-bottom: solid 2px #87CEEB; }
#special_topic a{ display:block; margin:10px 0; font-size: 1.3em;}

.sections{ margin:20px 0 0px; }
.sections a{ color:#b38600; }

#periodic{margin: 30px 0;}
#periodic h2{font-size: 26px; margin: 20px 0 0; text-transform: uppercase;}
#periodic h3{font-size: 1.1em;  margin:0 7px 7px 0;}
#periodic h3.num{display: inline-block; padding:3px; background-color:#0000CD; color:#fff;}
#periodic h3.num:hover{ background-color: #1E90FF; }
#periodic h3.num a, #periodic h3.num a:hover{color:#fff; text-decoration:none;}
.pm_2 {display: inline-block; color:#555; padding:1px 0px;margin: 20px 0 5px;  border-bottom: solid 1px #000; text-decoration: none; font-size: 0.85em; font-weight: bold;}
.pm_2:hover{text-decoration:none;}
.pm_3{display: block; margin: 8px 0;}
#periodic_contents{ border-bottom: solid 5px #ddd; padding-bottom: 30px; margin-bottom:40px;}
.rzd{ padding: 5px 10px; background-color: #A9A9A9; color: #fff; }
.rzd:hover{text-decoration: none;}
.delimiter{margin-bottom:40px; padding-bottom:0px; border-bottom:solid 3px #ddd;}

.abc{display:block;  margin:7px;}
.abc:first-letter{ font-weight: bold;  font-size:1.3em;}




#donate_block{margin: 30px auto;border: dashed 2px #444; border-radius: 10px; background-color: #e3def0;  }
#donate_ramka{ margin: 25px 15px;}
#donate_block h2{font-size:1.95em; line-height: 115%;}
#donate_block h3 a{font-size:1.1em; width:220px; margin: 20px auto; border: solid 3px #444; border-radius:15px;  background-color:#ff6a00; color: #fff; display: block; padding:10px; line-height: 140%; letter-spacing: 1px; text-align: center;   }
#donate_block h3 a:hover{  background-color:#D65900;}
.page #donate_block p{ margin: 8px 0;}
#donate_block iframe{    height: 160px; impotant!}






.page td,.page th{font-size:0.85em; padding: 3px; border:1px solid #ccc;}
.page table {border-collapse:collapse; width:100%px; }
.page tr:first-child {background: #E3ECFB;}
.table-wrapper {overflow-x:auto; }

.page table .thide td, .page table .thide th{border:none; padding:10px; text-align: center; border-left:5px solid #fff; border-right:5px solid #fff; border-top:0; border-bottom:0; background-color:#f7f7f7; }
.page table .thide tr:first-child {background-color:#f7f7f7;}
.page table .thide img {display: block; width: 75%; margin: 16px auto;}

#donors{padding:20px; background-color: #f4f4f4; font-size: 0.85em; font-style: italic; margin: 20px 0 5px;}



.page ol li {
    list-style: decimal
    list-style-position: inside;
    margin: 10px 0 10px 30px;
}
.page ul li {
    list-style: disc;
    list-style-position: inside;
    margin: 10px 0 10px 0px;
}


#pref{margin-top:25px; border-top:solid 1px #aaa;  padding:10px 0 5px; font-size: 0.85em;}
#pref form{ margin: 0 10px;}
#pref input{ position: relative; top: -2px;}

@media screen and (min-width: 330px) {
#search_word{width:22vw; border-radius:13px 0 0 13px; border:none; padding-left:15px;}

#menu a{font-size:1.2em;}
}



@media screen and (min-width: 420px) {
#search_word{width:45vw;}

}





@media screen and (min-width: 480px) {
#search_word{width:48vw;}
#switcher a,#switcher span{width:77px;}
}

@media screen and (min-width: 540px) {

#header-bottom{margin-top:2px;}
#logo{display:block; height:110px; float:left; margin-left:7vw;}
#logo span { display: none;}
#logo img{height:100px; width:auto; margin-top:5px; display: inline;}


#search_word{width:50vw;}

}



@media screen and (min-width: 600px) {

#search_word{width:60vw;}


}





@media screen and (min-width: 760px) {



#logo{ margin-left: 0px;}

#search_word{width:90%;}
.ftd{display: table-cell;}
#menubutton{display: none;}
#section_left{float:left; width:270px; display:block;}
#section_main{ margin: 0 0 0 310px;}
#soc span{display:inline-block;}
#menu li{line-height:150%; margin:0px; margin:8px 0;}
#menu a{font-size: 1em;}
#menu a .sub{background-position:3px 6px;}
#menu a.open .sub {background-position:3px 6px;}


#donate_block{width: 75%; margin: 0;}

#donate_block h3 a{font-size:1.2em; width:250px; margin: 20px auto; border: solid 3px #444; border-radius:15px;  background-color:#ff6a00; color: #fff; display: block; padding:10px; line-height: 140%; letter-spacing: 1px; text-align: center;   }
#donate_block iframe{ height: 360px; impotant!}


}




@media screen and (min-width: 800px) {

#site_name{ font-size:22px;}
#site_description{ font-size:0.75em;}

}


@media screen and (min-width: 860px) {

#site_name{ font-size:26px;}
#site_description{ font-size:0.8em; padding-top: 5px; }

}

@media screen and (min-width: 920px) {

#site_name{ font-size:32px;}
#site_description{ font-size:0.85em; }


}



@media screen and (min-width: 1024px) {
.wrap {margin: 0 auto; width:1024px;}


#site_name{ font-size:38px;}
#site_description{ font-size:0.95em; }

#account_button{display:none;}
#account_text{display:inline;}
}