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

body { padding: 0; margin: 10px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #000; }

.cleaner { clear: both; }

/* GLOBAL WRAPPER */
#main-wrapper { width: 918px; padding: 0; margin: 0 auto; }

/* HEADER */
#main-wrapper #top { height: 10px; float: right; margin: 0; padding: 0 0 10px 0; color: #7f7f7f; font-size: 11px; }
#main-wrapper #top a { color: #FFF; text-decoration: underline; }
#main-wrapper #top a:hover { color: #FFF; text-decoration: none; }

#main-wrapper #header { width: 918px; height: 75px;  margin: 0; padding: 0;}
#main-wrapper #header .logo { float: left; width: 169px; height: 75px; padding: 0; margin: 0; display: block }

/* NAVIGATION */
#main-wrapper #header #navigation { margin: 0; padding: 0; height: 75px; float: right;   }
#main-wrapper #header #navigation a { float: left; height: 75px; text-decoration: none; background-position: 0 0;  display: block; }

#main-wrapper #header #navigation a.home { background: url(../images/navigation/uvod.gif) no-repeat; width: 87px; }
#main-wrapper #header #navigation a.contact { background: url(../images/navigation/kontakt.gif) no-repeat; width: 105px; }
#main-wrapper #header #navigation a.products { background: url(../images/navigation/produkty.gif) no-repeat; width: 115px; }
#main-wrapper #header #navigation a.services { background: url(../images/navigation/sluzby.gif) no-repeat; width: 99px; }
#main-wrapper #header #navigation a.partners { background: url(../images/navigation/partneri.gif) no-repeat; width: 109px; }
#main-wrapper #header #navigation a.download { background: url(../images/navigation/nastiahnutie.gif) no-repeat; width: 149px; }
#main-wrapper #header #navigation a.shop { background: url(../images/navigation/shop.gif) no-repeat; width: 85px; }

#main-wrapper #header #navigation a:hover { background-position: 0 -75px; }

#main-wrapper #header #navigation a.home-a { background: url(../images/navigation/uvod.gif) no-repeat; width: 87px; background-position: 0 -150px; }
#main-wrapper #header #navigation a.contact-a { background: url(../images/navigation/kontakt.gif) no-repeat; width: 105px; background-position: 0 -150px; }
#main-wrapper #header #navigation a.products-a { background: url(../images/navigation/produkty.gif) no-repeat; width: 115px; background-position: 0 -150px; }
#main-wrapper #header #navigation a.services-a { background: url(../images/navigation/sluzby.gif) no-repeat; width: 99px; background-position: 0 -150px; }
#main-wrapper #header #navigation a.partners-a { background: url(../images/navigation/partneri.gif) no-repeat; width: 109px; background-position: 0 -150px; }
#main-wrapper #header #navigation a.download-a { background: url(../images/navigation/nastiahnutie.gif) no-repeat; width: 149px; background-position: 0 -150px; }
#main-wrapper #header #navigation a.shop-a { background: url(../images/navigation/shop.gif) no-repeat; width: 85px; background-position: 0 -150px; }

/* CONTENT */
#main-wrapper #content { width: 918px; height: 413px; padding: 0; margin: 0; overflow: hidden; }
#main-wrapper #content a { color: #FFF; text-decoration: none;}
#main-wrapper #content a:hover { color: #FFF; text-decoration: none;}
#main-wrapper #content .flash-area { float: left; width: 786px; height: 413px; padding: 0; margin: 0; }

#main-wrapper #content .icons { float: right; width: 132px; height: 413px; padding: 0; margin: 0; aoverflow: auto; }
#main-wrapper #content .icons .ideal-care { afloat: left; width: 132px; height: 75px; background: url(../images/layout/ideal-care.jpg) no-repeat; }
#main-wrapper #content .icons .ideal-clean { afloat: left; width: 132px; height: 55px; background: url(../images/layout/ideal-clean.jpg) no-repeat; }
#main-wrapper #content .icons .ideal-plus { afloat: left; width: 132px; height: 72px; background: url(../images/layout/ideal-plus.jpg) no-repeat; }
#main-wrapper #content .icons .click-technology { float: aleft; width: 132px; height: 72px; background: url(../images/layout/click-technology.jpg) no-repeat; }
/*#main-wrapper #content .icons .m-tech { float: aright; width: 132px; height: 66px; background: url(../images/layout/mtech.jpg) no-repeat; }*/
#main-wrapper #content .icons .m-tech { float: aright; width: 132px; height: 66px; background: url(../images/layout/button.gif) no-repeat; }
#main-wrapper #content .icons .videos{ float: aleft; width: 132px; height: 73px; background: url(../images/layout/videos.jpg) no-repeat; }


/* FOOTER */
#footer {width: 918px; height: 37px; padding: 10px 0 0 0; margin: 0 auto; background: url(../images/layout/footer-bg.gif) no-repeat; font-size: 11px; color: #a7a8a7; text-align: center;  }
#footer a { color: #a7a8a7; text-decoration: none; }
#footer a:hover { color: #a7a8a7; text-decoration: underline; }

.pu { width:530px; height:340px; padding:51px 0 0 48px; background:url(../images/layout/pu-image.png) left top no-repeat; }
.pu h2 { color:#fff !important; font-size:34px !important; line-height:120% !important; font-weight:normal !important; height:215px; overflow:hidden; margin:0 0 13px 0; }
.pu a.more { display:block; width:187px; height:55px; line-height:55px; color:#000 !important; text-decoration:none; text-align:center; font-size:18px; padding:0 !important; outline:none; margin:0 0 5px 0; }
.pu a.more:hover { background:url(../images/layout/pu-image-button-hover.gif); color:#fff !important; }
.pu a.more:hover { text-decoration:underline; }
.pu a.more1 { font-size:12px; margin:0 0 0 48px; color:gray !important; text-decoration:none; }
.pu a.more1:hover { text-decoration:underline; }