/* обнуление значений по умолчанию*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,ol
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video 
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section 
{
	display: block;
}

html
{overflow-y:scroll;min-height:100%}

body 
{
	line-height: 1;
}

body
{position:relative;}

body
{color:inherit;background-color:inherit}

body
{font:normal 16px/18px 'Arial Narrow',sans-serif;color:#333;cursor:default}


@font-face
{font-family:Arial Narrow;font-style:normal}

@font-face {
	font-family: 'MyFont';
	src: url('fonts/HE_CN___.eot');	
}
@font-face {
	font-family: MyFont;
	src: url('fonts/HE_CN___.otf');	
		
}
@font-face {
	font-family: MyFont;
	src: url('fonts/HE_CN___.woff');			
}

@font-face
{font-family:'helioscond';src:url('helioscond.otf');font-weight:normal;font-style:normal}
@font-face
{font-family:'MyriadPro-LightCond';src:url('fonts/MyriadPro-LightCond.ttf'),src:url('fonts/MyriadPro-LightCond.otf'); font-weight:normal;font-style:normal}
@font-face
{font-family:'MyriadPro Light';src:url('fonts/MyriadPro Light.otf');font-weight:normal;font-style:normal}

@font-face
{font-family:'MyriadPro-Regular';src:url('fonts/MyriadPro-Regular.ttf'); font-weight:normal;font-style:normal}
@font-face
{font-family:'MyriadPro-Regular';src:url('fonts/MyriadPro-Regular.otf'); font-weight:normal;font-style:normal}

@font-face
{font-family:'MyriadPro-Bold';src:url('fonts/MyriadPro-Bold.otf');font-weight:normal;font-style:normal}
@font-face
{font-family:'MyriadPro-BoldCond';src:url('fonts/MyriadPro-BoldCond.otf');font-weight:normal;font-style:normal}


h1 {margin:25px 0 15px 0;color:#000;}

h2 {margin:30px 0 15px 0}

h3,h4,h5,h6 {margin:15px 0 15px 0}

h1,h2,h3,h4 {font-weight:normal}

h1 {font-size:48px;line-height:50px;}

h2 {font-size:30px;line-height:30px;}

h3 {font-size:18px;line-height:25px; font-weight:700;}

h4 {font-size:16px;line-height:16px;font-weight:700;}

h1,h2,h3,h4 {font-family:'Arial Narrow',sans-serif}

.wrapper {position:relative;max-width:1400px;}

.wrapper {-moz-box-sizing:border-box;-webkit-box-sizing:border-box; box-sizing:border-box; margin:auto;}

span.HE-CN { font-family:MyFont;}

* {box-sizing: border-box;}/*но не margen*/

.dvclear {clear:both;}

