* {margin:0; padding:0;}
html, body {}
body {min-height:100%; min-width:1003px;}
strong {font-family:Verdana;}
img {_filter:expression(fixPNG(this));}

#container {position:relative; margin:0 auto; height:auto !important; height:100%; min-height:100%; width:100%;}
/* ---
Классы для операционных систем
	.nix
	.mac
	.win
Классы для браузеров
	.ie6 - internet explorer 6.x
	.ie7 - internet explorer 7.x
	.ie8 - internet explorer 8.x
	.opera - opera
	.ff2 - mozilla firefox 2.x
	.ff3 - mozilla firefox 3.x
	.safari - safari
Структура при использовании
	.операционная_система .браузер #ваш_id {стили}
	.операционная_система .браузер .ваш_класс {стили}
	.операционная_система .браузер ваш_тэг {стили}
--- */

/* (*) Зона описания общих параметров для группы тэгов*/

/* (TAG) Зона описания основных тэгов*/
body {background:url(/images/toprepeat.jpg) top repeat-x #727274;}
h1 {font-family:Verdana; font-size:14px; color:#054364; margin-bottom:10px;}
/* (ID & CLASS) Зона описания основной таблици стилей*/
#container {background:url(/images/top.jpg) left top no-repeat; padding-top:190px;}
.rightimmage {position:absolute; right:0px; top:8px;}
.lefttop {height:103px; padding:30px 0px 0px 30px; font-family:"Arno Pro"; width:20px; color:#fff; width:350px; font-size:20px; position:absolute; top: -21px; left:0px;}
.ie6 .lefttop, .ie7 .lefttop, .ie8 .lefttop {height:133px;}
.lefttop img {border:none;}
.lefttop .phone {float:left; margin:15px 20px 0px 10px;}
.lefttop .numbers {float:left; margin-top:5px;}
.slogan {position:absolute; top:50px; left:33%; font-family:"Arno Pro"; font-size:24px; color:#fff; text-align:center; width:430px;}
#topmenu {width:100%; z-index:10; position:absolute; text-align:center; top:136px;}
/*.ie6 #topmenu, .ie7 #topmenu, .ie8 #topmenu {margin-top:0px;}*/
#topmenu img {border:none; width:163px; height:37px;}
#main {width:100%; clear:both; position:relative;}
.leftcolumn {width:290px; padding:0px 12px 0px 12px;}
.ie6 .leftcolumn, .ie7 .leftcolumn, .ie8 .leftcolumn {width:314px;}
.leftcolumn .inner1 {width:290px; background:url(/images/leftcolumn_center.jpg) repeat-y;}
.leftcolumn .inner2 {width:290px; background:url(/images/leftcolumn_top.jpg) top left no-repeat;}
.leftcolumn .inner3 {width:250px; background:url(/images/leftcolumn_bottom.jpg) bottom left no-repeat;}
#leftcolumn {padding:10px 20px 10px 20px;}
.ie6 #leftcolumn, .ie7 #leftcolumn, .ie8 #leftcolumn {width:290px;}
#leftcolumn img {border:none;}
#leftcolumn a {font-family:"Arno Pro"; font-size:14px; color:#000; font-weight:bold; line-height:25px;}
#leftcolumn .banner {margin-top:5px;}
.rightcolumn {width:100%;}
.rightcolumn .inner1 {width:98%; background:url(/images/cont_top.jpg) top repeat-x #fff;}
.rightcolumn .inner2 {width:100%; background:url(/images/cont_bottom.jpg) bottom repeat-x;}
.rightcolumn .inner3 {width:100%; background:url(/images/cont_left.jpg) left repeat-y;}
.rightcolumn .inner4 {background:url(/images/cont_right.jpg) right repeat-y;  position:relative;}
.corner {position:absolute;}
#corner1 {top:0px; left:0px;}
#corner2 {top:0px; right:0px;}
#corner3 {bottom:0px; right:0px;}
#corner4 {bottom:0px; left:0px;}
#content {
 font-family: Verdana;
    font-size: 12px;
    height: auto;
    overflow: hidden;
    padding: 15px;
}
#content ul {padding-left: 20px;}
#content table {font-size:12px; font-family:Verdana;}
#content table td {padding:10px;}
#content a {text-decoration:underline; color:#054364; font-size:14px; font-family:"Arno Pro";}
#foo {width:90%; font-family:"Arno Pro"; font-size:14px; color:#fff; text-align:right; padding-right:20px; background:url(/images/foo.jpg) right no-repeat #00466a; height:22px; padding-top:4px; margin-top:10px; margin-bottom:10px;}
.ie6 #foo, .ie7 #foo, .ie8 #foo {height:22px; padding-top:3px;}
.partners{margin:0 10px 6px 0 0;float:left;}

.copy a{color:#ffffff; text-decoration:underline;}

a {
		behavior:url('/templates/linares/csshover.htc');
		outline:none;
}




#myleftmenu ul, #myleftmenu ul ul{
	margin:0;
	padding:0;
	list-style:none;
	list-style-position:outside;
}


#myleftmenu ul li {
 padding:5px 0;
}

#myleftmenu ul li a{
	color:#000000;
	font-family:"Arno Pro";
	
	font-family:Arial;
	
	font-size:12px;
	font-weight:bold;
	line-height:25px;
}
#myleftmenu ul ul{
	display:none;
	margin:0 0 0 10px;
}
#myleftmenu ul li ul li a{
	font-weight:normal;
}
.logo1{
	width:257px;
	height:51px;
}
.phone{
	width:23px;
	height:34px;
}

