body {background:url(background.jpg) repeat-x;margin:0px;padding:0px;font-size:12px; font-family:Verdana, Arial,Helvetica,San-Serif; color: #003366}

.clearfix:after {clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden;}
.clearfix {}
* html .clearfix {height:1%;}
.clearfix {display:block;}

/*link definition*/
a {text-decoration:none}
a:link {color: #F86714}     /* unvisited link */
a:visited {color: #F86714}  /* visited link */
a:hover {color: #003366}   /* mouse over link */
a:active {color: #003366}   /* selected link */

a.linkWhite {text-decoration:none}
a.linkWhite:link {color: #FFFFFF}     /* unvisited link */
a.linkWhite:visited {color: #FFFFFF}  /* visited link */
a.linkWhite:hover {color: #FFFFFF; text-decoration:underline;}   /* mouse over link */
a.linkWhite:active {color: #FFFFFF}   /* selected link */

a.linkBlue {text-decoration:none; background: url("/img/BackBlue/moreArrow.gif") no-repeat left 50%; padding-left: 7px; margin-left:5px;}
a.linkBlue:link {color: #F86714}     /* unvisited link */
a.linkBlue:visited {color: #F86714}  /* visited link */
a.linkBlue:hover {color: #003366}   /* mouse over link */
a.linkBlue:active {color: #003366}   /* selected link */

a.wycena {background:transparent url("/img/button.jpg") no-repeat left top; color:#000000;  display:inline-block; height:25px; margin-left:85px; margin-top:5px;}
a.wycena span {display:block; height:25px; line-height:22px; padding:0 18px; position:relative; top:0;}
img {border:none;}
.logoSmall {margin-left:5px;}
.selected {font-weight:bold; color: #F86714 !important;}
.picturesBox img {margin-left:5px; margin-top:10px;}
.obrazek {float:left; margin-left:5px; margin-right:5px; clear:left;}
.obrazekInline {float:left; margin-left:10px; margin-right:10px;}
.obrazek img {border:1px solid #4C4C4C;}
.products img {border:1px solid #4C4C4C; margin-left:5px;}
.highlight {color:#F86714;}

/*main page*/
#page {text-align:left;margin:0px auto 0px auto;width:800px;margin-top:10px;}
.header {background:transparent url("/img/banner.gif") no-repeat top;height: 160px;width:810px}
.header .logo {padding:7px 0px 0px 20px;}
.flash {height:47px}
.banner {margin-bottom:5px;}
.topContent {background:transparent url("/img/BackWhite/top.gif") no-repeat bottom;height:5px;width:800px}
.middleContent {background:#ffffff; width:800px}
.bottomContent {background:transparent url("/img/BackWhite/bottom.gif") no-repeat top;height: 5px;width:800px; margin-bottom:5px;}

.orangeTopContent{background:transparent url("/img/topOrange.gif") no-repeat bottom;height:5px;width:179px}
.orangeMiddleContent {background:#ffb100; width:179px}
.orangeBottomContent{background:transparent url("/img/bottomOrange.gif") no-repeat bottom;height:5px;width:179px; margin-bottom:5px;}

.greenTopContent{background:transparent url("/img/topGreen.gif") no-repeat bottom;height:5px;width:179px}
.greenMiddleContent {background:#00d41e; width:179px}
.greenMiddleContentIndex {background:#00d41e; width:179px; height:430px;}
.greenBottomContent{background:transparent url("/img/bottomGreen.gif") no-repeat bottom;height:5px;width:179px; margin-bottom:5px;}

.blueTopContent{background:transparent url("/img/topBlue.gif") no-repeat bottom;height:5px;width:179px}
.blueMiddleContent {background:#b6c9da; width:179px;}
.blueMiddleContent .contact {padding-left:10px;}
.blueMiddleContentIndex {background:#b6c9da; width:179px; height:430px;}
.blueBottomContent{background:transparent url("/img/bottomBlue.gif") no-repeat bottom;height:5px;width:179px; margin-bottom:5px;}

.picturesBoxLeft {background:transparent url("/img/pictureBoxLeft.gif") no-repeat bottom; height:113px; width:2px; float:left;}
.picturesBoxMiddle {background:#b6c9da; color:#F86714; float:left; height:115px; width:600px; text-align:center; margin:auto; line-height:223px;}
.picturesBoxMiddle img {border:1px #4c4c4c solid;} 
.picturesBoxRight {background:transparent url("/img/pictureBoxRight.gif") no-repeat top; height:113px; width:2px; float:right;}

.picture {float:left;}
.pictureDescription {padding: 0px 0px 20px 20px;}


.ownedLeftHeader {background:transparent url("/img/footerLeftGreen.gif") no-repeat bottom;height:31px;width:2px; float:left;}
.ownedMiddleHeader {background:#00d41e; color:#fff; float:left; height:31px; width:600px; text-align:left; margin:auto; line-height:30px; margin-bottom:20px;}
.ownedRightHeader {background:transparent url("/img/footerRightGreen.gif") no-repeat top;height:31px;width:2px; float:right;}

.calculatorLeftHeader {background:transparent url("/img/footerLeftOrange.gif") no-repeat bottom;height:31px;width:2px; float:left;}
.calculatorMiddleHeader {background:#ffb100; color:#fff; float:left; height:31px; width:600px; text-align:left; margin:auto; line-height:30px; margin-bottom:20px;}
.calculatorRightHeader {background:transparent url("/img/footerRightOrange.gif") no-repeat top;height:31px;width:2px; float:right;}

.basket {display:none;}


.footerLeftOrange {background:transparent url("/img/footerLeftOrange.gif") no-repeat bottom;height:31px;width:2px; float:left;}
.footerMiddleOrange {background:#ffb100; color:#F86714; float:left; height:31px; width:796px; text-align:center; margin:auto; line-height:30px; margin-bottom:20px;}
.footerRightOrange {background:transparent url("/img/footerRightOrange.gif") no-repeat top;height:31px;width:2px; float:right;}

.footerLeftGreen {background:transparent url("/img/footerLeftGreen.gif") no-repeat bottom;height:31px;width:2px; float:left;}
.footerMiddleGreen {background:#00d41e; color:#009f16; float:left; height:31px; width:796px; text-align:center; margin:auto; line-height:30px; margin-bottom:20px;}
.footerRightGreen {background:transparent url("/img/footerRightGreen.gif") no-repeat top;height:31px;width:2px; float:right;}


/* left site Content - three articles*/
.contentBox{width:204px; float:left;}
.mainContentText {padding:0px 3px; margin-bottom:10px; }
.mainContentText .doorBlock {float:left; margin:0px 25px 20px 25px;}
.mainContentText img {margin-bottom:5px;}
.articleTitle {font-size:1.5em; margin-left:5px; color:white;}
.articleTitlePomiar {font-size:1.4em; margin-left:5px; color:white; font-weight:bold;}
.articleTitleIndex {font-size:1.3em; margin:0px 5px 0px 5px; color:white; font-weight:bold; padding-top:118px;}
.indexImage {margin-left:30px;}
.articleTitle1 {font-size:1.3em; color: #F86714; margin:5px 0px 7px 5px; font-weight:bold;}
.article1 {margin:5px 0px 10px 5px; text-align:justify;}
.articleTitle2 {margin:5px 0px 10px 5px; font-size:1.2em; color: #F86714; font-weight:bold;}
.articleTitle3 {font-size:1.1em; color: #F86714;}
.articleTitle4 {margin-bottom:25px;}

/* left site Content - one article and Menu*/
.contentBoxSubMenu{width:180px; float:left;}
.contentBoxOne{width:435px; float:left;}

/* left site Content - one article*/
.contentBoxOneArticle{width:610px; float:left; margin-left:5px;}
.contentBoxContact {width:250px; float:left; margin-left:5px;}
.mainLeft {margin-left:3px;}
ul.leftMenu {list-style:none; padding:0px 10px; font-size:13px;}
ul.leftMenu li {padding:2px 0px;}
ul.leftSubMenu {list-style:none; padding:0px 0px 0px 15px; font-size:12px;}

ul.specWidth {margin-left:-35px; margin-top:5px;}
ul.specWidth li  {background:url("/img/arrow.gif") no-repeat scroll 0 6px transparent;list-style:none outside none;padding:1px 0 0 10px; margin-bottom:5px;}
ul.spe1 {display:block; float:left; width:400px; margin-left:-35px; margin-top:5px;}
ul.spec {display:block; float:left; width:430px; margin-left:-35px; margin-top:5px;}
ul.spec li  {background:url("/img/arrow.gif") no-repeat scroll 0 6px transparent;list-style:none outside none;padding:1px 0 0 10px; margin-bottom:5px;}
.specTable {border:medium none; border-collapse:collapse; color:#000000; margin:10px auto; width:100%; font-size:0.8em;}
.specTable th {background:url("/zaluzje/img/th.gif") repeat-x scroll left bottom #F5F5F5; border:2px solid #FFFFFF; padding:4px 2px 4px; text-align:center; vertical-align:middle;}
.specTable td {background-color:#FBFBFB; border:2px solid #FFFFFF; border-collapse:collapse; padding:6px 2px 6px; text-align:center; vertical-align:top;border-bottom:1px solid #F1F1F1;}
/* right site Content */
.mainRight {float:right; margin:0px 5px 0px 0px;color:#dddddd}
.mainRight .topContent {background:transparent url("/img/BackBlue/top.gif") no-repeat bottom;height:10px;width:170px}
.mainRight .middleContent {background:transparent url("/img/BackBlue/middle.gif") repeat-y left;height:350px;width:170px}
.mainRight .bottomContent {background:transparent url("/img/BackBlue/bottom.gif") no-repeat top;height: 10px;width:170px}

/*kontakt */
.contact {width:300px; float:left; }
.contact .phone {background: transparent url(/kontakt/img/tel.gif) no-repeat scroll 0 50%; padding-left:20px; margin:5px 0px;}
.contact .email {background: transparent url(/kontakt/img/email.gif) no-repeat scroll 0 50%; padding-left:20px; margin:5px 0px;}


#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/img/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;color:#2f2f2f;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;color:#2f2f2f;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;color:#2f2f2f;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}