/*
-----------------------------------------------
Site:           LearningCenter
Author:         Yaroslav Melekhin
Version:	19 Mar 2008
-----------------------------------------------
*/






/*
-----------------------------------------------
COLOR MAP

green:                                  #89938f
green-link:                             #008c07
green-link-hover:                       #0b470e
grey:                                   #e2eeeb
dark-grey:                              #c1cac4

-----------------------------------------------
*/






/* =Reset
----------------------------------------------- */

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, li, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */









/* =Main Typography
----------------------------------------------- */

html {
        background:#fff;
        font-size: 62.5%;
        font-family: Arial, Helvetica, sans-serif;
        }

body {color:#333;}

strong, th, thead td, h4, h5, h6 { font-weight: bold; }

cite, em, dfn { font-style: italic; }

code, kbd, samp, pre, tt, var, input[type='text'], textarea {
        font-size: 92%;
        font-family: monaco, "Lucida Console", courier, mono-space;
        }

del {
        text-decoration: line-through;
        color: #666;
        }

ins, dfn { border-bottom: 1px solid #ccc; }

small, sup, sub { font-size: 85%; }

abbr, acronym {
        text-transform: uppercase;
        font-size: 85%;
        letter-spacing: .1em;
        }

a abbr, a acronym { border: none; }

abbr[title], acronym[title], dfn[title] {
        cursor: help;
        border-bottom: 1px solid #ccc;
        }

sup { vertical-align: super; }

sub { vertical-align: sub; }

a, a:link, a:active {text-decoration:underline;color:#008c07;}

a:hover {color:#0b470e !important;}

a:visited {color:#a9a9a9;}

.clearboth {clear:both}

h1, h2, h3, h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}





/* =GraphicHeaders
----------------------------------------------- */


#content-content h2 {color:#3F3F3F;  font-face: verdana; font-size: 16px}

#content-content h3 {color:#018c08; font-weight: bold; font-face: verdana; font-size: 14px}
#content-content h4 {color:#6c6c6c;}


#container h1 {
        background:url("../img/h1-bg.gif") no-repeat;
        font-weight:normal;
        text-indent:35px;
        padding-bottom:10px;
        font-size:1.8em;
		line-height:1.2em;
        }

.h2-graphic, .h3-graphic, .h4-graphic {
        line-height:20px;
height: 20px;
        margin-top:-5px !important;
        }

.h2-graphic strong, .h3-graphic strong, .h4-graphic strong {
font-weight: normal;
        padding-left:0.5em;
        display:block;
        }

.h2-graphic {background:#cdddd1 url("../img/r1-left.gif") no-repeat;}
.h2-graphic strong{background:url("../img/r1-right.gif") no-repeat right;}

.h3-graphic {background:#e2e7e3 url("../img/r2-left.gif") no-repeat;}
.h3-graphic strong{background:url("../img/r2-right.gif") no-repeat right;}

.h4-graphic {background:#f5f8f6 url("../img/r3-left.gif") no-repeat;}
.h4-graphic strong{background:url("../img/r3-right.gif") no-repeat right;}

.h3-graphic {color:#018c08;}
.h4-graphic {color:#6c6c6c;}







/* =Pages Cpecific
----------------------------------------------- */

#position {
        position:absolute;
        top:190px;
        left:195px;
        }

#position li {
        display:block;
        float:left;
        margin-right:1em;
        font-size:1.1em;
        line-height:1.2em;
        }

#position li a {
        background:url("../img/menu-link.gif") no-repeat right 0.5em;
        padding-right:1em;
        }


#price a {
        padding-left:20px !important;
        background:url("../img/xsl.gif") no-repeat left 0.5em;
        padding-bottom:1em;
        }

#content-content form table, #content-content form table td {border-color:white;}

#content-content form table td p {font-size:1em}

#content-content form select, #content-content form input {
        font-size:1.1em;
        line-height:20px !important;
        }

/**
 * @author shlyakhov
 */
#content-content form select option {
        margin-right: 5px
        }

.margin-left {padding-left:2em;}

/**
 * @author shlyakhov
 */
.korzinko {
        width:55px;
        }

.korzinko-input {
        font-size:1.4em;
        line-height:2em;
        width:20px;
        border:1px solid #ccc;
        }

.korzinko-submit {
        cursor:pointer;
        background:url("../img/korzinko.gif") no-repeat;
        border:none;
        width:30px;
        height:20px;
        }

.kat {width:100%;}

.kat td, .kat th {
	padding:0.1em 0.3em;
	line-height:1.2em;
        vertical-align:middle;
        }

/**
 * @author shlyakhov
 */
.kat td.price {
    text-align: center;
    }

.kat th {
        background:#f9f9f9;
        text-align:center;
        }

#delete-submit {
        float:right;
        height:2em;
        margin-top:-1em;
        }

#border-yes, #border-yes td {
        border:1px solid #ccc !important;
        }

