/* _default styles reset
========================================== */
html {width:100%;height:100%;font:11px/18px Tahoma, Verdana, Arial, Helvetica, sans-serif;}
body {width:100%;height:100%;padding:0;margin:0;color:#333;background:#fff;}

p {margin:0 0 10px 0;}
dfn,var,address {font-style:normal;}
a {color:#336699;text-decoration:underline;}
a:hover {text-decoration:none;}
a img {border:none;}
* html ul {height:1px;overflow:visible;} 
ul {padding:0;margin:0 0 15px 25px; list-style: none;}
ul li {padding:3px 0 4px 10px;background: url('images/bg/ul-li.png') no-repeat 0 12px;}
td,th {padding:0;}

form {margin:0px;}
input,select,label,textarea,button {margin:0;}
input.text,textarea {padding:2px 5px;border:1px solid #aeafb0;font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;color:#333;background:#fff;}
input.submit,button {font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;cursor:pointer;color:#333;outline: none;}
input.checkbox {width:14px;height:14px;margin:0;padding:0;}


/* _my universal styles  */
.both {width:100%;clear:both;overflow:hidden;}
.clear {width:100%;height:0px;clear:both;overflow:hidden;display:block;}


/* _wrap
========================================== */
#wrap {
width:100%;
min-width:1000px;
min-height:100%;
margin:0 auto;
overflow:hidden;
position:relative;
z-index:1;
background:#fff;   
}

#bg {
width:1000px;
height:100%;
margin:0 0 0 -500px;
position:absolute;
top:0;left:50%;
z-index:1;
background:url('images/body.png') repeat-y 0 0;   
}
#spacer {
width:100%;
height:150px;
clear:both;
overflow:hidden;
}
#bugz {
position: absolute;
top:6px;left:445px;
font:12px Tahoma;
cursor:pointer;
}
#bugz i {
font-style: normal;
display:block;
float: left;
cursor:pointer;
margin-top:5px;
white-space:nowrap;
border-bottom:1px dotted #3C6EBA;
}
#corner {
width:86px;
height:51px;
position:absolute;
top:4px;
left:10px;
z-index:1500;
background:url('/bitrix/templates/education/images/corner.png') no-repeat 0 0;
}
/*
== headers ================================ */
h1,h2,h3,h4,h5,h6 {
margin:0;
font-family:Tahoma, Verdana, Helvetica, sans-serif;
font-weight: normal;
}
h1 {
	padding:10px 0 5px 0;
	margin:5px 0 10px 0;
	font-size:24px;
	line-height:30px;
	color:#000;
	font-family:Georgia,tahoma,arial,helvetica,sans-serif;
}
h2 {
	padding:5px 0;
	margin:5px 0 10px 0;
	font-size:18px;
	line-height: 18px;
	color:#000;
	font-family:Georgia,tahoma,arial,helvetica,sans-serif;
}
h3 {
	padding:10px 0;
	margin:0 0 5px 0px;
	font-size:16px;
	line-height: 16px;
	font-weight:bold;
	color:#000;
	font-family:Georgia,tahoma,arial,helvetica,sans-serif;
}
h4 {
	padding:10px 0;
	margin:0 20px 5px 0px;
	font-size:14px;
	line-height: 14px;
	font-weight:bold;
	color:#000;
	font-family:Georgia,tahoma,arial,helvetica,sans-serif;
}

/* ---------------------------------- footer */
#footer {
width:1000px;
height:105px;
position:absolute;
bottom:0;left:50%;
margin:0 0 0 -500px;
font-size:13px;
z-index:2;      
font-family:Georgia,tahoma,arial,helvetica,sans-serif;
background:url('images/footer.png') no-repeat 0 100%;
}
* html #footer  {
bottom:expression(this.parentNode.offsetHeight % 2 ? -1 : 0 );
}
#footer .inner-block {
width:980px;
height:100px;
position:absolute;
top:0;left:10px;
background:url('images/footer-top.png') repeat-x 0 0;
}
#copy {
position:absolute;
top:29px;left:39px;
}
#footer .menu-bottom {
position:absolute;
top:55px;left:39px;
color:#4e4e4e;
}
#footer .pay {
position:absolute;
top:63px;left:39px;
}
#footer .pay img {
position:relative;
top:4px;
padding:0 2px;
}
#footer .phone-bottom {
position:absolute;
top:22px;left:507px;
font-size:26px;
height:40px;
line-height: 26px;
}
#footer .time-work-bottom {
position:absolute;
top:57px;left:497px;
}
#footer .counters {
position:absolute;
top:15px;right:30px;
}
#footer .counters li {
padding:0 0 8px 0;
background:none;
}

