@import url('reset.css');
@import url('typography.css'); 

body {
 background-color: #ccccff;
 margin: auto;
 width: 100%;
}

/*Верхняя часть сайта*/

#top-shadow {
 border-bottom: 2px groove #ffffff;
 height: 20px;
 width: 100%;
 background: url('../img/content-bottom-shadow.png') repeat-x;
}
#present {
}


#header {
 background: url('../img/header-image.jpg') no-repeat;
 background-color: #6666cc;
 border-bottom: 2px ridge #ffffff;
 height: 200px;
 width: 100%;
 background-position: center;
}

#wrapper-logo {
 margin: auto;
 width: 1000px;
 position: relative;
}

#slogan p{
 position: absolute;
 top: 90px;
 font-family: Verdana, Geneva, sans-serif;
 color: #FFF;
 font-size: 22px;
 font-weight: bold;
 left: 0px;
 text-align: left;
 width: 187px;
}

#site-logo h1{
 width: 480px;
 font-family: Verdana, Geneva, sans-serif;
 color: #FFF;
 font-size: 28px;
 font-weight: bold;
 position: absolute;
 top: 153px;
 right: 0px;
 text-align: right;
}
#site-logo h1 a:hover {
 color: #FC0;
 font-family: Verdana, Geneva, sans-serif;
 font-size: 28px;
 font-weight: bold;
}
#site-logo h1 a{
 color: #FFF;
}
#site-logo h1 a:active {
 color: #85A5E2;
 font-family: Verdana, Geneva, sans-serif;
 font-size: 28px;
 font-weight: bold;
}
#container-top-shadow {
 height: 20px;
 width: 100%;
 background: url('../img/content-top-shadow.png') repeat-x;
 padding-bottom: 20px;
}


/*Меню*/

#menu {
 width: 1001px;
 height: 50px;
 overflow: hidden;
 margin-left: 1px;
}

#mainMenu {
 height: 40px;
 padding: 12px 0px;
}

#mainMenu li {
 font-size: 18px;
 margin-right: 2px;
 float: left;
 display: inline;
}

#mainMenu li a,
#mainMenu li strong {
 display: inline;
 width: 141px;
 height: 28px;
 float: left;
 padding-top: 9px;
 text-align: center;
 color: #FFF;
 text-decoration: none !important;
 font-family: Arial, Helvetica, sans-serif;
 background: url('../img/bg-menu-item.gif') 0 0 no-repeat;
}

#mainMenu li strong {
 color: #00F;
 font-weight: normal;
 background: #fff url('../img/bg-menu-item.gif') 0 -42px no-repeat;
}

#mainMenu li a:hover {
 text-decoration: underline !important;
 font-size: 18px;
}


/*Основной контент*/

#container {
 width: 968px;
 background-color: #F4F3FE;
 border: 1px solid #bababa;
 height: auto;
 padding: 15px;
 background: #bababa url(../img/shadow.png) -2px 14px no-repeat #F4F3FE;
 overflow: hidden;
 position: relative;
}

#content-wrapper {
 float: left;
 width: 740px;
 display: inline;
}

#main-content {
 border: 1px solid #bababa;
 clear: both;
 height: 1%;
 padding: 15px;
 width: 708px;
 background-color: #FFF;
 float: left;
 display: inline;
}
#main-wrapper ul {
 padding-left: 30px;
 list-style-type: square;
}

#stamp {
 position: relative;
 float: right;
 display: inline;
 top: -28px;
 right: -8px;
}
#block {
 width: 500px;
 position: relative;
}
#present {
 height: 1%;
 margin: 0 20px;
 padding: 20px;
}

#present-entry {
 margin-top: 60px;
 float: left;
 display: inline;
 width: 522px;
 height: 105px;
}

#present img {
 float: left;
 display: inline;
 margin-right: 15px;
 border: 1px #bababa solid;
}
.training-img {
 float: left;
 display: inline;
 border: 1px #bababa solid;
 margin: 15px 15px 15px 0;
}




#main-wrapper {
 float: left;
 width: 676px;
 display: inline;
 border: 1px solid #b2b2b2;
 padding: 15px;
 text-align: justify;
}

#slideshow-wrapper {
 border-right: 1px solid #b2b2b2;
 float: left;
 padding-right: 15px;
 width: 302px;
 display: inline;
}

