﻿

























/* привет :-) */




































































































































































































body {background:#898076 url("../img/bg.gif"); font:0.8em/160% arial,tahoma,sans-serif; color:#000; margin:0; padding:0; _text-align:center; min-height:1px}

a {color:#666; text-decoration:underline}
a:hover {color:#EC1C24}

p {margin:10px 0}

address {font-style:normal}

blockquote {font-style:italic}
blockquote a {color:#666;}

fieldset {border:1px solid #eee; margin-bottom:15px; _margin-top:0; padding:20px}
legend {font-weight:bold; color:#EC1C24; font-size:120%}
form {margin:0}

h2 {font:normal 190%/120% georgia,serif; margin:15px 0 10px 0; color:#706d6d}
h3 {clear:both; font-size:120%; margin:15px 0 10px 0; color:#4A4037}
h4 a {clear:both; font-size:120%; margin:15px 0 10px 0; color:#666}

.white h2 {font:normal 190%/120% georgia,serif; margin:15px 0 10px 0; color:#ffffff}
.green h2 {font:normal 190%/120% georgia,serif; margin:15px 0 10px 0; color:#865613}
.brown h2 {font:normal 190%/120% georgia,serif; margin:15px 0 10px 0; color:#865613}
.black h2 {font:normal 190%/120% georgia,serif; margin:15px 0 10px 0; color:#222222}

hr {height:1px; color:#ddd; background-color:#ddd; border: 0px solid #ddd}

#topmenu {padding:0 20px 5px 20px; background:#fff; _height:1px}

.topmenu-block {_height:1px; min-height:1px}
.topmenu-block:after {content:"."; display:block; line-height:0; font-size:0; visibility:hidden; clear:both}


#main {width:750px; margin:35px auto; _text-align:left}

#bg-header {background:#fff url("../img/bg-header.gif") 0 0 no-repeat; padding:25px; position:relative}

#logo {margin:0; padding:0; position:relative; width:163px; height:53px; overflow:hidden; font-size:150%; z-index:1}
#logo span {display:block; margin:0; padding:0; position:absolute; left:0; top:0; z-index:1; width:163px; height:53px; background:url("../img/logo.jpg") 0 0 no-repeat; cursor:hand}

#smallmenu { position:absolute; right:25px; top:30px; margin:0; font-size:75%; text-transform:uppercase; font-weight:bold}
#smallmenu #item { color:#999; text-decoration:underline; margin-left:10px}
#smallmenu a {text-decoration:underline}
#smallmenu #item:hover {text-decoration:none}


#vlevo {float:left; width:500px; margin-right:10px; _height:1% }
#vlevo #blok {width:460px; _width:500px; background:url("../img/bg-blok.gif") 0 0 repeat-y; padding:1px 20px; _margin-top:-9px}
#vlevo #blok-hlavicka {width:500px; height:6px; background:url("../img/bg-blok-top.gif") 0 0 no-repeat}
#vlevo #blok-paticka {clear:both; width:500px; height:6px; background:url("../img/bg-blok-bottom.gif") 0 0 no-repeat}
#vlevo #blok #perex {font:140%/150% georgia,serif; color:#777; border-left:3px solid #777; padding-left:10px}
#vlevo #blok #contacts {font:120%/110% georgia,serif; color:#777; border-left:3px solid #5b7c8b; padding-left:10px;}


#vpravo {float:left; width:200px}
#vpravo a:hover {color:#000}

.infopic img {margin-right:10px; margin-bottom:10px;border: 4px solid #FFFFFF;}

#imgcenter {text-align: center; padding-top:10px; padding-bottom:20px;}
#imgcenter img { border: 1px solid #5a707e; padding: 2px;}

#phones {
    color: #8A660F;
    font-size: 120%;
    margin: 0;

    text-align: right;
}



/* идеи */

	body#ideas h2 {
		color: #b7d433;
	}
	
	body#ideas #ideas h3 a {
		color: #b7d433;
	}
	
	body#ideas #blok-hlavicka,
	body#ideas #blok,
	body#ideas #blok-paticka
	{
		background: none;
		width: 670px;
	}
	
	body#ideas #vlevo {
		margin-right: 0;
		width: 800px;
	}
	
	body#ideas .announce {
		color: #666;
		font-size: 90%;
	}
	body#ideas .ideas_back_link {
		color: #b7d433;

		font-size: 120%;
		text-align: center;
	}
	body#ideas .ideas_back_link a {
		color: #b7d433;
	}
	
	body#ideas .ideas_back_link.first {
    float: right;
    font-size: 99%;
    position: absolute;
    right: 357px;
    text-align: right;
    top: 214px;
	}
	
	body#ideas .ideas_back_link.first a {
	color: #223f66;
	}	

	.ideas_list img,
	.design_idea img {
		border: 1px solid #ccc;
		padding: 3px;
	}

	.ideas_photo_list {
		text-align: center;
	}
	.ideas_photo_element {
		margin-bottom: 20px;
	}
	.ideas_photo_element p {
		margin: 0;
		padding: 0;
		color: #cccccc;
		font-style: italic;
		font-size: 100%;
	}







/* новости */

#news h3 {
    clear: none;
}
#news .awesome {
    float: left;
    margin-right: 20px;
    margin-top: 8px;
}


/* кнопки */

.awesome, .awesome:visited {
	background: #222 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	
}

	.awesome:hover							{ background-color: #111; color: #fff; }

	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }

	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }

	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }

	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }

	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }

	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }



