/*
Название сайта: Инфолинг
Начало разработки: 2010.06.25
Верстальщик: G.Kozlovski
*/

/*------------------DEFAULTS------------------*/

/*standart*/
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, table, caption, tbody, tfoot, thead, tr, th, td {margin:0px; padding:0px; outline:0px; font-size:100%; vertical-align:baseline; background:transparent;}
#site {width:960px; background:#fff; min-height:100%; height:100%; margin:0px auto; font:12px Arial; color:#666;}
html {height:100%; background:#fff;}
table {border-collapse:collapse; border-spacing:0;}
ul {list-style:none;}
:focus {outline:0;}
div {zoom:1;}

/*links*/
a {text-decoration:underline; cursor:pointer; color:#60b003;}
a:hover {text-decoration:none;}
a img {border:none;}

/*hacks*/
.clear {clear:both; height:1px; overflow:hidden;}
.zoom1 {overflow:auto;}
.hidd {display:none;}

/*text align*/
.tal {text-align:left;}
.tar {text-align:right;}
.tac {text-align:center;}
.taj {text-align:justify;}

/*floats*/
.floatLeft {float:left;}
.floatRight {float:right;}
.floatCenter {margin:0px auto;}

/*colors*/
#site .gray {color:#999;}

/*background colors*/
#site .bg-red {background-color:#d00;}
#site .bg-pink {background-color:#ee0066;}
#site .bg-orange {background-color:#ee5500;}
#site .bg-blue {background-color:#004282;}
#site .bg-green {background-color:#77bb11;}
#site .bg-purple {background-color:#993388;}
#site .bg-yellow {background-color:#ffaa00;}
#site .bg-turquoise {background-color:#118888;}

/*------------------MARKING------------------*/
/*main*/
#main {min-height:100%; _height:100%; background:#fff;}

/*header*/
#header {height:90px; background:#000; padding:0px 40px;}
#header-main {height:320px;}

/*navigation*/
#navigation {height:23px; background:#3f3f3f; padding:7px 40px 0px;}
#header-main #navigation {height:79px; background:#fff; opacity:0.9; filter:alpha(opacity=90); margin-top:-93px; padding-top:11px; *margin-bottom:-3px; line-height:66px; padding-right:0px; position:relative;}

/*title*/
#title {height:40px; margin-bottom:30px; background:#e6e6e6; padding:20px 40px 0px; font-size:18px; color:#666;}
#site .trans {position:relative; z-index:2; opacity:0.9; filter:alpha(opacity=90); background:#fff;}

.bg {margin-top:-90px; position:relative; z-index:1; height:320px;}
.one-new {padding:7px 40px; color:#fff; background:#3f3f3f;}
.one-new span {color:#666;}

/*content*/
#container {width:100%; padding-bottom:100px;}
#content {width:100%; float:left;}
#text {margin:0px 0px 0px 360px; padding-right:40px;}
#site .one-col {margin:0px 0px 0px 40px;}
#site .three-col {margin:0px 320px 0px 360px;}

/*left part*/
#left {float:left; width:280px; padding-left:40px; margin-left:-100%;}

/*right part*/
#right {float:left; width:280px; margin-left:-280px;}

/*footer*/
#footer {height:90px; margin-top:-90px; position:relative; background:#3f3f3f; width:880px; padding:0px 40px;}

/*popup*/
.wrap {position:absolute; left:0px; top:0px; z-index:2;}

/*------------------CONTENT------------------*/
#text p {margin-bottom:20px; line-height:18px;}
#text p i {font-style:normal; color:#000;}
#text p .selected {font-style:normal; color:#000; text-decoration:none; cursor:default;}
#text p b {font-style:normal; color:#7b1;}
#text p sup {color:#60b003;}

#text ul, #left .text ul {margin:0px 0px 20px 20px;}
#text ul li, #left .text ul li {padding-left:20px; background:url(/static/i/ul-li.gif) left 5px no-repeat; padding-bottom:5px; line-height:18px;}
#text ol, #left .text ol {margin:10px 0px 20px 35px;}
#text ol li, #left .text ol li {padding-left:5px;}
#text ol li a strong {color:#60b003; font-weight:bold;}

h1 {font-size:18px; margin:0px 0px 20px;}
h2 {font-size:16px; margin:20px 0px 15px;}

/*------------------OTHER BLOCKS------------------*/
/*=HEADER=*/
#header .logo {width:280px; height:90px; background:url(/static/i/logo-in.gif) -38px top no-repeat; float:left;}
#header .logo a {display:block; width:280px; height:90px;}

.ad-logo {float:right; width:164px; height:45px; padding:19px 0px 0px; background:url(/static/i/ad-logo.gif) left bottom no-repeat;}
.ad-logo a {display:block; width:156px; height:45px;}

/*=NAVIGATION=*/
#navigation a {text-decoration:none; font-size:14px; color:#fff; margin-right:15px;}
#navigation a:hover, #navigation a.current {color:#77bb11;}
#header-main #navigation a {color:#3f3f3f; *margin-right:16px;}
#header-main #navigation a.last {margin-right:0px;}
#header-main #navigation a:hover, #header-main #navigation a.current {color:#7b1;}
#header-main #navigation .logo {width:209px; height:65px; background:url(/static/i/logo.png) left top no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/i/logo.png'); float:left; margin-right:30px;}
#header-main #navigation .logo a {width:209px; height:65px; display:block;}

/*=CONTENT=*/
/*Календарь*/
.calendar {}
.calendar th {text-align:right; color:#3f3f3f; font-size:11px; font-weight:normal; padding-right:7px;}
.calendar td {padding:0px; border:1px solid #ccc;}
.calendar td span {padding:4px 7px; width:65px; height:76px; vertical-align:top; text-align:right; display:inline-block; font-size:11px; color:#3f3f3f; position:relative;}
.calendar td span div {height:16px; overflow:hidden; background-image:url(/static/i/r-bg.gif); background-position:0 0; background-repeat:no-repeat; color:#fff; text-align:left; position:absolute; left:1px; cursor:pointer; z-index:3;}
.calendar td span div div {height:15px; background:url(/static/i/r-bg.gif) right top no-repeat; padding:1px 0px 0px 4px; z-index:3;}

.calendar td span div.first {top:20px;}
.calendar td span div.second {top:37px;}
.calendar td span div.third {top:54px;}

.calendar td span div.one {width:77px;}
.calendar td span div.one div {width:72px;}
.calendar td span div.two {width:157px;}
.calendar td span div.two div {width:152px;}
.calendar td span div.three {width:237px;}
.calendar td span div.three div {width:232px;}

/*Описание события*/
.event {width:278px; height:233px; background:url(/static/i/event.png); _background:none; color:#fff; z-index:9; position:relative; padding:17px 0px 0px 38px;}
#left .event {top:10px; left:-25px;}
.event * {position:relative; z-index:9;}
.calendar td div.event {width:1px; height:233px; background:url(/static/i/event.png); _background:none; color:#fff; z-index:9; position:absolute; margin:-88px 0px 0px 23px; padding-top:17px; display:none;}

.event .bgie {_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/i/event.png'); position:absolute; left:0px; top:0px; width:315px; height:250px; display:none; _display:block; z-index:3;}

.event .arrow {width:9px; height:18px; background:url(/static/i/arrow-rev.gif) left top no-repeat; position:absolute; left:291px; top:107px;}
.calendar td div.event .arrow {width:9px; height:18px; background:url(/static/i/event-arrow.gif) left top no-repeat; position:absolute; left:12px; top:107px;}

.event .about {height:16px; overflow:hidden; color:#fff; font-size:11px; margin-bottom:10px; margin-left:-8px;}
.event .about i {background:url(/static/i/e-about) left top no-repeat #e50; display:inline-block; padding:0px; height:16px;}
.event .about i i {background:url(/static/i/e-about) right top no-repeat; padding:1px 4px 0px 4px; font-style:normal; height:15px;}

.event div.text {width:240px; height:145px;}
#site .event div.text strong, #site .event form strong, #site #text .calendar td div.event .text strong {display:block; margin-bottom:5px; font:normal 14px Arial; color:#fff;}
.event div.text p {color:#999; font-size:11px;}

.event form {width:240px; height:145px;}
#site .event form strong {margin-bottom:17px; display:block;}
.event form label {display:block; width:80px; color:#999; float:left; padding-top:3px;}
.event form .text {width:150px; float:left; margin-bottom:10px;}

.event .price {color:#ccc; font-size:11px; float:left; margin-top:12px;}
.event .price i {color:#fff; font-style:normal;}

.event .order {float:right; display:block; width:97px; height:29px; line-height:29px; font-size:14px; color:#fff; text-align:center; text-decoration:none; margin:4px 23px 0px 0px; *margin-right:12px;}

/*Таблица курсов*/
.courses {width:100%; margin-top:-3px;}
.courses th {font-weight:normal; text-align:left; vertical-align:middle;}
.courses th span {height:13px; width:600px; overflow:hidden; display:inline-block;}
.courses tr.last td {padding-bottom:40px;}
.courses tr.green span {background:#7b1;}
.courses tr.orange {color:#fa0; font-size:18px;}
.courses tr.orange span {background:#fa0; }
.courses tr.purple {color:#993388; font-size:18px;}
.courses tr.purple span {background:#993388; }
.courses tr.pink {color:#ee0066; font-size:18px;}
.courses tr.pink span {background:#ee0066; }
.courses tr.blue {color:#004282; font-size:18px;}
.courses tr.blue span {background:#004282; }
.courses td {padding-top:10px; color:#333; font-size:14px;}
.courses td a {color:#000;}
.courses td.tar, .courses td.tal {font-size:12px;}
.courses td.last {padding-right:40px;}
.courses td span {color:#666;}
#text .courses td p {margin-bottom:20px;}

/*Курс*/
#site .pre {/* font-size:14px; color:#262626; */ padding:20px 40px 0px 0px; position:relative; border-top:13px solid; /* margin-top:-3px; */ margin-right:0px;}
#site .bd-turquoise {border-color:#188;}
#site .bd-green {border-color:#7b1;}
.more {float:right; padding-left:20px; background:url(/static/i/more.gif) left center no-repeat;}
.download {padding-right:20px; background:url(/static/i/download.gif) right top no-repeat;}

/*Форма*/
.feedback {width:410px; float:left; position:relative; margin-right:10px;}
.feedback label {float:left; width:80px; padding-top:3px; margin-bottom:5px; white-space:nowrap;}
.feedback label span {color:#000;}
.feedback label i {color:#7b1;}
.feedback .text {float:left; width:320px;}
.feedback .text, .feedback textarea {border:1px solid #999; margin-bottom:10px;}
.feedback textarea {width:400px; height:180px;}
.feedback .submit {float:right; border:0px; cursor:pointer; background:url(/static/i/form-submit.gif) left top no-repeat; width:94px; height:31px; margin-right:5px; _margin-right:-3px;}

.error-messages {color:#f30; margin-bottom:20px;}
#site .error-messages h2 {margin-bottom:10px;}
#site .error-messages p {margin-bottom:5px;}

/*twittee*/
#text #news ul {margin:0px; list-style:none;}
#text #news ul li {margin:0px; list-style:none; color:#666; background:none; padding:0px 0px 20px;}
#text #news ul li span {color:#999;}

/*=LEFT=*/
#left p, #right p {margin-bottom:15px; line-height:18px;}
#left .news {margin-bottom:35px;}
#left .news span {color:#000;}

#left .text {}
#left .text strong, #right .text strong, #text strong {color:#000; font-weight:normal;}

#left .adress {padding-top:35px;}
#left .adress p {margin-bottom:20px;}
#left .adress p strong {font:normal 14px Arial; color:#262626; display:block; margin-bottom:-30px;}

#left .pages {margin:35px 0px 20px 40px; line-height:20px; font-size:14px;}
#left .pages li {margin-bottom:5px;}

/*=FOOTER=*/
#footer .top {height:60px; background:#262626; margin:0px -40px; padding:0px 40px; color:#999; margin-bottom:5px;}
#footer .top strong {color:#fff; font-weight:normal;}
#footer .top .floatLeft {padding:15px 236px 0px 0px;}
#footer .top .adress {padding:15px 0px 0px 0px; float:left;}

/*meta*/
#footer .links p {display:block; float:left;}
#footer a.mail, #footer a.s {display:inline-block; padding-left:15px;}
#footer a.mail {margin:0px 30px 0px 320px; background:url(/static/i/mail.gif) left 3px no-repeat;}
#footer a.s {background:url(/static/i/s.gif) left 3px no-repeat;}

.meta {float:right; padding:40px 0px 0px 15px;}
.meta a {display:block; text-decoration:none; padding-left:20px; position:relative; font-size:11px; color:#999;}
#footer .top .meta a span {text-decoration:underline; color:#999;}
#footer .top .meta a:hover span {text-decoration:none;}
.meta a img {border:0px; position:absolute; left:0px; top:0px; *left:-20px;}

/*awerin*/
.awerin {float:right; padding:0px 32px 0px 15px;}
.awerin a {display:block; text-decoration:none; padding-left:20px; position:relative; font-size:11px; color:#999;}
.awerin a span {text-decoration:underline; color:#999;}
.awerin a:hover span {text-decoration:none;}
.awerin a img {border:0px; position:absolute; left:0px; top:0px; *left:-20px;}