@charset "utf-8";


* { margin:0; padding:0; font-family: Arial, sans-serif; }
	
body { background-color: #170d06; }	


a { color: #FFF; text-decoration: underline; }
a:hover { color: #000;  }

.cleaner { clear:both; font-size: 1px; }
.cleaner-left { clear:left; font-size: 1px; }		
.cleaner-right { clear:right; font-size: 1px; }
#preloader { position: relative; width: 1px; height: 1px; display: none; }

#body{ width: 100%; background: url(../img/bg_body.jpg) repeat;}
#body_bg_top { width: 100%; min-height: 421px; _height: 421px; background: url(../img/bg_body_top.jpg) top repeat-x;  }
#body_bg_bottom { width: 100%; min-height: 851px; _height: 851px; background: url(../img/bg_body_bottom.jpg) bottom repeat-x; }

#page { margin-left: auto; margin-right: auto; width: 949px;  }
#page_bg_top { margin-left: -89px; margin-right: -89px; position: relative; background: url(../img/bg_page_bg_top.jpg) center top no-repeat;  }
#page_content { margin-left: auto; margin-right: auto; width: 949px; }

#top { position: relative; height: 121px;  }

#home { position: absolute; top: 50px; left: 20px; width: 190px; height: 55px; }

/* top */
#topmenu { position: absolute; top: 0px; left: 418px; width: 528px; height: 119px; }

#topmenu ul 					{ float: left; list-style-type:none; height: 119px; }
#topmenu ul li 					{ float: left; width: 88px; text-align: center; }
#topmenu ul li a 				{ display: block; height: 119px; line-height: 110px; font-size: 11px; color: #fff; text-decoration: none; text-transform: uppercase; }
#topmenu ul li a:hover 			{ background:url(../img/bg_topmenu_li.jpg) top no-repeat;  }

#topmenu ul li.double 			{ display: block; /*padding: 42px 0 0 0; _padding: 52px 0 0 0;*/ width: 88px; text-align: center;  }
#topmenu ul li.double a 		{ display: block; padding-top: 42px; line-height: 15px;  }
#topmenu ul li.double a:hover 	{ display: block; background:url(../img/bg_topmenu_li.jpg) 0 0 no-repeat;  }

#topmenu ul li.active 			{ display: block; width: 88px; line-height: 15px; background:url(../img/bg_topmenu_li.jpg) 0 0 no-repeat; }
#topmenu ul li.active a 		{ height: 119px; line-height: 110px; font-size: 11px; color: #fff; text-decoration: none; } 

#topmenu ul li.double-active 	{ display: block; width: 88px; line-height: 15px; background:url(../img/bg_topmenu_li.jpg) 0 0 no-repeat; }
#topmenu ul li.double-active a 	{ display: block; padding-top: 42px; line-height: 15px; color: #fff; text-decoration: none; } 

/* middle */

#middle { position: relative; padding-top: 18px }
#middle-interier { position: relative; }

#title { position: absolute; top: 0; right: 0; width: 306px; height: 35px;  }

#navigator { padding: 0px 0 0 20px; height: 17px; font-size: 11px; color: #fff; }
#navigator a { font-size: 11px; color: #fff; text-decoration: none;  }

.title { position: relative; width: 558; height: 77px; }
.img { padding: 0;  }
.subtitle { position: relative; width: 558; height: 77px; }
.subtitle2 { position: relative; width: 949; height: 77px; } 
.subtitle3 { position: relative; width: 949; height: 48px; } 
.subtitle4 { position: relative; width: 949; height: 54px; }

.subtitle-odkaz { position: absolute; top: 0; left: 0; width:558px; height: 77px; }
.subtitle-odkaz2 { position: absolute; top: 0; left: 0; width:949px; height: 77px; }
.subtitle-odkaz3 { position: absolute; top: 0; left: 0px; width:949px; height: 48px; }
.subtitle-odkaz4 { position: absolute; top: 0; left: 902px; width:47px; height: 54px; }

#title-kuchyne { background:url(../img/title-kuchyne.jpg) no-repeat; }
#title-ceske-kuchyne { background:url(../img/title-ceske-kuchyne.jpg) no-repeat; }
#title-nemecke-kuchyne { background:url(../img/title-nemecke-kuchyne.jpg) no-repeat; }

#title-interiery {  background: url(../img/title-interiery.jpg) no-repeat; }
#title-interiery-big {  background: url(../img/title-interiery-big.jpg) no-repeat; }
#title-kuchynske-studio-big {  background: url(../img/title-kuchynske-studio-big.jpg) no-repeat; }
#title-provadime-dodavame-big {  background: url(../img/title-provadime-dodavame-big.jpg) no-repeat; }
#title-kontakt-big {  background: url(../img/title-kontakt-big.jpg) no-repeat; }
#title-architektonicke-navrhy { clear: right; background: url(../img/title-architektonicke-navrhy.jpg) no-repeat; }
#title-reference-big {  background: url(../img/title-reference-big.jpg) no-repeat; }

#index-fotogalerie { float: right; margin-top: 17px;  position: relative; width: 386; height: 344px; }
#arrows { position: absolute; top: 129px; right: 0; width: 41px; height: 72px; z-index: 500 }

#content { position: relative; background-color: #492712; min-height: 203px; _height: 203px; }
#content h1 { padding: 59px 0 0  9px; color: #fff; font-size: 16px;  }
#content h2 { padding: 59px 0 0 9px; color: #fff; font-size: 14px;  }
#content p { padding: 17px 0 0 9px; width: 720px; color: #fff; font-size: 12px; line-height: 16px; }

#content ol { padding: 15px 0 0 45px; }
#content ol li { height: 18px; line-height: 18px; font-size: 12px; color: #FFFFFF }

#content ol li a, ol.ol li a:visited { color: #FFFFFF; text-decoration: underline}
#content ol li a:hover { color: red; }


#content ul { padding: 15px 0 0 40px; }
#content ul li { height: 18px; line-height: 18px; font-size: 12px; color: #FFFFFF } 

#dotace { position: absolute; right: 8px; top: 38px; width: 155px; height: 155px; background: url(../img/img-dotace.jpg) no-repeat; }

#index-divider { margin-top: 29px; height: 2px; background: url(../img/index-divider.jpg) no-repeat; }


/* interiery */

#content-interiery { position: relative; margin: 0; padding: 0; min-height: 575px; _height: 575px; background: url(../img/bg_content-interiery.jpg) repeat-y;  }

#interiery-left {float: left; width: 546px; position: relative; }
#interiery-left2 { padding: 6px 0 0 5px; }
#interiery-right { padding-left: 546px;  }
#interiery-right2 { padding: 6px 0 0 6px; width: 389px;   }

#int_left_column { position: absolute; top: 6px; left: 5px; width: 265px;  }
#int_right_column { position: absolute; top: 6px; left: 271px; width: 265px; }
.int_column { width: 265px; background: url(../img/bg_int-column.jpg) top no-repeat; }

#content-interiery h2 { padding: 14px 0 0 14px; font-size: 20px; color: #492712;  }

/*#content-interiery ul { padding: 62px 0 0 22px; list-style-type: none; width: 215px;  }
#content-interiery ul li {  margin: 0 0 1px 0; background-color:#009999 }
#content-interiery ul li a { display: block; padding: 5px 0 5px 5px; height: auto; line-height: 16px; font-size: 14px; color: #FFFFFF; font-weight: bold; text-decoration: none; }
#content-interiery ul li a:hover { display: block; background: url(../img/bg_li_interiery.jpg) center repeat-x; color: #492712;  text-decoration: underline; }
*/

#content-interiery ul { padding: 62px 0 0 22px; list-style-type: none; width: 215px;  }
#content-interiery ul li { margin: 0 0 1px 0; _height: 30px;  }
#content-interiery ul li a { display: block; padding-left: 5px; _height: 30px; line-height: 30px; font-size: 14px; color: #FFFFFF; font-weight: bold; text-decoration: none; }
#content-interiery ul li a:hover { display: block; background: url(../img/bg_li_interiery.jpg) center repeat-x; color: #492712;  text-decoration: underline; }

	#content-interiery ul li.active { background: url(../img/bg_li_interiery.jpg) center repeat-x; color: #492712  }
	#content-interiery ul li.active a { color: #492712;  }



#int-fotogalerie-container { width: 391px; height: 41px; background-color:#442310; }

#int-fotogalerie-main {position: relative; margin-left: auto; margin-right: auto; width: 389px; height: 282px; border: #694937 1px solid; text-align: center; }
#foto-koment { padding: 2px 0 5px 0;  font-size: 11px; color: #FFFFCC; text-align: center }

/*
#int-fotogalerie-sub {margin-left: auto; margin-right: auto;  margin-top: 5px; width: 389px; height: 94px; }
#int-fotogalerie-sub img { border: #694a36 1px solid; margin: 0 1px 0 0; }
#int-fotogalerie-sub a img, #int-fotogalerie-sub a:hover img { display: inline;  border: #694a36 1px solid; padding: 0; margin: 0 1px 0 0; }

	/*scrollbar */
/*#int-fotogalerie-scrollbar { position:relative;  margin-left: auto; margin-right: auto;  margin-top: 5px; width: 389px; height: 18px; background-color: #b58f60;  }
.scroll-left { position: absolute; top: 0; left: 0; width: 14px; height: 18px;  }
.scroll-right { position: absolute; top: 0; left: 375px; width: 14px; height: 18px; }

#scrollbar-track { position: absolute; top: 2px; left: 16px; width: 357px; heigt: auto;  }
#dragbar { position: absolute; top: 0px; left: 0; width: 357px; height: 14px; background-color: #2f190c  }
*/

#int-fotogalerie-sub { position: relative; margin-left: auto; margin-right: auto;  margin-top: 5px; width: 389px; height: 94px; /*background-image: url('../img/img-int-sub.jpg');*/ overflow: hidden;}
#int-fotogalerie-sub #frame { position: absolute; left: 0px; top: 0; height: 94px; }
#int-fotogalerie-sub #frame img { cursor: pointer; }

#int-fotogalerie-posuv { position: relative; margin-left: auto; margin-right: auto;  margin-top: 5px; width: 389px; height: 18px;  }
#int-fotogalerie-posuv * { position: absolute; }
#int-fotogalerie-posuv #scroll_left { left: 0; top: 3px; cursor: pointer; }
#int-fotogalerie-posuv #scroll_right { left: 380px; top: 3px; cursor: pointer; }
#int-fotogalerie-posuv #scroll_control { left: 14px; width: 358px; height: 18px; background: url('../img/scroll_control.gif') repeat-x; }
#int-fotogalerie-posuv #scroll_slider  { top: 3px; left: 0px; width: 60px; height: 13px; background: url('../img/scroll_slider.gif') repeat-x; }
#int-fotogalerie-posuv #scroll_slider:hover  { cursor: pointer; }
/*reference */

#content-reference { padding-bottom: 10px;  width: 949px; background-color: #492712;  }
#content-reference p.motto { padding: 20px 18px 20px 18px; font-size: 18px; font-weight: bold; color: #fff; text-align: justify; }
#content-reference h3 { padding: 0 0 10px 18px; font-size: 18px; font-weight: bold; color: #d9c091; }

.reference-box { margin-top: 14px; width: 949px; background: url(../img/bg_reference-box.jpg) repeat-y; }
.reference-box-top { background: url(../img/bg_reference-box-top.jpg) top no-repeat; }
.reference-box-bottom { background: url(../img/bg_reference-box-bottom.jpg) bottom no-repeat;  }
.reference-box-content { margin-left: auto; margin-right: auto; width: 910px; padding: 8px 0 8px 0; }

.reference-box-content h4 { padding: 0; font-size: 14px; color: #d9c091; text-transform: capitalize; }
.reference-box-content h5 { float: right; padding: 4px 0 0 0; font-size: 12px; color: #d9c091; font-style: italic; text-transform: capitalize; }
.reference-box-content h6 { padding: 15px 0 0px 0; font-size: 12px; color: #fff; font-style: italic; }
.reference-box-content span { font-size: 10px; color: #fff; font-style: italic;  }

.reference-box-content p {  padding: 10px 0 0px 0; font-size: 12px; color: #fff; text-align: justify;  }	

/* fotogalerie */ 

#content-fotogalerie { position: relative; margin: 0; padding: 0; min-height: 575px; _height: 575px; background: url(../img/bg_content-fotogalerie.jpg) repeat-y; }

#fotogalerie-left {float: left; width: 228px;  }
#fotogalerie-left2 { padding: 6px 0 0 5px; }

#fotogalerie-middle { padding: 0 0 0 228px;  }
#fotogalerie-middle2 { float: left; width: 318px; }

#fotogalerie-right { padding-left: 318px; }
#fotogalerie-right2 { padding: 6px 0 0 6px; width: 389px;   }

#fotogalerie-left ul { padding: 0 0 0 0; list-style-type: none; width: 220px; }
#fotogalerie-left ul li { display: block; padding: 1px 0 0px 0; margin: 0;  width: 220px; background: url(../img/bg_fotogalerie_li.jpg) no-repeat;  }
#fotogalerie-left ul li a { display: block; padding: 0 0 0 15px; height: 36px; line-height: 36px;  font-size: 12px; color: #fff; text-decoration: none; }
#fotogalerie-left ul li a:hover { display: block; text-decoration: none; background: url(../img/bg_fotogalerie_li-over.jpg) no-repeat; }

#fotogalerie-left ul li.active a { display: block; padding: 0 0 0 15px; font-size: 12px; color: #fff; text-decoration: none; background: url(../img/bg_fotogalerie_li-over.jpg) no-repeat; }

#fotogalerie-middle2 h1 { padding: 16px 0 0 15px; font-size: 14px; color: #fff; font-weight: bold;  }
#fotogalerie-middle2 h2 { padding: 16px 0 0 15px; font-size: 14px; color: #fff; font-weight: bold;  }
#fotogalerie-middle2 h3 { padding: 0 0 0 15px; font-size: 14px; color: #fff; font-weight: bold;  }
#fotogalerie-middle2 p { padding: 5px 15px 0 15px; font-size: 12px; color: #ebc59f; line-height: 16px; }

#fotogalerie-middle2 p a { color: #ebc59f; }
#fotogalerie-middle2 p a:hover { color: #fff; }

/* kontakt */

#oteviraci-doba-header { margin-left: auto; margin-right: auto; margin-top: 19px; width: 187px; height: 42px; text-align: center; background-color: #26150a;  }
#oteviraci-doba-header h2 { padding-top: 11px; font-size: 16px; font-weight: bold;  color: #e4cc9b;  }

#oteviraci-doba-body { margin-left: auto; margin-right: auto; margin-top: 3px; width: 187px; min-height: 133px;  _height: 133px; text-align: center; background-color: #26150a; }
#oteviraci-doba-body h3 { padding-top: 11px; font-size: 16px; font-weight: bold; color: #fff; }
#oteviraci-doba-body p { padding: 10px 0 10px 0; font-size: 12px;  color: #fff; text-align: center;  }

table.kontakt { margin: 0 0 0 15px; padding: 10px 0 10px 0px;  font-size: 12px; color: #ebc59f; }


/* kuchynske studio */

#content2 { position: relative; background-color: #492712; min-height: 276px; _height: 276px; }
#content2 h1 { padding: 59px 0 0 9px; color: #fff; font-size: 16px;  }
#content2 h2 { padding: 15px 0 0 9px; color: #fff; font-size: 18px; font-weight: bold;  }
#content2 p { padding: 17px 0 0 9px; width: 720px; color: #fff; font-size: 12px; line-height: 16px; }

/* copyright */
#copyright { position: relative; padding-top: 20px; height: 34px; width: 949px; 
		font: normal 9px Arial, sans-serif; color: #aa7252 ;
	}
	
	#copyright a {
		font: normal 9px Arial, sans-serif; color: #aa7252 ; margin:0; padding: 0; 
	}

	#copy_right {
		position: absolute;
		top: 20px; right: 0;
		width: 450px;
		margin-right: 0px; 
		text-align: right;
		z-index: 500;
	}