@charset "utf-8";

/* cs copyright */
#container_footer
{
    			width: 200px;
    			font-size: 12px;
    			color: #fff;
				margin:45px auto 0 auto;
				position:absolute;
				top:0px;
				left:420px;
}
#container_footer_in
{
				text-align: center;	
}
#footer_ew
{
				text-align: center;
				font-family: Arial, Helvetica, sans-serif;
				display:inline;			
}

#footer_ewb
{
	
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-weight:bold;
				display:inline;	
				color: #989898;
				text-align: center;
}
#footer_ewb a
{
    			text-decoration: none;
				color:#fff;
}
#container_footer a:hover
{
    			text-decoration: underline;
				color:#fff;
}
#footer_copy
{

    			text-align: center;
				font-family: Arial, Helvetica, sans-serif;
    			font-size: 11px;
				color:#b1b1b1;
				font-weight:normal;
}
#footer_copy a 
{
				color:#ffc600;
   				text-decoration:none;
}
/* end cs copyright */

/* layout */
html {		height: 100%;
}
form
{           margin:0 0 0 0;
            padding:0 0 0 0;
            height: 100%;
}
#pageWrap 
{
    min-height: 100%;
	position: relative;
}
#wholePage
{            	min-height: 100%;
				position: relative;
				padding: 0;
				z-index: 20;
}

#header {		background-image:url(../images/header.jpg);
				background-position:0px top;
				background-repeat:no-repeat;
				width:1000px;
				height:300px;
				margin:0 auto 0 auto;				
				position:relative;
				z-index:100;
}

#logo 

{			width:237px;
			height:200px;
			position: absolute; top: 60px; left: 370px;
			display: block;
			z-index: 20;
}


#panelMainWrap {background-image:url(../images/panelmain-background.jpg);
				background-repeat:repeat-y;
				background-position:center top;
				margin:0px auto 0 auto;
				width:1000px;
				padding:0;
				min-height: 100%;
				position:relative;
				z-index:2;
}
#panelMain {
				background-image:url(../images/panelmain-header.jpg);
				background-repeat:no-repeat;
				padding:0;
				margin:0px auto 0 auto;
				position:relative;
				z-index:2;
}
#panelMainWrapper {
				background-image:url(../images/panelmain-footer.jpg);
				background-repeat:no-repeat;
				background-position:center bottom;
				margin:0 0 0 0;
				padding:100px 0 0px 0;
				min-height:800px;
				width:1000px;
				position:relative;
				z-index:2;
				bottom:92px;
}
#boxMain{		
				width:520px;
				float:left;
				margin:0px 0 0 0px;
				padding:0px 0px 50px 30px;
				position:relative;
				z-index:2;
}
#panelLeft{	
				width:159px;
				float:left;
				margin:0px 30px 0px 13px;
				padding:0px 0px 0px 0px;				
}
#panelRight{	
				width:196px;
				float:right;
				margin:0px 20px 0px 0px;
				padding:0px 0px 0px 0px;				
}
#footerWrap 
{
				bottom: 0;
				position: absolute;
				z-index: 1000;
				height: 92px;
				width: 100%;
}
#footer {		background-image:url(../images/footer.jpg);
				background-position:center top;
				background-repeat:no-repeat;
				margin: 0 auto 0 auto;
				width: 1000px;
				height: 92px;
				position:relative;
				z-index:1000;
}

#headerRight {
z-index: 1;
width:50%;
position: absolute;
top: 0px;
left: 50%;
background-color: transparent;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 499px top;
background-image:url(../images/header-right.jpg);
height:360px;
}
#headerLeft {
z-index: 1;
width:1276px;
position: absolute;
top: 0px;
right: 50%;
background-color: transparent;
background-repeat: no-repeat;
background-attachment: scroll;
background-position:0px top;
background-image:url(../images/header-left.jpg);
height:316px;
}

