body { font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 120%;
 background-color:#f3f4f6;   background-color:#1e74bd;
}

p{ margin: 10px 0;}
a,label { text-decoration: none;  color:#4488e9; }
a:hover,label:hover { text-decoration: none;  color:#6A5ACD; }
input, textarea, select {margin: 5px 0; padding:4px; font-size: 100%;  border-color: #000000; }


.r{float: right;}
.l{float: left;}
.clearfix{ clear: both;}
.d{ margin-top:10px; padding-bottom: 10px;  }
.d_s{ margin-top:2px; padding-bottom: 2px; border-top: solid 1px #ccc;}
.d_com{ margin-top:25px; padding-bottom: 25px; border-top: solid 1px #ccc;}








.wrapper{margin: 0 auto; background-color:#fff; overflow: hidden;  }
#topler{z-index: 3; position: fixed;  width:100%; height: 55px; overflow: hidden; }
.gr{background-color: #f3f4f6;text-transform: uppercase; font-weight: bold; font-size: 0.8em; letter-spacing: 1px; height: 54px; border-bottom: solid 3px #000; }
#topler img{vertical-align: middle; position: relative; top:-2px; height: 20px; width: auto;}
#topler span{ display: none;}

#menu_lang,#search_form_button,#login_button{float: right; margin-right: 35px; padding-top: 19px; }

#search{float: right; padding-top: 10px;  color:#4488e9; display: none;}
#menu_button{ padding-top: 5px; margin-left: 10px;}
#menu_button img{  width: 36px; height: 48px;}

#header{background-color:#1d9186; overflow:hidden; margin-top:55px; width: 100%; vertical-align: middle; border: none;}
#logo img{width:100%; height:auto; display: block;}
#aforism_td{display: none; }
#aforism_td blockquote {display: none;line-height: 165%;}
#aforism_td blockquote p { font-size: 0.8em; line-height: 165%;  }
#aforism_td blockquote h2{ margin-bottom: 20px;}
#aforism_td blockquote p b { font-size: 1.4em;  }


.modalDialog {position: fixed; top: 0; right: 0;bottom: 0;left: 0; background: rgba(0,0,0,0.8); z-index: 999; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; 	transition: opacity 400ms ease-in; 	display: none; 	pointer-events: none;}
.modalDialog:target { display: block; 	pointer-events: auto;}
.modalDialog > div {width: 220px; position: relative;	margin: 10% auto; padding: 10px 20px; border-radius: 10px;	background: #ccc;}
.modalDialog > div a.link { display: block; padding: 5px 10px; background-color: #333; color: #fff; margin: 10px 0;}
.modalDialog > div a.link:hover { background-color: #555; color: #ccc; }
.close { background: #606061; color: #FFFFFF; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px;	text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
.close:hover { background: #fff; color: #000;}
a.button{display:block; padding:10px; background-color:#e4e4e4; color:#000; border: solid 1px #aaa;}
a.button:hover{ background-color:#444; color:#fff;}


#warning b{color:red;}


input.word{border: solid 1px #333; width: 250px;}

#socnet1{ display: none;}

#soc{ background-color: #4787e9; margin: 40px 0px; padding: 15px 0 30px;  text-align:center; color:#fff; text-transform:uppercase; }
#soc img{width:36px; height:36px; margin-left:30px; vertical-align:middle; opacity: 0.9; }
#soc img:hover{opacity: 1;}
#soc span {  margin: 20px 0; display:block;}



.submenu{background-color: #6495ED; padding: 20px; margin: 30px 0 0; color: #FFFFFF;}
.submenu h2{color:#FFFFFF; border-bottom: solid 1px #FFFFFF; padding-bottom: 15px; margin-bottom: 10px;}

#submenu{min-height:2px; margin:0;  letter-spacing: 1px; border-bottom: solid 2px #fff;}
#submenu h2{text-align:center; text-transform:uppercase; font-weight:normal;}
#submenu a h2 span.ar{background-image:url(ardw.png); background-repeat:no-repeat;background-position: 0 6px; }
#submenu a.open h2 span.ar{background-image:url(aruw.png);}
#submenu ul{list-style: none; margin:0; padding: 0px;}
#submenu li{margin:0; padding:0px; text-indent:0px; list-style:none; list-style-position:outside;}
#submenu a{display:block; padding:10px 20px 10px 0px; text-decoration:none; color:#FFFFFF; }
#submenu a b{color:#FFFF00; font-weight:normal;}
#submenu li li a{padding-left:30px;}
#submenu li li li a{  padding-left: 50px;}
#submenu li li li li a{ padding-left: 70px; }
#submenu li li li li li a{ padding-left: 90px; }
#submenu a.num_r{display:inline; padding:3px; line-height: 200%;}
#submenu ul.nump{margin:10px 10px 10px 80px;}
#submenu a strong {font-weight: normal;}
#submenu a.active{ }
#submenu table{width:100%; background-color: #f3f4f6;}
#menu_rubricator ul{ padding:20px 0; background-color:#6495ED;}
#menu_years ul{padding:20px;background-color:#1D9186;}
#submenu table td{width:50%; vertical-align:top; }
#submenu select.selector {font-size:1.2em; background-color:#111; color:#fff;  height:40px; border: solid 1px #fff; }

#alphabet {
  margin: 30px 30px 30px 130px;
}

#alphabet p{ margin: 20px 0; font-size: 1.1em;}
#alphabet p:first-letter{ font-size:2em; font-family: "Times New Roman", Times, serif;}

#menu_bottom {padding: 20px; background-color:#4787e9; -webkit-column-width:20em; -moz-column-width:20em;  column-width:20em; }
#menu_bottom a{ color: #FFFFFF; display: block; margin: 0 10px 10px; font-size: 0.93em;}
#menu_bottom a:hover, #submenu a:hover{ text-decoration: underline;}
#menu_bottom h2{margin: 0 10px 10px; font-weight: bold; text-transform: uppercase; color: #fff; letter-spacing: 2px; padding:0 0 10px 0;}
#menu_bottom p{ display: none;}








footer{background-color: #004d91;}

#socnet2{background-color:#1d9186; text-align: center; }
#socnet2 img{ margin: 15px 6% 15px 6%;opacity: 0.85;}
#socnet2 img:hover{opacity: 1;}
#socnet2 span{display: none;}
#flogo{height:142px; width: 337px; margin: 0 auto; background-color: #004d91; letter-spacing:1px; font-size:0.75em; line-height: 175%;}
#flogo img{margin:0px 20px 20px 48px; float:left; width:60px; height:78px;}
#flogo span.site_name{text-transform: uppercase;}
#flogo a{color:#FFFFFF; text-decoration:none; display:block;  padding-top:33px;}
.delimiter_w{height: 60px; background-image: url(delimiter_w.png); background-repeat: repeat-x;}
.delimiter_g{height: 60px; background-image: url(delimiter_g.png); background-repeat: repeat-x;}
.delimiter_s{height: 60px; background-image: url(delimiter_s.png); background-repeat: repeat-x;}

#banner_top{ padding: 0 50px; height: 250px; overflow: hidden;}
#banner_top img{height:250px; width:auto; border-left: solid 2px #ddd;}
.baner_title{ background-image: url(sm.png); height: 50px; position: relative; top: -50px;  margin-bottom: -50px; }
#banner_top .item:hover img{opacity: 0.95;}
#banner_top .item:hover .baner_title{ background-image: none; background-color: #000000; }
.baner_title p{font-size:1.0em; font-weight:normal; font-family: "Times New Roman", Times, serif; line-height:115%; color:#FFFFFF; text-align:center; margin:0; padding:7px;}


#annonce h2{padding:20px 50px; font-weight: normal; text-transform: uppercase; color: #4587e8; letter-spacing: 2px; background-color: #f3f4f6;

}
#banner_bottom{ padding: 0 50px; height: 160px;background-color: #f3f4f6; overflow: hidden;  }
#banner_bottom  a.item{  background-color: #4787e9; overflow: hidden; display: block; color:#fff; height: 160px; margin:0 15px; text-transform: uppercase; line-height: 140%;}
#banner_bottom a.item:hover{ background-color: #7c5cff;}
a.item .dt{widows: 180px; height: 160px; float: left;  background-color:#1d9186; margin-right: 20px;}
a.item:hover .dt{background-color: #0ef0ae;}
a.item .dt big{font-size: 300%; font-family: "Times New Roman", Times, serif; margin: 20px 0 14px; display: block;}


.rm{padding: 20px;}

.short{margin-top: 12px; font-size: 0.85em; color: #222; margin-bottom: 0px; line-height: 122%;}
.detail{font-size:0.77em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; }
.post h3 {margin-top: 10px; font-size: 1.35em; font-weight: normal; font-family: "Times New Roman", Times, serif; line-height: 112%;}
.post h3 a{color:#4169E1;}
.post h3 a:hover{ color: #1E46BE;}


#main_first_news h2{margin-bottom:22px; font-weight: normal; text-transform: uppercase; color: #fff; letter-spacing: 2px;}
#main_first_news{background-color:#b7c0c7; overflow:hidden; padding:20px 50px 10px 50px;}
#main_first_news .post{background-color:#FFF; overflow:hidden;}
#main_first_news .post img{width:100%; height:auto;}
#fmn{margin:20px;}
#main_first_news .post h3{margin-top:20px; font-size:1.8em;}



#main_news{padding:0 50px; height:450px; overflow:hidden; background-color:#b7c0c7;  border-top: solid 20px #b7c0c7;}
.news_unit{background-color: #FFFFFF; height: 450px;}
#main_news .post{height: 510px; margin: 15px 15px 20px  15px; overflow: hidden;}
#main_news  img{  height:140px; display: block;}
#main_news .tmblimit{margin-bottom:10px;  overflow: hidden;}


#main_plus{padding:0 50px; height:450px; overflow:hidden;}
#main_plus h2{ margin:22px 0; font-weight:normal; text-transform:uppercase; color:#1E90FF; letter-spacing:2px;}
#main_plus .unit {height: 250px; overflow: hidden;}
#main_plus .unit:nth-child(odd){background-color: #F5F5F5;}
#main_plus .post { margin: 12px 15px 15px 15px;}
#main_plus  img{ height:140px; display: block;}
#main_plus .tmblimit{margin-bottom:10px;   overflow: hidden;}



#pmtnu{ display: none;}





.sr{ padding: 15px;}
#path { margin:0 0 25px 25px;  text-transform: uppercase; font-size: 0.9em; letter-spacing: 1px;}
.page{ background-color: #fff; padding:20px; line-height: 125%;}
.page .date_author{margin: 0px 20px 0px 40px; font-size: 0.8em; line-height: 125%; font-weight: bolder;}
.page .source {width:190px; min-height:50px; background-color:#4787e9; color:#FFFFFF; padding: 10px; margin: 30px 0 0 0px; line-height: 155%;}
.page .source a.link{ color: #FFFF00; display: block; }



.page .first_img { font-size: 0.8em; color: #333; font-style: italic;  margin: 30px 0;}

.page .first_img img { width: 100%; height: auto;}

.page .similar{ margin:30px; line-height:150%;}



.page .full,.page h1.title,.comments{margin:0px 0px;  line-height: 125%; padding:0px 0;  }
.page h1.title{font-size: 2.2em; font-weight: normal; color: #4687e8; font-family: "Times New Roman", Times, serif;  line-height: 115%;}
.page p{ margin: 15px 0;}
.page .full li { margin-left: 40px;}


.table_box{margin: 0px -255px;}
.page .full table {color:#000; background:#fff; font-size:0.9em; margin: 0px auto; border-collapse: collapse; width: auto; border-top: solid 20px #fff; border-bottom: solid 20px #fff;}
.page .full table tr:nth-child(odd){background: #e3ecfb;}
.page .full table.withheader tr:first-child{ color:#fff; background:#124c8c;font-size:0.85em;}
.page .full table tr td{ padding: 10px 15px;}
.maximg{ margin: 0px -255px; text-align: center; padding: 5px; background-color: #fff;}





.page_periodic  h4{ padding: 25px 0;}

.page_periodic img, img.auto {width: 100%;}

#bulletin_menu{ margin:0 0 20px 0;  background-color:#4787e9;
padding:15px ; display:none; overflow:hidden;}
.bulletin_menu-item{  margin: 15px;  overflow: hidden; width: 90%; }

#bulletin_menu a{color:#fff; display: block; margin-bottom: 15px; text-transform: uppercase;  font-size: 0.8em; line-height: 150%;}
#bulletin_menu a:hover{   color: #FFFF00;  }
#bulletin_menu a.sec{ padding: 10px; background-color: #004d91; letter-spacing: 2px;}

.section{ float: left; padding: 10px; background-color: #004d91; letter-spacing: 2px; color: #fff; font-size: 0.8em; text-transform: uppercase;  margin: -20px 0 10px -20px;  line-height: 150%;}



.page_periodic a.met {display:block; height:1px; position:relative; top:-90px; overflow:hidden;}

.periodic_num{}
.periodic_num .number{ color:#ffff02; margin: 40px 0 15px; font-size: 2em; text-align: center; letter-spacing: 2px;}
.periodic_num .year{color:#fff;margin: 15px 0 40px; font-size: 1.3em; text-align: center;}

.shapka_text{
  padding: 30px 50px; line-height: 130%; font-size: 1.1em; text-align: center; color:#fff; background-color: #4787e9;
}


#shapka{ background-color: #004d91; overflow: hidden;}
#shapka h1{text-align: center; font-size: 2.0em; line-height: 130%; font-family: "Times New Roman", Times, serif; color:#fff; letter-spacing:1px;  font-weight: normal; margin:-20px 0 20px;}
#shapka .text, #podval .text{ font-size: 1.1em; margin: 30px;line-height: 130%; text-align: center; font-weight: bold;}
#podval{margin:30px 0;  padding:20px; text-align:center; font-weight:bold;}
#podval img { display: block;  margin: 20px auto;}



.comments textarea { border: solid 1px #000; width: 98%; height: 100px;}
.comments p{ margin: 8px 0;}

.comment img.avatar {height: 40px;  width: auto; float: left; margin: 0 20px 1px 0;}

a.delcomment{float: right; color:red;}
a.delcomment:hover{ color: #FFA500;}
#menu{display:none;}
#menu:target {display:block; padding-top:0px;}

#alt_main{padding:20px 25px;background-color: #f3f4f6; font-size: 1.1em; line-height: 150%;}
#alt_main h2{font-size: 1.7em; margin: 30px 0 20px; font-weight: normal; color: #696969;}

img.avatar{ width: 60px;}

#navigator{ font-size: 1.1em; background-color:#f3f4f6; padding-top: 20px; }
#navigator .pagenav{text-align:center; white-space: nowrap;}
#navigator table{width:100%; height:50px;}

#navigator td.previous, #navigator td.next{ width: 40px; background-color:#1E90FF;}
#navigator td.previous:hover, #navigator td.next:hover{  background-color:#4787e9;}
#navigator td.previous a, #navigator td.next a{display:block; width: 40px; height: 50px;}
#navigator td.previous {background-image: url(p_previous.png);}
#navigator td.next {background-image: url(p_next.png);}



.page_grid{background-color:#f3f4f6; margin: -5px;}
#grid{ display:none; overflow:hidden;}
.grid-item{  margin: 3px; background-color:#FFFFFF; overflow: hidden; padding: 15px 0;}
.grid-item .post{margin: 0px 25px;}

.grid-item .post img{ width: 50%; height: auto; display: block; margin-bottom: 8px;}
 .visits,.visits100{  font-size: 0.8em; float: right; background-repeat:  no-repeat; padding-left: 35px;   margin-top: 20px; }
 .visits{background-image: url(visits.png);}
 .visits100{background-image: url(visits100.png);}

.comment_number{font-size: 0.8em;  background-image: url(comments.png); background-repeat:  no-repeat; padding-left: 30px; margin-top: 20px;}


#toTop {
position:fixed;
bottom:10px; /* отступ кнопки от нижнего края страницы*/
right:10px;
cursor:pointer;
display:none;
widows: 60px;
height: 60px;
background-image: url(top.png);
background-repeat:  no-repeat;

}
#toTop span{
  font-size: 0.75em; letter-spacing: 1px;  display: block; width: 60px; height: 60px; padding-top: 35px; text-align: center; color:#fff;
}

#zajava{ background-color:#1d9186; color:#fff; border-top:solid 25px #fff; padding: 20px 12.6%; display: block; text-align: center; margin: 0px 0px 25px; text-transform: uppercase; letter-spacing: 1px;  font-size: 1.1em;}


@media screen and (min-width: 480px) {
#aforism_td{width:18.5%; display:  table-cell;}
#socnet2 img{  margin: 15px 2.5% 15px 2.5%;}

}


@media screen and (min-width: 560px) {
#topler span{ display: inline;}

.grid-item{ width:42%;}
}


@media screen and (max-width: 779px) {
.fv{display: none;}
#menu{font-size:18px; }
.tree img {border:none;}
.tree small { font-size: 80%;}
.tree { padding-top: 54px; }
.tree ul{display: none;}
.tree li{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.tree input[type=checkbox] {position: absolute;opacity: 0;}
.tree label, .tree a {position:relative; display:block; padding: 16px 10px 16px 44px; background-color: #000;  color:#fff;  border-bottom: solid 1px #fff;}
.tree a:hover,.tree label:hover{ background-color: #333; }
.tree a.active{color:#FF0000; font-weight: bold;}

.tree a.dir, .tree span.dir{ float: right; display: inline; margin: 0; padding: 0; text-decoration: none; color: #8B0000; background: none; border: none}

.tree label::before {content: ''; display: inline-block; width: 16px; height: 16px; position: absolute; top: 50%; -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);
 -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.tree label{cursor: pointer;}
.tree label::before {background-image: url(cd-icons.svg);background-repeat: no-repeat;}
.tree label::before {left:18px;background-position: 0 0;-webkit-transform: translateY(-50%) rotate(-90deg);-moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg);-o-transform: translateY(-50%) rotate(-90deg);transform: translateY(-50%) rotate(-90deg);}

.tree input[type=checkbox]:checked + label::before {-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}

.tree input[type=checkbox]:checked + label + ul,
.tree input[type=checkbox]:checked + label:nth-of-type(n) + ul{display: block;}
.tree ul label, .tree ul a {padding-left: 62px; background-color: #4787e8; color: #FFFFFF;}

.tree ul label::before {left: 36px;}
.tree ul ul label,.tree ul ul a {background-color: #d4d4d4; padding-left: 80px;}
.tree ul ul label::before {left: 54px;}

a#close_up{display:block; background-color:#FF0000; padding:16px; color:#FFFFFF;
 text-align:right; background-color:#4787e8;}
a#close_up:hover{background-color:#333;}


}



@media screen and (min-width: 780px) {
.mv{display: none;}

#logo {width:50%; }
#aforism_td{width:50%;}
#aforism_td blockquote {display: block;  color: #FFFFFF;   line-height: 1.3em; margin: 30px; font-style: italic; font-size: 1em; }
#menu_lang,#login_button,#search{margin-right: 50px; display: block;}
#search_form_button { display: none;}
#menu_button {display: none;}

#alt_main{margin: 0 12.6%; }
.b_gr { background-color: #DCDCDC;}


#menu{ background-color: #b7c0c7;
  padding:0; overflow:hidden; display:block;}
.tree{display:block; background-color:#fff; margin:0 12.6%; overflow:hidden; color:#000;}
.tree li input{visibility: hidden; width: 1px; }
.tree li label{cursor:pointer;}
.tree li a{color:#000;  }
.tree a:hover {color:#fff; text-decoration:none; }
.tree li{list-style:none; float:left; line-height:90px; display:block;width: 25%; text-align: center; font-size: 1.6vW; text-transform: uppercase;
 background-image: url(ard.png); background-repeat: no-repeat; background-position: 92% center;
}
.tree li:nth-child(even){background-color: #f3f4f6;}
.tree li:hover{  background-color: #000;background-image: url(ardw.png);}

.tree li:hover > label,.tree li:hover > a{ color: #ccc;}
.tree li ul {
position:absolute; opacity:0; visibility:hidden; z-index: 2;
-o-transition: all 200ms ease-out;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}

.tree li ul li, .tree li ul li:nth-child(even) {float:none;  width:210px; border-bottom: solid 2px #4787e9;line-height:20px; font-size: 75%; background-color:#FFFFFF; padding: 0px; text-align: left; letter-spacing: 1px;  background-image: none;}
.tree li ul li:hover { background-color: #f7f7f7; background-image: none;background-image: none;}
.tree li ul li  a{ display:block; padding: 10px ;    }
.tree li ul li:hover a{color: #000; }
.tree li ul li a:hover{color: #4787e9; }
.tree li ul li ul {left:220px; margin-top: -42px;}
.tree li:hover > ul { padding: 8px; background: #4787e9; opacity:1; visibility: visible;}
.tree li ul li:hover > ul { background:#333;}
.tree li ul li ul li:hover > ul { background:#444;}




a#close_up, a#nav { display:  none; }
#socnet1{height:90px; background-color:#1d9186; border-top:solid 25px #fff; padding: 0px 12.6%; display: block; text-align: center;}
#socnet1 img{opacity:0.85; margin: 20px 7.5% 0 0;float:right;}
#socnet1 img:hover{opacity:1;}
#socnet1 span{display: none;}

footer{background-color:#1d9186; height: 142px; overflow: hidden; }
#flogo{margin:0;}
#socnet2{ margin-left: 337px;  text-align: center; white-space: nowrap; }
#socnet2 img{ float: right; margin: 50px 4% 0 0 ;}

#main_first_news .post img{ width: 50%; height: auto; float:left; margin-right: 20px; border: solid 2px #fff; }
#menu_bottom{ padding: 30px 60px;}

#path { margin:0 0 25px 0;}
.page .similar{width:190px; background-color:#f3f4f6; padding: 10px; margin: 0px 0 0 15px; line-height: 150%;}
.sr{background-color: #f3f4f6; padding: 25px 40px;}

.page .full,.page h1.title,.comments{margin:0px; padding:0px 25px; border-left: solid 1px #ccc; line-height: 125%;border-right: solid 1px #ccc; }
.page h1.title{ }

.page .date_author{margin: 0px 240px 20px 240px;}
#soc span {display: inline; vertical-align: middle; margin: 0 50px 0 0; }
#soc{  padding: 15px 0 15px;margin: 40px -20px;}
.minus40  #soc{ margin: 0px -20px 1px;}

#pmtnu{ display: block; height: 70px; width: 100%; background-color:#004d91; margin-top: 25px; color:#fff;}
#pmtnu img{vertical-align: middle; margin: 15px 50px 15px 10px; height: 36px; width:auto; }
#pmtnu a{ color:#fff; opacity: 0.90;}
#pmtnu a:hover{opacity:1;}

.grid-item, .bulletin_menu-item{ width:43%;}
.periodic_num{float: right; width: 190px; border-left: dotted 3px #fff;}
#shapka h1{ font-size: 2.3em; margin: 40px 0 20px;}

}

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

.tree li ul li, .tree li ul li:nth-child(even) {width:260px;}
.tree li {letter-spacing: 1px;}

#socnet1{height:90px; background-color:#1d9186; border-top:solid 25px #fff; padding: 0px 12.6%; display: block; text-align: left;}
#socnet1 img{ margin: 20px 0 0 2.2%;}
#socnet1 span{ margin: 36px 0 0 0; font-size: 1em; color:#FFFFFF;  text-transform: uppercase; display: inline; float: left; }
#menu_bottom p{ display: block;}
.grid-item, .bulletin_menu-item{ width:28%;}

}


@media screen and (min-width: 980px) {
.page .full,.page h1.title,.comments{margin:0px 210px;}
.page h1.title{    }

.grid-item, .bulletin_menu-item{ width:29%;}

}



@media screen and (min-width: 1100px) {
#socnet1 img{ margin: 20px 0 0 4.2%;}
#socnet2 span{ position: relative; left:30px; top:67px; display: inline; letter-spacing: 1px; font-size:0.9em; text-transform: uppercase; color:#FFFFFF; float: left;}
#socnet2 img{ margin: 50px 4% 0 0 ;}
.grid-item{ width:29.5%;}
}



@media screen and (min-width: 1218px) {
.wrapper{ width: 1218px;}
body{background-color: rgb (30, 116, 189);}
#aforism_td blockquote {display: block; color:#FFFFFF;  line-height:1.3em; margin: 30px; font-style: italic; font-size: 1.3em;}
.tree li {  font-size: 1.1em;  letter-spacing: 2px; }
.tree li ul li, .tree li ul li:nth-child(even) {width:300px;}
 #socnet1 img{margin: 20px 0 0 5%;}


}