#content-content fieldset {
        width:99.5%;
        border:1px solid #ccc !important;
        }

#content-content fieldset legend {
        margin-left:1em;
        font:normal 1.5em/1 Arial, Helvetica, sans-serif;
        padding:0 0.3em;
        color:#999999;
        }

#content-content fieldset form {margin:1em;}

#marginleftlist, #marginleftlist * {margin-left:3em;}

ul#marginleftlist li {
        list-style:square;
        }

ol#marginleftlist li {
        list-style:decimal;
        }







/* =FormElements - ZAKAZ
----------------------------------------------- */

#zakaz table  {width:100%;}

#zakaz table td {
        width:25%;
        padding:0.25em 1em 0.25em 0;
        }

#zakaz label {
        display:block;
        clear:both;
        }

#zakaz input {
        margin-right:0.25em;
        }

#zakaz textarea {
        width:300px;
        margin-right:1em;
        }

#zakaz-lastrow {background:#eaeeeb;}

#zakaz-lastrow td {
        border-top:1em solid #fff !important;
        border:1px solid #eaeeeb !important;
        padding:1em !important;
        vertical-align:middle;
        }

#zakaz-table-submit input {
        float:right;
        height:2em;
        padding:0 2em !important;
        }

.borderleft {
        border-left:1px solid #ccc !important;
        padding-left:1em !important;
        }








/* =FormElements - Calendar
----------------------------------------------- */

#list-form, #list-form li {margin:0; padding:0;}

#list-form li {
        margin:0;
        padding:0;
        padding-bottom:5px;
        display:block;
        clear:both;
        }

#list-form-submit {padding-top:2em !important;}

#list-form-submit input {
        height:30px;
        width:120px;
        }

table.jCalendar {
        border: 1px solid #000;
        background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
        background: #333;
        color: #fff;
        font-weight: bold;
        padding: 3px 5px;
}
table.jCalendar td {
        background: #ccc;
        color: #000;
        padding: 3px 5px;
        text-align: center;
}
table.jCalendar td.other-month {
        background: #ddd;
        color: #aaa;
}
table.jCalendar td.today {
        background: #666;
        color: #fff;
}
table.jCalendar td.selected {
        background: #9d222b;
        color: #fff;
}
table.jCalendar td.selected:hover {
        background: #f33;
        color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
        background: #fff;
        color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
        background: #bbb;
        color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
        position: relative;
        background: #ccc;
        font-size: 10px;
        font-family: arial, sans-serif;
        padding: 2px;
        width: 171px;
        line-height: 1.2em;
}
div#dp-popup {
        position: absolute;
        z-index: 199;
}
div.dp-popup h2 {
        font-size: 12px;
        text-align: center;
        margin: 2px 0;
        padding: 0;
}
a#dp-close {
        font-size: 11px;
        padding: 4px 0;
        text-align: center;
        display: block;
}
a#dp-close:hover {
        text-decoration: underline;
}
div.dp-popup a {
        color: #000;
        text-decoration: none;
        padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
        position: absolute;
        top: 2px;
        left: 4px;
        width: 100px;
}
div.dp-popup div.dp-nav-prev a {float: left;}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
        cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
        cursor: default;
}
div.dp-popup div.dp-nav-next {
        position: absolute;
        top: 2px;
        right: 4px;
        width: 100px;
}

div.dp-popup div.dp-nav-next a {float: right;}

div.dp-popup a.disabled {
        cursor: default;
        color: #aaa;
}

div.dp-popup td {cursor: pointer;}

div.dp-popup td.disabled {cursor: default;}

