/* HOMEPAGE */
#hpMainWrapper{background:url(../images/hp-main-bg.png) no-repeat; width:900px; height:900px; margin: 0 auto; position: relative}
#hpMainWrapper #puzzle{width:302px;position:relative;height: 281px;left: 296px; top:-1px;}
#hpMenuWrapper{ width:250px; height:150px; position:relative; left:680px; top:61px;}

#hpMenuWrapper ul{margin:0px;list-style:none;font-size: 14px;text-transform: uppercase;font-weight:bold;}
#hpMenuWrapper ul a{text-decoration:none;}
#hpMenuWrapper ul a:hover{text-decoration:underline;}
#hpMenuWrapper ul li{ margin-bottom:10px;}
#hpContentWrapper{ width:510px; height:220px; padding: 20px; position:relative; top:140px; left:20px;}
#hpContentWrapper a{color:#000; font-weight:bold; text-decoration:underline;}
#hpContentWrapper a:hover{text-decoration:none;}
#hpContentWrapper p {line-height: 170%; margin-bottom: 15px; font-size:12px;}
#hpContentWrapper strong {color:#ff3f00; font-weight:bold;}

#hpNoteWrapper {width: 550px; height: 50px; font-style: italic; color: #636363; top: 470px; left: 30px; position: absolute}
#hpNoteWrapper a{color:#494949; font-weight:bold; text-decoration:underline; font-style: italic; }
#hpNoteWrapper strong {color:#ff3f00; font-weight:bold;}
#hpNoteWrapper img {float: left; padding-right: 10px;}
#hpNoteWrapper p {padding: 6px; text-align: left}


#hpPictureWrapper{ width:288px; height:261px; position:relative; left:600px; top:-113px;}
/* OBSAHOVA STRANKA */
#mainWrapper {width: 900px; margin: 0 auto; text-align:left;}
#headerWrapper {width: 900px; height:226px; padding:0;}
#headerWrapper #headerLogo {float:right; width:250px; height:150px;}
#headerWrapper #navigation {float:left; width:650px;}
#headerWrapper #navigation ul {list-style-type:none ;margin:0;}
#headerWrapper #navigation ul span{ display:none;}
#headerWrapper #navigation li {display:block; float:left;}
#headerWrapper #search {float:right; width:250px; height:56px; padding: 20px 0 0 0;}
#contentWrapper {clear:both;}
#contentWrapper #content { width:640px; float:left;}
/** MENU **/
#contentWrapper #menu { width:200px; float:right; padding-left: 60px; margin-top:20px;}
#contentWrapper #menu a:hover {text-decoration: underline;}
#contentWrapper #menu ul {list-style-image: url(../images/menu-ul.gif); margin:0; text-align:left;}
#contentWrapper #menu ul .active {text-decoration: underline;}
#contentWrapper #menu ul ul {list-style-image: url(../images/menu-ul-ul.gif); margin:0 0 0 20px; text-align:left;}
#contentWrapper #menu ul ul .active {font-weight:bold; color:#000; font-style:normal;text-decoration: none;}
#contentWrapper #menu ul li {text-transform: uppercase; font-weight:bold; margin-bottom:15px; font-size:14px;}
#contentWrapper #menu ul ul li {text-transform: none; font-weight: normal; margin-bottom:10px; font-size:12px; font-style:italic;}
#contentWrapper #content {text-align:left;background-image: url(../images/content-bg.png);background-repeat: no-repeat; width:540px; padding: 50px; margin-bottom: 30px;}
/** REFERENCE **/
#referenceWrapper{	width:570px;height: 170px;clear:both;background-image:url(../images/reference-bg.png);background-repeat: no-repeat; text-align:left; padding: 15px; margin-left: 20px; color:#FFF;}
#referenceWrapper #popis{ width:180px; height:170px; margin-left: 20px; float:right;}
#referenceWrapperPicture{float:left;}
#referenceWrapper h2{ font-size:18px; color:#FC0;}
#referenceWrapper a{ color:#FFF; font-weight:bold; text-decoration:underline;}
#referenceWrapper a:hover{ text-decoration:none;}
#referenceWrapper #reseni{ font-size:12px; text-transform:uppercase;}
/* SPOLECNE */
#footerWrapper { clear:both;background-image: url(../images/footer-bg.png);background-repeat: repeat-x; width:100%; height:100px; text-align:left;}
#footerWrapper #footerLogo {float:left;vertical-align: middle;}
#footerWrapper #company { float:left; margin-top:40px; color:#595959;}
#footerWrapper #copyrights { float:right; margin:40px 30px 0 0; color:#595959;}
#footerWrapper a {color:#595959; text-decoration:none;}
#footerWrapper a:hover {color:#595959; text-decoration:underline;}
/**** MENU ****/
/** Tlacitko Internetove stranky **/
#is{ background:url(../images/menu/is-normal.png) no-repeat; display:block; width:165px; height:226px;}
#isActive{ background:url(../images/menu/is-active.png) no-repeat; display:block; width:165px; height:226px;}
#is:hover{ background:url(../images/menu/is-hover.png);}
/** Tlacitko Internetova grafika **/
#ig{ background:url(../images/menu/ig-normal.png) no-repeat; display:block; width:164px; height:226px;}
#igActive{ background:url(../images/menu/ig-active.png) no-repeat; display:block; width:164px; height:226px;}
#ig:hover{ background:url(../images/menu/ig-hover.png);}
/** Tlacitko Hostingove sluzby **/
#hs{ background:url(../images/menu/hs-normal.png) no-repeat; display:block; width:161px; height:226px;}
#hsActive{ background:url(../images/menu/hs-active.png) no-repeat; display:block; width:161px; height:226px;}
#hs:hover{ background:url(../images/menu/hs-hover.png);}
/** Tlacitko Internetova reklama **/
#ir{ background:url(../images/menu/ir-normal.png) no-repeat; display:block; width:155px; height:226px;}
#irActive{ background:url(../images/menu/ir-active.png) no-repeat; display:block; width:155px; height:226px;}
#ir:hover{ background:url(../images/menu/ir-hover.png);}