#slides {
 border: 1px solid #a7a7a7;
 height: 200px;
 width: 300px;
}

#slides a.thumb {
display:none;
}

#slides a.default-slide {
display:block;
}

#slideshow-commands {
 background: url('../img/commands-bg.png') no-repeat;
 height: 19px;
 padding: 3px 5px;
 width: 260px;
}

a#previous-slide {
 background: url('../img/commands-previous-slide.png') no-repeat;
 display: inline;
 float: left;
 height: 14px;
 margin-top: 2px;
 text-indent: -9000px;
 width: 13px;
}

a#next-slide {
 background: url('../img/commands-next-slide.png') no-repeat;
 display: inline;
 float: right;
 height: 14px;
 margin-top: 2px;
 text-indent: -9000px;
 width: 13px;
}

#slideshow-commands p h4 {
 margin-top:2px;
 width: 100%;
}

#training {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: #FFF;
 text-align: center;
 font-weight: bold;
 padding-top: 2px;
}

#training a {
 font-size: 14px;
 color: #FFF;
}

#training a:hover {
 font-size: 14px;
 color: #FFF;
 text-decoration: underline;
}

#aforism {
 height: auto;
 width: 290px;
 border: solid 1px #bababa;
 background-color: #FFC;
 padding: 5px;
 float: left;
 margin-top: 15px;
 display: inline;
}

#shedule {
 width: 374px;
 float: left;
 display: inline;
 margin-left: 15px;
}

#anons {
 height: 35px;
 position: relative;
 left: 0px;
 top: 0px;
 text-align: justify;
}

#anons h3 a {
 color: #ff3333;
}

#anons h3 a:hover {
 color: #3333ff;
 text-decoration: underline;
 font-size: 24px;
}

#pic {
 position: absolute;
 top: -10px;
 right: -7px;
}


#shedule-entry {
 height: 50px;
 padding-top: 5px;
}
#shedule-entry h6 {
 text-align: justify;
}


#shedule-entry a img {
 float: left;
 display: inline;
 border: 1px #bababa solid;
}
.training-name {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 text-align: justify;
}
#frame {
 padding: 15px;
 border: 3px #f33 dotted;
 width: 620px;
}



#shedule-entry .basic_13 a:hover{
 font-size: 13px;
 text-decoration: underline;
 color: #3333ff;
}

#shedule-entry .basic_13 #note {
 color: #ff3333;
 float: right;
 display: inline;
}

#contact-info {
 height: 55px;
 border-top: 1px #b2b2b2 solid;
 margin-top: -20px;
}

span#phone {
 background: url('../img/phone-icon.png') no-repeat 0px 3px;
 float: left;
 margin-top: 10px;
 padding-left: 35px;
 width: 120px;
 display: inline;
 margin-right: 0px;
}

span#mail {
 background:url('../img/address-icon.png') no-repeat 0px 1px;
 float: right;
 margin-top: 10px;
 width: 161px;
 height: 30px;
 padding: 5px 0 0 35px;
 display: inline;
}

#mail a {
 color: #525252;
 text-decoration: none;
 font-weight: bold;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
}

#mail a:hover {
 font-size: 12px;
 color: #3333ff;
 text-decoration: underline;
 font-weight: bold;
}

p#sign-up-wrapper {
 float:right;
 margin-top:9px;
 width:215px;
 display: inline;
}

p#sign-up-wrapper a {
 background: url('../img/sign-up-button.png') no-repeat;
 border: none;
 display: block;
 height: 30px;
 text-indent: -9000px;
 width: 214px;
}

p#sign-up-wrapper a:hover {
background-position: 0px -32px;
}

p#sign-up-wrapper a:active {
background-position: 0px -67px;
}

/*Статьи*/

#labirinth {
 margin: 30px 0px 0px 12px;
 width: 312px;
 float: left;
 clear: both;
 display: inline;
}

#labirinth h4.module-header-bar {
 height: 40px;
 padding-top: 17px;
 text-align: center;
 padding-left: 45px;
}
#labirinth-header {
 height: 60px;
 background: url('../img/twitter-header-bar.png') no-repeat;
}


#labirinth-entry {
 padding: 15px 10px 0 15px;
}
#labirinth-entry h5 {
 text-align: left;
}