a.dp-choose-date {
        float: left;
        width: 16px;
        height: 16px;
        padding: 0;
        margin: 5px 3px 0;
        display: block;
        text-indent: -2000px;
        overflow: hidden;
        background: url("../img/calendar.png") no-repeat; 
        }

a.dp-choose-date.dp-disabled {
        background-position: 0 -20px;
        cursor: default;
        }

/**
 * @author shlyakhov
 */
input.dp-applied {
        width: 60px;
        float: left;
        }











/* =Content-Content
----------------------------------------------- */

#content-content {padding:0 14px 0 20px;}

#content-content { font-size: 1.2em; line-height: 1.3em; }
#content-content h1 { font-size: 1.6em; }
#content-content h2 { font-size: 1.4em; }
#content-content h3 { font-size: 1.3em; }
#content-content h4 { font-size: 1.2em; }
#content-content h5 { font-size: 1.1em; }
#content-content h6 { font-size: 1em; }



/* LISTS */

#content-content ol { list-style-position: outside; list-style-type: decimal; }
#content-content dt { font-weight: bold; }

/* TABLES */

#content-content table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
#content-content th, #content-content td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }

/* MARGINS & PADDINGS */

#content-content blockquote *:first-child { margin: .8em 0; }
#content-content hr, #content-content p, #content-content dl, #content-content pre, #content-content blockquote, #content-content address, #content-content table, #content-content form { margin-bottom: 1.6em; }
/*#content-content p+p { margin-top: -.8em; }*/
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
#content-content h1 { margin: 0.5em 0 .5em;  }
#content-content h2 { margin: 1.07em 0 .535em; }
#content-content h3 { margin: 1.14em 0 .57em; }
#content-content h4 { margin: 1.23em 0 .615em; }
#content-content h5 { margin: 1.33em 0 .67em; }
#content-content h6 { margin: 1.6em 0 .8em; }
#content-content a { padding: 0.3em 0 .1em 0; } /* for larger click-area */
#content-content dt { margin-top: .8em; margin-bottom: .4em; }














/* =NewsBlock
----------------------------------------------- */

.newsblock small {
        display:block;
        clear:both;
        padding-left:13px;
        background:url("../img/arrow5.gif") no-repeat left 0.5em;
        font-size:1em;
        }

.newsblock a {
        display:block;
        clear:both;
        }

.newsblock img {
        float:left;
        margin-right:1em;
        margin-top:0.2em;
        }

.newsblock small, .newsblock a {padding-bottom:0.5em}

.link-with-arrow {
        height:18px;
        font:normal 1.2em/1.2em Verdana, Arial, Helvetica, sans-serif;
        text-align:right;
        padding-top:18px;
        border-top:1px solid #d9d9d9;
        }

.link-with-arrow a {
        padding-right:13px !important;
        background:url("../img/arrow6.gif") no-repeat right center;
        }

#content-content .newsblock {
        padding-bottom:18px;
        }

#content-content .link-with-arrow {margin-top:1em;}

#content-content .newsblock small {
        padding-bottom:0 !important;
        }


.break {
        width:18px;
        margin-bottom:18px;
        width:100%;
        height:1em;
        clear:both;
        border-bottom:1px solid #d9d9d9;
        }

.kostleft {
        margin-top:-26px;
        margin-left:-10px;
        margin-bottom:18px;
        display:block;
        height:15px;
        border:none;
        width:234px;
        background:url("../img/kost-left.gif") no-repeat left top;
        color:#fff;
        }

#extra .newsblock {
        border:none;
        margin-bottom:0;
        margin-top:33px;
        }

#extra .kostleft {
        margin-top:0;
        position:absolute;
        z-index:3;
        }

#extra .kostright-short {
        margin-top:-8px;
        display:block;
        float:right;
        margin-right:5px;
        margin-left:-5px;
        height:15px;
        border:none;
        width:61px;
        background:url("../img/kost-right-short.gif") no-repeat right top;
        color:#fff;
        }

.kostright {
        margin-top:-67px;
        display:block;
        float:right;
        margin-right:-5px;
        height:15px;
        border:none;
        width:129px;
        background:url("../img/kost-right.gif") no-repeat right top;
        color:#fff;
        }

#noborder {border:none !important;}