a,a:visited,a:focus
{color:#951a1d;}
/*-webkit-transition-property:all;-webkit-transition-duration:0.1s;-webkit-transition-timing-function:ease-in-out;-webkit-transition-delay:0.1s;transition-property:all;transition-duration:0.1s;transition-timing-function:ease-in-out;transition-delay:0.1s}

a:focus {text-decoration:none}

a:hover {color:#ca1f27}

hr {border-top-color:#ddd}

/*стрелка вверх*/
#hid {
      opacity:0;
    background-image: url(http://site-siu.ranepa.ru/images/UP.png);
     background-color: transparent;
    width: 60px;
    height: 65px;
    position: fixed;
    bottom: 10%;
    right: 0;
    cursor: pointer;
  }


/*HEADER*/
/* подготовительные курсы*/

.siu-kurs-left
{float:left; color:#951a1d; margin:15px auto; height:90px; padding:0px; width:47%; vertical-align:middle;}

.siu-kurs-left h2 {text-transform:uppercase; font-family:'Arial Narrow',sans-serif; font-size:40px; text-align:center; line-height:40px; padding:0px; margin:0px;}

.siu-kurs-left-abit  {float:left; font-size:40px; text-align:center; font-family:MyFont; font-weight:700; line-height:40px; padding:20px; width:30%; vertical-align:middle; margin-top:18px; color:#951a1d; } 

.siu-kurs-right{float:right;height:90px; margin:15px auto;}

.siu-kurs-right .siu-kurs-right-txt{text-align:center;height:45px; font-size:30px; font-family:'Arial Narrow',sans-serif; padding-top:10px;color:#951a1d;}

.siu-kurs-right .siu-kurs-right-bn {background-color:#ff8d40;  padding:12px 10px 10px 10px; text-align:center;}

.siu-kurs-right .siu-kurs-right-bn a { text-transform:uppercase; font-size:22px; text-decoration:none; color:#fff; text-align:center;}



.siu-kurs-img 
{
    background-image: url(../../class/img/DSC_1059.png);
    font-size:60px;
    height:838px;
    font-family:helioscond;
    padding-top:400px;
    line-height:60px;
    color:#fff;
   /* text-align:left;*/
    font-weight:700;
    background-repeat:no-repeat;
    background-position:center;
    width:100%;
    text-shadow:5px 3px 2px #333; 
    /*background-attachment:fixed;
    background-position:top left, 43% 0%, 100% 0%;*/
}

.siu-kurs-img1 
{
    background-image: url(../../class/img/MG_9752.png);
    font-size:30px;
    height:747px;
    font-family:MyFont;
    padding-top:80px;
    line-height:40px;
    color:#fff;
   /* text-align:left;*/
    font-weight:400;
    background-repeat:no-repeat;
    background-position:center;
    width:100%;
   /* text-shadow:5px 3px 2px #333; */
    background-attachment:fixed;
   /* background-position:top left, 43% 0%, 100% 0%;*/  
      
}


.logo-ec{background-image:url(../../ec/img/logo_EC_19_2.jpg); }

.logo-ur{background-image:url(../../ur/img/Gl_UR_19.jpg); }

.logo-gmu{background-image:url(../../gmu/img/logo_gmu_1.jpg); }
.logo-pimo{background-image:url(../../pimo/img/logo_pimo.jpg); }

.logo-ec,.logo-ur, .logo-gmu, .logo-pimo
{
background-position: center center; 
background-repeat: no-repeat;
background-size:cover;
margin:0px;
padding:40px 0 0 200px;
color:#fff;
height:546px;
font-size:40px;
 font-weight:700;
 line-height:50px; 
 text-shadow:0 2px 5px rgba(0,0,0,0.7);
}

.logo-ec p,.logo-ur p, .logo-gmu p, .logo-pimo p{padding-top:30px;font-size:20px;font-weight:400;line-height:22px;}

@media (max-width:1400px) 
{
    .logo-ec, .logo-ur, .logo-gmu, .logo-pimo{height:394px;font-size:35px;padding-left:40px}
    .logo-ec p, .logo-ur p, .logo-gmu p, .logo-pimo p{font-size:15px;}	
}

@media (max-width:1200px) 
{
    .logo-ec, .logo-ur, .logo-gmu, .logo-pimo{height:337px;font-size:30px;padding-left:40px}
    .logo-ec p, .logo-ur p, .logo-gmu p, .logo-pimo p{font-size:15px;}
	.zag p{font-size:24px;}
}

@media (max-width:1000px) 
{
    .logo-ec, .logo-ur,.logo-gmu, .logo-pimo{height:281px;font-size:30px;padding-left:40px}
    .logo-ec p, .logo-ur p, .logo-gmu p, .logo-pimo p{font-size:15px;}	
}

@media (max-width:720px) 
{
    .logo-ec, .logo-ur, .logo-gmu, .logo-pimo{height:202px;font-size:20px;padding-left:40px}
    .logo-ec p, .logo-ur p, .logo-gmu p, .logo-pimo p{font-size:12px; padding-top:0px;}	
}

.siu-kurs-img .fon-txt { margin-left:200px;}

.kurs-left{float:left; max-width:31%; color:#333; margin:10px; text-align:left; height:250px; }

.kurs-left img {width:100%; max-width:100px;}

.kurs-left h3 {font-size:18px; font-weight:bold; margin-bottom:5px;}

.kurs-left .txt {text-align:center;}

.kurs-object {float:left;  }

.div-slide {float:left;margin: 60px 0 0 40px;}

.div-slide-gradient
{
float:left;
height:370px;
padding:70px; 
width:730px;
line-height:64px;  
/*text-align:center;   
background-color: #951a1d;
background-image: -webkit-linear-gradient(#B57F80, #951a1d);
background-image: -moz-linear-gradient(#B57F80, #951a1d);
background-image: -o-linear-gradient(#B57F80, #951a1d);
background-image: -ms-linear-gradient(#B57F80, #951a1d);
background-image: -chrome-linear-gradient(#B57F80, #951a1d);
background-image: linear-gradient(#B57F80, #951a1d);*/
}
 
.div-slide-gradient p {font-size:64px; font-family:MyFont; color:#333;}  


.div-slide a {font-size:24px;font-family:MyFont;text-decoration:none;}

.menu-black{display:none;background:#000;widh:100%;height:47px;position:relative;}

.menu-black-left{float:left; margin-left:30px;margin-top:12px;cursor:pointer; font-size:35px; color:White;}

.menu-black-left ul { list-style:none;}

.menu-black-right{float:right; margin-right:30px;}

@media (max-width:1000px) 
{
#menutop{display:none;}
.menubottom{display:none;}
.menu-black{display:block;}
.siu{margin-left:100px;}
.kurs-left {height:350px;}
}
/*начало для меню*/
.menubottom  ul li::before{content: '\25bc';font-family: 'FontAwesome'; color: #000;font-size: 14px;position:absolute;margin-left:-20px;}
  .menubottom  ul li:hover:before{content: '\25b2';font-family: 'FontAwesome'; color: #951a1d;font-size: 14px;position:absolute;margin-left:-20px;}
   
   .menu-panel{background:#ece9e9;color:#000;position:absolute;left:335px;top:137px;z-index:100;width:300px;cursor:pointer;}

.menu-panel::after{content: ''; 
    position: absolute; /* Абсолютное позиционирование */
    left: 0px; top: -30px; /* Положение треугольника */
    border: 15px solid transparent; /* Прозрачные границы */
    border-bottom: 15px solid #ece9e9; /* Добавляем треугольник */
}

.menu-panel li 
{
text-indent:0px;
font-size:14px ! importent;
line-height:16px;
list-style-type:none;
margin-bottom:10px;
padding-left:10px;
}

.menu-panel ul li:hover{background:#E0E0E0;}

.menu-panel ul li a {text-decoration:none;color:#000;}

.menu-panel ul li a:hover {color:#000;cursor:pointer;}

.box1,.box2,.box3,.box4,.box5{display:none;padding:5px;margin:0;width:200px;box-shadow:0 2px 5px rgba(0,0,0,0.2);position:absolute;top:137px;z-index:100;cursor:pointer;}
.box1{left:350px;width:200px;}
.box2{left:515px;width:250px;}
.box3{left:685px;width:260px;}
.box4{left:860px;width:260px;}
.box5{left:1060px;width:260px;}

#idL_0{padding:5px;margin:0;width:200px;box-shadow:0 2px 5px rgba(0,0,0,0.2);position:absolute;left:30px;width:200px;top:55px;z-index:100;cursor:pointer;}

/*конец для меню*/

.sveden {background:#787878;color:#fff;text-transform:uppercase;text-align:center;height:24px;line-height:24px;font-size:14px;font-family:MyFont;}
.sveden a {color:#fff; text-decoration:none;}

.logo img {margin-top:5px;margin-bottom:15px;width:90%;}

.logo {float:left;}

.siu {float:left;margin-top:7px;margin:10px 80px 0 60px;font-size:24px;font-family:MyFont;color:#951a1d;line-height:30px;}

.siu a {text-decoration:none;}

/*.menutop {float:left;}*/

.menu {float:left;width:auto;margin-top:14px;margin-left:0px;}

.menu ul li {display:inline-block;font-size:16px;margin-left:0px;padding-left:14px;font-family:MyFont;color:#828282;}

.menu ul li a {text-decoration:none;color:#828282;}

.menu ul li a:hover {text-decoration:none;color:#953a1d;}

.menubottom {float:right;width:auto; margin-bottom:20px;margin-top:5px;}

.menubottom ul li {display:inline-block;font-size:18px;font-family:MyFont;text-align:center;vertical-align:top;margin-left:53px;line-height:22px;}
.menubottom ul li:nth-child(1) {margin-left: 0px}

.menubottom ul li a {text-decoration:none;color:#000;}

.menubottom ul li a:hover {text-decoration:none;color:#ca1f27;}


/*поиск*/
.d3 {background: #333;margin-top:7px;float:left;margin-left:25px; width:220px; border:none; height:10px; }

/*.d3 input, .d3 button { border:none;  outline: none;  background: transparent;}

.d3 input {  width: 220px;  height: 32px;  padding-left: 15px;}

.d3 button {  height: 30px;  width: 32px;  position: relative;  top: 0;  right: 0;  cursor: pointer;}

.d3 buttom img {vertical-align:middle;}

.d3 button:before { font-family: FontAwesome; font-size: 16px; color: #828282;}*/


.ya-site-form__wrap {margin-left:20px;margin-top:2px;}
.ya-site-form__search-wrap td { border-width:0px; background:#333; }
.ya-site-form__wrap td { border-width:0px;}


#menutop {float:right;width:auto;margin-top:7px;margin-left:40px;}

#menutop ul li 
{
display:inline-block;
font-size:1.2em;
margin-left:0px;
margin-right:-4px;
padding-top:5px;
font-family:MyFont;
text-decoration:none;
color:#828282;
height:33px;
width:45px;
background:#f5f5f5;
text-align:center;
vertical-align:bottom;
}

#menutop ul li a {text-decoration:none;color:#a8a8a8;font-family:MyFont;height:32px;}

#menutop ul li.active {background:#951a1d;}
#menutop  ul li.noactive { background:#828282;}  

#menutop ul li:hover {text-decoration:none;color:#fff;background:#951a1d;font-family:MyFont;}

.eye {float:right;width:60px;height:32px;background:#a8a8a8;cursor:pointer;margin-left:20px;margin-top:7px;}

.eye:hover {background:#951a1d;}

 p img {
    vertical-align: middle;
   }


/*CONTENT*/

.news-all {width:262px;font-family:'Arial Narrow',sans-serif;color: #951a1d; float:left;margin:0 25px 30px 0;}

.news {width:262px;height:215px;font-family:'Arial Narrow',sans-serif;color: #951a1d; float:left;margin:0 25px 30px 0;}

.news-data {float:left;width:62px;height:120px;background-color:#ece9e9;color:#951a1d;text-align:center;padding-top:30px;}

.news-data-span {font-size:48px;}

.news-data-month-span {font-size:14px;line-height: 14px;}

.news-img {float:right;width:200px;height:120px; overflow:hidden;background-color:#ece9e9; border-left-style:solid; border-left-color:#DBDBDB; border-left-width:1px;text-align:center;}

.news-txt {margin-top:10px;}

.news-txt a {font-size:18px;color:#333;text-align:left; text-decoration:none !important;}

.news-txt a:hover {color:#ca1f27;}

#content {width:84%; padding:10px;float:left; margin-right:0px; overflow-x: hidden;}
#content a {text-decoration:none}
#content a,#content a:visited {text-decoration:underline}
#content a:hover {text-decoration:none}

/*правое меню*/
.menu-right {width:14%;float:right;color:#828282;border-top-width:1px;border-color:#a8a8a8;border-style:solid;padding-left:10px; margin-top:90px;}
.menu-right p {text-align:left;color:#000;}
/*.menu-right p:hover {text-align:left;color:#951a1d;}*/
.menu-right a {color:#000; text-decoration:none; font-size:16px; margin: 15px 0; line-height:normal;}
.menu-right a:hover {text-decoration:none;color:#ca1f27; cursor:pointer;}
div .prom {padding-left:20px;}

p,hr {margin:15px 0}

p { text-align:justify; font-size: inherit; line-height:inherit;}

table { border-collapse:collapse; border-spacing:2px; border-color:Gray; }

table.w100 {width:100%;}

table.small td { font-size:12px; line-height: normal; text-align:left;}

th,td {padding: 1px; word-wrap:break-word; text-align:left; vertical-align:middle;}
th { text-align:center; font-weight:700; border-color:Gray; border-style:solid; border-width:1px;background:#d0d0d0;}

td a {color:#951a1d; text-decoration:underline;}

.midcen {text-align:center; }

#content table {max-width:1160px}

#content td a:hover{text-decoration:none;color:#951a1d;}

#content table tr:first-child th:nth-child(1)
{background:#f0f0f0}
#content table tr:first-child th:nth-child(2)
{background:#e5e5e5}
#content table tr:first-child th:nth-child(3)
{background:#d0d0d0}
#content table tr:first-child th:nth-child(4)
{background:#c0c0c0}
#content table tr:first-child th:nth-child(5)
{background:#acacac}
#content table tr:first-child th:nth-child(6)
{background:#9b9b9b}
#content table tr:first-child th:nth-child(7)
{background:#8f8f8f}
#content table tr:first-child th:nth-child(8)
{background:#7c7c7c}
#content table tr:first-child th:nth-child(9)
{background:#757575}
#content table tr:first-child th:nth-child(10)
{background:#6b6b6b}
#content table tr:first-child th:nth-child(11)
{background:#6b6b6b}
#content table tr:first-child th:nth-child(12)
{background:#6b6b6b}
#content table tr:first-child th:nth-child(13)
{background:#6b6b6b}
#content table tr:first-child th:nth-child(14)
{background:#6b6b6b}

#content td .name-fakul a {
    text-transform: uppercase;
    color: #951a1d;
    font-size: 23px;
    line-height: 24px;
    text-align: left;
    font-weight: 400;
    text-decoration:none;   
}

#content td .name-fakul a:hover{text-decoration: underline;color: #951a1d;}

/*для факультетов и центров*/
#content .tabl {border-width:0px;}
#content .tabl td {padding: 0 20px 20px 20px; vertical-align:top; border-width:0px;} 
#content .tabl th { font-size:20px; border-width:0px; padding:5px;}

/*для библиотеки*/
#content .tablbibl {border-width:0px; border-color:#fff;}
#content .tablbibl td {padding: 10px;  border-bottom-style:solid; border-bottom-width:2px; border-bottom-color:#828282; border-left-width:0px;border-right-width:0px;border-top-width:0px;} 
#content .tablbibl th { font-size:20px; border-width:0px; padding:5px;}

#content .tablbibl  td:nth-child(1)
{vertical-align:middle; text-align:center;}


/*для инклюзивного образования*/
#content .tabl1 {border-width:0px;}
#content .tabl1 td {padding: 0 0px 5px 5px; vertical-align:top; border-width:0px;} 
#content .tabl1 th { font-size:20px; border-width:0px; padding:5px;}

/* для карты сайта*/
#content .tabl-Map td {border-width:0px;}
#content .tabl-Map a { text-decoration:none;}

.Wrapper, #content ul { list-style-type:disc; list-style-position:inherit; margin-left:40px; padding-right:0px;margin-bottom:10px;}
.Wrapper, #content ol { list-style-type:decimal !important; list-style-position:inherit; margin-left:40px;margin-bottom:10px;}
#content ol li {margin:0 0 5px 0;}
#content p + ol {margin-top:-10px;}
#content p + ul {margin-top:-10px;}



#content .tabl-border {border: 1px solid #828282;}
 
#content .tabl-border td {border-width:0px;}

blockquote, q {quotes: none;}

.zag,.lozung
{

font-family:MyriadPro Light;
font-weight:100;
/*height:auto;*/
font-size:40px;
/*background-color:rgb(149,26,29);*/
background:#951a1d url(../../img_siu18/top_side_bg.png) no-repeat center top;
background-size:cover;
color:#fff;
text-transform:uppercase;
margin-top:0px;
padding-top:15px;
padding-bottom:15px;
padding-left:20px;
line-height:40px;
width:100%;
/*height:150px;*/
}

.lozung {background:#787878;text-align:center; font-family:MyiadPro-Light; font-size:26px;}

.auto { margin:auto;}

.menu-abit { margin-top:10px;}

.menu-abit-st {color:#000; cursor:hand;}

 .menu-abit ul li 
{
display:inline-block;
font-size:18px;
margin: 0 15px 10px;
padding:0 12px 0;
font-family:MyFont;
font-weight:600;
text-decoration:none;
color:#951a1d;
background:#f5f5f5;
text-align:center;
vertical-align:bottom;
} 

.zag .menu-abit ul li a {text-decoration:none;}

.zag .menu-abit ul li.active {background:#951a1d;}

.zag .menu-abit ul li:hover {text-decoration:none;color:#fff;}

/*{float:left; background:#fff; color:#921a1d; text-align:center; font-size:15px;padding: 3px 25px 3px; margin-top: -10px; font-family:MyriadPro-Bold; margin: 0px 20px 10px;}*/





.d1 { float:left; width:100%; font-family:MyriadPro Light;  padding: 15px 0 15px 10px; color:#000; font-size:48px; line-height:50px;
      color:#333;border-bottom-width:1px;border-color:#a8a8a8;border-style:solid; margin-bottom:0px;}

.d2 {margin-top:-15px;}

      
 @media screen and (max-width: 1200px) {
       .d1 {font-size:40px; line-height:42px;}
  }
  @media screen and (max-width: 1065px) 
  {
      .d1 {font-size:36px;line-height:36px;}
  }

.bol {font-weight:bold;}
/*
div.idL_0 {cursor:pointer;display:none;}
div.idL_3 {cursor:pointer;display:none;}
*/
table + table {margin-top:20px;}

table + ul { margin-top:10px;}




/*FOOTER*/

.kont {float:left; margin: 0 60px 0 0;}

.konta {float:left; margin: 0 60px 0 0;}

.kont a {font-size:16px; text-decoration:none; }

.konta a {text-decoration:none; }

.kont h3 {font-size:48px; font-family: 'MyriadPro Light'; margin-left:0px; padding-left:0px;font-weight:400;}
  @media screen and (max-width: 1200px) {
       .kont h3 {font-size:40px; line-height:42px;}
  }
  @media screen and (max-width: 1065px) 
  {
      .kont h3 {font-size:36px;}
  }
    
 .kont h4 
 {
     font-size:16px; 
     font-family: 'MyriadPro-Bold'; 
     border-bottom-style:double; 
     border-top-style:double; 
     border-color:#a8a8a8; 
     border-width:1px; 
     padding:10px;
     text-transform:uppercase;
     color:#000;
     }
  
.konta h4 
 {
     font-size:16px; 
     font-family: 'MyriadPro-Bold'; 
     border-bottom-style:double; 
     border-top-style:double; 
     border-color:#a8a8a8; 
     border-width:1px; 
     padding:10px;
     text-transform:uppercase;
     color:#000;
     } 
     
.kont table {width:100%;}
     
.kont table th,td { border-style:double; border-color:#a8a8a8; border-width:1px; padding:5px; }  
     
.kont th,td {padding:5px; }    
     
.foot{float:left;margin-left:10px;margin-right:10px;}

.foot a {color:#000;text-decoration:none;}

.foot a:hover {color:#951a1d;text-decoration:none;}

div.left {float:left;font-size:16px; padding-left:10px;}

div.right {float:right;font-size:16px; padding-right:10px;}

div.right a {color:#953a1d;}

ol.decim{list-style-type:decimal;padding-left:30px;}
ul.disc{list-style-type:disc;padding-left:30px;}

p + ol {margin-top:-10px;}
p + ul {margin-top:-10px;}

.round {
border-radius: 50%; /* Превращаем в круг */
}

.round10 {
border-radius: 10%; 
}

p.big {font-size:20px;line-height:25px;}