/* CSS Document */
/****** tessapack ***********/
html, body{margin:0;padding:0;width:100%;height:100%;font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#060606;}
body{ background:url('/img/top_bg_grey.jpg') repeat-x; }

h1{font-size:18px;}
h1.pageheader{color:#191919;font-size:16px;display:block; margin:0 0 0 11px; }
h1.emptymessage{font-size:12px !important; display:block;position:relative; top:50px;}
h2{font-size:13px;}
h2.grey{color:#565454; font-size:13px;}
h3{}
h4.article_zag{ font-size:12px;color:#565454;}
h5{}
h6{}
.bold{font-weight:bold;}
.cl{clear:both;}
.noborder{border:none;}
div#header{ height:37px;}
div#container{width:996px;margin:0 auto}
div#content{float:right;width:705px; height:auto; min-height:710px; margin-top:18px; border-left:#696969 1px solid; padding-bottom:0px;}
div#navigation{float:left;width:285px; margin-top:20px;}
div#footer{clear:both;width:100%; height:20px;}
.firstmenuwrapper{width:996px; margin:0 auto; height:37px;}
a.firstmenuitem{display:block; float:left; padding:10px 28px;color:#696969; font-size:12px; text-decoration:none;}
a.afirstmenuitem{display:block; float:left; padding:10px 28px 0 28px;color:#a940ad; background:#e7e8ea; font-size:12px; height:27px; text-decoration:none;}
a.firstmenuitem:hover{color:#a940ad;}
.logo{height:165px; }
a{color:#a940ad;}
a:hover{text-decoration:none !important;}



/************** left menu **********************/
.mainleftmenuwrapper{margin-top:-8px;}
.leftmenuwrapper{text-align:right; margin:40px 7px 0 0;}
.leftmenuheader{color:#191919; font-size:12px; font-weight:bold; display:block; margin-bottom:15px; }
a.leftmenuitem, a.aleftmenuitem{font-size:12px; display:block; margin:6px 0 5px 0; }
a.leftmenuitem{color:#696969;}
a.aleftmenuitem, a.leftmenuitem:hover, a.activeleftmenu{color:#a940ad; text-decoration:none; }


/*************** menu ****************************/
#secondmenuwrapper{width:136px; height:157px; float:left; padding:2px 0 0 10px;}
a.secondmenuitem, a.asecondmenuitem{display:block;font-size:12px; text-decoration:none; margin:2px 0 3px 0;  }
a.secondmenuitem{color:#696969;}

/** ---- topmenu highlight -- **/
.x-portfolio .x-portfolio,
.x- .x-,
.x-client .x-client,
.x-tech .x-tech,
.x-about .x-,
.x-contacts .x-contacts
{
    color:#a940ad;
}



/***************************************************/
.bannertop{width:355px; height:105px; float:left; text-align:right; /*background:url('/img/temp/bannertop.jpg') 80% 0 no-repeat;*/}
.contactstop{float:left;color:#696969; font-size:11px; padding:1px 15px 15px 15px; position:relative; left:17px;}
.phone{font-size:15px; font-weight:bold;}
a.emaillink{color:#696969; text-decoration:none; }
.tovarwrapper, .infowrapper{width:690px; height:auto;  margin:17px 0 0 12px; display:block;}
.infowrapper{text-align:justify;}
.tovarheaderwrapper{ display:block; height:30px; float:left; width:684px;background:#e7e8ea; }
.tovarheader{display:block;float:left; margin:8px; color:#696969;font-size:12px;width:450px;}
.tovardescr{position:relative; z-index:100; width:350px; /*top:-80px;*/ margin-top:-107px; margin-left:15px; overflow:hidden; }
.tovardescrheader{color:#696969; font-size:15px; display:block; margin-bottom:3px;width:200px;}
.tovardescritem{color:#696969; font-size:11px; display:block;width:270px;}
.tovarimgsmall{ float:left; width:137px; height:161px; border:0; margin:0; padding:0;}
/*.navwrapper{display:block; float:right;width:65px;background:#f0f0f0;}
.arrowprev, .arrownext{float:left;}
.arrownext{margin-left:5px;}*/
.logowrapper{display:block;float:left; height:100px; width:340px; margin:10px 0; padding:0; text-align:center;}
.logoitem{/* margin:10px 10px 10px 0;*/ border:none;}
.logotitle{float:left;}

.pagenavwrapper{width:auto; float:right; display:block; margin:3px 5px 0 0; }
.prevnavpage, .nextnavpage, a.page, .apage, .allpage, .navimg{float:left; }
.prevnavpage, .nextnavpage{}
.navimg{border:none;  margin:4px;}
a.page, .apage, .allpage{font-size:14px; display:block; margin:6px 3px 0 3px;}
a.page:hover{ text-decoration:none;}
.apage{color:#444; font-size:11px;}
.paginput{width:30px; text-align:center; border:#959ca3 1px solid; position:relative; top:-3px;  background:#e7e8ea ;}
.form_ie6_fix{margin:0;}
.allwork{float:right; position:relative; top:-8px; right:8px;font-size:10px;color:#696969;}


.smallimgwrapper{background:#f1f2f6; width:685px; height:513px;}

h1.emptymessage{
  display: block; text-align: center; margin: auto; font-size: 40px;
}
.tooltip {
    position: absolute;
    z-index: 1000;
    border: 1px solid gray;
    background-color: #FFFFD4;
    padding: 10px 10px 10px 10px;
    margin: 10px;
    opacity: 0.85;
    filter: alpha(opacity=85);
}

#easyTooltip{
	padding:5px 10px;
	border:1px solid #133;
	background:#ccc;
	color:#122;
	}