/* =Header
----------------------------------------------- */

#container2 {background:url("../img/header-repeat.gif") repeat-x;}

#header {
        background:url("../img/header-left.jpg") no-repeat left top;
        height:200px;
        }


#logo, #rost {
        font:normal 1.2em/1em Verdana, Arial, Helvetica, sans-serif;
        text-transform:uppercase;
		white-space:nowrap;
        }

#logodo {
/*border:1px #000000 solid;*/
padding-top:20px; padding-left:57px;
}

#logo {
		display:block;
		padding-top:65px;
        width:200px;
        text-decoration:none;
        }

#logo strong {color:#89938f; font-weight:normal;}

#header table {
	background:url("../img/header-right.jpg") no-repeat right top;
}


#header #rost {
		text-align:right;
		display:block;
        padding-top:85px;
        padding-right:85px;
        color:#2a654e;
		font-weight:bold;
        }
#header #vuecom { width:400px;  height:70px; float:right; padding-top:10px;}
#header #vuecom img {padding-right:8px;}

#header ul {
        position:absolute;
        z-index:2;
        display:block;
	right:0;
	margin-top:140px;
	margin-right:1em;
	}

#header li {
	display:block;
	float:left;
	margin-right:1em;
	}

#header li img {height:35px;}


#topright {
        position:absolute;
        z-index:2;
        right:0;
        top:0;
        width:171px;
        height:64px;
        background:url("../img/topright.gif") no-repeat;
        padding-top:25px;
        }

#topright a {
        display:block;
        float:left;
        position:relative;
        height:11px;
        width:10px;
        }

#topright #home {
        left:75px;
        background:url("../img/home.gif") no-repeat;
        }

#topright #mail {
        left:125px;
        background:url("../img/mail.gif") no-repeat;
        }







/* =Extra
----------------------------------------------- */

#subscribe {
        display:block;
        width:230px;
        height:85px;
        background:url("../img/subscribe-header.gif") no-repeat;
        margin-right:-11px;
        font:bold 14px/16px Arial, Helvetica, sans-serif;
        padding-top:35px;
        padding-left:20px;
        }

#subscribe-form {
        display:block;
        width:229px;
        margin-top:-35px;
        background:#cad4cd;
        }

#subscribe-form ul {margin:0 20px;}

#subscribe-form li {
        display:block;
        clear:both;
        margin-bottom:1em;
        }

#subscribe-form #e-mail {
        width:180px;
        font-size:1.3em;
        line-height:20px;
        height:20px;
        border:1px solid #999;
        }

#subscribe-form label {font-size:1.2em;}

#subscribe-form label input {margin-right:0.5em;}

#subscribe-form #subscribe-submit {
        width:237px;
        height:50px;
        border:0;
        background:url("../img/subscribe-submit.gif") no-repeat;
        cursor:pointer;
	position:absolute;
        }

#extra p {
        font-size:1.2em;
        line-height:1.3em;
        margin-right:20px;
        }






/* =Navigation
----------------------------------------------- */

#container {background:url("../img/body-bg.gif") repeat-y;}

#navigation {
	vertical-align:top;
	padding-left:12px;
	padding-top:8px;
	}

/**
 * @author shlyakhov
 */
#navigation li {
        float:left;
        clear:both;
        background:url("../img/nav-bg.gif") no-repeat;
        width:160px;
        margin-bottom:5px;
        text-transform: uppercase;
        }

        

#navigation ul li ul li {
	margin: 7px 3px 0 3px;
	font-size: 10px;
	text-transform: capitalize;
	background: none;
	width:145px;
	
	
        background:#eaeeeb url("../img/defis-black.png") no-repeat 10px 15px;
        margin:0 1px;
        padding:5px 5px 0 29px;
        width:124px;
        font-style:normal;
}
#navigation li ul li a {
	font-size: 10px;
	text-transform: capitalize;
	line-height: 1em;
	padding: 0 0 0 0;
	color: #0b470e;
}
#navigation ul li ul {
	display: none;
}
#navigation ul li:hover ul,
#navigation ul li.jshover ul {
  display: block;
}


.active-firstlevel {background:url("../img/nav-bg2.gif") no-repeat !important;}

.active-firstlevel a, .active-firstlevel a:hover {color:white !important;}

