/* $Id: style.css,v 1.23 2007/12/17 15:05:09 goba Exp $ */

/*
** HTML elements
*/
* { padding:0px; margin:0px;  }
body {
  margin: 0;
  padding: 0;
  color: #000;
  background-color: #fff;
  font: 77% Tahoma, Arial, Helvetica, sans-serif;
}
tr.odd td, tr.even td {
  padding: 0.5em;
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.3em;
}
h1 {
  font-size: 1.3em;
  position:relative;


  
  
}
h2 {
  font-size: 1.2em;
}
h3, h4, h5, h6 {
  font-size: 1.1em;
}
p {
  margin-top: 0.5em;
  margin-bottom: 0.9em;
}

a:link {
  color: #000;
}
a:visited {
  color: #0040D2;
}
a:hover {
  color: #0040D2;
  text-decoration: underline;
}
fieldset {
  border: 1px solid #ccc;
}
pre {
  padding: 0.75em 1.5em;
  font-size: 12px;
  border: 1px solid #ddd;
}
table {
  /* make <td> sizes relative to body size! */
  font-size: 1em;
}
.form-item label {
  font-size: 1em;
  color: #0024FF;
}
.item-list .title {
  font-size: 1em;
  color: #0024FF;
}
.links {
  margin-bottom: 0;
}
.comment .links {
  margin-bottom: 0;
}

/*
** Page layout blocks / IDs
*/
#header, #content {
  width: 100%;
}
#logo {
  vertical-align: middle;
  border: 0;
}
#logo img {
  float: left; /* LTR */
  padding: 0 1em;
  border: 0;
}
#menu {
  padding: 0.5em 0.5em 0 0.5em; /* LTR */
  text-align: right; /* LTR */
  vertical-align: middle;
}
#navlist {
  font-size: 1.0em;
  padding: 0 0.8em 1.2em 0; /* LTR */
  color: #0024FF;
}
#navlist a {
  color: #0024FF;
}
#subnavlist {
  padding: 0.5em 1.2em 0.4em 0; /* LTR */
  font-size: 0.8em;
  color: #0024FF;
}
#subnavlist a {
  color: #0024FF;
}
ul.links li {
  border-left: 1px solid #9cf; /* LTR */
}
ul.links li.first {
  border: none;
}
#search .form-text, #search .form-submit {
  border: 1px solid #369;
  font-size: 1.1em;
  height: 1.5em;
  vertical-align: middle;
}
#search .form-text {
  width: 8em;
  padding: 0 0.5em;
}
#mission {
  padding: 1.5em 2em;
  color: #0024FF;
}
#mission a, #mission a:visited {
  color: #0024FF;
}
.site-name {
  margin: 0.6em 0 0 ;
  padding: 0;
  font-size: 2em;
}
.site-name a:link, .site-name a:visited {
  color: #000;
}
.site-name a:hover {
  color: #369;
  text-decoration: none;
}

#main {
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  padding: 10px;
}


#mission, .node .content, .comment .content {
  line-height: 1.4em;
}
#help {
  font-size: 0.9em;
  margin-bottom: 1em;
}
.breadcrumb {
  margin-bottom: .5em;
}
.messages {
  border: 1px solid #ccc;
  padding: 0.3em;
  margin-bottom: 1em;
}
.error {
  border-color: red;
}
#footer {
  padding: 1em;
  font-size: 0.8em;
}



/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/
.title, .title a {
  font-weight: bold;
  font-size: 1.3em;
  color: #000;
  margin: 0 auto;  /* decrease default margins for h<x>.title */
}
.submitted {
  color: #0024FF;
  font-size: 0.8em;
}
.links {
  color: #000;
}
.links a {
}

.block {
  padding-bottom: 0.75em;
  margin-bottom: 1.5em;
}
.block .title {
  margin-bottom: .25em;
}
.block .content {
padding:5px;
padding-bottom: 30px;
  
}

.box .title {
  font-size: 1.1em;
}
.node {
  margin: .5em 0 2em; /* LTR */
}
.sticky {
  padding: .5em;
  border: solid 1px #ddd;
}
.node .content, .comment .content {
  margin: .5em 0 .5em;
}
.node .taxonomy {
  color: #0024FF;
  font-size: 0.8em;
  padding-left: 1.5em; /* LTR */
}
.node .picture {
  border: 1px solid #ddd;
  float: right; /* LTR */
  margin: 0.5em;
}
.comment {
  border: 1px solid #abc;
  padding: .5em;
  margin-bottom: 1em;
}
.comment .title a {
  font-size: 1.1em;
  font-weight: normal;
}
.comment .new {
  text-align: right; /* LTR */
  font-weight: bold;
  font-size: 0.8em;
  float: right; /* LTR */
  color: red;
}
.comment .picture {
  border: 1px solid #abc;
  float: right; /* LTR */
  margin: 0.5em;
}

