body {background:#ffffff url(../images/layout/bg.gif) repeat-x;margin: 0px;padding: 0px;font-family: Arial, Narrow, Arial CE;font-size: 85%;color:#3d3d3d;font-weight:normal;}

#Header{display:block;width:940px;height:120px;margin:0 auto;padding:0;position:relative;}
#HeaderContent{display:block;width:940px;height:195px;margin:0 auto;padding:0;position:relative;}

/* Banner
******************************************************************/
#Banner{display:block;width:940px;margin:15px 0 0 0;padding:0 0 0 0;position:relative;}
.slider {width:900px;height:280px;}
.slider .inside {padding:6px 6px 0px 6px;}
.slideSipkaLeva {width:44px;height:48px;position:absolute;top:125px;left:0px;background-image:url(../images/layout/slider-sipka-leva.gif);background-position:top;display:block;z-index:100;}
.slideSipkaLeva:hover {background-position:bottom;}
.slideSipkaPrava {width:44px;height:48px;position:absolute;top:125px;right:5px;background-image:url(../images/layout/slider-sipka-prava.gif);background-position:top;display:block;z-index:100;}
.slideSipkaPrava:hover {background-position:bottom;}
.prechodLeva {position:absolute;top:6px;left:6px;z-index:5;}
.prechodPrava {position:absolute;top:6px;right:6px;z-index:5;}

.promoPolozka {width:870px;float:left;}
.promoPolozka .inside {padding:15px 0px 0px 15px;}
.promoPolozka .insidePromo {padding:20px 0px 0px 60px;}
.promoPNG {float:left;padding:0 10px 0 30px;}
.promoPNG img {border:5px solid #f5f5f5;}
.promoPolozka h1 {color:#ffffff;font-size:22px;font-weight:bold;margin:0;padding: 0 0 10px 0;line-height:120%;font-family: georgia,times new roman;text-transform:uppercase;}
.promoPolozka p.perex {color:#ffffff;}
.promoPolozka p.detail {margin:5px 0px 5px 0px;font-size:12px;color:#b3d7ed;}
.promoPolozka p a, .promoPolozka p a:hover {color:#ffffff;}
.promoPolozka p.info {margin:0;font-size:11px;color:#b3d7ed;}
.promoPolozka .reference0 {padding:80px 0px 0px 0px;}
.promoPolozka .reference {padding:30px 0px 0px 0px;}

#my-glider {float:left;}

div.scroller {	/* modify width and height of scrolling section if necessary	*/		
width:870px;height:280px;overflow:hidden;border:none;}
div.scroller div.section {/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
width:870px;height:280px;float:left;margin-right:0px;}
div.scroller div.content {width: 10000px;}

/* PROMO
------------------------------------------------------------------------------*/
.item {width:260px; float:left; position:relative;padding:0px 0px 0px 10px;}
.item h2 {padding:10px 10px 0 70px !important;overflow:hidden;color:#ffffff;font-size:120%;font-family:Arial,helvetica;text-transform:uppercase;font-weight:bold;}
.item h2.grafika {padding:35px 10px 0 70px !important;overflow:hidden;color:#ffffff;font-size:120%;font-family:Arial,helvetica;text-transform:uppercase;font-weight:bold;}
.item p {padding:0 20px 0 0px !important; position:relative;top:10px;overflow:hidden; z-index:10;color:#a4b6ce;}
.item p.grafika {padding:0 20px 0 0px !important; position:relative;top:25px;overflow:hidden; z-index:10;color:#a4b6ce;}
.item img {position:absolute;left:0px;top:10px;z-index:5;width:70px;height:60px;}

/* HpTelo advertising
******************************************************************/
#HpTelo {background:url(../images/layout/box-silve.png) repeat-x;width:915px;height:123px;padding:10px 20px 10px 0;margin:55px 0px 45px 0px;line-height:1.6em;font-size:100%;}
#HpTelo strong {color:#ec297b;}
#HpTelo a {font-weight:bold;color:#ec297b;}

.news {width:295px; float:left; position:relative;padding:0px 0px 0px 10px;font-size:90%;}
.news h2 {padding:8px 10px 0 50px !important;overflow:hidden;color:#ec297b;;font-size:120%;font-family:Arial,helvetica;font-weight:bold;line-height:140%;text-transform:uppercase;}
.news p {padding:0 20px 0 0px !important; position:relative;top:5px;overflow:hidden; z-index:10;color:#525a64;}
.news p.odkaz {padding:20px 20px 0 0px !important; position:relative;top:5px;overflow:hidden; z-index:10;color:#525a64;}
.news img {position:absolute;left:0px;top:10px;z-index:5;width:70px;height:60px;}
.news a, .news a:hover {font-weight:normal;}
span.datum{width:36px;height:31px;overflow:hidden;background:url(../images/layout/kalendar.gif) top left no-repeat;display:block;position:absolute;left:10px;top:10px;text-align:center;padding:8px 2px 0 0;line-height:110%;}


/* footer-homepage
******************************************************************/
#FooterHP {width:100%;margin-top:10px;font-size:90%;}
#FooterHP strong {color:#b9d300;font-family:Arial Narrow, Arial;font-size:130%;font-weight:normal;}
#InFooter {width:940px;margin:0px auto;color:#d3d3d3;position:relative;}
#FooterHP a {color:#9fac00;text-decoration:underline;}
#FooterHP a:hover, #FooterHP a:active, #FooterHP a:focus {color:#9fac00;text-decoration:none;}
#FooterHP .FooterLeft {float:left;padding:10px 0px 0px 0px;}
#FooterHP .FooterMiddle {float:left;padding:10px 0px 0px 80px;margin:0 0 0 110px;}
#FooterHP .FooterRight {float:left;padding:10px 0px 0px 80px;}
#FooterHP .facebook {padding:15px 0 10px 0;}
#FooterHP .doporucujeme {font-size:90%;}
#FooterHP .doporucujeme, #FooterHP .doporucujeme a, #FooterHP .doporucujeme a:hover {color:#999999;}