/* горизонтальное меню */

#menu {margin:0; margin-bottom:2px; padding:0; list-style:none; _height:1px; line-height:120%}
#menu li {margin:0; padding:0; display:inline}
#menu li a {display:block; float:left; width:78px; _width:78px; height:31px; _height:36px; padding:5px 10px 0 10px; margin-right:3px; background:#f5f0e1 url("../img/menu.gif") 0 0 no-repeat; color:#7A5C52; font-size:95%;  text-decoration:none}
#menu li a#menu-active {background:#ece5d0 url("../img/menu.gif") -210px 0 no-repeat; color:#fff}

#menu li.design_ideas a {background:#111 url("../img/menu-ideas.gif") 0px 0 no-repeat; color:#fff}

#menu li#menu-posledni a {margin-right:0}
#menu li a:hover {background:#b7d433 url("../img/menu.gif") -110px 0 no-repeat}




/* главные фото */

#mainimage-01, #mainimage-02, #mainimage-03, #mainimage-04, #mainimage-05, #mainimage-06, #mainimage-07, #mainimage-08, #mainimage-09, #mainimage-10, #mainimage-11 {margin:0; margin-bottom:10px; padding:0; width:710px; height:150px; background:url("../img/mainimg_01.jpg") 0 0 no-repeat}
#mainimage-02 {background:url("../img/mainimg_02.jpg") 0 0 no-repeat}
#mainimage-03 {background:url("../img/mainimg_03.jpg") 0 0 no-repeat}
#mainimage-04 {background:url("../img/mainimg_04.jpg") 0 0 no-repeat}
#mainimage-05 {background:url("../img/mainimg_05.jpg") 0 0 no-repeat}
#mainimage-06 {background:url("../img/mainimg_06.jpg") 0 0 no-repeat}
#mainimage-07 {background:url("../img/mainimg_07.jpg") 0 0 no-repeat}
#mainimage-08 {background:url("../img/mainimg_08.jpg") 0 0 no-repeat}
#mainimage-09 {background:url("../img/mainimg_09.jpg") 0 0 no-repeat}
#mainimage-10 {background:url("../img/mainimg_10.jpg") 0 0 no-repeat}
#mainimage-11 {background:url("../img/mainimg_11.jpg") 0 0 no-repeat}







/* вертикальное меню */

