/* -----------------------------------------------------------------------
   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.3em;}
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;}

/* 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:.8em;color:#222;background:#fff;font-family: Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;font-family:Georgia, "Times New Roman", serif; text-align: left;}
h1 {font-size:2em;line-height:1em;margin-bottom:0.5em; color:#21399C; margin-left: 20PX;}
h2 {font-size:1.2em;margin:1em 0 0.25em 0;font-family:Tahoma, Arial, Verdana, sans-serif;font-weight:bold;color:#21399C;}
h3 {font-size:1.5em;line-height:1em;margin:1.3em 1em .2em 1em;font-family:Tahoma, Arial, Verdana, sans-serif; color:#21399C;}
h4 {font-size:1.2em;font-weight:bold;line-height:1.25em;margin:1em 2em 0.4em 2em;height:1.25em; color:#21399C;}
h5 {font-size:1em;font-weight:bold;margin:1em 3em 0.3em 3em;font-family:Tahoma, Arial, Verdana, sans-serif;}
h6 {font-size:0.8em;font-weight:bold;margin:1em 0 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("/fckeditor/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;}
img.spacing {margin:8px;}
a {color:#21399C;text-decoration:none;}
a:focus, a:hover {color:red; text-decoration:none;}
a span.arrow {text-decoration:none;}
span.arrow {font-size:0.8em;}
span.active_a {color:#00c;background-color:#ccf;}
span.active_p {color:#999;}
span.active2_a {color:#c00;background-color:#fcc;}
span.active2_p {color:#999;}
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-family:"andale mono","lucida console",monospace;line-height:1.5em;}
li {margin: 0 2em;}
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:20px;width:100%; border: #ccc solid 1px}
th {font-size:1.2em;font-weight: bold;background: url('/img/ftd.png') repeat-x;text-align:left; color:#21399C; padding: 4px 5px 3px 5px; border-bottom: #ccc solid 1px;}
td {padding:5px;}
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; line-height:1.5em;}
td.top {vertical-align:top !important;}
tfoot {font-style:italic;}
table.transp {margin: 0; padding: 0; border: 0}
table.transp tr td {border: #fff 0px; padding: 0}
caption {text-align: right; font-style: italic; color: #999; font-size: 0.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:#999;color:#999;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:0.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:0.5em 3% 0.5em 3%;margin:1em 0 1em 0; border:1px solid #CCC;}
fieldset.hidden {border: 0; padding: 0.5em 0; margin: 0; text-align: right;}
input.text, input.textsel, input.password, input.title, textarea {width:98.5%;}
input.submit {width:96px; height:24px;}
input.title {font-size:1.5em;}
select.select, select.multiple {width: 100%}
textarea, select.multiple {height:150px;}
/* выпадающий список на ajax'е */
div.ajaxList {width:300px; display:block; position:absolute; visibility:hidden;background:#fff;border:#ccc solid 1px; margin:0px !important;padding:0px !important; font-size:0.8em; font-family: Tahoma, Arial, Verdana, sans-serif;} /* внешний div выпадающего списка */
div.ajaxListContent {background:#fff; margin:0px !important;padding:0px !important;} /* внутренний div, в который вписывается результат */
div.ajaxListControl {background:#eee; margin:0px !important;padding:0px !important; text-align:right;} /* div с кнопками ([закрыть], еще что-то) */
.ajaxListButton {color:#000;font-family:Tahoma;font-weight:bold;font-size:8pt;cursor:hand;} /* собственно кнопка */
table.ajaxListContentTable {background:#fff; margin:0px !important; padding:0px !important;} /* таблица со значениями, которые выдал скрипт */
tr.ajaxListItem {margin:0px !important;padding:0px !important;} /* строка с одним значением */

/* 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: 0.8em; color: #999; margin: 0 0 0 7%;}
.linkpath a {color: #999;}
.linkpath a:hover {color: #666;}
.login {font-size: 0.8em; width: 60px;}
.div_list {width: 100%}
.div_list:after{content: "";display: block;clear: both;}

/* grid.css */

#header{background: url("/img/logo_top.gif") no-repeat right top; width: 100%; height: 250px; position: absolute; top: 0px; left: 0px;}

#logo {width: 200px; height: 216px; float: left}

#nav {float: right; width: 20%; height:43px; margin: 0 25% 0 0; vertical-align: top}
#nav table {height:43px; border: 0}
#nav table #navleft {width: 12px; background: url('/img/nav_l.png') no-repeat right top}
#nav table #navright {width: 12px; background: url('/img/nav_r.png') no-repeat left top}
#nav table #navcenter {background: url('/img/nav_bg.png') repeat-x; text-align: center; padding: 12px 0 17px 0}
#nav table #navcenter div {width:33%; float: left; text-align: center}
#nav table #navcenter div img {width: 15px; height: 15px; padding: 0 5px}

ul#products {font-size:1.5em; list-style:none; line-height:.9em; padding: 0; margin: 0}
ul#products li {padding: 0 0 10px 0; float: left; min-width: 270px; width: 22%; margin: 0 0 0 20px}
ul#products li a {display: block; height: 170px; }
ul#products li ul {font-size:0.7em; list-style:none; margin:0.7em 1em 1.5em 1em; text-align: left}
ul#products li ul li {padding: 0 0 4px 0; margin: 0; width: auto; height: auto; min-width: 150px; float: none}

.prodlist ul#products li {padding: 0 0 10px 155px; float: left; min-width: 250px; width: 19%; margin: 0 0 0 20px}
.prodlist ul#products li a {text-decoration: underline; height: auto}
.prodlist ul#products li ul li {padding: 0 0 4px 0; margin: 0; width: auto; height: auto; min-width: 150px; float: none}
.prodlist ul#products li ul li a {text-decoration: none}

#langmenu {float: left; width: 150px; height: 40px; text-align: left; color: #fff; padding: 10px 0 0 20px;}
#langmenu a {color: #fff; text-decoration: none;}
#langmenu a.act {text-decoration: underline;}

#mainmenu {clear: both; width:80%; height: 24px; position:relative; font-size:12px; background: url('/img/ftd.png') repeat-x; border:solid 1px #C2C1C1; border-right: 0px; border-left: 0px; margin:0; padding: 0 0.95% 0 19%}
#mainmenu ul {list-style:none; margin:0; padding:0;}
#mainmenu ul a {text-decoration:none; color:#21399C;}
#mainmenu ul li {float:left; position: relative; border-left:1px dotted #CCC; padding: 0; margin: 0}
#mainmenu ul li:first-child {border-left:none;}
#mainmenu ul li a, #mainmenu ul li span {display:block; padding: 4px 12px; font-size: 1em}
#mainmenu ul li a:hover {background: url('/img/ftd_hover.png') repeat-x;}
#mainmenu ul li a.act {color: #000}
#mainmenu ul li ul {display:none; }
#mainmenu ul li:hover ul {display:block; position:absolute; left:-1px; top: 24px; background-color:#FFFFFF; border:1px solid #999999;}
#mainmenu ul li:hover ul li{float:none; display:block; border-top:1px solid #999999; border-left:none; padding:0; margin:0; width:180px; text-align:left;}
#mainmenu ul li:hover ul li:first-child{border-top:none;}
#mainmenu ul li ul li a, #mainmenu ul li ul li span {background:#FFFFFF; color:#21399C; border:#FFFFFF; display:block; padding: 5px 5px 5px 10px;}
#mainmenu ul li:hover ul li a:hover{background-image:none; color:#FFFFFF; background-color:#557FFF;}


#content{width: 50%; float: left; padding: 270px 0 40px 25%; text-align: left;}
#content .maintext {width:94%;margin: 0 3% 0 3%;}
#content .maintext p {text-indent: 3em; text-align: justify;}
#content .maintext p.noindent {text-indent: 0;}
#content .maintext table {width: 100%; margin: 5px 0 20px 0; padding: 0; text-align: center;}
#content .maintext table td {border: #ddd solid 1px; padding: 1px 5px;}
#content .maintext table.transp {margin: 0; padding: 0; border: 0}
#content .maintext table.transp tr td {border: #fff 0px; padding: 0}
#content .comment {background: #eee; border: #ccc dashed 2px; font-size: 0.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;}

#leftcol{width: 24%; position: absolute; top: 280px; left: 0px; padding-left: 1%}

#rightcol{float: right; width: 23.5%; padding-top: 280px; padding-right: 1%; background: #fff}


#footer {clear: both; padding: 20px 3% 15px 3%; background: #ddd; height: 50px; position: relative}

/*#footer{clear: left;width: 100%;background: black;color: #FFF;text-align: center;padding: 4px 0;}*/
#footer a {color: #21399C;}
.innertube{margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/ margin-top: 0;}