﻿@font-face{
	font-family:helveticaRoman;
	src:url(../fonts/HelveticaNeueCyr-Roman.otf);
}
@font-face{
	font-family:helveticaLight;
	src:url(../fonts/HelveticaNeueCyr-Light.otf);
}
@font-face{
	font-family:mtcorsiva;
	src:url(../fonts/mtcorsiva.ttf);
}
  @font-face {
   font-family: monotype; /* Имя шрифта */
    src: url(monotype.ttf); /* Путь к файлу со шрифтом */

   }

@font-face {
    font-family: 'ComicSansMSBold';
    src: url('../fonts/comicbd.eot');
    src: url('../fonts/comicbd.eot') format('embedded-opentype'),
         url('../fonts/comicbd.woff2') format('woff2'),
         url('../fonts/comicbd.woff') format('woff'),
         url('../fonts/comicbd.ttf') format('truetype'),
         url('../fonts/comicbd.svg#ComicSansMSBold') format('svg');
}
ymaps{
	margin: 0 auto;
}

*{
	margin:0;
	padding:0;
	border:none;
	font-family:helveticaLight;
	font-size:16px;
}
.clear{
	clear:both;
}
.container{
	width:1263px;
	margin:0 auto;
	}
header{
  background: url(http://dou365.ru/head.png) no-repeat;
  height: 287px;
	}
	
	.maps a{
	color:#fff;
	text-decoration: none;
	}
	
	.maps a:hover { 
    font-weight: bold; /* Жирное начертание */
    color: blue; /* Цвет ссылки */
	}
	
header img{
	position:absolute;
	}
.ds{
	/*top:15px;
	margin-left:55px;
	*/  width: 100%;
  height: 28%;
}
.logo{
	top:30px;
	margin-left:918px;
	}
header p{
	color:#fff;
	margin-left:65px;
	font-family:helveticaRoman;
	font-size:20px;
	}
header span{
	display:block;
	font-family: 'ComicSansMSBold';
	font-size:60px;
	}
.parent{
	  background: #018EC6;
	    padding: 0px 0px 0px;
		 
	}
.parent > li > a{
	color:#FFF;
	font-family: 'ComicSansMSBold';
	text-decoration:none;
	display: block;
height: 46px;
  text-transform: uppercase;
  font-size: 15px
	}
	
	.parent > li > a:hover{
	color:#000;

	}
.parent > li:hover{
	background:#FFCB00;
	
}	
.parent > li{
	display:inline-block;
	padding:10px 4.7px;
	max-width:245px;
	vertical-align:middle;
	text-align:center;
	height:40px;
	}
.parent li > ul{
	display:none;
	position:absolute;
	background:#ffd200;
	width:280px;
	margin-top:4px;
	margin-left:-15px;
	list-style-type:none;
	}
.parent li > ul li{
	border-bottom:1px solid #ffb606;
	padding:7px 6px 5px 10px;
	}
.parent li > ul li a{
	font-family:helveticaLight;
	text-decoration:none;
	font-size:13px;
	color:#000;
	}
.parent li > ul li:hover{
	border:none;
	background:#fce990;
	}
.parent li:hover > ul{
	display:block;
	}
.parent li > ul li > ul{
	position:absolute;
	display:none;
	margin-left:270px;
	margin-top:-25px;
	}
.container > img{
	width:100%;
	}
.content{
	background:url(../images/bg_article.png) no-repeat;
	}
aside{
	float:left;
	width:305px;
	margin-top:20px;
	padding:0 20px 0 35px;
	}
	.leftmenu{

  margin-left: -4px;
  margin-top: -35px;
	}
	aside nav {
	  background-color: #018EC6;
	 padding: 15px 0 152px 30px;
	}
	 
aside nav p{
		font-family:mtcorsiva;
		font-size:38px;
		color:#ebed67;
	}
aside nav li{
	list-style-type:none;
	  padding: 5px;
}
aside nav li:hover ul{
	display:block;	
}
aside nav li ul{
	display:none;
	position:absolute;
/*	margin-left:308px;*/
	background:#7ea8a4;
/*	margin:-30px 0 0 265px;*/
/*	  left: 149px;*/
}
aside nav li ul li{
	padding:0px 10px;

}
aside nav li ul li a{
	color:#fff;
/*	border-bottom:none !important;*/
/*	width:325px;*/
	width:250px;
}
aside nav li a{

	color:#fff;
	text-decoration:none;
	font-family: 'ComicSansMSBold';
	font-size:18px;
	display:block;
	width:225px;
	padding-bottom:3px;
	}
	
aside nav > ul > li:nth-child(1) a{
	border-bottom:1px solid #FFFFFF;
	}
aside nav > ul > li:nth-child(2) a{
	border-bottom:1px solid #FFFFFF;
}
aside nav > ul > li:nth-child(3) a{
	border-bottom:1px solid #FFFFFF;
}
aside nav > ul > li:nth-child(4) a{
	border-bottom:1px solid #FFFFFF;
}
aside nav > ul > li:nth-child(5) a{
	border-bottom:1px solid #FFFFFF;
}
aside nav > ul > li:nth-child(6) a{
	border-bottom:1px solid #FFFFFF;
}
aside nav > ul > li:nth-child(7) a{
	border-bottom:1px solid #FFFFFF;
}
aside nav > ul > li:nth-child(8) a{
	border-bottom:1px solid #FFFFFF;
}
aside nav > ul > li:nth-child(9) a{
	border-bottom:1px solid #FFFFFF;
}
aside nav > ul > li:nth-child(10) a{
	border-bottom:1px solid #FFFFFF;
}
aside nav > ul > li:nth-child(11) a{
	border-bottom:1px solid #FFFFFF;
}
aside nav > ul > li:nth-child(12) a{
	border-bottom:1px solid #FFFFFF;
}
aside nav > ul > li:nth-child(13) a{
	border-bottom:1px solid #FFFFFF;
}
aside nav > ul > li:nth-child(14) a{
	border-bottom:1px solid #FFFFFF;
}
aside nav > ul > li:nth-child(15) a{
	border-bottom:1px solid #FFFFFF;
}
aside nav > ul > li:nth-child(16) a{
	border-bottom:1px solid #FFFFFF;
}
aside nav > ul > li:nth-child(17) a{
	border-bottom:1px solid #FFFFFF;
}
aside nav > ul > li:nth-child(18) a{
	border-bottom:1px solid #FFFFFF;
}
aside nav > ul > li:nth-child(19) a{
	border-bottom:1px solid #FFFFFF;
}
aside nav > ul > li:nth-child(20) a{
	border-bottom:1px solid #FFFFFF;
}
aside nav > ul > li:nth-child(21) a{
	border-bottom:1px solid #FFFFFF;
}
aside nav > ul > li:nth-child(22) a{
	border-bottom:1px solid #FFFFFF;
}
.banner li{
	list-style-type:none;
	margin:18px 0;
	}
article{
	padding-top:60px;
	padding-left:360px;
	padding-right:50px;
	line-height:1.5em;
	  
	}
article p{
	text-indent:35px;
	text-align:justify;
	
}
.mono {
    font-family: monotype; /* Имя шрифта */
   font-size:18px;

}


.mono p{
    font-family: monotype; /* Имя шрифта */
   font-size:18px;
color:#fff;
}

.articleset {
	background:#018EC6;
	color:#fff;
	padding: 15px;
  margin-top: -40px;
}
.welcp{
   font-size:24px;
   color: #FFFF00;
}
article table, tr, td, th{
	border:1px solid #000;
}
h1{
	font-family: 'ComicSansMSBold';
	font-size:24px;
	margin-bottom:50px;
	text-transform:uppercase;
}
footer{
	background:#1f92fd;
	height:82px;
	color:#fff;
	padding:25px 0 0 35px;
	font-family:helveticaRoman;
	}
.studio_logo{
	position:absolute;
	margin-left:900px;
	margin-top:-60px;
	}
footer p:nth-child(2){
	font-size:30px !important;
	}
.contact_form {
    width:459px;
}
.contact_form_label {
    text-align: left;
    width:439px;
}
.contact_form_input, .contact_form_textarea {
    width:439px;
	height:12px;
	background:#efefef;
	border:1px solid #dedede;
	padding:10px;
	margin-top:3px;
	font-size:0.9em;
	color:#3a3a3a;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.contact_form_textarea {
	height:213px;
}
.contact_form_input:focus, .contact_form_textarea:focus {
    border:1px solid #adffff;
}
.contact_form_button {
	display: inline-block;
	zoom: 1; /* масштабирование и *display = ie7 хак для отображения display:inline-block */
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 2px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.contact_form_button:hover {
	text-decoration: none;
}
.contact_form_button:active {          //* смещение на 1px вниз *//
	position: relative;  
	top: 1px; 
}
/* белый */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	background: -ms-linear-gradient(top,  #fff,  #ededed);
    background-image: -o-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	background: -ms-linear-gradient(top,  #fff,  #dcdcdc);
    background-image: -o-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	background: -ms-linear-gradient(top,  #ededed,  #fff);
    background-image: -o-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}
.brd {
    border: 4px inset white;
    padding: 10px;
    background: #fff;
}
.brd h1{
    color: #0000FF;
    margin-bottom: 0px;
}