body{ margin: 0; padding: 25px 0px 25px 0px; background: url(images/bg.jpg); font-size: 12px; line-height: 12px; text-align: center; font-family: arial; } div{ margin: 0; padding: 0; } p{ margin: 0; padding: 0; display: none; } a{ color: #0ba2b3; } h1,h2,h3,h4{ display: none; } .farebny{ color: #59bcc7; } .preloadfix{ display: none; width: 0px; height: 0px; } .clearboth{ clear: both; } a img{ border: 0; } #main_container{ width: 1200px; margin: 0 auto; } #hire_me{ width: 10px; height: 50px; float: right; } #hire_me_link{ display: block; width: 55px; height: 200px; position: relative; top: 151px; right: 111px; } #subcontainer{ height: 760px; background: url(images/subcontainer.png); } /** #menu = 85 px od hora, 147 px z lava **/ #menu{ padding: 85px 0px 0px 147px; overflow: hidden; } #menu a{ display: block; float: left; height: 67px; } a:focus{ outline: 0; } #menu #a{ width: 121px; height: 67px; background: url(images/menu/01off.jpg); } #menu #a-active{ width: 121px; height: 67px; background: url(images/menu/01on.jpg); } #menu #a:hover{ background: url(images/menu/01on.jpg); } #menu #b{ width: 82px; height: 67px; background: url(images/menu/02off.jpg); } #menu #b-active{ width: 82px; height: 67px; background: url(images/menu/02on.jpg); } #menu #b:hover{ background: url(images/menu/02on.jpg); } #menu #c{ width: 187px; height: 67px; background: url(images/menu/03off.jpg); } #menu #c-active{ width: 187px; height: 67px; background: url(images/menu/03on.jpg); } #menu #c:hover{ background: url(images/menu/03on.jpg); } #menu #d{ width: 102px; height: 67px; background: url(images/menu/04off.jpg); } #menu #d-active{ width: 102px; height: 67px; background: url(images/menu/04on.jpg); } #menu #d:hover{ background: url(images/menu/04on.jpg); } #menu #e{ width: 183px; height: 67px; background: url(images/menu/05off.jpg); } #menu #e-active{ width: 183px; height: 67px; background: url(images/menu/05on.jpg); } #menu #e:hover{ background: url(images/menu/05on.jpg); } #menu #f{ width: 213px; height: 67px; background: url(images/menu/06off.jpg); } #menu #f-active{ width: 213px; height: 67px; background: url(images/menu/06on.jpg); } #menu #f:hover{ background: url(images/menu/06on.jpg); } #realcontent{ width: 920px; height: 400px; margin: 0 auto; text-align: left; color: #4a4a4a; font-size: 13px; line-height: 15px; } #linkarea{ width: 200px; height: 280px; float: right; margin: 120px 0px 0px 0px; } #linkarea #portfoliolink{ display: block; width: 163px; height: 70px; margin: 0px 0px 0px 7px; } #linkarea #cvlink{ display: block; width: 145px; height: 92px; margin: 14px 0px 0px 18px; } #bio2{ width: 920px; height: 400px; background: url(images/bio2.jpg); } #bio2 a{ color: #4a4a4a; } #bio2 #leftarea{ float: left; width: 600px; } #bio2 #textarea{ width: 485px; height: 230px; float: left; margin: 120px 0px 0px 300px; _margin: 120px 0px 0px 100px; } #bio2 #textarea #textareasub{ padding: 10px 0px 0px 0px; } #bio2 #textarea #textareasub .p{ padding: 0px 0px 0px 10px; } #bio2 a{ text-decoration: none; } #dahref{ display: block; float: left; width: 158px; height: 39px; background: url(images/social/da.png); } #dahref:hover{ background: url(images/social/da-over.png); } #fbhref{ display: block; float: left; width: 161px; height: 39px; background: url(images/social/fb.png); } #fbhref:hover{ background: url(images/social/fb-over.png); } #bhhref{ display: block; float: left; width: 158px; height: 39px; background: url(images/social/bh.png); } #bhhref:hover{ background: url(images/social/bh-over.png); } #bio2 #soccont{ padding: 0px 0px 0px 200px; float: left; width: 500px; } #showcase #leftmenu{ float: left; width: 215px; height: 400px; } #showcase #leftmenu a{ display: block; margin: 35px 0px 35px 15px; width: 165px; } #showcase #leftmenu #a{ height: 28px; background: url(images/showcase/01off.png) no-repeat; margin-top: 80px; } #showcase #leftmenu #a-active{height: 28px; background: url(images/showcase/01on.png) no-repeat; margin-top: 80px; } #showcase #leftmenu #a:hover{ background: url(images/showcase/01on.png) no-repeat; } #showcase #leftmenu #b{ height: 26px; background: url(images/showcase/02off.png) no-repeat; margin-left: 23px; } #showcase #leftmenu #b-active{ height: 26px; background: url(images/showcase/02on.png) no-repeat; margin-left: 23px; } #showcase #leftmenu #b:hover{ background: url(images/showcase/02on.png) no-repeat; } #showcase #leftmenu #c{ height: 26px; background: url(images/showcase/03off.png) no-repeat; margin-left: 18px; } #showcase #leftmenu #c-active{ height: 26px; background: url(images/showcase/03on.png) no-repeat; margin-left: 18px; } #showcase #leftmenu #c:hover{ background: url(images/showcase/03on.png) no-repeat; } #showcase #leftmenu #d{ height: 23px; background: url(images/showcase/04off.png) no-repeat; margin-left: 21px; margin-bottom: 0px; } #showcase #leftmenu #d-active{ height: 23px; background: url(images/showcase/04on.png) no-repeat; margin-left: 21px; margin-bottom: 0px; } #showcase #leftmenu #d:hover{ background: url(images/showcase/04on.png) no-repeat; } #showcase #leftmenu #okrasa{ text-align: left; padding-left: 20px; } #showcase #actualcontent{ float: right; width: 650px; height: 400px; margin-top: 10px; margin-right: 50px; _margin-right: 25px; } #showcase #actualcontent .imgcontainer{ float: left; width: 142px; height: 142px; background: url(images/showcase/imgcontainer.png); padding: 13px 0px 0px 13px; } #blog{ width: 920px; height: 400px; background: url(images/blog/bg.jpg); } #blog #clanok { float: left; width: 500px; height: 400px; margin: 0px 0px 0px 118px; _margin: 0px 0px 0px 59px; } #blog #clanok #nadpis{ font-size: 18px; font-weight: bold; color: #0ba2b3; margin: 30px 0px 30px 0px; } #blog #clanok #datum{ color: #c9c9c9; } #blog #clanok .imgcontainer{ float: left; width: 212px; height: 148px; background: url(images/blog/imgcontainer.png); padding: 12px 0px 0px 13px; margin: 0px 10px 0px 0px; } #blog #selector { float: right; width: 200px; height: 300px; margin: 0px 46px 0px 0px; _margin: 0px 23px 0px 0px; padding: 100px 0px 0px 0px; } #blog #selector .clanok { background: url(images/blog/border.png) bottom left no-repeat; padding: 10px 0px 15px 0px; } #blog #selector .clanok .nadpis { color: #0ba2b3; font-weight: bold; padding: 2px; } #blog #selector .clanok .datum { float: left; width: 60px; height: 19px; color: #888888; background: url(images/blog/datum.png) 2px 4px no-repeat; padding: 4px 0px 0px 20px; font-size: 11px; } #blog #selector .clanok .read { display: block; float: right; width: 90px; height: 20px; background: url(images/blog/read.png) center center no-repeat; } #blog #selector .sipky{ margin: 30px 0px 0px 40px; } #blog #selector .sipky #selprev{ float: left; width: 30px; height: 15px; background: url(images/blog/menuprev.png) center center no-repeat; cursor: pointer; } #blog #selector .sipky #pagenum{ float: left; width: 30px; height: 15px; margin: 0px 10px; text-align: center; color: #0ba2b3; font-weight: bold; } #blog #selector .sipky #selnext{ float: left; width: 30px; height: 15px; background: url(images/blog/menunext.png) center center no-repeat; cursor: pointer; } #what{ width: 920px; height: 400px; background: url(images/what/bg.jpg); } #whattextarea{ padding: 130px 0px 0px 170px; } #whattextarea #generaltext{ color: #59bcc7; float: left; width: 300px; height: 60px; } #whattextarea #clienttext{ color: #5a5959; float: right; width: 350px; height: 60px; margin: 0px 70px 0px 0px; } #whattextarea #par1{ margin: 17px 50px 0px 45px; } #whattextarea #par2{ margin: 20px 50px 0px 70px; } #whattextarea #par3{ margin: 25px 50px 0px 95px; } #touch_me{ width: 920px; height: 400px; background: url(images/contact/bg.jpg); } #touch_me #contactform{ float: right; width: 304px; height: 204px; margin: 110px 68px 0px 0px; _margin: 110px 34px 0px 0px; } #touch_me #contactform #name{ float: left; border: 0; width: 118px; height: 20px; margin: 32px 0px 0px 15px; font-family: arial; color: #777; background: transparent; } #touch_me #contactform #surname{ display: none; } #touch_me #contactform #mail{ float: right; border: 0; width: 114px; height: 20px; margin: 34px 20px 0px 0px; font-family: arial; color: #777; background: transparent; } #touch_me #contactform #text{ border: 0; width: 264px; height: 75px; margin: 21px 0px 0px 20px; font-family: arial; color: #777; background: transparent; font-size: 12px; overflow: hidden; } #touch_me #contactform #sendbutton{ background: url(images/contact/send-off.png); border: 0; cursor: pointer; width: 93px; height: 41px; display: block; float: right; margin: 2px 16px 0px 0px; _margin: 2px 8px 0px 0px; } #touch_me #contactform #sendbutton:hover{ background: url(images/contact/send-on.png); } #touch_me #sentform{ width: 313px; height: 233px; background: url(images/contact/bg2.jpg) no-repeat bottom right; padding: 95px 0px 0px 550px; } #touch_me #sentwrongform{ width: 313px; height: 233px; background: url(images/contact/bg3.jpg) no-repeat bottom right; padding: 95px 0px 0px 550px; } #langlink{ text-align: left; } #langlink a{ display: block; width: 90px; height: 140px; margin: 0px 0px 0px 1090px; } /** s jazyk linkom #addthis{ padding: 27px 0px 0px 700px; } **/ #addthis{ padding: 167px 0px 0px 700px; } #admincontainer{ width: 920px; height: 400px; padding: 90px 0px 0px 140px; } #adminmenu{ margin: 0px 0px 20px 240px; } #adminmenu a{ margin: 0px 5px; display: block; float: left; text-decoration: none; font-size: 14px; } /** zoznam clankov, kategorii, aj uzivatelov **/ .zoznam_clankov{ border-collapse: collapse; border: 1px solid black; margin: 4px; } .zoznam_clankov .prvy{ height: 30px; background: #d8d8d8; font-weight: bold; text-align: center; } .zoznam_clankov .prvy:hover{ background: #d8d8d8; } .zoznam_clankov td{ padding: 2px 5px; } .zoznam_clankov .neparny{ background: #f9f9f9; } .zoznam_clankov .parny{ background: #ececec; } .zoznam_clankov .top{ background: #fffcca; } .zoznam_clankov tr:hover{ background: #d6ebff; } .zoznam_clankov img{ border: 0; } #legenda{ margin: 5px 0px 0px 0px; padding: 10px; text-align: left; line-height: 16px; border: 1px solid #777; background: #f6f6f8; font-family: "courier new"; }