/*
** Module specific styles
*/
#aggregator .feed-source {
  border: 1px solid #ccc;
  padding: 1em;
  margin: 1em 0;
}
#aggregator .news-item .categories, #aggregator .source, #aggregator .age {
  color: #999;
  font-style: italic;
  font-size: 0.9em;
}
#aggregator .title {
  margin-bottom: 0.5em;
  font-size: 1em;
}
#aggregator h3 {
  margin-top: 1em;
}
#forum table {
  background:#000;
  width: 100%;
}
#forum td {
  background:#000;
  padding: 0.5em;
  border-bottom:1px solid #CCCCCC;
}
#forum td.container a {
  color: #555;
}
#forum td.statistics, #forum td.settings, #forum td.pager {
  height: 1.5em;
  border: 1px solid #bbb;
}
#forum td .name {
  color: #96c;
}
#forum td .links {
  padding-top: 0.7em;
  font-size: 0.9em;
}
#profile .profile {
  clear: both;
  border: 1px solid #abc;
  padding: .5em;
  margin: 1em 0em;
}
#profile .profile .name {
  padding-bottom: 0.5em;
}
.block-forum h3 {
  margin-bottom: .5em;
}
div.admin-panel .description {
  color: #999;
}

div.admin-panel h3 {
  color: #000;
  padding: 5px 8px 5px;
  margin: 0;
}

#sidebar-left, #sidebar-right {
  width: 280px; 
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  vertical-align: top;
}


#sidebar-left .block .title { background:url(img/block-left-head.gif) no-repeat; height:34px; line-height:35px; padding-left:30px; color:#FFFFFF}
#sidebar-left .block .content { background:url(img/block-left-footer.gif) no-repeat left bottom; width:280px }

#sidebar-right { text-align:right  } 
#sidebar-right .block .title { background:url(img/block-left-head.gif) no-repeat right; height:34px; line-height:35px;  text-align:right; width:285px; padding-right:5px; color:#FFFFFF}
#sidebar-right .block .content { background:url(img/block-left-footer.gif) no-repeat bottom right; width:280px }


#header1 { background:url() top repeat-x; width:100%; }
#header2 { background:url(/sites/default/files/obloko_left.jpg) no-repeat left top ; width:100%;}
#header4 { background:url(/sites/default/files/logo.jpg) no-repeat center top ; width:100%;}
#header3 { background:url(/sites/default/files/obloko_right.jpg) no-repeat right top; width:100%; padding-top:170px }

#footer1 { height:90px; background:url() bottom repeat-x; width:100%; text-align:center; position:relative}
#footer2 { height:90px; background:url() top left no-repeat ; width:100%; position:relative}
#footer3 { height:90px; background:url()  top right no-repeat  ; width:100%; position:relative}


table { border-collapse:inherit}

#block-menu-menu-main { width:100%; padding:0px; height:29px; position:absolute; left:0px; top:120px;   }
#block-menu-menu-main .title { display:none}
#block-menu-menu-main .content { width:100%; height:29px;  }
#block-menu-menu-main * {text-decoration:none; list-style:none; padding:0px; margin:0px; }
#block-menu-menu-main a { color:#000; font-size:12px;  padding-left:10px; width:100%; height:29px; line-height:29px; text-transform:uppercase; font-size:14px}
#block-menu-menu-main li { float:left; width:19%; text-align:center; position:relative}




/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}  



* { border-collapse:inherit}

#logo { width:158px; height:65px; background:url(img/) no-repeat bottom; float:right; }
#address { padding-top:20px}

