@font-face{font-family:Minion Pro;src:url("../fonts/MinionPro-Bold.otf") format("opentype"); font-family:Arno Pro;src:url("../fonts/ArnoPro.ttf");font-family:Helvetica;src:url("../fonts/Helvetica.ttf")} 
*{margin:0;padding:0}
.fl_l{float:left} .fl_r{float:right}
.clearfix{clear:both}
a:visited {color:blue;}
a{color:blue;}
a:hover {text-decoration:underline;}

body{width:100%;overflow-y:scroll;font-family:helvetica,sans-serif;font-size:14px;color:#fff;cursor:default;background-color: #FDE8CA;}
body img{border:none;}

body > .header{ background-color: #2e1c10; min-width:1030px;}
.links{height:45px;width:100%; min-width:1035px;}

.social{margin-left:15px;line-height:38px}
.social .text{margin-right:4px;line-height:44px}
.social .icon{margin:5px 6px;line-height:44px}
.social .icon img{height:20px;width:20px}
.options{margin-right:15px;line-height:44px}
.options .tab{margin-left:24px}
.options .tab a img{width:30px;}
.options .tab a img:hover {width:40px;}
.options .tab input{height:24px;border:0;outline:none;padding-left:5px}
.banner{background-image: url(../img/decor/newback.gif); height: 160px; width: 100%; clear: both; margin: 0 auto; background-size: auto 100%; background-repeat: repeat no-repeat; background-position: center;}
.banner:hover{cursor:pointer}
#logo {margin: 0 auto; height: 175px; width: 378px; background-color: rgb(246, 216, 168); box-shadow: 0px 0px 10px 1px black; position: absolute; left: 0; right: 0;top: 38px;}
.banner .title{color:#9cd2f6;width:432px;text-align:center;margin:15px auto;font-family:Minion Pro,helvetica;font-size:22px}
.nav{height:40px;width:100%; margin-top:10px;  font-family: Arno Pro; font-size: 18px; font-weight: normal; text-shadow: none;}
.nav > ul{width:1000px;line-height:40px;margin:0 auto;text-align:center;list-style:none}
.nav > ul > li{position:relative;display:block;float:left}
.nav > ul > li > div,.nav > ul > li > a{display:block;color:#fff;text-decoration:none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.nav > ul > li > div:hover{cursor:pointer}

.nav > ul > li > ul{list-style:none;z-index:9999;padding-bottom:10px;background-color:#514938; position:absolute;left:-9999px;opacity:0;-webkit-transition:0.25s linear opacity}
.nav > ul > li > ul li{float:none;margin-top:6px;padding:6px 12px;width:200px;text-align:left;line-height:20px}
.nav > ul > li > ul li a{display:block;text-decoration:none;color:#fff}
.nav > ul > li > ul li a:hover{text-decoration:underline}
.nav > ul > li:hover ul{left:0;opacity:1}
.nav > ul > li > ul li:hover ul a{text-decoration:none;-webkit-transition:-webkit-transform 0.075s linear}
.nav > ul > li > ul li:hover ul li a:hover{background:#333;background-color:#514938;text-decoration:underline;-moz-transform:scale(1.05);-webkit-transform:scale(1.05)}

.wrapper{width:1000px;margin:0 auto;}
.wrapper ul li a{ text-decoration:none; color:blue;}

#news{margin:25px auto;height:auto;}
#newsmain {background-color:#fef0dd; height:637px;}
#sections{height:100%;width:240px;}
#sections section{height: 120px; width: 220px; margin: 7px 0 0 14px; position: relative;}
#sections .text{font-weight: bold; font-size: 13px; width: 97px; margin: 36px 0 0 5px;}
#sections .image{}
#sections .image img{height: 100%;width: 100%;}
#edu,#cul{} #sci,#soc,#inf{}}
#last{border-bottom:none;}
#sections a {text-decoration:none; color:white;}

#announcements{height:630px;width:516px;overflow:hidden}
#description{width:410px;height:40px; margin-left: 75px; background-color:rgba(27,75,136,.8)}
#types{width:232px;height:100%}
#types section{width: 220px;margin: 7px auto 20px 12px;height: 141px; position: relative}
#types section:hover{cursor:pointer}

#workplace{margin-bottom:25px}
#latestnews{width:1000px;height:auto; }
#latestnews .header,#contacts .header, #news .header{line-hight:35px;padding:4px 0 6px; }
#latestnews .header .title, #contacts .title, #news .title{font-size:32px;font-weight:normal; color:#2e1c10; font-family: Arno Pro;}
#latestnews .title{padding:0}
#latestnews .twitter, #news .twitter {padding: 13px 15px 0; height: 20px; position: relative;}
#latestnews .twitter a, #news .twitter a {color:#2e1c10!important;}
#latestnews .twitter img, #news .twitter img{width:20px;margin-bottom:-6px;margin-left:5px}
#latestnews a {color:  black; text-decoration:none; line-height: 1.5;}
#latestnews a:hover {text-decoration:underline;}
#latestnews #left_menu {float: left;width: 200px;height: auto;}
#latestnews #left_menu #ablock {width: 190px; height: 140px; position: relative; margin: 0 0 15px 0;}
#latestnews #left_menu #ablock img {width:190px; height: 140px; position: absolute;}
#latestnews .content{width:800px; padding:10px 0px 1px; background-color:rgb(255,255,255); color:black; height:auto; float:right;}
#latestnews .row{width:800px; margin-bottom:17px; position:relative;}
#latestnews .post {width: 260px; min-height: 150px; margin: 0px 3px;}
#latestnews .news_img {height:180px; width:260px;float: left; position: relative;}
#latestnews .punto {height:30px; width:260px; text-align:center;}
#latestnews .image{width: 260px; height: 160px; margin:10px 10px 0px 0px; position:relative;}
#latestnews .image img{max-width: 260px; height: 100%; position: absolute; margin: auto; top: 0; bottom: 0; right: 0; left: 0;}
#latestnews .body{width: 240px; position: relative; margin-right:10px;}
#latestnews .title {font-weight: bold; min-height: 33px; color:rgb(110, 87, 56);}
#latestnews .text{padding: 4px 0 25px 0;font-size: 12px;line-height: 16px; color: rgb(102, 86, 71)}
#latestnews .text a {color:blue;}
#latestnews .controllers{font-size: 12px;height: 15px;position: absolute;bottom: 0;width: 240px;left: 0;}
#latestnews .controllers .more {cursor:pointer; position:relative;}
#showallposts{text-align:center; line-height:45px; font-size: 14px; font-weight: bold; font-family: Helvetica; clear:both;}
#showallposts a {color:#2e1c10;}
#showallpeople{text-align:right;padding-bottom:15px;padding-right:49px;font-size:12px}

#topper{background-color:rgba(27,75,136,.7);margin:15px 0;padding:15px}

#yearevents{background-color:rgba(57,170,205,.3);width:68%} /*margin:10px auto;*/
#yearevents .title{padding:15px;font-size:14px;font-weight:bold}
#yearevents .event{width:30.6%;margin-left:2%;overflow:hidden}
#yearevents .image{height:145px}
#yearevents img{width:100%;height:145px}
#yearevents .desc{padding:10px;font-size:10px;text-align:center}

#desc{height:145px;width:100px}
#data{width:61%}
#email{text-align:right;margin-right:10px;width:56%;color:white}
#undertext{padding:10.5px 5px}
#undertext .alt{font-size:10px;font-style:italic;text-align:center}
#undertext .other{font-size:10px;text-align:center}

#contacts{width:30%;color:white;background-color:rgba(57,170,205,.3)}
#contacts .content{padding-left:15px}
#contacts .line{margin:0 auto 8px;font-size:10px}
#contacts .key{width:30%}
#contacts .val{width:60%}
#contacts .val a{color:#fff;text-decoration:none}
#desc .image{overflow:hidden;height:145px}
#desc .image img{height:100%;width:100%}
#desc .alt{font-size:12px;font-style:italic;text-align:center;padding:5px}
#desc .other{font-size:12px;text-align:center;padding:0 5px 5px}

#visitors { width: 100%; height: auto; margin-bottom: 25px;}
#visitors .title,#banners .title{font-family:Arno Pro; font-size: 32px; font-weight: normal; color:#2e1c10; line-height:40px;}
#banners .title{padding:0}
#visitors .content{padding:0 15px 20px; height:auto; overflow:hidden; background-color: #fef0dd;}
#left-arrow,#right-arrow{width:17px;height:23px;margin:108px auto}
#people{width:875px;margin-top:20px; margin-left:39px; margin-right:39px; height:240px}
#people .person{height:240px;width:212px;margin-right:10px; position:relative; background-color: rgb(255,255,255);}
#people .person a{color:white;}
#people img{height:100%;width:100%}
#people .name{background-color:rgba(196, 154, 108,.9);width:172px;font-size:16px;padding:8px;text-align:right;position:absolute;top:180px;left:12px;height:34px}

#left-arrow,#right-arrow{width:17px;height:23px;margin:120px auto}
#orgs{width:920px; margin:15px auto; height:83px; overflow:hidden}
#orgs .org{height:83px; margin-right:10px; position:relative}
#orgs .org img{height:83px; display:block}

#toofficialsite{text-align:center;padding:10px;font-size:12px; line-height: 20px;}

.footer{width:100%; min-width:1030px; background: #2e1c10}
#footerbody{width:1000px; margin:0 auto;}
#orgs .ban{margin-right:10px;height:83px;overflow:hidden}
#orgs .ban img{height:100%;max-width:100%}
#banners{padding:0 15px;width:1000px; margin:0 auto}
#banners .title{line-height:20px;}
.map {width:1000px; margin:0 auto; display:none;}
.map a {text-decoration:none;color:whitesmoke;}
.map ul{list-style:none; text-align:top; vertical-align:top; margin-right:5px;}
.map ul li {margin-bottom:20px; }
.map table {border-width:100%}
.map table td {}


#floor{margin:0 auto; width:1000px;margin-top:50px;}
#floor .counter{width:165px;height:25px;margin-right:20px}
#floor .address{width:485px;text-align:center;font-size:12px;margin:0 42px; line-height: 20px;}
#floor .we{width:255px;height:80px;background-position-y:-28px;background-image:url(../img/banners/styleru.png);background-repeat:no-repeat;background-size:100% 100%}

.divider{width:95%;margin:5px auto 8px;border-bottom:3px solid rgb(196, 154, 108)}

.banners {float:right;}

.news1{border-radius: 5px;width: 312px;margin: 0px 10px 10px;float: left;background-color: rgb(255,255,255); position: relative;}
.month{width: 1000px; height: auto; border: 1px solid rgb(196, 154, 108); margin-bottom: 20px; background-color: white;}
.month .mname{font-size:large; font-weight:bold; line-height: 35px; padding: 4px 15px 6px; background: #6e5738; color: white;}
.month .row .title a{text-decoration:none;}
.month .row .title a:hover {text-decoration:underline;}
.month .newrow{height:350px;}
.month .image{margin: 6px;width: 300px;height: 196px; position: relative;}
.month .image img{max-width: 300px; height: 100%; position: absolute; margin: auto; top: 0; bottom: 0; right: 0; left: 0;}
.month .title{margin: 0 6px;font-weight: bold;}
.month .text{margin: 5px 6px 0 6px;font-size: 12px;line-height: 16px; padding: 0px 0px 25px 0px}
.month .text a{text-decoration: none; font-style:italic; color:blue;}
.month .controllers{margin: 0 6px;position: absolute;bottom: 0px; width: 100%;}
.month .controllers .time{margin-right: 10px;}
.month .news1 a {color:black;}
.month .news1 a:hover {text-decoration:underline;}

.non{border-radius: 5px; width: 279px; height: 300px; float: left; background-color: rgb(196, 154, 108); position: relative;}
.non a{text-decoration:none; color:white;}
.noner{height: 235px; opacity:0.7;}
.noner img{width:auto; height:100%; border-radius:5px;}
.non:hover .noner{opacity:1;}
.ttl {text-align: center;font-size: 33px; line-height: 65px; font-family:Verdana;}


.mediarow{height: 210px; margin-bottom: 20px;}
.medianews{border-radius: 5px; width: 291px; margin-right: 42px; height: 209px; float: left; background-color: rgb(196, 154, 108); position: relative;}
.medianews .image{margin: 6px; width: 278px; height: 196px; position:relative; }
.image a{text-decoration:none; position:absolute; left:0; top:0; width: 278px; height: 196px; opacity:0; background-color: rgba(225, 255, 255, 0.5); text-align:center; font-size: 17px;}
.description{margin:0 5px; color: rgb(110, 87, 56); font-weight:bold;}
.medianews .image:hover a{opacity:1;}
.medianews .image:hover img{opacity:0.5}
.medianews table td{height: 196px;}

.clpost{width: 950px;height: 200px;margin-top: 10px; margin-left:12px; border-bottom: 3px solid rgb(196, 154, 108); position: relative; margin-left:20px;}
.clpost .climage{width: 200px; height: 140px; margin-top:10px; margin-left: 10px; position:relative;}
.clpost .climage img{max-width:100%; height: 100%; position:absolute; margin:0 auto; left:0; right:0;}
.clbody{width: 720px; margin-top: 15px;}
.cltitle{font-weight: bold; overflow: hidden; max-height: 78px; color: rgb(110, 87, 56);}
.cltext{margin-top: 7px;max-height: 66px;overflow: hidden;}
.cltime{position: absolute;bottom: 7px;}
.clmore{position: absolute;right: 0;bottom: 7px;}
.cbody{width: 1000px;  margin:40px auto;  background-color:white; border-radius:10px; color:black; height: auto; padding-bottom:20px;}
#rightcol{width: 700px;;height: 250px;border-radius:5px; border: 3px solid rgb(110, 87, 56); margin: 30px auto;text-align: left;color: rgb(110, 87, 56);background-color: white;font-size: 17px;}
#rightcol table a{list-style:none; text-decoration:none;}
#rightcol table tr{margin-top:10px}
#rightcol table tr td {width:50%; height:33px; }
#rightcol table {margin: 0 3px 0 20px;} 

.psearch{width: 700px;height: 177px;margin-top: 10px; margin-left:12px; border-bottom: 3px solid rgb(196, 154, 108); position: relative; margin-left:20px; margin-top:10px;}
.psearch .simage{width: 200px; height: 140px; position: relative;}
.psearch .simage img {max-width:200px; position: absolute; left:0; right:0; margin:0 auto; max-height:140px; height: 100%;}
.stitle{font-weight: bold; overflow: hidden; max-height: 78px; color: rgb(110, 87, 56);}
.stext{margin-top: 7px;max-height: 66px;overflow: hidden;}
.stime{position: absolute;bottom: 7px;}
.smore{position: absolute;right: 0;bottom: 7px;}
.sbody{width: 477px; color:black; height: auto; padding-bottom:20px;}

.sitemap ul {list-style: none; margin-left:35px;}
.sitemap ul div {font-weight:bold; font-size:medium;margin-bottom:10px;}
.sitemap ul li ul li{margin-bottom:10px; list-style:circle;}
.sitemap ul li ul li a{text-decoration:underline; color:inherit;}

#bnback{ border-radius: 5px; position: fixed; opacity: 0.2; bottom: 6%; right: 3%; background-image: url("../static/img/decor/bnback.jpg"); background-size: cover; width: 50px; height: 50px;}
#bnback:hover {opacity:0.5;}

#phgallery {width: 172px; height: 140px; position: relative; text-align: center; margin: 5px 3px; padding: 5px; float: left;}
#phgallery img{position: absolute; top: 0; bottom: 0; left:0; right:0; margin: auto;}

@font-face {font-family: Postmoder One; /* Имя шрифта */src: url(http://russianunesco.ru/fonts/Postmoder One.ttf); /* Путь к файлу со шрифтом */}
#addnews td{margin-top:10px}

#caltext p {margin: 10px 0 23px 0;}

.undermenu{border-radius: 5px;width: 312px;margin-right: 21px;height: auto;float: left;background-color: rgb(255,255,255);position: relative;}
.row1 {height:240px}

#s3slider {margin-top: 7px; width: 516px; /* important to be same as image width */height: 386px; /* important to be same as image height */position: relative; /* important */overflow: hidden; /* important */}
#s3sliderContent {width: 516px; /* important to be same as image width or wider */height: 386px; position: absolute; /* important */ top: 0; /* important */ margin-left: 0; /* important */}
.s3sliderImage {float: left; /* important */ position: relative; /* important */display: none; /* important */width:inherit; text-align:center;}
.s3sliderImage span {position: absolute; /* important */left: 0;font: 15px/20px;padding: 50px 13px;width: 495px;background-color:rgba(46,28,16,0.6); color: #fff;display: none; /* important */bottom: 0; line-height: 1.5; /*if you put top: 0;  -> the box with text will be shown at the top of the image if you put bottom: 0;  -> the box with text will be shown at the bottom of the image*/}

.clear {clear: both;}

.language {cursor:pointer;}
.language  ul {width: 80px; /* Ширина меню */list-style: none; /* Для списка убираем маркеры */margin: 0; /* Нет отступов вокруг */ padding: 0; /* Убираем поля вокруг текста */ font-family: Arial, sans-serif; /* Рубленый шрифт для текста меню */font-size: 10pt; /* Размер названий в пункте меню */}
.language  li ul {position: absolute; /* Подменю позиционируются абсолютно */display: none; /* Скрываем подменю */}
.language   li a {display: block; /* Ссылка как блочный элемент */padding: 5px 10px; margin-left:-22px;text-align:center;text-decoration: none; /* Подчеркивание у ссылок убираем */color: white; /* Цвет текста */border: 1px solid #ccc;/* Рамка вокруг пунктов меню */background-color: rgba(81,73,56,0.77); /* Цвет фона */	border-bottom: none; /* Границу снизу не проводим */}
.language   li a:hover {color: #ffe; /* Цвет текста активного пункта */background-color: rgb(110, 87, 56) ; /* Цвет фона активного пункта */}
.language:hover ul {display: block; /* При выделении пункта курсором мыши отображается подменю */}
.language   .brd { border-bottom: 1px solid #ccc; /* Линия снизу */}

#newsqw {padding-bottom: 20px;}
#smidate {font-size: 16px; font-weight: bold; margin-bottom: 5px; }
#smitext {height: auto; margin-bottom: 10px;}
#smitext a{text-decoration:none;}
#smitext a:hover {text-decoration: underline;}
#years a {color: rgb(110, 87, 56); text-decoration:none; font-size:18px;}
#years a:hover {text-decoration: underline;}
#year{ margin-top:20px; }

#phposl{height:375px; width:225px; margin-right:8px; float:left}
#phposl img{height:300px; max-width:225px;}
#champion, #posly, #artists {min-height:430px; text-align:center;}

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

#spages ul li {float: left; text-align: center; list-style: none; margin-top: 20px; margin-left: 12px; border: 2px solid rgb(196, 154, 108); width: 20px; background-color: #fafafa; font-weight: bold;}
#spages ul li#active a {color:#a83838}
#spages ul li a {color:black}

#downimg {color:white;}
#menuname {height: 51px;color: white;font-size: 15px;text-align: center;position: absolute;width: 220px;bottom: 0;font-weight: bold;}
#rmenuname {height: 36px;color: white;font-size: 15px;text-align: center;position: absolute;width: 220px;bottom: 0;font-weight: bold; line-height:24px;}
#lmenuname {background-color:rgba(0,0,0,0.6); padding-top:15px;padding-bottom:5px; color: white;font-size: 15px;text-align: center;position: absolute;width: 190px;bottom: 0;font-weight: bold; line-height: 1.5;}
.lmdop {height:50px!important;}
#eventsoftheyear {height:218px; margin-top:8px;}
#eventsoftheyear a {color:#2e1c10; font-weight: bold; text-decoration: none; font-family: Helvetica; font-size: 16px;}
#eventsoftheyear a:hover {text-decoration: underline;}