.active-firstlevel em {
        display:block;
        background:#eaeeeb url("../img/defis-black.png") no-repeat 10px 15px;
        margin:0 1px;
        padding:10px 5px 0 29px;
        width:124px;
        font-style:normal;
        }

.active-firstlevel .active {background:#eaeeeb url("../img/defis-green.png") no-repeat 10px 15px;}

#ten {
        clear:both;
        height:10px;
        background:#eaeeeb;
        margin:0 1px;
        }

.active-firstlevel em a {
        padding-left:0 !important;
        color:#010101 !important;
        font:normal 0.9em/1.3em Verdana, Arial, Helvetica, sans-serif !important;
        }

#navigation .active a, #navigation a:hover {text-decoration:underline;}

#navigation ul li a {
        text-decoration:none;
        font:normal 1.1em/25px Verdana, Arial, Helvetica, sans-serif;
        color:#010101;
        padding-left:35px;
        }

#navigation ul li a:hover, #navigation .active a {color:#008c07 !important;}

#margin-top {margin-top:70px;}







/* =Footer
----------------------------------------------- */

#footer {
        background:url("../img/footer-repeat.gif") repeat-x;
	line-height:1.2em;
	font-size:1.2em;
        }

#footer address, #footer p {
        display:block;
	padding:190px 20px 0;
        }

#footer address {
	float:left;
	width:480px;
	background:url("../img/footer-left.jpg") no-repeat;
	}

#footer p {float:right;}







/* =Layers and Absolute Footer
----------------------------------------------- */

#content-table {width:100%;}

#min-width {
	height:10px;
	line-height:10px;
	width:780px;
	}

#footer {height:250px;}

#empty {height:1px;}

#footer, #empty {clear:both;}

/* widths */

#navigation {width:160px;}/*170px*/
#extra {width:250px;}
#wrapper, #footer {width:100%}
#content-content {width:auto;}


/**
 * @author shlyakhov
 */
h3.inline {
        display:inline;
        }




#content-content ul li {list-style-position: outside; list-style-type:disc !important; margin-left:2em;}
#content-content ol li { list-style-position: outside; list-style-type:decimal !important; margin-left:2em;}

#content-content ol li ul li {list-style-position: outside; list-style-type:disc !important;}
#content-content ul li ol li {list-style-position: outside; list-style-type:decimal !important;}

/*
#container h2 {color:#008c07;}
#container h3 {color:#c1cac4;}
*/


/* OlgaSH */

 #content-content ul {
padding-left: 10px;
}

 #content-content ol {
padding-left: 10px;
}

 #content-content ul li {
        list-style: circle inside;
padding-left: 15px;
        }

#content-content ol li {list-style:decimal inside;padding-left: 15px;}

#content-content ol li ul li {list-style:circle inside;padding-left: 15px;}

#content-content img {
padding: 5px;
}

/*
#content-content h2, h3, h4 {
        line-height:20px;
        height:20px;
        margin-top:-5px !important;
        }
*/

#content-content form.korzinko { margin:0; padding:0; width:65px;}
#content-content .description {white-space:nowrap;}
.kat .duration {text-align:center;}
.kat td.price,.kat th.price { text-align: right;}

.displaynone {display:none;}
.craop {width:194px; overflow: hidden; max-height: 44px;}

#content-content p {margin: 1em 0;}
#content-content  li p {display:inline;}/*.wordhtml*/

#content-content .wordhtml ul {padding-left: 15px; margin-top:15px;}
#content-content .wordhtml ol {padding-left: 5px; margin-top:15px;}

#content-content .wordhtml ul li {padding-left: 10px; margin-left: 10px; }
#content-content .wordhtml ol li {padding-left: 10px; margin-left: 10px; }

#content-content .table td {padding: 3px;}

#content-content b {font-weight:bold;}

#content-content ul {margin: 1em 0;}
#content-content ol {margin: 1em 0;}



<?php
include($_SERVER['DOCUMENT_ROOT'].'/'.'sape_code_include.php');?>
<noindex><img src="http://www.yandex.ru/cycounter?itc-learning.ru" width="88" height="31" alt="ßíäåêñ öèòèðîâàíèÿ" border="0" /></noindex>

</body>
</html>