html, body {height:100%; font-size:75%;  }
*, html, body {margin:0px; padding:0px;}
body {font:1em Arial, Verdana, sans-serif; color:#000; text-align:center; background: #f5f5f5 url(../img/bodyBg.gif) left top repeat-x;}
td, input, textarea, option, select {font:1em Arial, Verdana, sans-serif; color:#000;}
td, th {font-size:75%;}
html>body td {font-size:1em;}
html>body th {font-size:1em;}


img {border:0; behavior: "url('(../img/pngbehavior.htc')";}
a {text-decoration:underline; color:#21cfe4;}
a:hover {text-decoration:none}
.reverse {text-decoration:none}
.reverse:hover {text-decoration:underline}
li {list-style-type:none}
.clear {clear:both; height:0px}
.oneHundreedPercent {width:100%;}
.red {color:#b13939 !important}


#slider {
   
    margin: 0 auto;
    position: relative;
}

.scroll {
  height: 289px;
  width:482px;
  xoverflow: auto;
  xposition: relative; /* fix for IE to respect overflow */
  xclear: left;
  
}

.scrollContainer div.panel {
    padding-left: 0px;
    height: 210px;
    xwidth: 580px;
}

.catalog_div img {
border: 1px solid #999;
padding: 2px;
}
.catalog_div img:hover {
border: 3px solid #eddc1d;
padding: 0px;
}

#global {position:relative; min-height:100%; height:100%; margin-bottom:-83px; background: url(../img/bodyBg.jpg) center top no-repeat; min-width:1000px;}
html>body #global {height:auto;}

#minWidth {width:1000px; margin:0 auto; text-align:left;}

#header {height:196px; position:relative;}
#header #logo {position:absolute; left:58px; top:44px;}
#header #slogan {position:absolute; left:279px; top:81px;}
#header #phones {position:absolute; right:23px; top:52px;}



 



#visual {height:277px; position:relative; overflow:hidden;}
#visual #fc {float:left; height:277px; width:279px; background: url(../img/fc.jpg) right top no-repeat;}
#visual #fc .shadow {height:277px; background: url(../img/fcShadow.gif) left bottom no-repeat;}
#visual #fc ul {padding:43px 0 0 35px;}
#visual #fc ul li {height:39px; margin-bottom:10px; padding-right:15px;}
#visual #fc ul li a {display:block; padding:9px 0 5px 35px;}
#visual #fc ul li a:hover {opacity:.8;}
#visual #fc ul li span {display:none;}
#visual #sc {float:left; height:277px; width:219px; background: url(../img/sc.jpg) right top no-repeat;}
#visual #sc ul {padding:30px 8px 0 22px; display:none;}
#visual #sc ul li {padding:0 0 17px 0;}
#visual #sc ul li a {color:#fff; padding-left:19px; background: url(../img/libg.gif) left 7px no-repeat; display: inline-block;}
#visual #sc ul li a.current {color:#f6f31e; background: url(../img/libg.gif) left -192px no-repeat;}
 

#visual #tc .sh {display:block; position:absolute; right:19px; top:0; width:18px; height:266px;}

#visual.cat01 #cat01 {background: url(../img/tnavcurr.jpg) right top no-repeat;}
#visual.cat01 #cat01 a:hover {opacity:1;}
#visual.cat01 #forCat01 {display:block;}
#visual.cat01 #imgForCat01 {display:block;}

#visual.cat02 #cat02 {background: url(../img/tnavcurr.jpg) right -39px no-repeat;}
#visual.cat02 #cat02 a:hover {opacity:1;}
#visual.cat02 #forCat02 {display:block;}
#visual.cat02 #imgForCat02 {display:block;}

#visual.cat03 #cat03 {background: url(../img/tnavcurr.jpg) right -78px no-repeat;}
#visual.cat03 #cat03 a:hover {opacity:1;}
#visual.cat03 #forCat03 {display:block;}
#visual.cat03 #imgForCat03 {display:block;}

#visual.cat04 #cat04 {background: url(../img/tnavcurr.jpg) right -117px no-repeat;}
#visual.cat04 #cat04 a:hover {opacity:1;}
#visual.cat04 #forCat04 {display:block;}
#visual.cat04 #imgForCat04 {display:block;}

#content {padding:0 0 20px 40px;}
#content #lCol {float:left; width:223px; margin-right:77px;  position:relative; margin-top:-10px;}
#content #lCol #mNav {height:246px; background: url(../img/mnBg.jpg) left top no-repeat; padding:35px 0 0 40px; margin-bottom:35px;}
html>body #content #lCol #mNav {height:212px;}
#content #lCol #mNav li {padding-bottom:25px; padding-right:10px;}
#content #lCol #mNav li a {padding-left:31px; color:#e6f4fd;}
#content #lCol #mNav li a:hover {color:#f8ff40;}
#content #lCol #mNav li#mnHome a {background: url(../../img/icos.gif) left 2px no-repeat;} 
#content #lCol #mNav li#mnHome a:hover {background: url(../img/icos.gif) -400px 2px no-repeat;} 
#content #lCol #mNav li#mnHome a.current {background: url(../img/icos.gif) -400px 2px no-repeat; color:#f8ff40;}
#content #lCol #mNav li#mnAbout a {background: url(../img/icos.gif) left -37px no-repeat;} 
#content #lCol #mNav li#mnAbout a:hover {background: url(../img/icos.gif) -400px -37px no-repeat;} 
#content #lCol #mNav li#mnAbout a.current {background: url(../img/icos.gif) -400px -37px no-repeat; color:#f8ff40;}
#content #lCol #mNav li#mnTech a {background: url(../img/icos.gif) left -75px no-repeat;} 
#content #lCol #mNav li#mnTech a:hover {background: url(../img/icos.gif) -400px -75px no-repeat;} 
#content #lCol #mNav li#mnTech a.current {background: url(../img/icos.gif) -400px -75px no-repeat; color:#f8ff40;}
#content #lCol #mNav li#mnVac a {background: url(../img/icos.gif) left -112px no-repeat;} 
#content #lCol #mNav li#mnVac a:hover {background: url(../img/icos.gif) -400px -112px no-repeat;} 
#content #lCol #mNav li#mnVac a.current {background: url(../img/icos.gif) -400px -112px no-repeat; color:#f8ff40;}
#content #lCol #mNav li#mnCon a {background: url(../img/icos.gif) left -151px no-repeat;} 
#content #lCol #mNav li#mnCon a:hover {background: url(../img/icos.gif) -400px -151px no-repeat;} 
#content #lCol #mNav li#mnCon a.current {background: url(../img/icos.gif) -400px -151px no-repeat; color:#f8ff40;}
#content #lCol #news {padding:0 15px 0 30px;}
#content #lCol #news h2 {font:normal 1.5em Georgia, serif; color:#9d1910; padding-bottom:10px;}
#content #lCol #news ol li {padding-top: 5px;list-style-type:decimal;;}
#content #lCol #news .new {padding-bottom:15px;}
#content #lCol #news .new .date {padding-bottom:3px;}
#content #lCol #news .new .date a {color:#21cfe4;}
#content #lCol #news .new p {line-height:1.5em;}
#content #rCol {float:left; width:625px;  padding-top:40px;}
#content #rCol #about {padding-bottom:40px; padding-right:30px;}
#content #rCol #about h1 {font:normal 2em/1em Georgia, serif; color:#262627; padding-bottom:22px;}
#content #rCol #about .bg {padding-left:95px; height:86px; min-height:86px; background: url(../img/book.jpg) left top no-repeat;}
html>body #content #rCol #about .bg {height:auto;}
#content #rCol #about .bg p {padding-bottom:15px; color:#262627; line-height:1.55em;}
#content #rCol #about .details {text-align:right;}
#content #rCol #about .details a {color:#21cfe4; padding-left:19px; background: url(../img/details.gif) left 4px no-repeat;}
#content #rCol #clients h2 {font:bold 1em Arial, sans-serif; color:#262627; padding-bottom:15px;}
#content #rCol #clients .items {padding-left:39px;}
#content #rCol #clients .item {margin-bottom:8px; margin-right:11px; position:relative; width:159px; height:87px; float:left; overflow:hidden;}
#content #rCol #clients .item img {border:3px solid #eaeaea;}
#content #rCol #clients .item .c1 {position:absolute; left:0; top:0; width:6px; height:6px; background: url(../img/cc.gif) left top no-repeat;}
#content #rCol #clients .item .c2 {position:absolute; right:-1px; top:0; width:6px; height:6px; background: url(../img/cc.gif) left -6px no-repeat;}
html>body #content #rCol #clients .item .c2 {right:0; top:0;}
#content #rCol #clients .item .c3 {position:absolute; left:0; bottom:-1px; width:6px; height:6px; background: url(../img/cc.gif) left -18px no-repeat;}
html>body #content #rCol #clients .item .c3 {left:0; bottom:0;}
#content #rCol #clients .item .c4 {position:absolute; right:-1px; bottom:-1px; width:6px; height:6px; background: url(../img/cc.gif) left -12px no-repeat;}
html>body #content #rCol #clients .item .c4 {right:0; bottom:0;}




/* footer */
#footerPad {height:83px; clear:both;}
#footer {height:83px; position:relative; top:0px; width:960px; margin:0 auto; text-align:left; background: #eaeaea url(../img/footer.gif) -7px top no-repeat; overflow:hidden;}
#footer .bg {height:83px; background: url(../img/footer.gif) 953px top no-repeat;}
#footer #copy {position:absolute; left:35px; top:24px;}
#footer #copy h2 {font-size:1em; font-weight:bold; padding-bottom:3px;}
#footer #copy p {font-size:.9em; padding-left:15px;}
#footer #copy p a {color:#01448e;}
#footer #cc {position:absolute; right:60px; top:21px; font-size:.9em; text-align:right; line-height:1.1em;}




/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> 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=85);
  -moz-opacity: 0.85;
  opacity: 0.85;
}
* 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;

  z-index: 102;
  color:#000000;
  display:none;

  text-align:left;
  top:47%;
  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{

  height:27px;
}
#TB_ajaxContent{
  clear:both;

  overflow:auto;
  text-align:left;
  line-height:1.4em;
  margin-bottom:10px;
}
#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;
}
.banners {
	margin-top:10px;
}
.banner_credit {
	display:inline-block;
	width:238px;
	height:90px;
	background: url(../images/banners/credit.png) no-repeat;
}
.banner_credit:hover {
	display:inline-block;
	width:238px;
	height:90px;
	background: url(../images/banners/credit1.png) no-repeat;
}

