/* сброс браузерных стилей */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote { padding: 0; margin: 0; }
fieldset, img, abbr, acronym { border: 0; }
ol, ul { }
address, caption, cite, code, dfn, th, var { font-weight: normal; font-style: normal; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content: ''; }

/* общие стили */
html, body { font-size: 16px; color: #000; height: 100%; font-family: "Roboto", "Verdana", "Tahoma"; min-height: 100%; background: #ffffff;}
h1, h2, h3, h4, .like_h3 {padding-bottom: 20px; color: #000000; font-family: "Tisa", sans-serif; font-style: italic; }
h1 {font-size: 40px; padding-top: 25px;} 
h2 {font-size: 30px; padding: 25px 20px;} 
h3 {font-size: 20px; padding: 20px 15px;}
.moded_h3 {padding: 0 0 20px 0; font-size: 26px;}
.like_h3 {font-size: 20px; }
.h2_hopad {padding:0; }
input {font-family: "Roboto", "Verdana", "Tahoma"; font-size: 16px;}
.small {font-size: 14px; color: #888;}
.non {margin:0; padding: 0; width: 100%; border: 0; border-collapse: collapse;}
.non tr, .non td {margin: 0; padding: 0; border: 0;}
.clearer {clear: both;}
.pie { behavior: url(PIE.htc); background: #fff; position: relative; zoom: 1;}
a {color: #000;}
a:hover {color: #e4320f;}

/* поисковая форма */
.search_form {}
.search_input {}
.search_ok {}
.page_searchform {}
.page_searchform form input#search {}
.page_searchform form input#submit {}

/* Карусель */
.karli {height: 525px; width: 700px; margin: 0; position: relative;}
.karusel {position: relative; top: 0; left: 50%; margin-left: 350px; padding: 40px 0;}
.carr {padding: 0; overflow: hidden; height: 525px; width: 900px; background-color: rgba(0,0,0,0.1);}
.carousel_sub {position: absolute; bottom: 0; width: 100%; padding: 15px 15px 20px 15px; background-color: rgba(0,0,0,0.5); }
.carousel_sub, .carousel_sub * { color: #fff; }
.prev, .next {width: 50px; height: 120px; background: none; border: none; position: relative;}
.next {left: -20px;}
.prev {left: 25px;}

/* баллун авторизация */ 
.balloon { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display:none; z-index: 2000; background: rgba(0,0,0,0.7); 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9c000000,endColorstr=#9c000000); zoom: 1;}
.balloon_in { display: none; position:fixed; z-index: 2001; left:50%; top:50%; margin-top: -150px; margin-left: -160px; width:320px; height:auto; 
	background-color: #fff; padding: 30px;	color: #000; box-sizing: border-box; }
.balloon_in2 { display: none; position:fixed; z-index: 2001; left:50%; top:50%; margin-top: -180px; margin-left: -250px; width:500px; height:auto; 
	background-color: #fff; padding: 30px;	color: #000; box-sizing: border-box; }
.balloon>.arrow { position:absolute; top:-10px; left: 50px; display:block; width: 0px; height: 0px; border-right: 10px solid transparent; border-left: 10px solid transparent; 
	border-bottom: 10px solid #FFFFFF; }
.nodec {text-decoration: none; color: #777; position: absolute; top: 9px; right: 6px; width: 20px; font-size: 25px; cursor: pointer;}
.lf, .submitreg_active { padding: 10px; width: 298px; border: 1px solid #ccc; font-size: 16px; margin-bottom: 15px; }
.lf_lb, .submitreg_active {border-radius: 3px; width: 320px; margin-bottom: 0; font-size: 18px; text-align: center; background-color: #ccc;
	background: linear-gradient(to top, #bbb, #eee); cursor: pointer; }
.submitreg {margin-top: 30px;}
.mf {width: 260px; border: 1px solid #9ac3d0; padding: 10px; font-size: 20px; color: #aaa; margin-bottom: 8px; box-sizing: border-box;}
.loginbutton { background: #f34938; color: #fff; border: none;}
.catchforminp {width: 100%; box-sizing: border-box; border: 1px solid #888; border-radius: 4px; margin: 6px 0 15px 0; padding: 10px;}

/* PassEye */
.showpass, .showpass2 {display:inline-block; height: 10px; width: 18px; background:url('images/passEye.png') no-repeat left 2px; position: relative; top: 7px;
	cursor: pointer; text-decoration: none;}
.pass1 {position: relative;}
.showpass2 {background-position: left bottom; display: none;}

/* интернет магазин */
/* список товаров */
.shop_item_name a {font-size: 18px; display: block; text-align: center; text-decoration: none; font-weight: bold; margin-top: 10px; margin-bottom: 8px;} /* вид названия товара в списке товаров */
.shop_item_descr {color: #777; display: block; text-align: center; margin: 8px 0; font-size: 13px; } /* вид описания товара в списке товаров */
.tovar_cell {position: relative; display: inline-block; width: 250px; background: #eee; border-radius: 10px; padding: 15px; margin: 15px 15px 0 0; vertical-align: top;}
.shop_item_image {width: 200px; height: 200px; margin: 0 auto; border: 1px solid #eee; border-radius: 10px; background: #fff url(images/no_photo.png) center center no-repeat;} /* вид фото товара в списке товаров и в подробном описании товара */
.smallimg_tovar {width: 70px; height: 70px; margin: 0 auto; border: 1px solid #eee; border-radius: 5px; background: #fff url(images/no_photo_sm.png) center center no-repeat;}
.shop_item_price {font-size: 22px; color: #e00;} /* вид цены товара в списке товаров и в подробном описании товара */
.shop_item_td {} /* вид ячейки в списке товаров */
.shop_item_subcatt a {font-size:12px; color: #0ff;} /* вид списка подкатегорий в списке товаров и в подробном описании товара*/
.shop_start_cat {border: 1px solid #ccc; padding: 40px;} /* ячейка категории на стартовой странице магазина */
.breadcrumbs {color: #999; font-size: 13px; margin-bottom: 10px;} /* хлебные крошки */
.breadcrumbs a {color: #999; text-decoration: underline;} /* хлебные крошки - ссылки */
.sortby {font-size: 12px; color: #555; margin: 5px 0;} /* строка сортировки */
.sortby a {text-decoration: none; color: #333;} /* ссылки в строке сортировки */
.sort_sel {color: #900 !important; font-size: 16px;} /* выделенная ссылка (сейчас сортировано по... )*/
.tabb tr td {border: 1px solid #955; padding: 5px;} /*табличка в корзине */
.recount {background: none; border: 1px solid #955;} /*кнопка пересчитать в корзине*/
.cart_d { text-align: center;}
.number {margin-top: 8px;text-align: center;}
.minus, .plus {display: inline-block; width: 16px; height: 16px; background: url(images/minus.png) center center no-repeat; cursor: pointer;
	position: relative; top: 2px; }
.plus {background-image: url(images/plus.png);}
.buybutton {width: 120px; display: inline-block; text-align: center; margin-left: 10px; background: #090; padding: 3px; height: 26px; color: #fff; cursor: pointer;
	border: none; }
.buybutton_in_tovar {width: 150px; font-size: 20px; }
.tovar_count {width: 40px; padding: 5px;}
.cartmr {margin: 0 20px 0 0;}
.cart_table {}
.cart_table tr td {padding: 5px;}
.deltovar {height: 20px; width: 20px; display: block; background: url(images/drop.png) center center no-repeat; cursor: pointer;}

/* прайс */
.price_table {margin: 0 auto; border-collapse: collapse; border: 1px solid #ccc;}
.price_table tr td {border: 1px solid #ccc; background: #f2f2f2; padding: 4px; }
.price_table tr td a {text-decoration: none;}
.price_table tr td a:hover {text-decoration: underline;}
td.price_tovar {background: #fff !important; padding-left: 50px !important;}
td.price_price {background: #fff !important; width: 150px; font-weight: bold; color: #c00; text-align: right;}
.price_link {margin: 10px 0 0 2px;}

/* футер к низу страницы */
.page { min-height: 100%; position: relative;}
.header { min-height: 70px;padding-top: 10px;}
.content { padding-bottom: 280px; position: relative; overflow-x: hidden;}
.footer {position: absolute; bottom: 0; width: 100%; height: 280px; background: #f0f0f4; box-sizing: border-box; padding: 40px 0 0 0; line-height: 130%;}

/* уникальные стили для проекта */
div, p {box-sizing: border-box; /*border: 1px solid yellow;*/ }
.w1200 {max-width: 1200px; margin: 0 auto;}
.w1150 {max-width: 1200px; margin: 0 auto; padding-left: 25px; padding-right: 25px; }
.w1150_bsbb {max-width: 1200px; margin: 0 auto; padding-left: 25px; padding-right: 25px; box-sizing: border-box;}
.p25 {margin: 0 25px;}
.mess {border: 2px solid red; margin-top: 30px; margin-bottom: 30px; padding: 25px; background: #ffeeee;}
.headermain { height: 605px; background-image:  url("images/top_img.jpg"), url("images/top_img_line.png"); background-position: bottom center, bottom center;
	background-repeat: no-repeat, repeat; padding-top: 10px;}
#logo {float: left; width: 350px; padding: 10px 0 0 25px;}
#top_line_1, #top_line_2 {min-height: 55px;}
#top_line_2 {margin-bottom: 20px;}
#top_line_2 * p {display: inline-block; margin: 15px 35px 0 0;}
#top_line_2 * p a {text-decoration: none; color: #000; }
#top_line_2 * p a:hover {color: #e4320f; text-decoration: underline; }
#onl {display: inline-block; padding: 16px 0 14px 50px; background: url(images/24-7.png) left center no-repeat; color: #2d7992; margin-right: 56px;}
.zayavka_button, .begintest { background: #f34938 url(images/zayavka_button.png) 175px 10px no-repeat; padding: 10px 20px 0 15px; width: 210px; height: 42px; 
	font-style: italic; color: #fff; text-decoration: none; display: inline-block; box-sizing: border-box; font-family: "Tisa", sans-serif; cursor: pointer;}
.begintest {background: #f34938 url(images/zayavka_button.png) 205px 10px no-repeat; width: 240px; margin-top: 8px;}
.zayavka_button:hover, .begintest:hover {color: #fff; background-color: #ff5948;}
.topuserinfo {float: right; padding: 10px 25px 0 0;}
.preimtable tr td { color: #2d7992; font-size: 18px; padding: 0 0 25px 15px;}
#preim1 {padding: 20px 300px 0 25px; font-size: 40px; font-style: italic; font-family: "Tisa", sans-serif;}
#preim2 {padding: 10px 0 35px 25px; font-size: 24px; color: #484848; font-weight: 300;}
.article_h1 {background: #e4e9ef; margin: 2px 0 2px 0; padding: 20px 0 20px 0; font-family: 'Roboto', sans-serif; font-size: 30px; font-weight: 300; font-style: normal;}
.article_h1 .w1200 {padding-left: 25px;}
.last_line {padding-left: 25px;}
span.tab_line { background: #f0f0f4; padding-top: 8px; width: 100%; margin:0; position: absolute; width: 5000px; top: 0px; left:-1000px; 
	display: block; z-index: 2; height: 38px;}
.obuch_price {padding-left: 40px; font-size: 30px; color: #f34938; font-weight: bold; position: relative; top: 6px;}
.bottom_menu { min-width: 180px; padding: 0 20px;}
.bottom_menu * a {display: inline-block; margin: 0 0 10px 0; }
.bottom_menu * a, .botstable tr td a { color: #000; text-decoration: none;}
.bottom_menu * a:hover, .botstable tr td a:hover  {color: #e4320f; text-decoration: underline; }
.botstable tr td {font-weight: 300; padding: 8px 5px; line-height: 100%; position: relative; top: -8px;}
.bott {}
.newsdiv {width: 560px; box-sizing: border-box; padding: 25px 20px; margin: 0 0 25px 25px; background: #e4e9ef; display: inline-block; min-height: 230px;
	vertical-align: top;}
.newsdiv:hover {background: #d2edef;}
.news_date {color: #367e96; font-size: 18px;}
.news_h2 {padding:0; margin: 10px 0 10px 0; font-family: 'Roboto', sans-serif; font-size: 30px; font-weight: 300; font-style: normal; color: #474747; }
.news_readmore {color: #474747;}
.okompanii_navi {float: left; width: 300px; padding: 20px 20px 10px 20px; margin: 0 40px 80px 0; font-size: 14px; background: #ddd;}
.hreftel {font-weight: bold; display: inline-block; text-decoration: none; font-size: 24px; color: #2d7992; position: relative; top: -2px; margin-right: 30px; }
.htmini {font-size: 16px;}

/* профиль */
.profile_menu {max-width: 1200px; padding: 0 25px; margin: 0 auto; font-size: 18px; } 
.prof_t tr td {padding: 6px 6px 6px 0;}
.prof_t_first {width: 350px;}
.okbutton_pf {padding: 6px 10px;}
.pf_m {padding: 6px; width: 250px; border-radius: 4px; border: 1px solid #888;}
.pf_m_pass {width: 220px;}
.pdel {display: inline-block; width: 30px; text-align: center; font-size: 0px; }
.kurs_info_profile {background: #f2f2f2; padding: 25px; min-height: 100px; margin-bottom: 15px; }
.kurs_name_p { line-height: 1.4em; padding: 0 25px 0 0;}
.kurs_name_p h2 {padding:0; margin: 0 0 20px 0; line-height: 35px;}
.kurs_links { width: 180px;}
.prog_link, .test_link, .sert_link {display: block; padding: 7px 0 7px 33px; margin-bottom: 7px; background: url(images/pu.png) left center no-repeat; 
	text-decoration: none; color: #367e96;}
.test_link {background: url(images/pt.png) left center no-repeat; }
span.test_link {color: #08a329; background: url(images/pok.png) left center no-repeat; }
.sert_link {color: #b82d2d; background: url(images/psert.png) 2px center no-repeat; }
#kurs_question {max-width: 1150px; margin: 20px auto 0 auto; }
#kurs_question_2 {border: 2px solid #367e96; padding: 20px; }
.quest_f {font-size: 18px; color: #444;}
.answer_f {color: #444; padding-bottom: 12px;}

/* табы */
.tabs {	padding: 10px 0 0 0; position: relative;margin: 0 auto;}
.tabs>div {	display: none;	padding: 25px;	background: #fff;}
.tabs>div>p {	margin: 0 0 5px;	line-height: 1.5;	color: #383838;	-webkit-animation-duration: 1s;	animation-duration: 1s;	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;	-webkit-animation-name: fadeIn;	animation-name: fadeIn;}
@-webkit-keyframes fadeIn {	from {	opacity: 0;	}to {opacity: 1;}}
@keyframes fadeIn {	from {	opacity: 0;	}to {opacity: 1;}}
.tabs>input {display: none;position: absolute;}
.tabs>label {display: inline-block;margin: 0 0 -1px;padding: 7px 25px 0 25px; height: 30px;text-align: center;color: #000;background: none; 
	position: relative; z-index: 3;} 
.tabs>label:hover {	color: #357e96;	cursor: pointer;}
.tabs>input:checked+label {	color: #357e96;	background: #fff;}
#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4 {display: block;}
@media screen and (max-width: 680px) {
	.tabs>label:before {margin: 0;font-size: 18px;}
}
@media screen and (max-width: 800px) {
	.tabs>label {padding: 0 0 0 25px;}
}

/* раскрывающиеся списки */
.faq-section{ margin: 0 0;}
.faq-section input, .faq-section p{ display: none; padding: 10px 0 0 10px;}
.faq-section input[type=checkbox]:checked~p{display: block;color: #000;font-size: 1em;text-overflow: clip;white-space: normal;overflow: visible;}
.faq-section label{cursor: pointer;background: #eee;display: block;position: relative;padding: 7px 10px;font-weight: bold;border: 1px solid #ddd;
	border-left: 3px solid #888; text-shadow: 0 1px 0 rgba(255,255,255,.5); transition: all 1.15s ease-out;}
.faq-section label::selection{ background: none;}
.faq-section label:hover{ background: #f5f5f5;}
.faq-section input[type=checkbox]:checked~label{ border-color: #ff7f50; background: #f5deb4; background-image: linear-gradient(to bottom, #fff, #f5deb4);
	 box-shadow: 0 0 1px rgba(0,0,0,.4);}
.faq-section label::before{ content: ''; position: absolute; right: 4px; top: 50%; margin-top: -6px; border: 6px solid transparent; border-left-color: inherit;}
.faq-section input[type=checkbox]:checked~label::before{ border: 6px solid transparent; border-top-color: inherit; margin-top: -3px; right: 10px;}


/* стили для разных экранов */
@media screen and (max-width: 1200px) {
	.newsdiv {width: 45%;}
	#onl {display: none;}
}
@media screen and (max-width: 1000px) {
	.spacertd {display: none;}
}
@media screen and (max-width: 840px) {
	.newsdiv {display: block; width: 100%; height: auto; min-height: auto; padding:0 25px 40px 25px; margin: 0; box-sizing: border-box;}
	.newsdiv, .newsdiv:hover {background: none;}
	.content { padding-bottom: 0; position: relative; overflow-x: hidden;}
	.footer {position: static; height: auto; }
	.bottb, .bottr, .bottd {display: block; width: 100%; } 
	.bottom_menu { display: none !important; }
	.b_blck {text-align: left; padding-top: 20px;}
	.botstable tr td {padding: 0 15px 15px 0; top: 5px; left: -3px;}
	.botstable {margin-bottom: 10px;}
	#logo {float: none; width: auto; }
	#top_line_1, #top_line_2 {min-height: auto; padding: 0 25px;}
	.headermain { height: auto; }
	.topuserinfo {position: absolute; top: 70px; right: 0px;}
	#topredbutt {position: absolute; top: 20px; right: 25px;}
	#top_line_2 * p {margin-right: 20px;}
	.tab_line {display: none !important; }
	#preim1 {padding: 20px 120px 0 25px;}
	.prof_t_first {width: auto;}
	.kitable, .kitable tr, .kitable tr td {display: block;}
	.kurs_links {padding-top: 20px;}
	.okompanii_navi {float: none; width: 100%; margin: 0 0 40px 0; }

}

@media screen and (max-width: 550px) {
	#top_line_1 {height: 110px; }
	.topuserinfo {position: absolute; top: 190px; left: 25px;}
	#topredbutt {position: absolute; top: 140px; left: 25px;}
	.obuch_price {display: block; padding-left: 0;}
	#preim1 {padding: 20px 0 0 25px;}
	.prof_t, .prof_t tr, .prof_t tr td {display: block; }
	.balloon_in, .balloon_in2 {left:0%; top:0%; margin-top: 0; margin-left: 0; width: 100%; height:auto; }

}