html, body, form
{
	margin: 0;
	padding: 0;
}
body {
behavior:url("csshover3.htc");
}
html
{
	height:100%;
}
#new_window{width:600px !important;}
#fancybox-content{
}
body
{
	height:auto !important;
	height:100%;
	min-height:100%;
min-width: 1220px !important;
	
}

/*Font*/
body
{
	font-size: 80%;
	font-family: 'Trebuchet MS', Tahoma, Verdana, Helvetica, sans-serif;
	color: #333;
	background-color: #fff;
}

/*Font in table*/
table
{
	font-size:100%;
}

/*Links*/
a:link {color: #3366CC;}
a:visited{color:#3366CC;}
a:active {color: #3366CC;}
a:hover{color: #FF9900;}


small
{
	font-size:85%;
}

hr
{
	width:100%;
	height: 1px;
	border: medium none;
	color: #d1d0d0;
	background-color: #d1d0d0;
	margin:8px 0
}

#header
{
	position:relative; /*containing block*/
	height:209px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	background: url(images/bg.jpg) repeat-x;
}

#header_logo
{
	position:absolute;
}

#company_logo
{
	display:block;
	position:absolute;
	width:255px; 
	height:209px; 
	left:0px;
	top: 0;
	background:url(images/logo.jpg) right center no-repeat;
}
#foto
{
	display:block;
	position:absolute;
	width:589px; 
	height:209px; 
	right:0px;
	top: 0;
	background:url(images/foto.jpg) right center no-repeat;
}
.top_logo_small{
     position: absolute;
float: right;
margin-top: -85px;
text-align: right;
margin-left: 450px;
}
.bx-main-title2{
     color:#36C;
     font-size:13px;
}
#header_text
{
	position:absolute;
	margin-left:265px;
	top: 0;
        width:700px;
        padding-left:0px;
	padding-top:15px;
 
	color:#fff;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

#header_text .bx-main-title
{
	margin:0;
	padding:0;
	color:#3366CC;
	text-transform:uppercase;
	font-size:24px;
	border:none;
	text-decoration:none;
}

#header_text span.bx-main-subtitle
{
	font-size:80%;
}

/* Header menu: home, search, feedback*/
#header_menu
{

	position:absolute;
	right:20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#header_menu a:hover
{
background-color: #3366FF;
}
#header_sites
{
	position:absolute;
	right:55px;
	top: 60px;
	color:#fff;
	text-align:right;
}

#header_sites a, #header_sites span
{
	color:#fff;
	text-decoration:none;
}

#header_sites span
{
	color: #9dabc0;
}

#header_menu a
{
	display:block;
	float:left;
	cursor:pointer; cursor: hand;
	padding:8px 11px;
}

#navigation
{

}

/*Navigation*/
#navigation a
{
	font-size:95%;
	text-decoration:none;
	color:#535353;
}
.img-bord
{
	border:solid;
	border-width:3px;
	border-color: #999999;
	margin:0px;
	padding:0px;}
/*Content table*/
#content
{
	width:100%;
	height:70%;
	border-collapse:collapse;
}

/*Left column*/
#content .left-column
{
	width:300px;
	vertical-align:top;
	height:100%;
}

/*Main column*/
#content .main-column
{
	vertical-align:top;
	padding:0 23px 10px 23px;
	max-width: 1300px;
}
#content .main-column p
{
	text-align:justify;
}

/*Right column*/
#content .right-column
{
	width:1px;
	vertical-align:top;

}

/*Bottom banner*/
#bottom_banner
{
	padding:5px;
	text-align:center;
}

/*Footer*/
#footer
{
	background: #eeeeee;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	height:70px;
	padding:10px 15px;
	color:#666666;
	
}

/*Link in footer*/
#footer a
{
	color: #666666;
	font-size: 12px;
	text-decoration:none;
}
.left-f
{
float:left;
width:40%;
}
.right-f
{
float:right;
width:40%;
text-align:right;
}
/*Data table*/
table.data-table
{
	border:1px solid #99BAD7;
	border-collapse:collapse;
}

/*Any cell*/
table.data-table td
{
	border:1px solid #99BAD7;
	background-color:#FFFFFF;
	color:#333;
	padding:3px 5px;
}

/*Head cell*/
table.data-table thead td, table.data-table th
{
	background-color:#F1F5FA;
	text-align:left;
	font-weight:normal;
	background-image:none;
	border:1px solid #99BAD7;
	padding:4px;
	color:#333;
}

/*Body cell*/
table.data-table tbody td
{
	background-color:#FFF;
	background-image:none;
	color:#333;
}

/*Foot cell*/
table.data-table tfoot td
{
	background-color:#F1F5FA;
	padding:4px;
	color:#333;
}

/*Error & OK messages*/
.errortext
{
	color:red;
}

.notetext
{
	color:green;
}

/* Used to draw a "star" near reqired field */
.starrequired
{
	color:red;
}

/* social network*/
div#sonet_events_ms_message {width:150px;}

.crop
{
	width:150px; 
	height:150px;
	overflow: hidden;
	position: relative; 
	border:solid; 
	border-width:3px; 
	border-color:#999999;
}
.crop2
{
	width:100px; 
	height:75px;
	overflow: hidden;
	position: relative; 
	border:solid; 
	border-width:3px; 
	border-color:#999999;
}
.crop2 img
{
	position:absolute;
    left:-30px;
}
.crop3
{
	width:300px; 
	height:300px;
	overflow: hidden;
	position: relative; 
	border:solid; 
	border-width:3px; 
	border-color:#999999;
	float:left;
	margin:0 10px 10px 0px;
}
.news-head
{
	text-transform:uppercase;
	color:#FFF;
	font-size:14px;
	width:300px;
	padding:5px;
	background-color:#a8a8a8;
}
.news-head a
{
	color:#FFF;
	text-decoration:none;

}
.news-head a:hover
{
	color:#FFF;
	text-decoration: underline;

}
.news-head a:visited
{
	color:#FFF;

}
/*---------cat-------------*/
#tab-cat {}

#tab-cat td.big-cat {
	background:#F9DBC2;
	}
#tab-cat td.big-cat a{
	text-decoration:none;
	}
#tab-cat  td:hover.big-cat{
	background:#cccccc;
	}
	
#tab-cat td.big-cat2 {
	background:#e7e7e7;
	width:16%;
	}
#tab-cat td.big-cat2 a{
	text-decoration:none;
	}
#tab-cat  td:hover.big-cat2{
	background:#cccccc;
	}
