/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, input, label, blockquote { padding: 0px; margin: 0px; }

body {
  font-family: Arial, Helvetica, sans-serif;
	color: #4C4C4C;
	font-size: 12px;
	line-height: 18px;
	background: none; 
}

address { font-style: normal; padding: 0px; margin: 0px; }

blockquote { font-style: italic; padding-bottom: 0.5em; }

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden; padding: 0px !important; margin: 0px !important;}
.hide { display: none; }
.red { color: #CC0000; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }
.grey { color: #CCCCCC; }
.note { font-size: 12px; font-weight: bold; line-height: 140%; }

img { border: none; }
a img { border: none; }

img.right { float: right; margin-left: 8px; margin-bottom: 5px; margin-top: 3px; }
img.left { float: left; margin-right: 8px; margin-bottom: 5px; margin-top: 3px; }

hr { display: none; }
.hr-line { height: 1px; overflow: hidden; background-color: #CCCCCC; }

.no-text-transform { text-transform: none !important; }
.no-decoration { text-decoration: none !important; }

/***************/
/* OVERLAPPING */
/***************/
.overlap,
.overlap * { display: block; position: relative; overflow: hidden; }
.overlap span { position: absolute; left: 0px; top: 0px; background-position: left top; background-repeat: no-repeat; }
a.overlap span,
.overlap a span { cursor: pointer; }

/********/
/* FORM */
/********/
form * { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
form div { padding-bottom: 3px; }
fieldset { border: none; padding: 0px; margin: 0px; }
label { display: block; width: 75px; float: left; padding: 2px 0px 0px 0px; }
input.input { padding: 2px; width: 150px; background: #262D33; border: 1px solid #ABADB3; border-left-color: #E2E3EA; border-right-color: #E2E3EA; border-bottom-color: #E3E9EF; color: #FFFFFF;  }
select { width: 154px; background: #262D33; border: 1px solid #ABADB3; border-left-color: #E2E3EA; border-right-color: #E2E3EA; border-bottom-color: #E3E9EF; color: #FFFFFF;  }
input.button-submit { padding: 0px; padding-top: 5px; margin-left: 75px; border: none; cursor: pointer; }
textarea { padding: 2px; background: #262D33;  color: #FFFFFF; border: 1px solid #ABADB3; border-left-color: #E2E3EA; border-right-color: #E2E3EA; border-bottom-color: #E3E9EF; width: 400px; height: 100px; overflow: hidden; }
optgroup { color: #FFFFFF; font-style: normal; }

form.simple-form * { vertical-align: middle; font-size: 12px; }
form.simple-form label { display: inline; width: auto; padding-right: 10px; }
form.simple-form .input { padding-bottom: 1px; }

/************************/
/* BASIC TAG DEFINITION */
/************************/
body { background-color: #eead1c; color: #CDD6DA; min-width: 980px; }
h1 { font-size: 36px; font-weight: normal; color: #B7B9BC; line-height: 36px; padding-bottom: 22px; padding-right: 253px; letter-spacing: -1px; }
h2 { font-size: 18px; font-weight: normal; color: #FFFFFF; padding: 12px 0px; }
h3 { font-size: 15px; font-weight: normal; padding: 12px 0px 8px 0px; }
h4 { font-size: 14px; font-weight: bold; padding: 5px 0px 1em 0px; }
p { padding-bottom: 1em; }
a { color: #FFFFFF; text-decoration: underline; }
sup { line-height: 50%; }
ul { padding-left: 11px; padding-bottom: 1em; }
ul li { list-style: none; background: url(/img/arrow.gif) no-repeat left 5px; padding-left: 20px; }
ol { margin-left: 2em; margin-bottom: 1em;  }
address { padding-bottom: 1em; }

dt { padding-top: 1em; }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body { text-align: center; }
#bg-wrapper { background: #FFFFFF url(/img/bg-wrapper.png) repeat-x left top;  }
#bg-top { background: url(/img/top-bg.jpg) no-repeat center top; }

#page-wrapper { text-align: left; width: 980px; margin: 0 auto; position: relative; padding-bottom: 10px; }

.layout-2-columns {}
.layout-2-columns .column1,
.layout-2-columns .column2 { width: 200px; float: left; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 121px; }

#logo { display: block; width: 297px; height: 101px; padding: 0px; margin: 0px; position: absolute; left: -32px; top: 19px; background: #FFFFFF url(/img/logo-bg.jpg) no-repeat left top; }

#languages { padding: 0px; margin: 0px; color: #EFB61B; position: absolute; top: 20px; right: 12px;  }
#languages a,
#languages span { padding: 0px 10px; color: #FFFFFF; }

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { background: #eead1c url(/img/footer-bg.gif) repeat-x left top; color: #FFFFFF; text-align: center; }
#footer-content { width: 940px; margin: 0 auto; text-align: left; padding-top: 14px; }
#giant-img { vertical-align: middle; }
#copyright { float: right; }
#coypright a { text-decoration: none; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { position: absolute; top: 20px; left: 261px; }
#menu li { background: url(/img/rsaquo-yellow.gif) no-repeat 18px 5px; padding-left: 29px; display: inline; }
#menu li span { color: #FFFFFF; }

#products { font-size: 18px; position: absolute; top: 50px; left: 265px; width: auto; padding: 0px; margin: 0px; width: 725px; }
#products li { background: none; padding: 0px; display: inline; color: #FFFFFF; line-height: 24px; }
#products li a,
#products li span { color: #FFFFFF; line-height: 33px; padding: 6px 24px 6px 13px; text-decoration: none; white-space: nowrap;  }
#products li span { background: #EAA218 url(/img/menu-bg.gif) no-repeat right center;  }

#products #products-zaluzie a,
#products #products-zaluzie span { padding-left: 30px; }

/* ACTIVE SECTIONS */
.section-zaluzie      #products-zaluzie      a,
.section-rolety       #products-rolety       a,
.section-site         #products-site         a,
.section-okenni-folie #products-okenni-folie a,
.section-markyzy      #products-markyzy      a,
.section-garazova-vrata  #products-garazova-vrata  a { background: #EAA218 url(/img/menu-bg.gif) no-repeat right center;  }


/*******************************************************************/
/*                                                     LEFT COLUMN */
/*******************************************************************/
#left-column { width: 270px; color: #061018; float: right; }
#left-column h2 { color: #555d62; font-size: 22px; padding-left: 5px; }
#left-column-content {  padding: 259px 15px 0px 11px; }

#left-column ol { padding-left: 5px; margin-bottom: 10px; }
#left-column ol li { padding-bottom: 3px; }
#left-column p { padding-left: 5px; }
#left-column p.right { float: right; }
#left-column a { color: #061018; }

#left-column p.more { text-align: right; }
#left-column p.more a { background: url(/img/raquo-w.gif) no-repeat left center; padding-left: 15px; color: #585757; }

#left-nav { padding-left: 0px; margin-bottom: 15px; width: 240px; }
#left-nav li { background: url(/img/rsaquo.gif) no-repeat 6px 8px; color: #555d62; font-size: 14px; padding: 2px 0px 2px 18px; margin-bottom: 3px; }
#left-nav li.active { background-color: #DBDCDD; }
#left-nav a { color: #555d62; text-decoration: none; }
#left-nav a:hover { text-decoration: underline; }

#left-column .arrow-link { padding: 3px 19px 3px 9px; background: #93999E url(/img/arrow-link-bg.gif) no-repeat right center; color: #FFFFFF; } 

#left-column .block-contact h2 { padding-bottom: 8px; }
#left-column .block-contact p { padding-bottom: 0px; }
#left-column .block-contact img {margin: 0px 20px 0px 0px; }

/*******************************************************************/
/*                                                            BODY */
/*******************************************************************/
#body-wrapper { background: #000000 url(/img/main-content-bottom-bg.gif) no-repeat left bottom; padding-bottom: 28px; width: 710px; float: right; }
#body { background: #000000 url(/img/main-content-bg.gif) repeat-y left top; }
#body-content { background: url(/img/main-content-top-bg.jpg) no-repeat left top; padding: 18px 22px 0px 24px; min-height: 328px; }


.button-order,
.button-order * { padding: 0px; margin: 0px; width: 219px; height: 39px; }
.button-order { font-size: 15px; color: #E1E2E3; text-align: center; line-height: 35px; margin: 5px 0px 24px 0px; }
.button-order a { text-decoration: none; color: #E1E2E3; }
.button-order span { background-image: url(/img/button-objednat-produkt.png); }

.lightbox-block { width: 100%; height: auto; padding: 0px 0px 4px 0px; clear: both; overflow: hidden;  }
.lightbox-block .img-block { width: auto; float: left; clear: none; text-align: right; padding: 0px 6px 20px 6px; }
.lightbox-block .img-block p a { background: url(/img/lupa.gif) no-repeat left center; padding-left: 15px; color: #889196; }

.img-block { width: 157px; float: right; text-align: right; padding-left: 16px; padding-top: 5px; }
.img-block p a { background: url(/img/lupa.gif) no-repeat left center; padding-left: 15px; color: #889196; }

.block-set { width: 730px; margin-right: -20px; }
.block { width: 207px; height: 60px; background-color: #384046; margin-right: 20px; margin-bottom: 10px; float: left; }
.block img { float: left; margin-right: 9px; }
.block a { text-decoration: none; }
.block p { padding-top: 10px; }
.block.rows1 p { padding-top: 20px; }
.block.rows3 p { padding-top: 2px; }

.block .bubble,
.temp-bubble { display: none; position: absolute; width: 230px; top: 30px; left: 50px; padding: 12px 0px 0px 0px;  background: url(/img/bubble-bg.gif) no-repeat left top; }
.block .bubble span,
.temp-bubble span { display: block; background-color: #fff; color: #000000; padding: 10px 10px 7px 10px; }


#float-block { position: absolute; top: 134px; right: 17px; width: 253px; padding: 0px; margin: 0px; background: #363E44 url(/img/float-block.gif) repeat-x left top; font-size: 14px; text-transform: lowercase; line-height: 20px; }
#float-block a { display: block; padding: 2px 9px 2px 35px; background: url(/img/raquo.gif) no-repeat 12px 8px; text-decoration: none; color: #FFFFFF;  }
#float-block a strong { text-decoration: underline; font-weight: normal;  }

.float-block { width: 253px; padding: 0px; margin: 10px 0; background: #363E44 url(/img/float-block.gif) repeat-x left top; font-size: 14px; text-transform: lowercase; line-height: 20px; text-align: left; }
.float-block.right { float: right; margin: 0 -5px 10px 15px; }
.float-block a { display: block; padding: 2px 9px 2px 35px; background: url(/img/raquo.gif) no-repeat 12px 8px; text-decoration: none; color: #FFFFFF;  }
.float-block a strong { text-decoration: underline; font-weight: normal;  }


.item-zetvey{ width: 122px; float: left; margin-right: 5px; margin-left: 5px; position: relative; text-align: center; }
#body-content .sklik{ width: 113px; height: 14px; display: none; }
#body-content .form-order{ padding-bottom: 20px; }

/*****************/
/* DOCS DOWNLOAD */
/*****************/
.download-links { padding: 10px 0 5px; }
.download-links h2 { font-size: 15px; }
.download-links table { width: 664px; border-collapse: collapse; }
.download-links td { border-collapse: collapse; border: 1px solid #666; border-width: 1px 0; padding: 6px 0; }
.download-links td.ico { width: 24px; padding-left: 5px; }
.download-links td.size { text-align: right; width: 100px; }
.download-links td.filetype { width: 120px; padding-left: 20px; }
.download-links .ico img { vertical-align: middle; }
.download-links td a { }

/**************/
/* NAVIGATION */
/**************/
#nav { padding: 0px 0px 0px 82px; margin: 0px; height: 33px; overflow: hidden;  line-height: 33px; position: absolute; top: 88px; left: 296px; color: #FFFFFF;}
#nav strong { font-size: 15px; position: relative; top: 1px; font-weight: normal;  }
#nav span.link a { position: absolute; top: 0px; left: 0px; display: block; clear: none; float: left; width: 82px; height: 32px; padding: 1px 0px 0px 0px; z-index: 2; background: url(/img/nic.gif) no-repeat 0px 0px; }
#nav span.desc { position: absolute; top: 0px; left: 39px; padding: 1px 0px 0px 0px; color: #FFFFFF; text-decoration: underline; cursor: pointer; z-index: 0; }
/*************/
/* REFERENCE */
/*************/
.info-toggler { padding-left: 5px;}
.info-toggler img { vertical-align: middle; padding-bottom: 3px; width: 18px; height: 18px; cursor: pointer; }

#page-reference #body-content p img { padding-right: 3px; }

/***********/
/* CONTACT */
/***********/
#contact-form { padding-top: 10px; margin-top: 10px; border-top: 1px solid #4C4C4C; }
#contact-form label { width: 100px; }
#contact-form .input { width: 245px; }
#contact-form select { width: 249px; }
#contact-form .button-submit { margin-left: 100px; }
#contact-form #qsp { margin-right: 10px; width: 50px; }

/*******************************************************************/
/*                                                        HOMEPAGE */
/*******************************************************************/
.item { width: 207px; height: 98px; float: left; margin-right: 20px; position: relative; }
.item h2 { padding: 0px 0px 0px 0px; margin: 0px; color: #9DA1A4; line-height: 22px;  }
.item .block { margin-right: 0px; float: none; position: absolute; bottom: 0px; left: 0px; }
#hp { width: 661px; margin: 0; text-align: left; padding-top: 14px; }
#hp h1 { color: #9da1a4; font-size: 18px; font-weight: normal; padding: 12px 0px; }

.intro { font-size: 14px; }


#page-homepage #header { height: 101px; }
#page-homepage #body-content { background-image: url(/img/main-content-top-bg-hp.jpg); }
#page-homepage #body { background-image: url(/img/main-content-bg-hp.gif); }
#page-homepage #body-wrapper { background-image: url(/img/main-content-bottom-bg-hp.gif); padding-bottom: 27px; }
#page-homepage #left-column-content { padding-top: 274px; }

/* Lightbox */
.lightbox-gallery {	width: auto; margin: 0px 0px 16px 0px; }
.lightbox-gallery img {	padding: 0px 4px 0px 4px; }