#labirinth-entry h5 a:hover {
 font-size: 18px;
 font-family: Arial, Helvetica, sans-serif;
 color: #3333ff;
 text-decoration: underline;
}

#mailing {
 margin: 15px -3px 0px 0px;
 width: 390px;
 float: right;
 display: inline;
 position: relative;
}
#mailing-header {
 height: 75px;
}


#mailing h4.module-header-bar {
 background: url('../img/blog-header-bar.png') no-repeat;
 height: 67px;
 margin-bottom: -10px;
 padding-top: 31px;
 width: 395px;
 padding-left: 20px;
}

#mailing-entry {
 margin-left:15px;
 position: relative;
 margin-top: 15px;
}
#mailing-entry h5 {
 text-align: justify;
}


#mailing-entry h5 a:hover {
 font-size: 18px;
 font-family: Arial, Helvetica, sans-serif;
 color: #3333ff;
 text-decoration: underline;
}

p#library-wrapper {
 float:right;
 margin-top:15px;
 width:215px;
 display: inline;
}

p#library-wrapper a {
background:url('../img/library-button.png') no-repeat;
border:none;
display:block;
height:30px;
text-indent:-9000px;
width:214px;
}

p#library-wrapper a:hover {
background-position: 0px -32px;
}

p#library-wrapper a:active {
background-position: 0px -67px;
}
#rightcolumn-wrapper {
 float: right;
 display: inline;
}




/*Правая колонка*/

#rightcolumn {
 float: right;
 width: 181px;
 background-color: #FFC;
 height: auto;
 padding: 15px;
 border: 1px solid #bababa;
 text-align: center;
 display: inline;
}
p#exit {
 float:right;
 margin-top:9px;
 width:181px;
 display: inline;
}
p#exit a{
 background: url('../img/exit.png') no-repeat;
 border: none;
 display: block;
 height: 30px;
 text-indent: -9000px;
 width: 181px;
}
p#exit a:hover {
background-position: 0px -32px;
}
p#exit a:active {
background-position: 0px -67px;
}

p#enter {
 float:right;
 margin-top:9px;
 width:181px;
 display: inline;
}

p#enter a {
 background: url('../img/enter.png') no-repeat;
 border: none;
 display: block;
 height: 30px;
 text-indent: -9000px;
 width: 181px;
}

p#enter a:hover {
background-position: 0px -32px;
}

p#enter a:active {
background-position: 0px -67px;
}

p#my-profile {
 float:right;
 margin-top:9px;
 width:181px;
 display: inline;
}

p#my-profile a {
 background: url('../img/my-profile.png') no-repeat;
 border: none;
 display: block;
 height: 30px;
 text-indent: -9000px;
 width: 181px;
}

p#my-profile a:hover {
background-position: 0px -32px;
}

p#my-profile a:active {
background-position: 0px -67px;
}

p#registration {
 float:right;
 margin-top:9px;
 width:181px;
 display: inline;
}

p#registration a {
 background: url('../img/registration.png') no-repeat;
 border: none;
 display: block;
 height: 30px;
 text-indent: -9000px;
 width: 181px;
}


p#registration a:hover {
background-position: 0px -32px;
}

p#registration a:active {
background-position: 0px -67px;
}
#rightcolumn p a:hover {
 font-size: 12px;
 color: #3333ff;
 text-decoration: underline;
}
#rightcolumn-entry {
 text-align: center;
 width: 181px;
}



div#container-bottom-shadow {
background: url('../img/content-bottom-shadow.png') repeat-x;
clear: both;
height: 20px;
width: 100%;
}

div#footer-image {
background: url('../img/footer-image.jpg') no-repeat #6eb9cc;
border-top: 2px groove #ffffff;
border-bottom:2px ridge #ffffff;
height:50px;
width:100%;
}

p#footer-text {
background: url('../img/content-top-shadow.png') repeat-x;
height: 37px;
padding-top: 13px;
width: 100%;
}

#img_left {
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
}
.katalog {
 border: 0;
}
.img-text-right {
 clear: both;
 float: right;
 margin-top: 15px;
 margin-bottom: 15px;
 margin-left: 15px;
}
.img-text-left {
 clear: both;
 float: left;
 margin-top: 15px;
 margin-bottom: 15px;
 margin-right: 15px;
}
p#button {
 margin-top:9px;
 width:232px;
}
p#button a {
 background: url('../img/sign2.png') no-repeat;
 border: none;
 display: block;
 height: 48px;
 text-indent: -9000px;
 width: 233px;
}
p#button a:hover {
 background-position: 0px -48px;
}
p#button a:active {
 background-position: 0px -96px;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
}
/* remember to define focus styles! */
:focus {
outline: 0;
}