p.heig {
margin:5px 0px;
padding:0;
}
.kontakt {margin-top:2em; list-style:none;}
.kontakt dt {float: left; margin-right: 7%;}
.kontakt dt {
display: -moz-inline-box;
display: inline-block;
//display: inline;
vertical-align: top;
}
/* tabs */
table.tyingaround {
	border: medium none;
}
div.catalog-section table td {
	padding:5px;
}

.tab {
    margin: 0;
    padding: 0;
}
.tab a {font-size: 11px;}
.tab a:hover {color: #000000;}
.tab table {
    height: 27px;
}
.tab table td {
    vertical-align: middle;
}
.left {
    background: url("images/corner/corner-white-left.gif") no-repeat scroll 0 0 transparent;
    height: 27px;
    width: 9px;
	float: left;
    overflow: hidden;
    text-align: left;
}
.center {
    background: url("images/corner/corner-white-bg.gif") repeat-x scroll 0 0 transparent;
    line-height: 12px;
    padding: 1px 2px;
    text-align: center;
    vertical-align: middle;
}
.right {
    background: url("images/corner/corner-white-bord-thirteen.gif") no-repeat scroll 0 0 transparent;
    height: 27px;
    width: 13px;
	float: right;
    overflow: hidden;
    text-align: left;
}
.orange_center .center {
    background: none repeat scroll 0 0 #FF9900;
    line-height: 12px;
    padding: 1px 2px;
    text-align: center;
    vertical-align: middle;
}
.orange_center .right {
    background: url("images/corner/corner-orange-right-shadow-bord.gif") no-repeat scroll 0 0 transparent;
    height: 27px;
    width: 13px;
}
.orange_center .left {
    background: url("images/corner/corner-orange-left-bord.gif") no-repeat scroll 0 0 transparent;
    height: 27px;
    width: 9px;
}
.orange_right .center {
    background: none repeat scroll 0 0 #FF9900;
    line-height: 12px;
    padding: 1px 2px;
    text-align: center;
    vertical-align: middle;
}
.orange_right .left {
    background: url("images/corner/corner-orange-left-bord.gif") no-repeat scroll 0 0 transparent;
    height: 27px;
    width: 9px;
}
.orange_right .right {
    background: url("images/corner/corner-orange-right-shadow.gif") no-repeat scroll 0 0 transparent;
    height: 27px;
    width: 13px;
}
.white_right .center {
    background: url("images/corner/corner-white-bg.gif") repeat-x scroll 0 0 transparent;
    line-height: 12px;
    padding: 1px 2px;
    text-align: center;
    vertical-align: middle;
}
.white_right .right {
    background: url("images/corner/corner-white-right.gif") no-repeat scroll 0 0 transparent;
    height: 27px;
    width: 13px;
}

#wrap{
	float: right;
}
.line {
	background: none repeat scroll 0 0 #F78A49;
	float: left;
	overflow: auto;
	height: 2px !important;
	margin: 0 0 15px;
	width: 100%;
}
#lineTabs{
	list-style:none;
	margin:0px auto;
	padding:0px;
	padding-right:30px;
	padding-left:10px;
}
#lineTabs li{
	display:block;
	float:right;
	margin:0px;
	padding:0px;
	position:relative;
	overflow:visible;
	text-align:center;
	width:110px !important;
	
}
#lineTabs li a{
	background:url("images/tab.png") no-repeat scroll 0 0 transparent;
	color:#dbdbdb;
	display:block;
	font:normal 12px arial;
	margin:0px -10px;
	padding:7px 20px;
	position:relative;
	text-decoration:none;
	height: 16px;
	*height: 30px;
	overflow: hidden;
	*width:130px
}
#lineTabs li a.active{
	background:url("images/tab_act.png") no-repeat scroll 0 0 transparent;
	color:white;
	z-index:50;
}
#lineTabs li a:hover{
	background:url("images/tab_act.png") no-repeat scroll 0 0 transparent;
	color:white;
	z-index:30;
}
/* end of tabs */