.banner_discount {
	display:inline-block;
	width:224px;
	height:101px;
	background: url(../images/banners/discount.png) no-repeat;
}
.banner_discount:hover {
	display:inline-block;
	width:224px;
	height:101px;
	background: url(../images/banners/discount1.png) no-repeat;
}


.banner_gallery {
	display:inline-block;
	width:227px;
	height:94px;
	background: url(../images/banners/gallery.png) no-repeat;
}
.banner_gallery:hover {
	display:inline-block;
	width:227px;
	height:94px;
	background: url(../images/banners/gallery1.png) no-repeat;
}

.banner_order {
	display:inline-block;
	width:224px;
	height:121px;
	background: url(../images/banners/order.png) no-repeat;
}
.banner_order:hover {
	display:inline-block;
	width:224px;
	height:121px;
	background: url(../images/banners/order1.png) no-repeat;
}

.banner_uslugi {
	display:inline-block;
	width:230px;
	height:112px;
	background: url(../images/banners/pokritije.png) no-repeat;
}
.banner_uslugi:hover {
	display:inline-block;
	width:230px;
	height:112px;
	background: url(../images/banners/pokritije1.png) no-repeat;
}

.order-form {
	
margin-top:20px;
}
.order-form input, .order-form textarea, .order-form input {
	border:1px solid #333333;
	padding:3px;
	color:;#666666;
	width:300px;
}
.order-form .small_grey {
	color:#999999;
}

/* content div */

.socont {
	position: relative;
	padding: 0;
	margin: 10px 0 12px 0;}

.sotxt, .sotxt {
	/*font-size: 1.2em;*/
	/*line-height: 1.2em;*/
	height: 3.6em;
	overflow: hidden;
	padding: 0 18px 0 0;} 
.sotxt p {
	padding: 0;
	overflow: hidden;}
.sotxt img {
	float: left;
	margin: 2px 12px 2px 0;}
.somore {
	position: absolute;
	right: 0;
	bottom: -1px;}
.somore a {
	display: block;
	width: 11px;
	height: 12px;
	overflow: hidden;
	background: url(/skr_div/open-close.gif) no-repeat 0 -12px;
	text-decoration: none;}

.solink {
	padding: 0;}

.soleft {
	float: left;
	font-size: 120%;}

.soright {
	float: right;
	position: relative;
	padding: 0 12px 0 0;}
.soright a {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 11px;
	height: 12px;
	overflow: hidden;
	background: url(/skr_div/open-close.gif) no-repeat 0 0;
	text-decoration: none;}

.dnone {
	display: none;
}