.taxonomy .prod { padding:0px; margin:5px;  width:405px; height:270px; float:left; background:url(img/321.jpg) no-repeat left top; position:relative; left:0px; top:0px }
.taxonomy .prod * { position:relative; padding:0px; margin:0px; left:0px; top:0px; color: #000}
.taxonomy .prod .title { width:165px; height:50px; position:absolute; left:230px; top:5px; z-index:10; font-size:10px; font-weight:bold; text-decoration:underline}
.taxonomy .prod .content { width:405px; height:270px; position:relative }
.taxonomy .prod .content * { display:none; padding:0px; margin:0px; position:relative }
.taxonomy .prod .content .field { display:block}
.taxonomy .prod .content .field * { display:block}
.taxonomy .prod .content .field-field-ref { display:none}
.taxonomy .prod .content .field-field-ref * { display:none}
.taxonomy .prod .field-field-img { width:140px; height:143px; left:6px; top:9px; position:absolute; }
.taxonomy .prod .field-field-img img { width:217px; height:188px; }
.taxonomy .prod .field-field-cost { width:120px; height:40px; font-size:20px; line-height:32px; position:absolute; left:30px; top:230px; }
.taxonomy .prod .field-field-cost * { float:left; color:#fff }
.taxonomy .prod .field-field-cost .rubl { width:17px; height:40px; font-size:20px; line-height:40px; float: left; background:url(img/rubl.gif) no-repeat 0px 0px;}
.taxonomy .prod .field-field-about { position:absolute; top:40px; left:230px; width:185px; height:60px; font-size:9px; line-height:13px }
.taxonomy .prod .content .field-label { display:none}
.taxonomy .prod .cardinputtext { background:none; position:absolute; top:242px; left:215px; width:67px; border:0px; text-align:center; color:#000000;  }
.taxonomy .prod .cardbutton { background:none; position:absolute; top:242px; left:305px; width:80px; height:20px; border:0px; text-align:center; cursor:pointer;}
.taxonomy .prod .confirmation_of_order { position:absolute; top:218px; left:312px; width:100px; height:20px; color:#F9A61B; font-size:11px; display:none;}


.notaxonomy .prod { position:relative; left:0px; top:0px }
.notaxonomy .prod * { position:relative;  padding:0px; margin:0px; left:0px; top:0px}
.notaxonomy .prod .field-field-img {}
.notaxonomy .prod .field-field-img img { }
.notaxonomy .prod .field-field-cost { background:url(img/cost.gif) 5px no-repeat; padding-left:20px; width:173px; height:67px; font-size:25px; line-height:75px; }
.notaxonomy .prod .field-field-cost * { float:left; color:#fff }
.notaxonomy .prod .field-field-cost .rubl { width:17px; height:58px; font-size:20px; line-height:40px; float: left; background:url(img/rubl.gif) no-repeat 0px 22px;}
.notaxonomy .prod .content .field-label { display:none}
.notaxonomy .prod .cardinputtext { background:url(img/kol.gif) no-repeat;  width:90px; height:20px; border:0px; padding-top:10px;  text-align:center;}
.notaxonomy .prod .cardbutton { background:url(img/korzina.gif) no-repeat bottom; width:152px; height:26px;  border:0px; text-align:center; cursor:pointer}
.notaxonomy .prod .confirmation_of_order { position:absolute; top:0px; left:0px; width:100px; height:20px; color:#F9A61B; font-size:11px; display:none;}


#block-block-7 .content { font-size:18px}


li a.active {
color: #FFCC00;
font-weight:bold 

}
.table-zakaz { width:100%}
.table-zakaz th { background:#F9A61B; padding:3px; text-align:center}
.table-zakaz td {text-align:center; text-align:left}
.table-zakaz .itog { background:#F9A61B}
.table-zakaz * {padding:3px}
#yea_order { background:url(img/but-zakaz.gif); width:98px; height:20px; border:0px; cursor:pointer} 
#clear-order { background:url(img/but-clear.gif); width:77px; height:20px; border:0px; cursor:pointer}

#block-menu-menu-catalog { padding:0xp; margin:0px; }

#block-menu-menu-catalog * { padding:0xp; margin:0px; list-style:none}
#block-menu-menu-catalog a { width:105px; padding-left:142px; height:71px; padding-top:20px; display:block; text-align:center; }
#block-menu-menu-catalog a:hover { background-position:right }


h1.title { color:#000}

#slideshow_container {margin: 0px; padding:0px; width:100%; height: 160px; text-align: left; position:relative}
#slideshow {margin: 0px; padding: 0px; list-style-type: none; width:100%; height: 140px; position: relative;}
#slideshow a { float:left; width:50%; display:block; text-align:center}
#slideshow li { width:100%}


#main tr.even, #main tr.odd {  background: none;}
#main tr.drag { background: none;}
#main tr.drag-previous {  background: none;}
#main td.active {  background: none;}

table.nix {width:100%}
table.nix td {padding:5px;border:1px solid #333333; }