#patch1Right {
z-index: 1;
width:50%;
position: absolute;
top: 500px;
left: 50%;
background-color: transparent;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 510px top;
background-image:url(../images/patch1-right.jpg);
height:82px;
}
#patch1Left {
z-index: 1;
width:1276px;
position: absolute;
top: 500px;
right: 50%;
background-color: transparent;
background-repeat: no-repeat;
background-attachment: scroll;
background-position:175px top;
background-image:url(../images/patch1-left.jpg);
height:82px;
}

#kankyRight {
z-index: 1;
width:50%;
position: absolute;
bottom: 400px;
left: 50%;
background-color: transparent;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 350px bottom;
background-image:url(../images/kanky-right.png);
height:311px;
}
#kankyLeft {
z-index: 1;
width:979px;
position: absolute;
bottom: 300px;
right: 50%;
background-color: transparent;
background-repeat: no-repeat;
background-attachment: scroll;
background-position:170px bottom;
background-image:url(../images/kanky-left.png);
height:311px;
}

#footerRight {
z-index: 1;
width:50%;
position: absolute;
bottom: 0px;
left: 50%;
background-color: transparent;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 499px bottom;
background-image:url(../images/footer-right.jpg);
height:385px;
}
#footerLeft {
z-index: 1;
width:979px;
position: absolute;
bottom: 0px;
right: 50%;
background-color: transparent;
background-repeat: no-repeat;
background-attachment: scroll;
background-position:-298px bottom;
background-image:url(../images/footer-left.jpg);
height:198px;
}
/* end layout */


/* left menu*/
#menuLeft	{			
}
.menuMainLeft {
				list-style:none;
				position:relative;
				padding: 20px 0px 0 2px;
				width:100px;
}
.menuMainLeft li {
				list-style-image:none;
				margin:0 0 0 0;
				padding:0 0 0 0;
				width:195px;
}
.menuMainLeft li a {
				font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:14px;
				text-transform:uppercase;
				text-decoration: none;
				display:block;
				color:#000;
}
.menuMainLeft li a:hover {
}

/* buttons*/
.menuLeftItem0 a{
				background-image:url(../images/tl-uvod.jpg);
				background-repeat:no-repeat;
				height:42px;
				padding:14px 0 0 70px;
}
.menuLeftItem0 a:hover{
				background-image:url(../images/tl-uvod2.jpg);
				background-repeat:no-repeat;
}
.menuLeftItem1 a{
				background-image:url(../images/tl-produkty.jpg);
				background-repeat:no-repeat;
				height:39px;
				padding:10px 0 0 70px;
}
.menuLeftItem1 a:hover{
				background-image:url(../images/tl-produkty2.jpg);
				background-repeat:no-repeat;
}
.menuLeftItem2 a{
				background-image:url(../images/tl-objednavka.jpg);
				background-repeat:no-repeat;
				height:47px;
				padding:12px 0 0 70px;
}
.menuLeftItem2 a:hover{
				background-image:url(../images/tl-objednavka2.jpg);
				background-repeat:no-repeat;
}
.menuLeftItem3 a{
				background-image:url(../images/tl-galerie.jpg);
				background-repeat:no-repeat;
				height:44px;
				padding:7px 0 0 70px;
}
.menuLeftItem3 a:hover{
				background-image:url(../images/tl-galerie2.jpg);
				background-repeat:no-repeat;
}
.menuLeftItem4 a{
				background-image:url(../images/tl-cenik.jpg);
				background-repeat:no-repeat;
				height:46px;
				padding:8px 0 0 70px;
}
.menuLeftItem4 a:hover{
				background-image:url(../images/tl-cenik2.jpg);
				background-repeat:no-repeat;
}
.menuLeftItem5 a{
				background-image:url(../images/tl-kontakt.jpg);
				background-repeat:no-repeat;
				height:46px;
				padding:8px 0 0 70px;
}
.menuLeftItem5 a:hover{
				background-image:url(../images/tl-kontakt2.jpg);
				background-repeat:no-repeat;
}
/* end buttons */
/* end left menu*/


