/* @font-face{ font-family: 'Arial'; src: url(../fonts/arial.ttf), url(../fonts/arial.woff); } @font-face{ font-family: 'Arial'; src: url(../fonts/arialbd.ttf), url(../fonts/arialbd.woff); font-weight: 700; } @font-face{ font-family: 'Arial'; src: url(../fonts/ariali.ttf), url(../fonts/ariali.woff); font-style: italic; } @font-face{ font-family: 'Arial'; src: url(../fonts/arialbi.ttf), url(../fonts/arialbi.woff); font-style: italic; font-weight: 700; } @font-face{ font-family: 'PT Sans'; src: url(../fonts/PTSans.ttf), url(../fonts/PTSans.woff); }*/ *{ padding: 0; margin: 0; /*font: 14px/20px Arial;*/ font-family: Arial; font-size: 14px; line-height: 20px; font-weight:auto; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } label {font: 14px/20px Arial;} *:before, *:after{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } img{ border: none; } input, textarea, input:active, textarea:active { outline: none transparent!important; box-shadow: none; -moz-outline: none!important; } input[type=submit], button[type=submit]{ -webkit-appearance: none; -webkit-border-radius: 0; } :focus {outline:none;} ::-webkit-input-placeholder {color: #7b7b7b;} ::-moz-placeholder {color: #7b7b7b;}/* Firefox 19+ */ :-moz-placeholder {color: #7b7b7b;}/* Firefox 18- */ :-ms-input-placeholder {color: #7b7b7b;} /* Общие стили */ .clear{ clear: both; } .left{ float: left; } .right{ float: right; } body{ background: #fff; -webkit-text-size-adjust: 100%;} .cont{ max-width: 1250px; margin: 0 auto; position: relative;} .block_center{ width: 100%; position: relative; /*display: table-cell;*/ margin: 0 -180px; padding: 0 220px; z-index: 1; } .block_center img{ max-width: 100%; } .block_center2{ padding-left: 0; margin-left: 0; } .block_center3{ padding-right: 0; margin-right: 0; } /*.block_left{ width: 220px; padding-right: 40px; position: relative; table-layout: fixed;} .block_right{ width: 220px; padding-left: 40px; position: relative; table-layout: fixed;} .all_block{ width: 100%; display: table; z-index: 1;}*/ .block_left{ width: 180px; position: relative; z-index: 2;} .block_right{ width: 180px; position: relative; z-index: 2;} .all_block{ width: 100%; overflow: hidden;} /* End Общие стили */ /*=============================*/ /* Стили шапки сайта */ header{ max-width: 1422px; height: 250px; position: relative; background: url(../images/header.jpg) 50% bottom no-repeat; padding-top: 20px; margin: 0 auto 30px auto; z-index: 2; } header .logo{ position: relative; z-index: 2;} header .foto{ position: absolute; background: url(../images/img1.png) bottom right no-repeat; background-size: 70%; width: 541px; height: 326px; bottom: -25px; right: 0; z-index: -1; } header .menu{ position: relative; margin-top: 39px;} header .menu .menu_link{ display: none; width: 36px; height: 36px; background: url(../images/menu.png) 0 0 no-repeat; } header .menu .menu_link.active{ background-position: 0px -36px;} header .menu ul{ list-style-type: none; z-index: 2; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfcfc+0,d6dbde+100 */ background: #fcfcfc; /* Old browsers */ background: -moz-linear-gradient(top, #fcfcfc 0%, #d6dbde 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #fcfcfc 0%,#d6dbde 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #fcfcfc 0%,#d6dbde 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#d6dbde',GradientType=0 ); /* IE6-9 */ display: inline-block; border-radius: 14px; border-bottom: 1px solid #b3b8bc; padding: 0 22px; box-shadow: 1px 0 0 rgba(0,0,0,.25); height: 38px; } header .menu ul li{ display: inline-block;} header .menu ul li+li{ margin-left: 33px; position: relative;} header .menu ul li+li:after{ content: ""; display: block; width: 1px; height: 22px; position: absolute; top: 8px; left: -16px; background: #fff; box-shadow: -1px 0 0 #B7BCBF; } header .menu ul li a{ text-transform: uppercase; font: 12px/38px Arial; color: #4e7080; text-decoration: none; } header .menu ul li a:hover{ text-decoration: underline; color: #ff0000;} header .menu ul li a.active{ font-weight: 700; color: #ff0000;} header .block_search{ position: relative; z-index: 2; margin-top: 10px; position: relative; } header .block_search .search{ position: relative; width: 990px;} header .block_search .search:after{ content: ""; display: block; width: 204px; height: 55px; position: absolute; bottom: -38px; left: 6px; background: url(../images/shadow1.png) 0 0 no-repeat; z-index: -1; } header .block_search .search:before{ content: ""; display: block; width: 204px; height: 55px; position: absolute; bottom: -38px; right: 6px; background: url(../images/shadow2.png) 0 0 no-repeat; z-index: -1; } header .block_search .search input{ background: #fff; height: 34px; width: 100%; font: 16px Arial; color: #7e8286; border-radius: 14px; padding: 0 18px; border: none; box-shadow: 0 1px 0 rgba(0,0,0,.35); } header .block_search .button{ width: 69px; height: 34px; border: none; cursor: pointer; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfcfc+0,d6dbde+100 */ background: #fcfcfc; /* Old browsers */ background: -moz-linear-gradient(top, #fcfcfc 0%, #d6dbde 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #fcfcfc 0%,#d6dbde 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #fcfcfc 0%,#d6dbde 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#d6dbde',GradientType=0 ); /* IE6-9 */ font: 12px Arial; color: #4e7080; text-transform: uppercase; border-radius: 14px; margin-left: 8px; box-shadow: 0 1px 0 rgba(0,0,0,.35); text-align: center; } header .block_search .button:hover{ color: #ff0000;} /*=============================*/ header.header2{ height: 350px; margin-bottom: 50px;} header.header2 .cont{ max-width: 850px;} header.header2 .foto{ background-size: 92%; right: 80px; bottom: 0px; } header.header2 .menu{ margin-top: 140px;} header .block_search{ width: 100%;} header .block_search .search{ width: 90%;} /* End Стили шапки сайта */ /*=============================*/ /* Боковая колонка */ aside p{ font: italic 12px/17px Arial; color: #484747; margin-bottom: 10px; } aside .title{ font: italic 700 16px Arial; color: #000; margin-bottom: 15px; } aside .subtitle{ font: italic 700 12px/18px Arial; color: #000;} /*=============================*/ aside .list{ list-style-type: none;} aside .list li{ color: #3b3b3b; font: italic 12px/20px Arial;} aside .list li a{ font: italic 14px Arial; color: #016e9c;} aside .list li a:hover, aside .full_list:hover{ color: #ff0000; text-decoration: none; } aside .full_list{ font: italic 14px/17px Arial; color: #016e9c; margin-top: 20px; display: block; } aside .block_menu .menu{ margin-bottom: 13px;} aside .block_menu .menu .title_list{ font: 14px/18px Arial; color: #016e9c; padding-bottom: 2px; } aside .block_menu .menu .title_list:hover{ color: #ff0000; text-decoration: none;} aside .block_menu .menu ul{ list-style-type: none; margin-left: 6px;} aside .block_menu .menu ul li{ padding: 0 1px;} aside .block_menu .menu ul li a{ font: 12px/18px Arial; color: #304090; padding-bottom: 2px; } aside .block_menu .menu ul li a:hover{ color: #ff0000; text-decoration: none;} /* End Боковая колонка */ /*=============================*/ /* Стили основного блока сайта */ section h1{ font: 22px Arial; color: #990000; line-height: 1.2; margin-bottom: 15px; } section h2{ font: 700 16px Arial; color: #cc0000; border-bottom: 1px solid #aaaacc; margin-top: 25px; padding-bottom: 3px; } section h3{ font: 16px Arial; color: #ee4020; border-bottom: 1px solid #999; padding-bottom: 5px; margin-bottom: 9px; } section h4{ font: 700 15px/20px Arial; color: #000; margin-bottom: 15px; } section h5{ font: 700 14px/20px Arial; color: #000; text-align: center; margin-bottom: 15px; } section p{ font: 14px/20px Arial; color: #000; margin-bottom: 15px; } /*=============================*/ section .block_object{ text-align: center; } section .block_objects{ text-align: justify; margin-bottom: -18px; max-width: 640px; display: inline-block; vertical-align: top; } section .block_objects:after{ content: ''; display: inline-block; width: 100%; } section .block{ width: 234px; display: inline-block; vertical-align: top; margin: 0 15px 20px 15px; } section .block_title1, section .block_title2, section .block_title3, section .block_title4{ width: 100%; height: 42px; font: italic 700 14px/42px Arial; color: #fff; text-align: center; border-radius: 50px; display: block; margin-bottom: 14px; } section .download{ text-align: center;} section .download .block_title1, section .download .block_title2, section .download .block_title3, section .download .block_title4{ width: auto; display: inline-block; padding: 0 66px; } section .block_title1{ text-shadow: #558202 -1px -1px 1px; box-shadow: 0 1px 0 #416800; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c5e003+0,487201+100 */ background: #c5e003; /* Old browsers */ background: -moz-linear-gradient(top, #c5e003 0%, #487201 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #c5e003 0%,#487201 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #c5e003 0%,#487201 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5e003', endColorstr='#487201',GradientType=0 ); /* IE6-9 */ } section .block_title2{ text-shadow: #811e3e -1px -1px 1px; box-shadow: 0 1px 0 #61001f; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bf2555+0,821e3e+100 */ background: #bf2555; /* Old browsers */ background: -moz-linear-gradient(top, #bf2555 0%, #821e3e 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #bf2555 0%,#821e3e 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #bf2555 0%,#821e3e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf2555', endColorstr='#821e3e',GradientType=0 ); /* IE6-9 */ } section .block_title3{ text-shadow: #c0621d -1px -1px 1px; box-shadow: 0 1px 0 #b95c16; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2d31c+0,f59041+100 */ background: #f2d31c; /* Old browsers */ background: -moz-linear-gradient(top, #f2d31c 0%, #f59041 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f2d31c 0%,#f59041 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f2d31c 0%,#f59041 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2d31c', endColorstr='#f59041',GradientType=0 ); /* IE6-9 */ } section .block_title4{ text-shadow: #154778 -1px -1px 1px; box-shadow: 0 1px 0 #154778; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#39a9d7+0,154677+100 */ background: #39a9d7; /* Old browsers */ background: -moz-linear-gradient(top, #39a9d7 0%, #154677 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #39a9d7 0%,#154677 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #39a9d7 0%,#154677 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39a9d7', endColorstr='#154677',GradientType=0 ); /* IE6-9 */ } section .block_title1:hover, section .block_title2:hover, section .block_title3:hover, section .block_title4:hover{ text-decoration: none; } section .block .list{ list-style-type: none; margin: 0 17px; text-align: left; } section .block .list li{ color: #333333; font: italic 11px/20px Arial;} section .block .list li a{ font: italic 14px Arial; color: #016e9c;} section .block .list li a:hover{ color: #ff0000; text-decoration: none;} section .text{ font: 12px/18px Arial; color: #000; margin: 10px 0 30px 0; } section .text a{ color: #1a3dc1; font-style: italic;} section .text a:hover{ text-decoration: none; color: #ff0000;} /*=============================*/ section .main{ font: 12px/18px Arial; color: #000; margin-bottom: 10px; } section .main a{ color: #1a3dc1;} section .main a:hover{ color: #ff0000; text-decoration: none;} section .infoms .infom{ font: 15px/18px Arial; color: #000;} section .infoms .infom .name{ display: block; font: 15px/18px Arial; color: #666; text-align: right; width: 120px; padding: 2px 10px 0px 0px; } section .subjects .subject, section .infoms .infom{ padding: 3px 0px 2px 0px; } section .subjects .subject a, section .infoms .infom a{ font: 14px/18px Arial; color: #1a3dc1; } section .subjects .subject a:hover, section .infoms .infom a:hover{ color: #ff0000; text-decoration: none; } section .subjects .subject .name{ font-size: 15px; text-transform: uppercase; text-decoration: none; color: #666; width: 200px; padding: 2px 10px 0px 0px; text-align: right; display: block; clear: both; } section .subjects .subject .name:hover{ text-decoration: underline;} section .links{ list-style-type: none; margin: 4px 0 20px 0;} section .links li{ margin: 2px 0;} section .links li a{ font: 14px Arial; color: #1a3dc1;} section .links li a:hover{ color: #ff0000; text-decoration: none;} section .pagination{ text-align: center; margin: 15px 0; font: 14px Arial; } section .pagination span{ padding: 2px 4px; background: #e2e4e8; margin: 0 2px; } section .pagination a{ color: #1a3dc1; padding: 2px 4px;} section .pagination a:hover{ color: #ff0000; text-decoration: none;} section ul{ list-style-type: none; margin: 0 0 15px 30px;} section ul li{ font: 14px/20px Arial; color: #000;} section .book{ margin: 0 0 20px -8px;} section .book a{ text-decoration: none; display: inline-block;} section .book a:hover .thumb_big .top, section .book a:hover .thumb_big .bottom{ color: #fff; background: #999; } section .book .thumb_big{ /*display: inline-block; vertical-align: top;*/ box-shadow: 0 0 5px #888; background: #fff; width: 308px; height: 417px; line-height: 417px; text-align: center; margin: 5px 0 5px 10px; position: relative; } section .book .thumb_big img{ vertical-align: middle; max-height: 100%; max-width: 100%; padding: 9px 0; position: relative; top: -2px; } section .book .thumb_big .top, section .book .thumb_big .bottom{ position: absolute; left: 0; width: 100%; height: 30px; font: 700 15px/30px Arial; color: #333; background: #eee; z-index: 1; opacity: 0.7; } section .book .thumb_big .top{ top: 2px;} section .book .thumb_big .bottom{ bottom: 2px;} section .book .thumb_small{ /*display: inline-block; vertical-align: top;*/ box-shadow: 0 0 5px #888; background: #fff; width: 154px; height: 199px; line-height: 199px; margin: 8px 0 8px 10px; float: left; } section .book .thumb_small img{ vertical-align: middle; max-height: 100%; max-width: 100%; position: relative; top: -2px; } section .dlock_table{ text-align: center;} section table{ border-collapse:collapse; display: inline-block;} section table td{ border: 2px solid #808080; text-align: center;} section table td p{ margin-bottom: 15px;} section table td p br{ line-height: 200%;} section .faculty{ font: 14px/20px Arial; color: #000; text-indent: 26px; margin-bottom: 15px; } /* End Стили основного блока сайта */ /*=============================*/ /* Стили подвала сайта */ footer{ border-top: 1px dashed #000; margin-top: 20px;} footer .cont{ max-width: 836px;} footer .link{ margin: 11px 10px 0 0; display: inline-block;} footer .copy{ font: 12px/18px Arial; color: #000; margin-top: 18px; display: inline-block; vertical-align: top; } footer .menu{ list-style-type: none; margin-top: 18px; display: inline-block; vertical-align: top; } footer .menu li{ display: inline-block;}footer .menu li+li{ margin-left: 8px;} footer .menu li a{ font: 12px/18px Arial; color: #1a3dc1;} footer .menu li a:hover{ text-decoration: none; color: #ff0000;} /* End Стили подвала сайта */ @media (max-width: 1290px){ .cont{ padding: 0 20px;} } @media (max-width: 1120px){ header .block_search{ width: 100%;} header .block_search .search{ width: 90%;} } @media (max-width: 1023px){ header .block_search .search{width: 86%;} .block_left{ display: none;} .block_center{ padding-left: 0; margin-left: 0; } } @media (max-width: 767px){ header{ padding-top: 10px; height: 190px; margin-bottom: 10px;} header .foto{ display: none;} header .menu{ margin: 14px 10px 0 0; position: relative; float: left;} header .menu .menu_link{ display: block; position: relative;} header .menu ul{ list-style-type: none; z-index: 999; position: absolute; display: none; top: 40px; left: 0; margin: 0; border-bottom: 2px solid #F8A33E; width: 400px; height: auto; } header .menu ul li{ display: block; margin: 6px 0;} header .menu ul li+li{ margin-left: 0px;} header .menu ul li+li:after{ display: none;} header .menu ul li a{ line-height: 30px;} header .block_search{ width: 80%;} header .block_search .search{ width: 70%;} header .block_search .search:after, header .block_search .search:before{ display: none;} header.header2{ height: 200px; margin-bottom: 20px;} header.header2 .cont{ max-width: 850px;} header.header2 .menu{ margin-top: 20px;} header .block_search{ width: 80%; margin-top: 20px;} header .block_search .search{ width: 76%;} .block_right{ display: none;} .block_center{ padding-right: 0; margin-right: 0; } footer .menu li{ display: block;} footer .menu li+li{ margin-left: 0px;} } @media (max-width: 479px){ header .logo img{ width: 100%; height: auto; max-width: 328px;} header .block_search{ width: 82%;} header .menu ul{ width: 290px;} section .book .thumb_big{ width: 276px;} section .subjects .subject .name{ width: 160px;} header .block_search .search{ width: 66%;} } /*====================*/ @media (min-width: 767px){ .cont .logo a img {width:328px; height:101px;} } section h2 a{ text-decoration:none; } section h2 a:hover{ text-decoration:underline; } .subject_university a { color: #666666; text-decoration:none;font: 14px/18px Arial;} .subject_university a:hover {text-decoration:underline;} .error404 h1 {text-align:center;font-size:50px;color:#7777ff;padding:30px 0px 20px 0px;} .error404 p {text-align:center;font-size:16px;} .work_content { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } @media print { header, footer, .cont { display: none; } #print_message { display: block !important; } } #print_message { padding-top:200px; } #print_message p { text-align: center;font-size:30pt;line-height: 1.5; } #print_message p.big { font-size:40pt; } .myb { overflow:hidden; margin: 20px 0 20px 0; } .ymyb { height: 180px; } header .menu ul li a.greenbold {color: #007700; font-weight: bold;} header .menu ul li a.redbold {color: #ff0000; font-weight: bold;}