.basic {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #333;
 line-height: normal;
 text-align: justify;
}
.basic_blue {
 font-size: 12px;
 color: #0000ff;
}

.basic_white {
 font-size: 12px;
 color: #FFF;
}

h1 {
 font-size: 18pt;
 color: #cc0000;
 text-align:center;
 font-family: Arial, Helvetica, sans-serif;
}
h1 a { color: #ffffff; text-decoration: none; }
h1 a:hover { color: #9999ff; text-decoration: none; }
h2 {
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
}
h3 {
color: #ff3333;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
}
h4 {
 color: #ffffff;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 text-align: center;
}
h4 a { color: #ffffff; text-decoration: none; }
h5 {
color: #3333ff;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
}
h5 a { color: #3333ff; text-decoration: none; }
h5 a:hover {
 color: #999999;
 text-decoration: none;
 text-align: center;
}

h6 {
 color: #3333ff;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
}
h6 a { color: #3333ff; text-decoration: none; }
h6 a:hover { color: #999999; text-decoration: none; }

/* Paragraph styling */
p {
 color: #525252;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 text-align: center;
}
p.meta { color: #707070; font-size: 10px; text-align: right; }
p#footer-text { text-align: center; }
div#message p {
 color: #4d4d4d;
 line-height: 20px;
}
/* Link styling */
a {
 color: #4d4d4d;
 text-decoration: none;
}
a:hover {
 color: #33F;
 text-decoration: underline;
}

p#action-bar a { color: #ffffff; }
p#action-bar a:hover { color: #9999ff; text-decoration: none; }
.basic_center {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #333;
 line-height: normal;
 text-align: center;
}

.basic_center a {
 color: #525252;
 text-decoration: none;
 font-weight: bold;
 text-align:center;
}

.basic_center a:hover {
 color: #33F;
 text-decoration: underline;
 font-weight: bold;
 text-align: center;
}

.basic a {
 color: #525252;
 text-decoration: none;
 font-weight: bold;
}
.basic a:hover {
 color: #33F;
 text-decoration: underline;
 font-weight: bold;
 text-align: justify;
}
.basic_min {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #525252;
 text-align: justify;
}
.basic_13 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #525252;
 line-height: normal;
 text-align: justify;
}

.basic_13_center {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #525252;
 line-height: normal;
 text-align: center;
}
.basic_13red {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #F33;
 line-height: normal;
 text-align: left;
}

.basic_13 a {
 color: #525252;
 text-decoration: none;
 font-weight: bold;
}
.basic_13 a:hover {
 color: #999999;
 text-decoration: none;
 font-weight: bold;
 text-align: center;
}
.basic_center {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #333;
 line-height: normal;
 text-align: center;
}

.basic_14 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: #525252;
 line-height: normal;
 text-align: justify;
 font-weight: bold;
}

.strong {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
 line-height: normal;
 font-weight: bold;
 color: #f33;
 text-align: center;
}
.basic_14_center {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: #525252;
 line-height: normal;
 text-align: center;
 font-weight: bold;
}
.basic_13red_right {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #F33;
 line-height: normal;
 text-align: right;
}
.basic_14 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: #525252;
 line-height: normal;
 text-align: justify;
 font-weight: normal;
}
.basic_14 a {
 color: #33f;
 text-decoration: none;
 font-weight: bold;
}
.basic_14 a:hover {
 color: #33f;
 text-decoration: underline;
 font-weight: bold;
 text-align: justify;
}
.basic_14_right {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: #525252;
 line-height: normal;
 text-align: right;
 font-weight: normal;
}
.basic_13_red_center {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 line-height: normal;
 font-weight: bold;
 color: #f33;
 text-align: center;
}
.basic_14red {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: #F33;
 line-height: normal;
 text-align: left;
}
.basic_present {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11pt;
 color: #000;
 text-align: justify;
}
.basic_present_10pt {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10pt;
 color: #000;
 text-align: justify;
}