#leftcolumn img{
	width:177px;
	height:40px;
}

.rightimmage{
	width:270px;
	height:155px;
}








#content img
{
	border:0;
}
.maps {
	margin-left:22px;
}
.maps h4 {
	margin:0;
	color:#054364;
	font-family:"Arno Pro";
	font-size:14px;
	text-decoration:underline;
}
.slk {
	text-align:center;
}
.slk a {
	color:#054364;
	text-decoration:none;
	font-size:12px;
}
.zagol {
	font-size:12px;
	text-align:center;
}

.logoref {

    display: block;
    height: 80px;
    margin-bottom: -80px;
    position: relative;
    width: 281px;
}

a.sloga
{
color: #FFFFFF;
}



 /**
 *Для каталога
 */

#content .chenge{
	 height: auto;
    margin: 0 auto;
    text-align: center;
    width: 724px;
}
#content .chenge li a  {
	display:block;
	width:206px;
	height:auto;
	overflow:hidden;
	margin: 0 auto;
	text-decoration: none;
	

}
#content .chenge li a img {
 margin-top:5px;
}

#content .chenge li a:hover img{
	border:3px solid #003;

}

#content .chenge li a.activ img{
	border:3px solid #003;

}

#content .workarea {
	width:600px;
	height:auro;
	overflow:hidden;
	text-align:center;
	border-left:1px dotted #09577e;
	border-right:1px dotted #09577e;
}
#content .workarea a {
	background: url("lightbox/images/lightbox-ico-loading.gif") no-repeat scroll center center transparent;
    display: block;
    height: auto;
    min-height: 200px;
    padding:0;
    width: 500px;
	margin:5px auto;    
	border-top:1px solid #999;
	border-bottom:1px solid #999;

}


#content .chenge ul {
	list-style:none;
	
}

#content .chenge ul li {
	padding:5px 10px;
	 display: block;
    float: left;
    height: 320px;
    width: 208px;
	

}

#content .chenge li ul{
	display:none;
}
.workarea ul {
	list-style:none;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}#content .workarea a {display:block;float: left;width:250px;}#content .workarea a img{width:250px;}
#content .workarea .topwork a {width:500px;}#content .workarea .topwork a img {width:500px;}

/*Карусель*/

#karusel .circle a {
	display:block;
	width:120px;
	height:120px;
	position:absolute;
	z-index:0;
	border:none;
}
#karusel .circle a img{
width: 120px;
height: 120px;

} 
.circle {
    background: url("karusel/images/baraban.jpg") no-repeat scroll 98px -2px transparent;
    height: 800px;
    left: 0;
    position: relative;
    top: 0;
    width: 976px;
}

#result2 ul{
    padding: 0;
    margin: 0 ;
    list-style: none;
}

#result2 ul li {
padding:5px 0;
}

#result2 ul li a, #submenu a {
  color: #000000;
    font-family: Arial;
    font-size: 12px;
}
#result2 ul li a:hover{
color:#F9173E;

}

#result2{
    /*border-bottom: 1px dashed #424242;*/
    padding-left: 2px;
    position: relative;
    width: 252px;
    z-index: 100;
}

#result2 ul li ul li a,#submenu .sub li a{
font-size: 13px;
text-transform:lowercase;
color:#F9173E;
}

#result2 ul li ul {
padding-left: 15px;
display:none;
}

 #result2 ul li ul li a:hover {
  color:#005A7E; 
 
 }
 
#submenu {
   background: url("karusel/images/submenubg.png") no-repeat scroll 0 0 transparent;
    height: 240px;
    left: 11px;
    padding-right: 17px;
    padding-top: 10px;
    position: absolute;
    text-align: center;
    top: 461px;
    width: 266px;
}

#submenu  p{
padding:10px;
text-align:justify;
}


#submenu .sub {
    text-align: left;
    list-style: none;
    
}
#submenu .sub li {
  padding-top: 10px;
}
#karusel{ height:671px;};

#myleftmenu ul li{
     padding: 5px 0;
}
.katalogek div {
 width:400px;
 float: left;
 padding:20px;
 height:300px;
 overflow:hidden;
 text-align:center;
}
.katalogek div h3 {
	color: #005A7E;
	padding-bottom:5px;
}