@charset "utf-8";
/* CSS Document */

@import "reset.css";

body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	background:#c9cccd url(img/bgr.gif) repeat-x scroll left top;
	color:#000;
	font-size:75%;
	line-height:1.25em;
	position:relative;
	text-align:center;
	}
textarea, input, select {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
} 
a {color:#d8293f; text-decoration:none;}
a:hover {text-decoration:underline;} 
hr {display:none;}

#container {width:1080px; margin:0 auto; text-align:left;}

/* CONTENT
*******************************************************************************************************/

#content {margin:10px 20px 0 20px; width:1040px; padding:15px 20px; background:#fff url(img/bgr-content.gif) repeat-y scroll right top; color:#333; float:left; font-size:1.42em; line-height:1.2em;}
*>#content {margin-left:40px; margin-right:0; width:1000px;}
html>/**/body #content {margin-bottom:10px;}
#content p {margin:0.5em 0;}
#content ul {margin:0.5em 0; padding-left:25px;}
#content ul li {list-style:inside square;}
#content img {float:left; margin:0 15px 15px 0;}
#content h3 {font-size:1.41em; font-weight:normal; color:#047c3f; margin:1em 0 0.5em;}
#content h4 {margin:1em 0 0.5em;}
#content em {color:#047c3f; font-style:normal;}
#content strong {color:#d8293f; font-weight:normal;}

#content .addresses {font-size:0.7em; font-weight:bold; line-height:1.2em; margin:1.5em 0;}
#content .contactinfo {font-size:0.7em; font-weight:bold;}
#content .contactinfo h3 {font-size:2em;}
#content .contactinfo img  {float:right;}
#content .contactinfo strong {font-weight:bold;}
#list li img {display:block;}

/* OBJEDNAVKA
*******************************************************************************************************/
#filter {background:#3b3d3d; margin:10px 0 0 40px; color:#fff; padding:15px; height:110px; position:relative;}
*>#filter {height:80px;}
#filter div {float:left; height:80px; margin-right:20px;}
#filter strong {display:block; margin-bottom:-5px;}
#filter input {margin-right:4px;}
html>/**/body #filter input {margin:3px 7px 0 3px;}
#filter label {top:-2px; position:relative; margin-right:10px;}
#filter #applybtn {position:absolute; right:15px; top:15px; width:135px; height:30px;}
#filter #resetbtn {position:absolute; right:15px; top:60px; width:135px; height:30px;}

/* HOME + GEO
*******************************************************************************************************/
#home {margin:10px 0 0 40px; padding:60px 580px 30px 80px; color:#333; background:#fff; height:570px;}
html>/**/body #home {padding-top:30px; height:600px;}
#home p {margin:1em 0; text-align:justify; font-weight:bold;}
#home img {float:right; margin:0 50px 30px 80px;}
#home em {color:#047c3f; font-style:normal;}
#home strong {color:#d8293f;}
#home h3 {text-align:center; margin:0.5em 0; font-weight:normal; font-size:3em; line-height:1em;}
#home h3 strong {color:#333;}

#home {position:relative;}
#onlinecatalog {position:absolute; right:60px; top:5px;}
#home a.projnav {display:block; width:30px; height:30px; text-align:center; background:#d8293f; color:#fff; line-height:30px; position:absolute; background:url(img/header-btn.gif) no-repeat scroll left top; right:80px; top:310px;}





#akcia {margin:10px 0 0 40px; padding:20px 50px 20px 600px; color:#fff; background:#b00 url(img/akcie.gif) no-repeat scroll 14px center; position:relative;}
#akcia .geo {font-weight:normal; position:absolute; left:-350px; top:20px; font-size:2em; line-height:1.2em;}
*>#akcia .geo {left:250px;}
#akcia .info {font-size:0.8em; line-height:1.2em; margin-top:6px;}

/* ORDERFORM + ORDERLIST
*******************************************************************************************************/
#content #orderlista {width:460px; font-size:0.7em; font-weight:bold; float:left;}
*>#content #orderlista {width:440px;}
#content #orderlista li {list-style:outside square; line-height:1.3em; margin-bottom:0.7em;}
#content #orderlista strong {color:#d8293f; font-weight:bold;}
#content #orderlista address {font-style:normal; margin:-1.75em 0 0 90px;}
#content #orderlista h3 {font-size:1.16em; color:#d8293f; font-weight:bold;}

#content #orderlistb {width:460px; font-size:0.7em; font-weight:bold; float:left; margin-left:30px;}
*>#content #orderlistb {width:440px;}
#content #orderlistb li {list-style:outside square; line-height:1.3em; margin-bottom:0.7em;}
#content #orderlistb h3 {font-size:1.16em; color:#d8293f; font-weight:bold;}
#content #orderlistb strong {color:#d8293f; font-weight:bold;}

#orderform {font-size:0.705em; font-weight:bold; clear:both; padding-top:10px;}
#orderform legend {color:#d8293f;}
#orderform legend strong {margin:1em 0 0.5em; display:block; font-weight:bold;}
#orderform label {display:block; float:left; width:150px; margin-right:10px;}
#orderform label:hover {color:#d8293f;}
#orderform input {padding:2px 3px; width:280px;}
#orderform textarea {padding:2px 3px; width:280px; overflow:auto;}
#orderform .after input {margin-left:160px; width:auto;}
#orderform .after label {display:inline; float:none; padding:0 5px; width:auto;}
#orderform p {clear:left;}
#orderform .multi strong {margin-right:-150px; display:block; float:left; font-weight:bold; width:150px; color:#000;}
#orderform .multi label {display:inline; float:left; width:250px;}
#orderform .multi input {margin-left:160px; margin-right:4px; width:auto; float:left;}
#orderform .submit {font-size:1.5em; padding:0.5em 1em; margin:1em 0 1em 160px;}
#orderform p.multi {padding-bottom:40px;}

#orderform .left {float:left;}
#orderform .right {float:right;}
#orderform fieldset { width:490px;}

#content .ordermenu  {height:20px; margin-top:0; font-size:0.705em;}
#content .ordermenu a {color:#d8293f; float:left; width:300px; line-height:1.3em; margin:0 10px;}
#content .ordermenu a img {float:none; display:block; margin:0.5em 0;}
#content .ordermenu a strong {font-size:1.5em;}
#content .ordermenu a:hover {text-decoration:none; color:#000;}
#content .ordermenu a:hover strong {color:#000;}

/* HEADER
*******************************************************************************************************/

#header {height:100px; background:#72828d; overflow:hidden; margin-left:40px;}
#header h1 {width:230px; float:left; height:100px;}
#header h1 a {width:230px; height:100px; line-height:100px; color:#fff; text-align:center; display:block; position:relative; overflow:hidden;}
#header h1 a span {display:block; width:230px; height:100px; position:absolute; left:0; top:0; background:url(img/logo-prodom.gif) no-repeat scroll left top; cursor:pointer;}
#header h1 a:hover span {background-position:left bottom;}

#lang {float:right; height:25px; margin-right:8px;}
#lang li {float:left; line-height:25px; margin-left:3px;}

#menu {float:right; width:810px; height:35px;}
#menu li {float:left; height:35px; background:#536876 url(img/menu01.gif) no-repeat scroll left top; margin-right:2px; line-height:35px; padding-left:25px;}
#menu li a {display:block; float:left; height:35px; background:url(img/menu01.gif) no-repeat scroll right top; padding-right:10px; color:#fff;}
#menu li.active {background-color:#fff; background-image:url(img/menu02.gif);}
#menu li.active a {background-image:url(img/menu02.gif); color:#62717b;}

#header h2 {float:left; width:810px; height:40px; background:#fff; line-height:40px; font-weight:normal;}
#header h2 strong {font-size:1.5em; color:#d8293f; float:left; margin:0 10px;}
#header h2 span {display:none;}
#header h2 a {float:right;}
#header h2 a.order {display:block; width:130px; height:30px; margin:5px; text-align:center; background:#d8293f; color:#fff; line-height:30px; position:relative; overflow:hidden;}
#header h2 a.order span {display:block; width:130px; height:30px; position:absolute; left:0; top:0; background:url(img/order.gif) no-repeat scroll left top; cursor:pointer;}
#header h2 a.order:hover span {background-position:left bottom;}
#header h2 a.mirror {font-size:0.91em; margin:6px 10px; line-height:1em; display:block; width:146px; height:30px; text-align:center;  position:relative; overflow:hidden;}
#header h2 a.mirror span {display:block; width:146px; height:30px; position:absolute; left:0; top:0; background:url(img/mirror.gif) no-repeat scroll left top; cursor:pointer;}
#header h2 a.mirror:hover span {background-position:left bottom;}
#header h2 a.mirror2 {font-size:0.91em; margin:6px 10px; line-height:1em; display:block; width:146px; height:30px; text-align:center;  position:relative; overflow:hidden;}
#header h2 a.mirror2 span {display:block; width:146px; height:30px; position:absolute; left:0; top:0; background:url(img/mirror.gif) no-repeat scroll left bottom; cursor:pointer;}
#header h2 a.mirror2:hover span {background-position:left top;}

#header h2 a.projnav {display:block; width:30px; height:30px; margin:5px 5px 5px 0; text-align:center; background:#d8293f; color:#fff; line-height:30px; position:relative; background:url(img/header-btn.gif) no-repeat scroll left top;}
#header h2 a.projnav:hover {background-position:left bottom; text-decoration:none;}
#header h2 small {font-size:0.8em}

/* PRODOM MENU
*******************************************************************************************************/
#prodomflash {width:820px; height:545px; background:#848889; float:right; margin-top:0px; padding:10px;}
html>/**/body #prodomflash {margin-top:10px;}
*>#prodomflash {width:800px; height:525px;}

#prodommenu {width:260px; height:545px; float:left; margin-bottom:10px;}
html>/**/body #prodommenu {margin-top:-5px;}
#prodommenu li  {margin-bottom:-2px;}
html>/**/body #prodommenu li {margin-bottom:0;}
#prodommenu li a {display:block; background:#535555 url(img/prodom-menu.gif); padding:10px 10px 10px 50px; }
#prodommenu li.podorys a {height:240px; background-position:left 0;}
#prodommenu li.podorys a img {border-top:10px solid #fff; border-bottom:10px solid #fff;}
#prodommenu li.vizualizacia a {height:140px; background-position:left -240px;}
#prodommenu li.vizualizacia a img {border:1px solid #fff; margin:-2px -1px; position:relative;}
#prodommenu li.informacie a {height:165px; background-position:left -380px;}
*>#prodommenu li.podorys a {height:220px;}
*>#prodommenu li.vizualizacia a {height:120px;}
*>#prodommenu li.informacie a {height:145px;}
#prodommenu li.informacie a span {display:block; height:145px; background:#fff; color:#00a04f; padding:9px 17px 0;}
*>#prodommenu li.informacie a span {height:136px;}
#prodommenu li.informacie a span strong {color:#7c8184; font-weight:normal; font-size:1em; display:block; padding-top:10px; line-height:1.2em;}
#prodommenu li.informacie a span em {color:#d8293f; font-style:normal; font-weight:bold; line-height:1.2em; display:block; float:left; width:70px;}
#prodommenu li a:hover {text-decoration:none; cursor: pointer;} 

#prodommenu li.podorys a.active {background-position:right 0;}
#prodommenu li.vizualizacia a.active {background-position:right -240px;}
#prodommenu li.informacie a.active {background-position:right -380px;}

/* PRODOM SUBMENU
*******************************************************************************************************/
#prodomsub {width:1040px; height:350px; background:#505252 url(img/prodom-submenu.gif) no-repeat scroll left top; margin:0 0 0 40px; clear:both;}
#prodomsub li {width:260px; float:left;}
#prodomsub a.zariad {display:block; width:240px; height:80px; background:#282828; color:#fff; text-align:center; line-height:80px; margin:10px; position:relative; overflow:hidden;}
#prodomsub a.zariad span {display:block; width:240px; height:80px; position:absolute; left:0; top:0; background-position:left top; cursor:pointer;}
#prodomsub a.zariad:hover span {background-position:left -80px;}
#prodomsub a.zariad.none span, #prodomsub a.zariad.none:hover span {background-position:left -160px;}
#prodomsub .prizemie a.zariad span {background-image:url(img/zariadovanie-pr.gif);}
#prodomsub .poschodie a.zariad span {background-image:url(img/zariadovanie-po.gif);}
#prodomsub .suteren a.zariad span {background-image:url(img/zariadovanie-su.gif);}
#prodomsub .exterier a.zariad span {background-image:url(img/zariadovanie-ex.gif);}

#prodomsub .podorys {display:block; padding:20px; margin:10px; background:#fff;}
#prodomsub a.podorys:hover {border:5px solid #d8293f; padding:15px;}
#prodomsub .podorys img {display:block;}

/* PRODOM SUBMENU2
*******************************************************************************************************/
#prodomsub2 {width:1040px; height:190px; background:#505252 url(img/prodom-submenu2.gif) repeat-x scroll left top; margin:0 0 0 40px; clear:both;}
#prodomsub2 li {float:right;}
#prodomsub2 li ul {width:570px; padding:5px;}
*>#prodomsub2 li ul {width:560px;}
#prodomsub2 li li {margin:4px;}
#prodomsub2 li li img {display:block; border:1px solid #fff;}
#prodomsub2 li li a:hover img {border-color:#d8293f;}
#prodomsub2 li.pohlady {padding-top:0;}
#prodomsub2 li.pohlady li {margin-top:0;}

#prodomsub2 li.big {margin-top:-86px; margin-left:9px; margin-right:-1px;}
#prodomsub2 li.big img {border:1px solid #fff;}
#prodomsub2 li.big a:hover img {border-color:#d8293f;}

#prodomsub2 li.otacanie {margin-top:-85px; margin-bottom:10px;}
#prodomsub2 li.otacanie a, #prodomsub2 li.farbenie a {display:block; width:170px; height:80px; text-align:center; line-height:80px; overflow:hidden; position:relative;}
#prodomsub2 li.otacanie a span, #prodomsub2 li.farbenie a span {display:block; width:170px; height:80px; position:absolute; left:0; top:0; background-position:left top; cursor:pointer;}
#prodomsub2 li.otacanie a:hover span, #prodomsub2 li.farbenie a:hover span {background-position:left bottom;}
#prodomsub2 li.otacanie a span {background-image:url(img/otacanie.gif);}
#prodomsub2 li.farbenie a span {background-image:url(img/farbenie.gif);}

/* DETAILS
*******************************************************************************************************/
#details {background:#fff; padding:10px 25px; height:525px;}
*>#details {height:505px;}

#details div {margin-right:310px;}
#details div h3 {color:#00a04f; font-size:1.42em; margin:1em 0 0.5em; font-weight:normal;}
#details div p {margin:0.7em 0;}
#details div ul {margin:0.7em 0;}
#details div ul li {padding-left:20px; background:url(img/home.gif) no-repeat scroll left 3px; line-height:1.5em;}

#details table {float:right; width:370px; margin-top:10px; margin-left:10px;}
#details td {padding:3px 10px;}
#details tbody .odd td {background:#f3f3f3;}
#details thead td {border-bottom:1px solid #e5e5e5; color:#d8293f; font-weight:bold;}
#details tfoot .odd td {padding-top:30px;}

#details .price {float:none; clear:both; width:100%;}
#details .price tfoot .odd td {padding-top:10px; color:#999;}
#details .price em {font-style:normal; color:#00a04f;}

/* MATERIAL
**************************************************************************/
.material {width:180px; float: left; text-align:center;}

/* LIST
*******************************************************************************************************/
#list {margin-left:20px; margin-top:10px;}
*>#list {margin-left:30px;}
#list li {float:left; margin-left:10px; margin-bottom:10px; position:relative;}
#list li img {display:block;}
#list a {background:#2c2c2c; display:block; color:#fff; width:200px;}
#list a:hover {background:#fff; color:#333; text-decoration:none;}
#list a strong {display:block; padding:5px 10px;}
#list .novinka {display:block; width:60px; height:60px; background:url(img/novinka.gif) no-repeat scroll left top; position:absolute; right:0; top:0;}
#list .interier {display:block; width:60px; height:60px; background:url(img/interier.gif) no-repeat scroll left top; position:absolute; left:0; top:0;}

/* PARTNERS
*******************************************************************************************************/
#partners {height:420px; width:1060px; overflow:hidden; margin-left:20px; clear:both;}
*>#partners {margin-left:30px; width:1050px;}
#partners li {float:left; width:200px; height:200px; overflow:hidden; margin-left:10px; margin-top:10px;}

/* FOOTER
*******************************************************************************************************/
#footer {background:#fff url(img/logo-bottom.gif) no-repeat scroll left top; margin-left:40px; margin-top:10px; margin-bottom:50px; height:65px; border-top:5px solid #9a9d9e; border-bottom:5px solid #9a9d9e; clear:both;}
#footer p {float:left; color:#047c3f; margin-left:110px; padding-top:17px;}
#footer p.ll {float:right; color:#536876; position:relative; text-align:center; line-height:65px; padding:0 25px 0 0; width:300px; text-align:right;}
#footer p.ll a {color:#3179bb;}

#footer .google {float:left; margin: 5px 20px; float:left; padding-top:17px; color:#999;}
#footer form {display: inline; float:left; margin:0; padding:0; height:0;}

/* KATALOG
*******************************************************************************************************/
#katalog {margin:10px 0 0 40px; color:#333; background:#fff; height:620px; padding-left:70px; padding-top:40px;}
#katalog a.projnav {display:block; width:30px; height:30px; margin:272px 10px 0; text-align:center; background:#d8293f; color:#fff; line-height:30px; position:relative; background:url(img/header-btn.gif) no-repeat scroll left top; float:left;}
#katalog a.projnav:hover {background-position:left bottom; text-decoration:none;}
#katalog img {float:left; display:block; margin:0;}
#katalog .downloadkatalog {clear:both; padding:0 20px 20px; text-align:right; margin-top:-20px;}
html>/**/body #katalog .downloadkatalog {padding-top:20px;}


/*#homerotator {display:none; position:absolute;}*/
.replacer:hover .homeflash  {display:block;position:absolute;}

.replacer .homeflash {display:none; }

/*
.replacer .homeflash { display:none;}
.replacer:hover .homeflash {display:block; position:absolute;}
*/
.clear {clear:both;}