/* Right menu*/
#menuMainRight {
				list-style:none;
				position:relative;
				padding: 20px 12px 0 0;	
}
.menuMainRight li {
				list-style-image:none;
				list-style-type:none;
				margin:0 0 0 0;
				padding:0 0 0 0;
}
.menuMainRight li a {
				font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:14px;
				text-transform:uppercase;
				text-decoration: none;
				display:block;
				padding:50px 0 0 0;
				text-align:center;
				margin:0 auto 0 auto;
				color:#000;
}
.menuMainRight li a:hover {
}

/* buttons*/
.menuRightItem0 a{
				background-image:url(../images/tl-architekt.jpg);
				background-repeat:no-repeat;
				background-position:center 0;
				height:42px;
}
.menuRightItem0 a:hover{
				background-image:url(../images/tl-architekt2.jpg);
				background-repeat:no-repeat;
}
.menuRightItem1 a	{
				background-image:url(../images/tl-formular.jpg);
				background-repeat:no-repeat;
				background-position:center 0;
				height:39px;
}
.menuRightItem1 a:hover	{
				background-image:url(../images/tl-formular2.jpg);
				background-repeat:no-repeat;
}
/* end buttons */
/* end left menu*/


/* bottom menu  */
#menu3	{
	width: 1000px;
	text-align:center;
	margin:0px auto 0 auto;
	position:absolute;
	z-index:1000;
	top:-20px;
}
.menuMain3	{
	width: 500px;
	position:relative;
	list-style: none;
	margin:0px auto 0 auto;

}
.menuMain3 li {
    display: inline;
}
.menuMain3 li a	{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
    font-weight:bold;
    text-decoration: none;
    padding: 0px 10px 0 10px;
    text-transform:uppercase;
}
.menuMain3 li.last a
{
    border-right: none;
}
.menuMain3 li:hover a
{
    color: #935305;
    text-decoration: underline;
}
/* end bottom menu  */


.homepic	{ 	
	width:401px;
	margin:0 auto 0 auto;
}
.detaily	{ 	
	width:65px;
	color:#727272;
	background-image:url(../images/odrazka.jpg);
	background-repeat:no-repeat;
	background-position:0 3px;
	padding:0 0 0 15px;
	margin:0 0 0 430px;
	font-style:italic;
}
.detaily a	{ 	
	color:#505050;
	text-decoration:none;
}
.detaily a:hover	{ 	
    color: #935305;
	text-decoration:underline;
}

#language{	
			position:relative;	
			float:right;		
			top:40px;
			width:96px;
			margin-right:20px;
			z-index:500;
}
#languageCz {
			float:right;
			margin:0;
			border-bottom:none;
			z-index:500;
			
}
#languageCz :hover{
			border-bottom:none;

			
}
#languageDe {
			float:right;
			margin:0;
			border:none;
			z-index:500;
}
#languageDe :hover{
			border:none;

}
#languageEng{
			float:right;
			margin:0;
			z-index:500;
}
#languageEng :hover{
			border:none;

}

/* form */
.formInput {font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding:0 3px 0 3px; border: 1px solid #ababab; background: #fff; color: #000; height: 18px;} 
.formInputBox {font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding:0 3px 0 3px; border: 1px solid #ababab; background: #fff; color: #000;} 
.formCombo, .formComboShape, .formComboSize {font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding:0 0 0 0; border: 1px solid #ababab; background: #fff; color: #000; height: 18px;} 
.formButton {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; border: 1px solid #321503; background: #f0b616; color: #000; width: 120px; height: 24px; margin: 0 0 0 0; padding:0 0 1px 0;}
.formButton:hover {background: #9f702a; cursor: pointer;}
/* end of form */