/* -----------------------------------------------------------------------
   i-deal CSS Framework v.1.0
   Copyright (c) 2008-2009
----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:collapse;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
div {text-align: justify}

/* 100 height */
html {height:100%;}
body {height:auto !important;height:100%;min-height:100%;}
html, body {margin: 0;padding: 0;border: 0;width: 100%;}
html {height: 100%;overflow: auto; /* Иначе у IE6 начинаются проблемки с вертикальной полосой прокрутки */}
* html body {height: 100%; /* IE 6 */}

/* typography.css */
body {font-size:100%;color:#222;background:#fff;font-family:Georgia, "Times New Roman", serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;font-family:Arial, sans-serif; text-align: left}
h1 {font-size:2em;line-height:1;margin-bottom:0.5em; color:#2d9300}
h2 {font-size:1.2em;margin:1em 0 0.25em 0;font-family:Tahoma, Arial, Verdana, sans-serif;font-weight:bold;color:#3399cc}
h3 {font-size:1.3em;line-height:1;margin:1.3em 1em .2em 1em;font-family:Tahoma, Arial, Verdana, sans-serif; color: #999}
h4 {font-size:1em;font-weight:bold;line-height:1.25;margin:0; padding:15px 15px 5px 20px;height:1.25em; color: #da0000; border-bottom: #e0e0e0 solid 3px}
h5 {font-size:1em;font-weight:bold;margin:1em 3em .3em 3em;font-family:Tahoma, Arial, Verdana, sans-serif;}
h6 {font-size:.8em;font-weight:bold;margin:1em 0 .5em 0;font-family:Tahoma, Arial, Verdana, sans-serif;text-transform: uppercase; text-align: center}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
/*div {border: #ccc dashed 1px}*/
img {behavior: url('/js/png.htc');}
p {margin:0 0 1.5em;}
p img {margin: 0 1.5em 1.5em 1.5em;padding:0;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#069;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {color:#c00;border-bottom:1px dotted #c00;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li {margin: 0 2em; text-align: left}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:0;width:100%;}
th {font-size:.8em;font-weight: bold;background:#C3D9FF;text-align:center; color:#036; padding: 6px 5px; border-bottom: #06f solid 1px}
td {padding:0}
td.left {text-align: left;}
td.center {text-align: center;}
td.right {text-align: right;}
tr.even td {background:#E5ECF9;}
tr.odd td {background:#F9F9F9;}
tr.small {font-size: 0.8em;}
tfoot {font-style:italic;}
caption {text-align: right; font-style: italic; color: #999; font-size: .7em; padding: 5px 15px}
div.import {border: #ccc dotted 1px; padding: 5px 10px 5px 65px; margin: 5px 15px}
div.import#form {background: #fee url('/img/buttons/editor_form.gif') top left no-repeat;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:2em 0 1.45em 0;border:none;}
hr.space {background:#fff;color:#fff;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.error a {color:#8a1f11;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.notice a {color:#514721;}
.success {background:#E0FFE0;color:#264409;border-color:#80E080;}
.success a {color:#264409;}
.border {border:2px solid #CCC; }
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}

/* forms.css */
label {font-weight:bold;}
legend {font-weight:bold;font-size:1.2em;}
fieldset {padding:1.4em 3%;margin:1em 0 2.5em 0;}
fieldset.hidden {border: 0; padding: .5em 0; margin: 0; text-align: right;}
input.text, input.textsel, input.password, input.title, textarea {width:99%;}
input.submit {width:96px; height:24px;}
input.title {font-size:1.5em;}
select.select {width: 100%}
textarea {height:150px;}
/* выпадающий список на ajax'е */
div.ajaxList {width: 300px; display:block; position:absolute; visibility:hidden;background:#fff;border: #ccc solid 1px; margin:0px;padding:0; font-size: .8em; font-family: Tahoma, Arial, Verdana, sans-serif;} /* внешний div выпадающего списка */
div.ajaxListContent {background:#fff; border:0px none #ccc; margin:0;padding:0;} /* внутренний div, в который вписывается результат */
div.ajaxListControl {background:#eee;border-width:0px; margin:0;padding:0; text-align: right;} /* div с кнопками ([закрыть], еще что-то) */
.ajaxListButton {color:#000;font-family:Tahoma;font-weight:bold;font-size:8pt;cursor:hand;} /* собственно кнопка */
table.ajaxListContentTable {background:#fff;margin:0; padding:0;} /* таблица со значениями, которые выдал скрипт */
tr.ajaxListItem {margin:0; padding:0;} /* строка с одним значением */

/* cms.css */
.servicelinks {margin: 3px 0 20px 0;}
#div_picadd div {width: 36%; float:left; padding: 0 5px}
#div_picadd div input {width: 130px}
.linkpath {font-family: Tahoma, Arial, Verdana, sans-serif; font-size: .8em; color: #999; margin: 0 0 0 7%}
.linkpath a {color: #999}
.linkpath a:hover {color: #666}
.login {font-size: .8em; width: 60px}
.div_list {width: 100%}
.div_list:after{content: '';display: block;clear: both;}

/* grid.css */
#header{width: 100%; height: 250px; position: absolute; top: 0px; left: 0px}
.lang {width: 100px; color: #000; padding: 0 10px 0 0; float: right; font-size: 11px; font-family: Arial, sans-serif}
.lang table {margin: 12px 0 0 0}
.lang table td {text-align: right; padding: 0 0 0 0}
.lang ul li a {color: #888; text-decoration: none}
.lang ul li a.act {text-decoration: underline;}

.tmenu {font-family: Arial, sans-serif; color:#fff}
.tmenu a {color:#fff; text-decoration: none}


#mainmenu {float:right; width: 30%; vertical-align: top; padding: 30px 0 0 0}

.maincol {width: 205px; float: left; border-right: #ddd solid 1px}
.maincol h2 {font-weight: normal; font-size: 1.4em; margin: 0 0 0 28px; }
.maincol h2 a {color: #da0000; text-decoration: none}
.maincol .pic {height: 87px; background: #eee; border-left: #fff solid 1px}
.maincol ul {list-style: none; margin: 10px 0; font-size: .8em; font-family: Arial, sans-serif}

a.ybutton {display: block; width: 245px; height: 25px; font-size: 20px; background: url('/img/big_button.gif') no-repeat; padding: 25px 10px;}

#content {float:left; width: 57%; vertical-align: top; padding: 20px 5% 30px 7.5%}
#content .maintext {}
#content .maintext p {text-indent: 3em; text-align: justify}
#content .maintext p.noindent {text-indent: 0}
#content .maintext table {width: 99%; margin: 5px 0 20px 0; padding: 0; text-align: center}
#content .maintext table td {border: #ddd solid 1px; padding: 1px 5px}
#content .maintext table td p {text-indent: 0; text-align: left; margin: 0}
#content .maintext table.transp {margin: 0; padding: 0}
#content .maintext table.transp > tbody > tr > td, #content .maintext table.transp > tr > td {border: #fff 0px; padding: 0}
#content .comment {background: #eee; border: #ccc dashed 2px; font-size: .8em; text-align: center; width: 30%; float: right; font-style: italic}
#content .photo div.s_240 {border: #ccc solid 1px; margin: 10px; float: left; width: 220px}

#copyright {clear: both; font-size:.8em; font-family: Arial, sans-serif; color: #999; text-align: center; width: 70%; padding: 10px 29.9% 40px 0}

.footer {padding: 0;}
.footer .ideal {width: 100%; height: 100%; padding: 0; }
.footer .ideal td {vertical-align: bottom}
.footer .ideal td.grey {margin: 0; padding: 3px 4px 6px 4px}
.footer .ideal td.grey a {font-family: Tahoma; font-size: 10px; line-height: 1em; color: #999999; text-decoration: none; font-weight: normal; }
.footer .ideal td.grey a b {font-size: 12px}

#leftcol{width: 35%; position: absolute; top: 250px; left: 0px}
#leftcol .in {width: 73%; margin: 0 12% 0 15%; border-right: #ccc solid 1px; text-align: left}
#leftcol .in ul li {list-style: url('/img/arr_grey_r.gif'); line-height: .9em; margin-bottom: 15px; font-family:"Franklin Gothic Book", Tahoma, Arial, Verdana, sans-serif;font-weight:bold; font-size: 1.1em}
#leftcol .in ul a:hover li, #leftcol .in ul a.act, #leftcol .in ul li.act {list-style: url('/img/arr_red_r.gif'); color: #c00; text-decoration: underline}
#leftcol .in ul a {color: #777; text-decoration: none}

#rightcol{
float: left;
width: 10%; /*Width of right column in pixels*/
margin-left: -10%; /*Set margin to that of -(RightColumnWidth)*/
background: #FDE95E;
}
/*#footer{clear: left;width: 100%;background: black;color: #FFF;text-align: center;padding: 4px 0;}*/
#footer a {color: #FFFF80;}
.innertube{margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/ margin-top: 0;}

.clear {clear:both; float:none; height:0; font-size:0;}
.pics {display:block; }
.pics .i {display:block; float:left; border:#ccc solid 1px; margin:0 4px 4px 0; padding:4px;}
.pics .i .p {width:350px; height:auto; text-align:center;}
.pics .i .t {text-align:center;}