/* ---------------------------------- header */
#header {
width:1000px;
height:120px;
position:relative;
margin:0 auto;
z-index:3;
font-size:13px;    
font-family:Georgia,tahoma,arial,helvetica,sans-serif;
background:url('images/header.png') no-repeat 0 0;
}
#logo {
position:absolute;
top:80px;left:45px;
}

#logo img {
width:269px;
height:32px;
}
#logo a {
outline: none;
}
#slogan {
position:absolute;
top:88px;left:136px;
color:#666666;
font:11px Tahoma;
}
#header .top-menu {
width:995px;   
height: 48px;
position:absolute;
top:132px;left:-7px;
margin:0 0 5px 0;
padding:0 0 0 20px; 
background:url('images/menu.png') no-repeat 0 0 ;
}
#header .top-menu li {
float:left;
font-size:16px;
padding:15px 15px 10px 20px;
background: none;
/*background:url('images/top-menu-li.png') no-repeat 100% 0; */
}
#header .top-menu li a {outline: none;}
#header .top-menu li.last {
background: none;
}
#header ul.top-menu li a {
color:#666;
}
#logo-small {
position:absolute;
top:12px;right:93px;
}
#header .banner-right {
width:608px;
height:68px;
padding:6px 0px 0 0;
position: absolute;
top:55px;right:25px;
}
#header .banner-right img {
float: right;
padding:0 3px 0 0;
}
#search {
position: absolute;
left:118px;top:11px;
font:11px Tahoma;
}
#search input.text {
width: 130px;
border:1px solid #d1d1d1;
}
#search input.submit {
width: 19px;
height: 18px;
border:none;
margin: 0 0 0 8px;
padding: 0;
background:url('images/ico/search.png') no-repeat 0 0; 
}
#header ul.links {
position: absolute;
top:15px;left:682px;
font:11px Tahoma; 
margin:0;
}
#header ul.links li {
float: left;
padding:0 25px 0 0;
letter-spacing:0.5px;
background: none;
}
#header ul.links li img {
display: block;
float: left;
position: relative;
top:-5px;
padding:0 7px 0 0;
}






#content {
width:945px;
position: relative;
padding:0px 25px 0 30px;
margin: 0 auto;  
overflow: hidden;
z-index: 2; 
}

/* -------- */
.subject {
width:100%;
overflow:hidden;
}
.subject .item {
width: 100px;
float:left;
padding:10px 25px 5px 10px;
text-align: center;
}
.subject .item img {
width:68px; /* тут будет реальная ширина картинки */  
display:block;
padding-bottom: 7px;
position:relative;                                    
margin:0 auto;
}



.top-links {
width:980px;
padding-bottom: 3px;
margin:0 0 10px -20px;
overflow: hidden;  
background: url('/bitrix/templates/education/images/bg/border-bottom.png') repeat-x 0 100%;
}
ul.breadcrumb-navigation li {
background: none;
}

#auth {
position: relative;
float:right;
padding:5px 10px;
color:#333;
}
#auth .auth-welcome {
float:right;
padding:4px 0 0 0;
}
#auth .out {
float:right
}
table.auth_form {
border-collapse: collapse;
}
table.auth_form td {
padding: 2px 0;
}
table.auth_form td.left {
width: 60px;
text-align: right;
padding-right: 7px;
font-size: 11px;   
}
.auth_form .check {
width: 15px;
height:15px;
display: block;
float: left;
margin:0px 4px 0 0;
}
.auth_form .remember {
padding-top: 7px;
border-top: 1px dotted #909090; 
}
.enter_form td {
width: 50%;
}
.enter_form td p {
margin:10px 0 10px 20px;
}
table.auth_form td input.text {
width:285px;
padding:8px 12px;
margin:0 0 15px 0;
border: 1px solid #cecece;
font-size:16px;
font-family:Georgia,tahoma,arial,helvetica,sans-serif; 
}
table.auth_form td .submit {
display: block;
width: 195px;
height:46px;
border:none;
outline: none;
text-align: left;
padding:12px 0 14px 15px;
font-size:16px;
font-family: georgia,tahoma;
font-weight: bold;
background: url('/bitrix/templates/education/images/buttons/button_enter.png') no-repeat 0 100%;
} 
table.auth_form td .active {
padding:14px 0 12px 15px;
background: url('/bitrix/templates/education/images/buttons/button_enter.png') no-repeat 0 0;
} 


