body {font-family: Arial, sans-serif; font-size: 15px; color: #525252; background-color: #f0f0f0; }

a { color: #008ABC; }
a:hover { color: red; }
img { border: none; }
img, div { behavior: url('iepngfix.htc'); }
p { text-align: justify; line-height: 23px; }
h2 { font-size: 24px; font-weight: normal; }
h4 { font-size: 20px; padding-left: 20px; font-weight: normal; }
h5 { font-size: 15px; margin: 0; font-weight: normal; }
.blue { color: #008ABC; }
hr { width: 100%; height: 1px; background-color: #D3D3D4; border: none; position: relative; top: 10px; margin-bottom: 30px; }
.clear { clear: both; }

#page { width: 962px; height: 100%; margin: 0 auto 40px auto; background: #fff url('../img/page.png') bottom left repeat-x; }

#header { width: 962px; height: 119px; background: #333333 url('../img/header.png') no-repeat top right; }
#logo { width: 238px; height: 119px; float: left; }
#menu { position: relative; top: 45px; right: 27px; float: right;}
#menu a { color: #fff; text-transform: uppercase; margin: 0px 4px; padding: 6px 13px; text-decoration: none; font-weight: bold; letter-spacing: 1px; font-size: 13px; float: left; }
#menu a:hover { color: #51ACD4; }
#menu a.uvod:hover { background: url('../img/uvod.png') no-repeat; }
#menu a.sluzby:hover { background: url('../img/sluzby.png') no-repeat; }
#menu a.reference:hover { background: url('../img/reference.png') no-repeat; }
#menu a.cenik:hover { background: url('../img/cenik.png') no-repeat; }
#menu a.kontakt:hover { background: url('../img/kontakt.png') no-repeat; }
#menu a.blog:hover { background: url('../img/blog.png') no-repeat; }
#menu a.forum:hover { background: url('../img/forum.png') no-repeat; }

#content-top { width: 962px; height: 17px; background: url('../img/content-top.png') no-repeat top left; }
#content { width: 962px; background: url('../img/content.png') repeat-y top left; float: left; }
#content-bottom { width: 962px; height: 20px; background: url('../img/content-bottom.png') no-repeat top left; clear: both; }

#panel-left { width: 573px; padding-left: 35px; _margin-top: 20px; float: left;  padding-bottom: 10px; }
#panel-left .reference { width: 100%; height: 303px; background: url('../img/ref-back.png') repeat-x top left; margin-top: 30px; margin-bottom: 50px; border-left: 1px solid #F2F2F2; border-right: 1px solid #F2F2F2; }
#panel-left .reference .image { width: 176px; height: 177px; background: url('../img/ref-img.png') no-repeat bottom left; margin: 53px 0; text-align: center; float: left; position: relative; left: 20px; }
#panel-left .reference .ref-text { width: 295px; font-size: 12px; position: relative; right: 50px; float: right; }
#panel-left .reference .ref-text .pozice { width: 185px; float: left; }
#panel-left .referece .ref-text .dukazy { float: right; }
.clients { border-right: 1px solid #D8D8D9; padding-right: 20px; }
.paging { clear: both; padding-bottom: 30px; }
.paging .up { float: left; }
.paging .pages { float: right; }

#panel-services { margin-left: 35px; float: left;  padding-bottom: 20px; }
#panel-services .h3 { width: 442px; height: 45px; float: left; }
#panel-services .h3 h3 { color: #fff; padding: 12px 0 0 30px; margin: 0; font-size: 17px; }
#panel-services .service { width: 442px; margin-right: 10px; background: #FBFBFB url('../img/sluzby/bottom.png') no-repeat bottom left; margin-top: 20px; float: left; padding-bottom: 30px; }
#panel-services .service .middle { width: 440px; padding: 0 0; background: url('../img/sluzby/back.png') repeat-x top left; border-left: 1px solid #F6F6F6; border-right: 1px solid #F6F6F6; float: left; }
#panel-services .service .middle p { font-size: 13px; padding: 0 30px; margin-bottom: 8px; }
#panel-services .seo-audit { background: #333333 url('../img/sluzby/seo-audit.png') no-repeat top left; }
#panel-services .audit-pouzitelnosti { background: #333333 url('../img/sluzby/audit-pouzitelnosti.png') no-repeat top left; }
#panel-services .audit-pristupnosti { background: #333333 url('../img/sluzby/audit-pristupnosti.png') no-repeat top left; }
#panel-services .linkbuilding { background: #333333 url('../img/sluzby/linkbuilding.png') no-repeat top left; }

#panel-prices { margin-left: 35px; float: left; }
#panel-prices .price-list { width: 432px; height: 115px; margin-top: 15px; background: url('../img/cenik/back.png') no-repeat top left; margin-right: 27px; float: left; line-height: 20px; }
#panel-prices .price-list h5 { font-size: 17px; color: #008ABC; }
#panel-prices .price-text { padding-left: 30px; float: left; width: 280px; }
#panel-prices .two { padding-top: 35px; }
#panel-prices .three { padding-top: 25px; }
#panel-prices .four { padding-top: 15px; }
#panel-prices .price { padding: 35px 30px 0 0; float: right; }
#panel-prices .price strong { font-size: 17px; }
#panel-prices a:hover { color: red; }

#panel-right { width: 276px; margin-right: 35px; float: right; }
#panel-right .panel { width: 276px; height: 166px; background: #FBFBFB url('../img/panel-right-bottom.png') no-repeat bottom left; margin-top: 20px; }
#panel-right .panel .middle { width: 276px; padding: 0 0; background: url('../img/panel-right-middle.png') no-repeat top left; float: left; }
#panel-right .panel .middle p { padding: 0 30px; margin-bottom: 8px; }
#panel-right .panel .middle a { font-size: 12px; padding-right: 30px; float: right; }
#panel-right .panel .middle a:hover { color: red; }
#panel-right .h3 { width: 276px; height: 45px; float: left; }
#panel-right .h3 h3 { color: #fff; padding: 13px 0 0 30px; margin: 0; font-size: 17px; }
#panel-right p { font-size: 12px; }

#panel-right .seo-audit { background: #333333 url('../img/seo-audit.png') no-repeat top left; }
#panel-right .audit-pouzitelnosti { background: #333333 url('../img/audit-pouzitelnosti.png') no-repeat top left; }
#panel-right .audit-pristupnosti { background: #333333 url('../img/audit-pristupnosti.png') no-repeat top left; }
#panel-right .linkbuilding { background: #333333 url('../img/linkbuilding.png') no-repeat top left; }

a.seo { color: #4099BC; }
a.pouz { color: #89AD2E; }
a.pris { color: #DF731D; }
a.linkbuild { color: #817364; }

#panel-left form { margin-left: 20px; margin-top: 30px; }
#panel-left fieldset { border: none; padding: 0; }
#panel-left input, #panel-left textarea { background: none; border: none; color: #525252; }
#panel-left textarea { padding: 10px 20px; width: 460px; height: 220px; }
#panel-left .input { width: 503px; height: 31px; background: #efefef url('../img/kontakt/input.png') no-repeat top left; margin-bottom: 10px; }
#panel-left .input input { padding: 8px 20px; width: 230px; }
#panel-left .textarea { width: 502px; height: 245px; background: #efefef url('../img/kontakt/textarea.png') no-repeat top left; }
#panel-left .submit { width: 96px; height: 29px; background: #333333 url('../img/submit.png') no-repeat top left; margin-top: 10px; font-size: 16px; color: #fff; }

#panel-right fieldset { border: none; padding: 0; }
#panel-right input, #panel-right textarea { background: none; border: none; color: #525252; }
#panel-right textarea { padding: 10px 20px;  width: 230px; height: 146px; }
#panel-right .input { width: 277px; height: 31px; background: #efefef url('../img/input.png') no-repeat top left; margin-bottom: 10px; }
#panel-right .input input { padding: 8px 20px; width: 230px; }
#panel-right .textarea { width: 277px; height: 171px; background: #efefef url('../img/textarea.png') no-repeat top left; }
#panel-right .submit { width: 96px; height: 29px; background: #333333 url('../img/submit.png') no-repeat top left; margin-top: 10px; font-size: 16px; color: #fff; }

.panel-kontakt { margin-top: 73px; line-height: 20px; border-left: 1px solid #D8D8D9; padding-left: 40px; width: 236px !important; padding-bottom: 90px; }
.panel-kontakt h4 { margin: 0 0 20px 0; padding-left: 0px; }
#panel-right .left { width: 60px; float: left; }
#panel-right .right { float: left; margin-bottom: 50px; }

#panel-bottom { width: 890px; position: relative; left: 35px; border-top: 1px solid #D3D3D4; float: left; }
#panel-bottom a { margin: 15px 20px; float: left; }
#panel-bottom .seznam { width: 119px; height: 55px; background: url('../img/seznam.png') no-repeat top left; }
#panel-bottom .seznam:hover { background: url('../img/seznam.png') no-repeat bottom left; }
#panel-bottom .google { width: 96px; height: 55px; background: url('../img/google.png') no-repeat top left; }
#panel-bottom .google:hover { background: url('../img/google.png') no-repeat bottom left; }
#panel-bottom .yahoo { width: 111px; height: 55px; background: url('../img/yahoo.png') no-repeat top left; }
#panel-bottom .yahoo:hover { background: url('../img/yahoo.png') no-repeat bottom left; }
#panel-bottom .centrum { width: 117px; height: 55px; background: url('../img/centrum.png') no-repeat top left; }
#panel-bottom .centrum:hover { background: url('../img/centrum.png') no-repeat bottom left; }
#panel-bottom .dmoz { width: 106px; height: 55px; background: url('../img/dmoz.png') no-repeat top left; }
#panel-bottom .dmoz:hover { background: url('../img/dmoz.png') no-repeat bottom left; }
#panel-bottom .atlas { width: 101px; height: 55px; background: url('../img/atlas.png') no-repeat top left; }
#panel-bottom .atlas:hover { background: url('../img/atlas.png') no-repeat bottom left; }

#footer { width: 962px; float: left;}
#footer p { padding: 10px 0 10px 50px; float: left; }
#footer .logo { width: 99px; height: 19px; background: url('../img/logo-vodicka.png') no-repeat top left; margin: 25px 50px 0 0; float: right; }
#footer .logo:hover { background: url('../img/logo-vodicka-hover.png') no-repeat top left; }