/* house scheme */
#house-wrap {
	height: auto;
    min-width: 678px;

    overflow-x: auto;
    overflow-y: hidden;
	position: relative;
	margin: 15px 0;
}
table.house {border-collapse: separate;display: inline;margin: 0;padding: 0;vertical-align: bottom;}
table.house td div {
    height: 12px;
    margin: 0 auto 3px;
    overflow: hidden;
}
.house td {
	border: 1px solid #DFDEE2;
    cursor: pointer;
    font-size: 11px !important;
    margin: 0;
    padding: 0 !important;
    text-align: center;
}
.du_top_banner{
position:relative;
display:block;
max-width: 1300px;
margin: auto;

}



@media screen and (max-width: 2000px) {
 .du_text{
  position: absolute;
  top: 50px;
  right: 10px;
  *right: 30px;
  font-size: 1.8em;
  color: white;
  width: 470px;
text-shadow: 2px 2px 2px black;
 }
.du_top_banner img{
 width:100%;
border:0;
}
.du_top_banner a{height: 660px !important;}
}


@media screen and (max-width: 1780px) {
 .du_text{
  position: absolute;
  top: 50px;
  right: 10px;
  *right: 30px;
  font-size: 1.7em;
  color: white;
  width: 460px;
text-shadow: 2px 2px 2px black;
 }
.du_top_banner img{
 width:100%;
border:0;
}
.du_top_banner a{height: 590px !important;}
}


@media screen and (max-width: 1660px) {
 .du_text{
    position: absolute;
    top: 50px;
    right: 10px;
    *right: 30px;
    font-size: 1.6em;
    color: white;
    width: 390px;
text-shadow: 2px 2px 2px black;
 }
.du_top_banner img{
width:931px;
border:0;
}
.du_top_banner a{height: 500px !important;}
}


@media screen and (max-width: 1500px) {
 .du_text{
    position: absolute;
    top: 35px;
    right: 10px;
    *right: 35px; 
    font-size: 1.4em;
    color: white;
    width: 320px;
text-shadow: 2px 2px 2px black;
 }
.du_top_banner img{
width:650px;
border:0;
}
.du_top_banner a{height: 410px !important;}
}

@media screen and (max-width: 1281px) {
 .du_text{
    position: absolute;
    top: 35px;
    right: 10px;
    *right: 30px; 
    font-size: 1.3em;
    color: white;
    width: 290px;
text-shadow: 2px 2px 2px black;
 }
.du_top_banner img{
width:610px;
border:0;
}
.du_top_banner a{height: 320px !important;}
}

@media screen and (max-width: 1025px) {
 .du_text{
    position: absolute;
    top: 50px;
    right: 10px;
    *right: 23px;
    font-size: 1.3em;
    color: white;
    width: 290px;
text-shadow: 2px 2px 2px black;
 }
.du_top_banner img{
width:344px;
border:0;
}
.du_top_banner a{height: 280px !important;}
}




@media screen and (max-width: 1440px) {
.du_top_banner a{height: 410px !important;}
#header_text .bx-main-title {font-size: 22px; margin-top: 8px;}
.top_logo_small {margin-left: 390px; margin-top: -80px; text-align: center;}
.top_logo_small img{width: 70px !important;}
}

@media screen and (max-width: 1360px) {
#header_text .bx-main-title {font-size: 20px; margin-top: 8px;}
.top_logo_small {margin-left: 350px; margin-top: -75px; text-align: center;}
.top_logo_small img{width: 60px !important;}
#dokon2bann{width: 400px !important;}
}

@media screen and (max-width: 1310px) {
#header_text .bx-main-title {font-size: 17px; line-height: 22px; margin-top: 10px;}
.top_logo_small {margin-left: 300px; margin-top: -65px; text-align: center;}
.top_logo_small img{width: 50px !important;}
#dokon2bann{width: 400px !important;}
}

@media screen and (max-width: 1280px) {
#header_text .bx-main-title {font-size: 15px; line-height: 22px; margin-top: 10px;}
.top_logo_small {margin-left: 270px; margin-top: -65px; text-align: center;}
.top_logo_small img{width: 50px !important;}
#dokon2bann{width: 400px !important;}
}


#scheme{
	max-width: 1300px;
    width: 100%
}


/* end of house scheme */


#dokon2bann {
    left: -15px;
    position: absolute;
    top: 120px;
}