/* главная */
#left {
width:670px;
position: relative;
left:10px;
float: left;
}
.main_banner_top {
margin: 10px 0 8px 0;
}
.main_banner_right {
margin:5px 0 15px 0;
}

#right {
position: relative;
margin:0 0 0 700px;
}  

.spec a {
text-decoration:none;
border-bottom: 1px dotted #336699;
}
.spec a:hover {
border-bottom: none;
}

.banner_temp {
    width: 240px;
    height: 400px;
    border: 1px solid #d6d6d6;
}

/* регистрация пол-ля */
.new_user 
{
	width:665px;
	padding:20px;
	margin:0 auto;
	position: relative;
	border-top: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	border-bottom: 6px solid #cecece;
	color:#333;
	overflow: hidden;
	background:#f8f8f8;
}
.registration h2 
{
	font-size:28px;
	line-height: 28px;
	color:#000;
	padding:5px 0 15px 0;
	font-family:Georgia,tahoma,arial,helvetica,sans-serif;
	background:url(/bitrix/templates/gaapshop/images/h2_underline.png) repeat-x 0 100%;
}
.new_user {
font-size: 12px;
}
.new_user label 
{
	display: block;
	float: left;
	color:#333;
}
.new_user input.text 
{
	width:285px;
	padding:8px 12px;
	margin:0 0 15px 0;
	border: 1px solid #cecece;
	font-size:16px;
	font-family:Georgia,tahoma,arial,helvetica,sans-serif; 
}
.new_user table.form-table input.text {
width:289px;
margin:5px 0 15px 0;
}
.new_user table.form-table td em {
top:13px !important;
}

.new_user table.form-table
{
	width:285px;
	margin:0 !important;
	float: left;
	border-collapse:collapse;
	font-size:12px;
}
.new_user table.data-table 
{
	width:315px;
	margin:0 35px 0 0;
	float:left;
}
.registration .data-table td i {
font-style: normal;
color:#993333;
font-size:10px;
}
.registration .data-table td em {
display: block;
width: 74px;
height: 11px;
float: right;
position: relative;
top:10px;
background: url('/bitrix/templates/education/images/important.png') no-repeat 0 0;
}
table.form-table th, table.form-table td
{
	vertical-align:top;
}

table.form-table th
{
	color:#25639A;
}
.new_user .form-table img  {
	margin:7px 0 5px 0 !important;
}
.form-table img 
{
	display: block;
	margin:10px 0 14px 0;
}
.registration .submit {
display: block;
width: 312px;
height:46px;
border:none;
outline: none;
text-align: left;
padding:12px 0 14px 20px;
font-size:16px;
font-family: georgia,tahoma;
font-weight: bold;
background: url('/bitrix/templates/education/images/buttons/button_registration.png') no-repeat 0 100%;
}
.registration .active {
height: 46px !important;
padding:14px 0 12px 20px !important;
background: url('/bitrix/templates/education/images/buttons/button_registration.png') no-repeat 0 0;
}



/*  таблицы по умолчанию  */
table.useful {
width: 100%;
border-collapse: collapse;
}
table.useful th {
text-align: left;
}
table.useful th, table.useful td {
padding:5px 0 5px 15px;
border: 1px solid #d6d6d6;
}
table.useful td {
background: #f5f5f5;
}
table.useful td p {
margin:0;
}


#div_support_form {
position: absolute;
width: 345px;
/*height: 340px; */
left: 427px;
top:45px;
z-index: 1000;
font-family: tahoma;
border: 1px solid #c8c8c8;
background: #ffffff url(/bitrix/templates/education/images/bug_icons/bugHeader.png) repeat-x left top;
}
.div_support_footer {
position: absolute;
width: 345px;
height: 9px;
font-size: 1%;
bottom: 0px;
left: 0px;
background: #ffffff url(/bitrix/templates/education/images/bug_icons/bugFooter.png) repeat-x left top;
}
#div_support_form img {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
}  
#ok {outline: none !important;}             
#support_form {
height: 250px;
}
#div_support_form p {
color: #333333;
padding: 10px 15px 5px 15px;
}
#div_support_form p.white {
color: #ffffff;
font-weight: bold;
}
#bug-support {
width: 183px;
position: absolute;
left:420px;
top:33px;
color:#494949;
font-size:10px;
}
#bug-text {
display: block;
white-space: nowrap;
/*border-bottom: 1px dotted #3C6EBA;*/
cursor: pointer;
color:#336699;
}