#dopmenu {margin:0; padding:0; position:relative; width:200px; height:10px; overflow:hidden; font-size:150%; z-index:1; color:#111111 }
#dopmenu span {display:block; margin:0; padding:0; position:absolute; left:0; top:0; z-index:1; width:200px; height:50px; background:url("../img/dopmenu-top.gif") 0 0 no-repeat}
#dopmenu p {margin:0px 0}
.dopmenu {background:#9dc3e2 url("../img/dopmenu-bg.gif") 0 0 repeat-y; color:#ffffff}
.dopmenu p {margin:0px 0; padding-left:10px; padding-right:10px; padding-top:15px;}
.dopmenu-bottom {background:url("../img/dopmenu-bottom.gif") 0 0 no-repeat; width:200px; height:10px; margin-bottom:10px}

.dopmenu {background:#f1fbd0 url("../img/dopmenu-bg.gif") 0 0 repeat-y; color:#111111}
.dopmenu ul {margin:0; padding:0; list-style:none}
.dopmenu ul li {margin:0 20px; _height:1px}
.dopmenu ul ul li {margin:0 0px; _height:1px}
.dopmenu ul li a {color:#111111; display:block; padding:2px 5px}
.dopmenu ul li a:hover {color:#000; text-decoration:none; }
.dopmenu ul li a#active { font-weight:bold; color:#000000; border-bottom:0}
.dopmenu ul li#posledni a {border-bottom:0}

#active { font-weight:bold; color:#000000; border-bottom:0; padding:2px 5px}

.dopmenu ul ul ul { margin-top:10px; margin-bottom:10px; padding-top:10px; padding-bottom:20px; border: 1px dotted #645a32;}
.dopmenu li li li { margin:0; padding:5px; }



/* блок контактов */

#hx-contacts {margin:0; padding:0; position:relative; width:200px; height:10px; overflow:hidden; font-size:150%; z-index:1; color:#456105 }
#hx-contacts span {display:block; margin:0; padding:0; position:absolute; left:0; top:0; z-index:1; width:200px; height:50px; background:url("../img/contacts-top.gif") 0 0 no-repeat}
.contactsend {background:#5b7c8b url("../img/contacts-bg.gif") 0 0 repeat-y; color:#ffffff}
.contactsend p {margin:0px 0; padding-left:10px; padding-right:10px; padding-top:15px;}
.contacts-bottom {background:url("../img/contacts-bottom.gif") 0 0 no-repeat; width:200px; height:10px; margin-bottom:10px}
.contactsend a { color:#ffffff; }



/* полезная информация */

#info {margin:0; padding:0; position:relative; width:200px; height:10px; overflow:hidden; font-size:150%; z-index:1; color:#111111 }
#info span {display:block; margin:0; padding:0; position:absolute; left:0; top:0; z-index:1; width:200px; height:50px; background:url("../img/info-top.gif") 0 0 no-repeat}
.info {background:#9dc3e2 url("../img/info-bg.gif") 0 0 repeat-y; color:#ffffff}
.info p {margin:0px 0; padding-left:10px; padding-right:10px; padding-top:15px;}
.info p.adv { margin: 0; padding: 0 0 0 10px; color: #5B7C8B; }



.info-bottom {background:url("../img/info-bottom.gif") 0 0 no-repeat; width:200px; height:10px; margin-bottom:10px}
.info ul {margin:0; padding:0; list-style:none}
.info ul li {margin:0 20px; _height:1px}


/* полезная информация по витражам Тиффани */

#vitragi {margin:0; padding:0; position:relative; width:200px; height:10px; overflow:hidden; font-size:150%; z-index:1; color:#111111 }
#vitragi span {display:block; margin:0; padding:0; position:absolute; left:0; top:0; z-index:1; width:200px; height:50px; background:url("../img/vitragi-top.gif") 0 0 no-repeat}
.vitragi {background:#9dc3e2 url("../img/vitragi-bg.gif") 0 0 repeat-y; color:#ffffff}
.vitragi a { color:#111111 }
.vitragi p {margin:0px 0; padding-left:10px; padding-right:10px; padding-top:15px;}
.vitragi-bottom {background:url("../img/vitragi-bottom.gif") 0 0 no-repeat; width:200px; height:10px; margin-bottom:10px}
.vitragi ul {margin:0; padding:0; list-style:none}
.vitragi ul li {margin:0 20px; _height:1px}



/* фото блоки */

#hx-fotografie {margin:0; padding:0; position:relative; width:460px; height:50px; overflow:hidden; font-size:130%; z-index:1}
#hx-fotografie span {display:block; margin:0; padding:0; position:absolute; left:0; top:0; z-index:1; width:460px; height:50px; background:url("../img/photo-box-top.gif") 0 0 no-repeat}
.photo-box {background:url("../img/photo-box-bg.gif") 0 0 repeat-y; padding:5px 20px; font-style:italic; font-size:90%}
.photo-box img { border:1px solid #ffffff; }
.photo-box-footer {width:460px; height:10px; background:url("../img/photo-box-footer.gif") 0 0 no-repeat; margin-bottom:15px}

#photo-box-2 {margin:0; padding:0; position:relative; width:460px; height:50px; overflow:hidden; font-size:130%; z-index:1}
#photo-box-2 span {display:block; margin:0; padding:0; position:absolute; left:0; top:0; z-index:1; width:460px; height:50px; background:url("../img/photo-box2-top.gif") 0 0 no-repeat}
.photo-box-2 {background:url("../img/photo-box2-bg.gif") 0 0 repeat-y; padding:5px 20px; font-style:italic; }
.photo-box-2 img { border:1px solid #ffffff; }
.photo-box-footer-2 {width:460px; height:10px; background:url("../img/photo-box2-footer.gif") 0 0 no-repeat; margin-bottom:15px}

#process {margin:0; padding:0; position:relative; width:460px; height:50px; overflow:hidden; font-size:130%; z-index:1}
#process span {display:block; margin:0; padding:0; position:absolute; left:0; top:0; z-index:1; width:460px; height:50px; background:url("../img/photo-box-top.gif") 0 0 no-repeat}






/* блок о компании на главной */

.main-header {width:710px; height:10px; background:#ede5d0 url("../img/main-header.gif") 0 0 no-repeat; _margin-bottom:-8px}
.main-body {background:#ede5d0 url("../img/main-body.gif") 0 0 repeat-y; padding:10px 20px; color:#645a32; _margin-bottom:-8px; _height:10%; min-height:1px}
.main-body img { float: right; }
.main-footer {width:710px; height:10px; background:#ede5d0 url("../img/main-footer.gif") 0 100% no-repeat; margin-bottom:10px}


/* блок шторы на главной */

.shtori-header {width:710px; height:10px; background:#ede5d0 url("../img/main-header.gif") 0 0 no-repeat; _margin-bottom:-8px}
.shtori-body {background:#ede5d0 url("../img/main-body.gif") 0 0 repeat-y; padding:10px 20px; color:#645a32; _margin-bottom:-8px; _height:10%; min-height:1px}
.shtori-body img { float: right; }
.shtori-footer {width:710px; height:10px; background:#ede5d0 url("../img/main-footer.gif") 0 100% no-repeat; margin-bottom:10px}





/* блок шкафы-купе на главной */

.kype-header {width:710px; height:10px; background:#f7e375 url("../img/tiffani-header.gif") 0 0 no-repeat; _margin-bottom:-8px}
.kype-body {background:#f7e375 url("../img/tiffani-body.gif") 0 0 repeat-y; padding:10px 20px; color:#111111; _margin-bottom:-8px; _height:10%; min-height:1px}
.kype-body a {color:#666666; }
.kype-body h2 { color:#666666; }
.kype-footer {width:710px; height:10px; background:#f7e375 url("../img/tiffani-footer.gif") 0 100% no-repeat; margin-bottom:10px}



/* блок Тиффани на главной */

.kuhni-header {width:710px; height:10px; background:#f7e375 url("../img/new-top.gif") 0 0 no-repeat; _margin-bottom:-8px}
.kuhni-body {background:#9dc2e2 url("../img/new-bg.gif") 0 0 repeat-y; padding:10px 20px; color:#ffffff; _margin-bottom:-8px; _height:10%; min-height:1px}
.kuhni-body a {color:#ffffff; }
.kuhni-body h2 { color:#ffffff; }
.kuhni-footer {width:710px; height:10px; background:#f7e375 url("../img/new-bottom.gif") 0 100% no-repeat; margin-bottom:10px}


/* блок Тиффани на главной */

.tiffani-header {width:710px; height:10px; background:#f7e375 url("../img/tiffani-header.gif") 0 0 no-repeat; _margin-bottom:-8px}
.tiffani-body {background:#f7e375 url("../img/tiffani-body.gif") 0 0 repeat-y; padding:10px 20px; color:#645a32; _margin-bottom:-8px; _height:10%; min-height:1px}
.tiffani-body h2 { color:#333333; }
.tiffani-footer {width:710px; height:10px; background:#f7e375 url("../img/tiffani-footer.gif") 0 100% no-repeat; margin-bottom:10px}

/* блок 2 Тиффани на главной */

.new-header {width:710px; height:10px; background:#9dc2e2 url("../img/new-top.gif") 0 0 no-repeat; _margin-bottom:-8px}
.new-body {background:#9dc2e2 url("../img/new-bg.gif") 0 0 repeat-y; padding:10px 20px; color:#645a32; _margin-bottom:-8px; _height:10%; min-height:1px}
.new-body h2 { color:#ffffff; }
.new-body p { color:#ffffff; font-style:italic; }
.new-body p a { color:#ffffff; font-style:italic; }
.new-body p a:hover { color:#111111; }
.new-body img { float: right; }
.new-footer {width:710px; height:10px; background:#9dc3e2 url("../img/new-bottom.gif") 0 100% no-repeat; margin-bottom:10px}

/* блок  Блок партнеров */

.parners-header {width:710px; height:10px; background:#ede5d0 url("../img/main-header.gif") 0 0 no-repeat; _margin-bottom:-8px; margin-top:10px}
.parners-body {background:#ede5d0 url("../img/main-body.gif") 0 0 repeat-y; padding:10px 20px; color:#645a32; _margin-bottom:-8px; _height:10%; min-height:1px}
.parners-body h2 { color:#645a32; }
.parners-body p { color:#645a32; font-style:italic; }
.parners-body p a { color:#ffffff; font-style:italic; }
.parners-body p a:hover { color:#111111; }
.parners-body img { float: right; }
.parners-footer {width:710px; height:10px; background:#ede5d0 url("../img/main-footer.gif") 0 100% no-repeat; margin-bottom:10px}

/* блок продуктов и контактов на главной */

#box-top {width:710px; height:7px; background:url("../img/box-top.gif") 0 0 no-repeat}
#box-bottom {width:710px; height:7px; background:url("../img/box-bottom.gif") bottom left no-repeat; clear:both}
#box-bg {width:710px; background:url("../img/box-bg.gif") 0 0 repeat-y}

#box-tip {float:left; width:460px; _width:500px; padding:10px 20px; margin-right:10px; color:#ffffff}
#box-tip a {color:#222222}
#box-tip a.vice {background:url("../img/tab02-vice.gif") 100% 90% no-repeat; padding-right:20px}
#box-tip a:hover {color:#ffffff}
#box-tip ul {margin:0; padding:0; list-style:none}







#box {float:left; padding:10px 20px; width:160px; _width:200px; color:#ffffff}
#box a {color:#ffffff}
#box a:hover {color:#111111}











/* страница контактов */

#page-contacts h2 {font:normal 190%/120% georgia,serif; margin:15px 0 10px 0; color:#5b7c8b}
#page-contacts img { border:0;  }




/* Футер */


g.fix {float:none; clear:both; width:0; height:0; margin:0; padding:0; border:0; line-height:0; font-size:0;}

#footer {clear:both; width:750px; height:80px; background:#4A4037 url("../img/bg-footer.gif") 0 0 no-repeat; position:relative; _margin-bottom:35px}

#abhouse {position:absolute; top:25px; left:20px; font-size:80%; color:#fff}
#abhouse a {color:#fff; text-decoration:underline; }
#abhouse a:hover {color:#fff; text-decoration:none; }


#counter {position:absolute; top:35px; left:640px; font-size:80%; color:#fff}
#counter a {color:#fff; text-decoration:underline; }
#counter a:hover {color:#fff; text-decoration:none; }
#counter img { filter:alpha(opacity=30);  }







/* Разное */

.vpravo {float:right}
.vlevo {float:left}
.margin {margin:0}
.nomb {margin-bottom:0}
.noscreen {display:none}

