body, html, div, img, h1, h2, h3, h4, h5, h6, fieldset, form, input, label, p, a, span, legend, textarea, select {margin: 0; padding: 0; border: 0; font: 11pt Arial, Verdana, sans-serif;}
div.clear, span.clear {display: block; clear: both; font-size: 0; height: 0; line-height: 0;}
.center {text-align: center;}
a {color: #1B7C12; text-decoration: none;}
a:hover {text-decoration: underline;}
a.image_inside span {display: none;}
a.back {display: block; width: 84px; height: 29px; margin: 10px auto 10px auto; padding-top: 7px; background: url('img/back_button.png') no-repeat; text-align: center; color: #fff; font-weight: bold;}
#vzornik_flash {margin-left: 15px;}
/* LAYOUT */
body {background: #D3D3D3; color: #000;}
#page {width: 955px; position: absolute; left: 50%; margin-left: -427px;}
h1 {position: absolute; top: 25px; left: 11px;}
h1 a {display: block; width: 254px; height: 138px; background: url('img/logo.png') no-repeat;}
h1 a span {display: none;}
#header {position: absolute; top: 17px; right: 2px; width: 658px; height: 149px; background: url('img/header.jpg') no-repeat;}

/* MENU */
ul li a span.sub_title {display: none;}
#main_menu {position: absolute; top: 180px; right: 0px; list-style: none; margin: 0;}
#main_menu li {float: left; display: block; margin-left: 2px;}
#main_menu li a {display: block; width: 219px; height: 30px; background: url('img/topmenu_bkg.png') no-repeat; padding-top: 12px;}
#main_menu li.hover a {text-decoration: none; background-position: 0 -43px; padding-top: 11px; height: 31px;}
#main_menu li a span {display: block; text-align: center; font-weight: bold; color: #fff;}
#main_menu li.hover a span {}

#main_menu li.disabled {background: url('img/topmenu_bkg.png') no-repeat; width: 219px; height: 42px;}
#main_menu li.disabled a {display:none;}

#main_menu li ul {position: absolute; top: 42px; margin: 0; padding: 3px 0 5px 0; background: #A0A0A0; margin-left: 10px;}
#main_menu li ul li {margin: 0; float: none;}
#main_menu li ul li a {background: none; width: 188px; height: auto !important; padding: 5px !important;}
#main_menu li ul li a span {font-weight: normal;}
#main_menu li ul li a:hover span {color: #3f3f3f;}

#catalog {list-style: none; margin: 12px 0 0 6px; padding: 0;}
#catalog li {display: block; margin-bottom: 4px;}
#catalog li a {display: block; width: 260px; height: 43px; background: url('img/leftmenu_bkg.png') no-repeat; text-align: center; padding-top: 18px;}
#catalog li a:hover {text-decoration: none; background-position: 0 -61px !important;}
#catalog li a span {color: #fff; font-weight: bold; font-size: 14pt;}

#catalog li.impra a {background: url('img/catalog_menu/impra.png') no-repeat;}
#catalog li.impra a span {display: none;}
#catalog li.vzorniky a {background: url('img/catalog_menu/vzorniky.jpg') no-repeat;}

#catalog li ul {margin: 0; padding: 0; margin: 3px 0 0 25px; list-style: none;}
#catalog li ul li {}
#catalog li ul li a {width: 208px; height: 41px; padding-top: 38px;}
#catalog li ul li a:hover {background-position: 0 -79px !important;}
#catalog li ul li a span {color: #000;}
#catalog li ul li a span.sub_title {display: block !important; font-size: 9pt; padding: 0 27px 0 27px;}

#catalog li ul li.impralan a {background: url('img/catalog_menu/impralan.png') no-repeat;}
#catalog li ul li.impralan a span.sub_title {color: #99BFB4;}

#catalog li ul li.profilan a {background: url('img/catalog_menu/profilan.png') no-repeat;}
#catalog li ul li.profilan a span {color: #9AADCE;}

#catalog li ul li.impranol a {background: url('img/catalog_menu/impranol.png') no-repeat;}
#catalog li ul li.impranol a span {color: #CE9DA9;}

#catalog li ul li.impratec a {background: url('img/catalog_menu/impratec.png') no-repeat;}
#catalog li ul li.impratec a span {color: #E9DE99;}

#catalog li ul li ul {margin: 3px 0 0 6px; position: relative; top: -1px;}
#catalog li ul li ul li {margin-bottom: 3px;}
#catalog li ul li ul li a {width: 173px; height: auto; background: #fff !important; padding: 7px 10px 7px 10px;}
#catalog li ul li ul li a:hover {width: 173px; height: auto; margin: 0;}
#catalog li ul li ul li a span {color: #767676 !important; display: block !important; font-size: 10pt;}
#catalog li ul li ul li a:hover span {color: #000 !important;}

#catalog li ul li ul li ul {margin: 3px 0 0 6px; position: relative; top: 0px;}
#catalog li ul li ul li ul li {margin-bottom: 2px;}
#catalog li ul li ul li ul li a {width: 161px; height: auto; background: #767676 !important; padding: 5px 10px 5px 10px;}
#catalog li ul li ul li ul li a:hover {width: 161px;}
#catalog li ul li ul li ul li a span {color: #DADADA !important;}
#catalog li ul li ul li ul li a:hover span {color: #fff !important;}
#catalog li ul li ul li ul li a.act span {color: #fff !important;}


/* CONTENT */
#playground {margin-top: 233px;}
#playground .content {padding: 5px 0 20px 0; width: 658px; float: right; margin-right: 2px; background-color: #fff;}
#playground .content h2 {color: #fff; font-size: 14pt; margin: 5px 0 13px 0; padding: 10px 25px 10px 25px; font-weight: bold; background-color: #1B7C12;}
#playground .content p {margin: 0 25px 10px 25px;}
#playground .content h3 {margin: 20px 25px 5px 25px; font-size: 12pt; font-weight: bold; border-bottom: 2px solid #1B7C12;}

#playground .content h3.impralan {border-bottom: 2px solid #007655;}
#playground .content h3.profilan {border-bottom: 2px solid #0C3D94;}
#playground .content h3.impranol {border-bottom: 2px solid #8D0B2C;}
#playground .content h3.impratec {border-bottom: 2px solid #CFB300;}

#playground .content h4 {margin: 10px 25px 0 25px; font-weight: bold;}
#playground .content ul {margin: 0 20px 15px 0; list-style-image: url(img/ul.gif);}
#playground .content ul ul {margin: 0 0 0 -40px; list-style: none;}

#playground .content .margin {margin: 10px 0 15px 0;}
#playground .content .margin img {margin: 0 15px 0 15px;}
#playground .content img.r {float: right; margin: 10px 25px 10px 10px;}
#playground .content img.l {float: left; margin: 10px 10px 10px 25px;}
#playground .content div.figure {text-align: center; margin: 10px 0 10px 0;}

#playground .content table {margin: 0 25px 10px 25px; border-collapse: collapse; background-color: #A0A0A0;}
#playground .content table td {background: #fff; padding: 5px; text-align: center; border: 1px solid #A0A0A0;}
#playground .content table th {background: #fff; padding: 5px; border: 1px solid #A0A0A0;}

#playground .content table.progres {width: 400px; margin: 0 auto;}
#playground .content table.progres th {text-align: right;}
#playground .content table.progres td {text-align: left;}

.impralan_body h2 {background-color: #007655 !important;}
.impralan_body h3 {border-bottom: 2px solid #007655 !important;}
.impralan_body a {color: #007655;}
.impralan_body ul {list-style-image: url(img/ul_impralan.gif) !important;}

.profilan_body h2 {background-color: #0C3D94 !important;}
.profilan_body h3 {border-bottom: 2px solid #0C3D94 !important;}
.profilan_body a {color: #0C3D94;}
.profilan_body ul {list-style-image: url(img/ul_profilan.gif) !important;}

.impranol_body h2 {background-color: #8D0B2C !important;}
.impranol_body h3 {border-bottom: 2px solid #8D0B2C !important;}
.impranol_body a {color: #8D0B2C;}
.impranol_body ul {list-style-image: url(img/ul_impranol.gif) !important;}

.impratec_body h2 {background-color: #CFB300 !important;}
.impratec_body h3 {border-bottom: 2px solid #CFB300 !important;}
.impratec_body a {color: #CFB300;}
.impratec_body ul {list-style-image: url(img/ul_impratec.gif) !important;}

h2.vzornik {background-color: #8D0B2C !important;}
h2.lasur {background-color: #007655 !important;}
h2.vosky, h2.moridla {background-color: #1B7C12 !important;}

#vzorniky {}
#vzorniky h3 {border-bottom: 2px solid #8D0B2C !important;}
#vzorniky h3 a {color: #000; font-weight: bold; font-size: 12pt; display: block;}
#vzorniky h3 a:hover {text-decoration: none; color: #8D0B2C;}
#vzorniky h3.lasur {border-bottom: 2px solid #007655 !important;}
#vzorniky h3.lasur a:hover {color: #007655;}
#vzorniky h3.moridla, #vzorniky h3.vosky {border-bottom: 2px solid #1B7C12 !important;}
#vzorniky h3.moridla a:hover, #vzorniky h3.vosky a:hover {color: #1B7C12;}

#playground .content ul ul {margin: 0 0 0 -40px; list-style: none !important;}

#left {width: 271px; float: left;}
#left .title {width: 271px; background: #000; color: #fff; font-weight: bold; text-align: center; height: 29px; margin-top: -52px; padding-top: 10px}


#footer {width: 658px; position:absolute; margin-top: 28px; text-align: center; background-color: #1B7C12; padding: 11px 0 10px 0; color: #fff; font-size: 10pt;}
#footer span {font-size: 10pt;}
#footer a {color: #D4FE43; font-size: 10pt;}
#copyright {width: 658px; text-align: center; position:absolute; margin-top: 67px; padding-bottom: 5px;}
#copyright span {font-size: 10pt;}
#copyright a {color: #000; font-size: 10pt;}

.impralan_info {background: #007655 url('img/impralan.png') no-repeat;}
.profilan_info {background: #0C3D94 url('img/profilan.png') no-repeat;}
.impranol_info {background: #8D0B2C url('img/impranol.png') no-repeat;}
.impratec_info {background: #CFB300 url('img/impratec.png') no-repeat;}
.catalog_info {color: #fff; padding: 25px 15px 5px 15px; margin-top: 8px; background-position: 20px 10px;}
.catalog_info ul {list-style-image: none !important;}
.catalog_info span.subtitle {margin: 20px 0 0 140px; font-size: 13pt; font-weight: bold;}
.catalog_info ul {margin: 10px 0 10px 0 !important;}

.catalog_info_home {display: block; color: #fff; padding: 15px 15px 5px 155px; margin: 30px 25px 0 25px; background-position: 20px 1px;}
.catalog_info_home span.subtitle {font-size: 13pt; font-weight: bold;}
.catalog_home_body {margin: 0 25px 0 25px;}
.catalog_home_body ul {margin-top: 10px !important;}
.catalog_home_body ul.page {margin-top: -13px !important;}
.catalog_home_body ul .pece_okna {margin-top: 8px;}


/* CATALOG */
#catalog_list {margin: 0 25px 0 25px;}
#catalog_list h3 {margin: 20px 0 15px 0 !important; font-size: 15pt !important;}
#catalog_list .item {margin-bottom: 20px;}
#catalog_list .item a {padding: 0 190px 5px 0; display: block; color: #000; font-size: 13pt; font-weight: bold; border-bottom: 15px solid #8D0B2C;}
#catalog_list .item a:hover {text-decoration: none;}
#catalog_list .item img {position: absolute; right: 27px; margin-top: -51px;}
#catalog_list .item a span {display: block; color: #000;}
#catalog_list .item a span.title {float: left; font-weight: bold; font-size: 13pt; margin:0 15px 3px 0;}
#catalog_list .item a span.info {display: inline; margin-left: 5px; font-size: 10pt; color: #fff; padding: 2px 4px; position: relative; top: -1px;}

#catalog_list .impralan a {border-bottom: 10px solid #007655;}
#catalog_list .impralan a:hover span.title {color: #007655;}
#catalog_list .impralan span.info {background-color: #007655;}
#catalog_list .profilan a {border-bottom: 10px solid #0C3D94;}
#catalog_list .profilan a:hover span.title {color: #0C3D94;}
#catalog_list .profilan span.info {background-color: #0C3D94;}
#catalog_list .impranol a {border-bottom: 10px solid #8D0B2C;}
#catalog_list .impranol a:hover span.title {color: #8D0B2C;}
#catalog_list .impranol span.info {background-color: #8D0B2C;}
#catalog_list .impratec a {border-bottom: 10px solid #CFB300;}
#catalog_list .impratec a:hover span.title {color: #CFB300;}
#catalog_list .impratec span.info {background-color: #CFB300;}

#catalog_detail {margin-top: 55px;}
#catalog_detail h2 {width: 275px; background: none !important; color: #000 !important; margin: 20px 25px 10px 25px !important; padding: 0 !important;}
#catalog_detail img.main {position: absolute; right: 27px; margin-top: -118px;}
#catalog_detail div.sub_title {margin: -10px 25px 0 25px; padding: 0 340px 10px 0;}
#catalog_detail div.left {float: left; width: 370px; margin-top: 10px;}
#catalog_detail div.right {float: right; width: 260px; margin-right: 25px;}
#catalog_detail div.right table {font-size: 10pt; width: 260px; margin: 0 0 20px 0;}
#catalog_detail div.right table td {border-bottom: 0; border-top: 0; padding: 10px 5px 10px 5px; text-align: center;}
#catalog_detail div.right table th {border-top: 0; text-align: center;}
#catalog_detail div.right div {text-align: center;}
#catalog_detail div.right a {margin-bottom: 10px;}

#catalog_detail div.impralan {border-bottom: 15px solid #007655;}
#catalog_detail div.profilan {border-bottom: 15px solid #0C3D94;}
#catalog_detail div.impranol {border-bottom: 15px solid #8D0B2C;}
#catalog_detail div.impratec {border-bottom: 15px solid #CFB300;}

#catalog_detail .buttons {margin: 10px 0 0 25px;}
#catalog_detail .buttons a {display: block; width: 184px; height: 28px; float: left; margin-right: 10px; text-align: center; padding-top: 8px; color: #CFCFCF; font-weight: bold;}

#catalog_detail .buttons a.vzornik {background: url(img/vzornik_button.png) no-repeat; color: #BBB;}
#catalog_detail .buttons a.impralan {background: url(img/impralan_button.png) no-repeat; color: #99BFB4;}
#catalog_detail .buttons a.profilan {background: url(img/profilan_button.png) no-repeat; color: #9AADCE;}
#catalog_detail .buttons a.impranol {background: url(img/impranol_button.png) no-repeat; color: #CE9DA9;}
#catalog_detail .buttons a.impratec {background: url(img/impratec_button.png) no-repeat; color: #E9DE99;}
#catalog_detail .buttons a:hover {text-decoration: none; color: #fff;}

/* FORM */
form {}
form div.row {padding: 0px 0; margin-left: 25px;}
form label {float: left; line-height: 24px; width: 200px; display: block; text-align: right; margin-right: 5px;}
form input {margin: 2px; float: left; width: 230px; border: 2px solid #006FB1; padding: 2px; color: #000; margin-left: 5px;}
form select {margin: 2px; width: 230px; border: 2px solid #C23D22; color: #000; margin-left: 5px;}
form .submit {color: #fff; font-weight: bold; width: auto; margin: 10px 10px 10px 25px; line-height: 17px; background-color: #1B7C12;}
form div.buttons {float: right; margin: 20px 259px 0 0;}
form p.pretext{display: block; padding-left: 5px;}
form label.error {color: #f00000;}
form label.required {font-weight: bold;}
form input.error {border-color: #f00000;}
form textarea.error {border-color: #f00000;}
form p.form_error {color: #f00000; float: left;}
form textarea {margin: 2px; float: left; width: 247px; height: 100px; border: 2px solid #006FB1; padding: 2px; color: #000; margin-left: 5px;}
form div.fileinfo {margin: 2px 2px 2px 6px; width: 242px; float: left; color: #2C2C39; padding: 4px; background: #e0e0e3; border: 1px solid #595866; text-align: center;}
form div.fileinfo img {border: 1px solid #595866;}

/* GOOGLEMAP */
#google_map {width: 606px !important; height: 500px; margin: 0 auto 0 auto;}
#google_map input {font-size: 8pt !important; width: 180px; float: left;}
#google_map input.submit {float: right; width: 100px; margin: 2px 30px 0 0; border:0; color: #fff;}
#google_map div.gmnoprint span {font-size: 7pt !important;}
#google_map div.gmnoprint a {font-size: 7pt !important;}


/* COLORBOX */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background:#696969;}

#colorbox{}
#cboxContent{background:#000; margin-top:20px;}
#cboxLoadedContent{background:#000; padding:5px;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(img/colorbox/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(img/colorbox/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
#cboxNext.hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(img/colorbox/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(img/colorbox/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
#cboxClose.hover{background-position:bottom center;}