/* ----------------------------------------------------------------------------------------------------------

    Autor:
        Nuvio (www.nuvio.cz)
    Aktualizace:
        2009-07-22, 16:56 GMT+1
    Struktura:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

---------------------------------------------------------------------------------------------------------- */

body {background:#dcd5bc url("../design/bg.gif") 0 0 repeat-x; color:#000; font:0.75em/1.6 "arial", sans-serif;}
h1, h2, h3, h4, h5, h6, address, blockquote, dl, fieldset, ol, p, table, ul {margin:15px 0;}
a {color:#565813;}
a:hover, a:active, a:focus {color:#000;}
abbr, acronym, .help {border-bottom:1px dotted #ccc;}

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:970px; margin:0 auto;}
#header {position:relative; height:135px;}
#header #logo {position:relative; width:111px; height:114px; overflow:hidden; margin:0 0 0 25px; padding:0; font-size:200%;}
#header #logo span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/logo.gif") 0 0 no-repeat; cursor:pointer;}
#header #login {position:absolute; top:12px; right:25px; margin:0; font-size:90%; color:#dcd5bc;}
#header #login a {padding-left:13px; background:url("../design/ico-arr-01.gif") 0 50% no-repeat; color:#dcd5bc;}
#header #login a:hover, #header #login a:active, #header #login a:focus {color:#fff;}
#header #nav {position:absolute; top:70px; right:25px; margin:0;}
#header #nav li {display:inline;}
#header #nav li a {display:block; float:left; position:relative; height:35px; overflow:hidden; margin:0; margin-left:3px; padding:0;}
#header #nav li a span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; cursor:pointer;}
#header #nav li.nav-01 a {width:54px;}
#header #nav li.nav-01 a span {background:url("../design/nav-01.gif") 0 0 no-repeat;}
#header #nav li.nav-02 a {width:102px;}
#header #nav li.nav-02 a span {background:url("../design/nav-02.gif") 0 0 no-repeat;}
#header #nav li.nav-03 a {width:100px;}
#header #nav li.nav-03 a span {background:url("../design/nav-03.gif") 0 0 no-repeat;}
#header #nav li.nav-04 a {width:73px;}
#header #nav li.nav-04 a span {background:url("../design/nav-04.gif") 0 0 no-repeat;}
#header #nav li.nav-05 a {width:93px;}
#header #nav li.nav-05 a span {background:url("../design/nav-05.gif") 0 0 no-repeat;}
#header #nav li.nav-06 a {width:123px;}
#header #nav li.nav-06 a span {background:url("../design/nav-06.gif") 0 0 no-repeat;}
#header #nav li.nav-07 a {width:101px;}
#header #nav li.nav-07 a span {background:url("../design/nav-07.gif") 0 0 no-repeat;}
#header #nav li.nav-08 a {width:79px;}
#header #nav li.nav-08 a span {background:url("../design/nav-08.gif") 0 0 no-repeat;}

#header #nav li a:hover span {background-position:0 -35px;}
#header #nav li.active a span {background-position:0 -70px;}
#cols-top {width:970px; height:10px; margin-top:10px; background:url("../design/cols-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#cols-bottom {width:970px; height:10px; background:url("../design/cols-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#cols {background:#fff;}
#cols #content {float:left; width:728px; min-height:150px; height:auto; padding:20px 15px 25px 25px; background:url("../design/content.jpg") 10px 0 no-repeat; overflow:hidden;}
#cols #aside {float:right; width:182px; padding:0 10px; overflow:hidden;}
#cols #aside h3.title {margin:0; padding:8px 15px; font-size:100%; font-weight:bold;}
#cols #aside h3.title.title-01 {background:#929720 url("../design/aside-title-01.gif") 0 0 no-repeat; color:#fff;}
#cols #aside h3.title.title-02 {background:#929720 url("../design/aside-title-02.gif") 0 0 no-repeat; color:#fff;}
#cols #aside h3.title.title-03 {margin-top:10px; background:url("../design/aside-title-03.gif") 0 0 no-repeat; color:#895a2f;}
#cols #aside h3.title.title-04 {background:#43240e url("../design/aside-title-04.gif") 0 0 no-repeat; color:#fff;}
#cols #aside .aside-box-01 {padding:8px 15px; background:#e6e6c2;}
#cols #aside .aside-box-01 ul {margin:0 0 7px 0; list-style:none;}
#cols #aside .aside-box-01 .ico-rss {margin:15px 0; padding:0 0 0 20px; background:url("../design/aside-ico-rss.gif") 0 0 no-repeat;}
#cols #aside .aside-box-02 {padding:8px 15px 130px 15px; background:#e6e6c2 url("../design/aside-box-02.jpg") 0 100% no-repeat;}
#cols #aside .aside-box-03 {padding:0 15px 4px 15px; background:url("../design/aside-box-03.gif") 0 0 repeat-y; text-align:center;}
#cols #aside .aside-box-03 ul.clients {height:70px; margin:0; list-style:none; overflow:hidden;}
#cols #aside .aside-box-03 ul.clients li {margin:0; padding:0;}
#cols #aside .aside-box-03 ul.clients img {display:block;}
#cols #aside .aside-box-03-bottom {width:182px; height:5px; background:url("../design/aside-box-03-bottom.gif") 0 0 no-repeat;}
#cols #aside .aside-box-04 {padding:0; background:#6c3a17;}
#cols #aside .aside-box-04 ul {margin:0; list-style:none;}
#cols #aside .aside-box-04 ul li {display:inline;}
#cols #aside .aside-box-04 ul li a {display:block; padding:5px 15px; border-top:1px solid #895a2f; background:#542e12 url("../design/aside-link.gif") 0 0 repeat-x; color:#fff; text-decoration:none;}
#cols #aside .aside-box-04 ul li a:hover {background:#562f13 url("../design/aside-hover.gif") 0 0 repeat-x;}
#cols #aside .aside-box-04 ul li.active a {border-top:1px solid #abad40; background:#6b6e17 url("../design/aside-active.gif") 0 0 repeat-x;}
#cols #aside .aside-box-04-bottom {width:182px; height:5px; margin-bottom:10px; background:#6c3a17 url("../design/aside-box-04-bottom.gif") 0 100% no-repeat;}
#cols #aside #facebook {margin:0 0 10px 0;}
#cols #aside #facebook img {display:block;}
#footer {clear:both; padding:15px 15px 15px 90px; background:url("../design/footer.gif") 0 0 no-repeat; color:#895a2f;}
#footer p {margin:0;}
#footer .f-right a {color:#A59857;}
#footer .f-right .nostyle {text-decoration:none;}
#footer .f-right #nuvio {padding:1px 0 1px 20px; background:url("../design/nuvio.gif") 0 0 no-repeat;}
#footer a {color:#895a2f;}
#footer a:hover, #footer a:active, #footer a:focus {color:#000;}

/* ----------------------------------------------------------------------------------------------------------
Stránka: Úvod
---------------------------------------------------------------------------------------------------------- */

#hp #cols #content {float:left; width:758px; padding:0 0 0 10px; background:#fff; overflow:hidden;}
#hp #box-01 {position:relative; width:970px; height:150px; background:#929720 url("../design/box-01-hp.jpg") 0 0 no-repeat;}
#box-01-arrow {position:absolute; top:-14px; right:120px; width:67px; height:50px; background:url("../design/box-01-arrow.gif") 0 0 no-repeat; font-size:0; line-height:0; z-index:1000;}
#box-01 #box-01-a {float:left; width:420px; padding-left:25px; color:#fff;}
#box-01 #box-01-a p {margin:7px 0 0 0;}
#box-01 #box-01-a h2 {margin:27px 0 0 0; font-size:300%; font-weight:bold; letter-spacing:-1px;}
#box-01 #box-01-a h2 span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/box-01-a.gif") 0 0 no-repeat;}
#box-01 #box-01-b {float:right; width:275px; padding-right:25px; color:#fff;}
#box-01 #box-01-b h2 {position:relative; width:275px; height:63px; overflow:hidden; margin:0; padding:0; font-size:160%;}
#box-01 #box-01-b h2 span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/box-01-b.gif") 0 0 no-repeat;}
#box-01 #box-01-b form {margin:3px 0 0 0;}
#box-01 #box-01-b form #inputs {float:left;}
#box-01 #box-01-b form .input {border:0 !important;}
#box-01 #box-01-b form #submit {float:right;}
#box-01 a {color:#fff;}
#box-01 a:hover, #box-01 a:active, #box-01 a:focus, #box-01 strong {color:#ececab;}
#content .tars .col {float:left; width:182px; margin-right:10px;}
#content .tars .col.last {margin-right:0;}
#content .tars .col h3 {margin:0; padding:8px 15px; font-size:100%; text-transform:uppercase; font-weight:bold; color:#764e28;}
#content .tars .col h3 a {color:#764e28; text-decoration:none;}
#content .tars .col h3 a:hover, #content .tars .col h3 a:active, #content .tars .col h3 a:focus {color:#000; text-decoration:underline;}
#content .tars .col.tar-01 h3 {background:#C1B78A url("../design/tar-01.gif") 0 0 no-repeat;}
#content .tars .col.tar-02 h3 {background:#C1B78A url("../design/tar-02.gif") 0 0 no-repeat;}
#content .tars .col.tar-03 h3 {background:#C1B78A url("../design/tar-03.gif") 0 0 no-repeat;}
#content .tars .col.tar-04 h3 {background:#583013 url("../design/tar-04.gif") 0 0 no-repeat; color:#DCD5BC;}
#content .tars .col.tar-04 h3 a {color:#DCD5BC;}
#content .tars .col.tar-04 h3 a:hover, #content .tars .col h3.tar-04 a:active, #content .tars .col h3.tar-04 a:focus {color:#fff; text-decoration:underline;}
#content .tars .col .in {padding:12px 15px; background:#e3ddca url("../design/tar.gif") 0 100% repeat-x;}
#content .tars .col .in ul {margin:0 0 10px 0; list-style:none;}
#content .tars .col .in ul li {padding-left:13px; background:url("../design/ico-arr-02.gif") 0 5px no-repeat;}
#content .tars .col .in .price {margin:0; text-align:center; line-height:1.4; font-weight:bold;}
#content .tars .col .in .price strong {font-size:120%; color:#6c3a17;}
#content .tars .col .btns {padding-bottom:10px; overflow:hidden;}
#content .tars .col .btns div {display:block; float:left; width:91px;}
#content .tars .col .btns div img {display:block; width:91px; height:28px;}
#content h3#rea-title {position:relative; width:728px; height:55px; overflow:hidden; margin:0; margin-top:20px; padding:0; background-color:#6C3A17; font-size:160%; color:#fff;}
#content h3#rea-title span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/rea-title.gif") 0 0 no-repeat;}
#hp #content h3#rea-title {position:relative; width:758px; height:55px; overflow:hidden; margin:0; padding:0; background-color:#6C3A17; font-size:160%; color:#fff;}
#hp #content h3#rea-title span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/rea-title-hp.gif") 0 0 no-repeat;}
#hp #content .rea {position:relative; margin-bottom:10px; padding:15px; background:#dcd5bc url("../design/rea-hp.gif") 0 100% no-repeat;}
#content .rea {position:relative; margin-bottom:-10px; padding:15px; background:#dcd5bc url("../design/rea.gif") 0 100% no-repeat;}
#content .rea .rea-player {float:left; width:210px;}
#content .rea .rea-player img {position:absolute; display:block; width:210px; height:170px; top:-38px; z-index:1000;}
#content .rea .rea-list {float:right; width:500px;}
#content .rea ul {margin:0;}
#content .rea ul li {padding-left:15px; background:url("../design/ico-arr-02.gif") 0 5px no-repeat;}
#content .ser-top {position:relative; padding:8px 15px; background:#E6E6C2 url("../design/ser-top.gif") 0 0 no-repeat; color:#565813;}
#content .ser-top h3 {margin:0; font-size:100%; font-weight:bold; color:#000;}
#content .ser-top p {position:absolute; top:10px; right:15px; margin:0;}
#content .ser-top p a {padding-left:15px; background:url("../design/ico-arr-02.gif") 0 5px no-repeat;}
#content .ser-cols-top {width:758px; height:17px; background:#E6E6C2 url("../design/ser-cols-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .ser-cols-bottom {width:758px; height:10px; background:#E6E6C2 url("../design/ser-cols-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .ser-cols {padding:0 15px; background:#E6E6C2 url("../design/ser-cols.gif") 0 0 repeat-y;}
#content .ser-cols .col {float:left; width:210px; padding:13px; margin-right:10px;}
#content .ser-cols .col.last {margin:0;}
#content .ser-cols .col h4 {margin:0; font-size:100%; font-weight:bold;}
#content .ser-cols .col h4 a {color:#764e28;}
#content .ser-cols .col h4 a:hover, #content .ser-cols .col h4 a:active, #content .ser-cols .col h4 a:focus {color:#000;}
#content .ser-cols .col ul {margin:10px 0; list-style:none;}
#content .ser-cols .col ul li {padding-left:13px; background:url("../design/ico-arr-02.gif") 0 5px no-repeat;}
#content .ser-cols .col .price {margin:0; text-align:center; line-height:1.4; font-weight:bold;}
#content .ser-cols .col .price strong {font-size:120%; color:#6c3a17;}
#hp #logos {width:970px; height:66px; margin-top:-1px; background:url("../design/logos-hp.gif") 0 0 no-repeat; font-size:0; line-height:0;}

/* ----------------------------------------------------------------------------------------------------------
Stránka: Podstránky
---------------------------------------------------------------------------------------------------------- */

#box-01 {position:relative; width:970px; height:114px; background:#929720 url("../design/box-01.jpg") 0 0 no-repeat;}
#box-01 h1 {margin:27px 0 0 0; font-size:300%; font-weight:bold; letter-spacing:-1px;}
#content h2 {margin:15px 0; background:url("../design/dot.gif") 0 100% repeat-x; font-size:200%; font-weight:bold; color:#929723; letter-spacing:-1px;}
#content h3 {margin:15px 0; font-size:150%; font-weight:bold; color:#929723;}
#content h4 {margin:15px 0; font-size:120%; font-weight:bold; color:#6C3A17;}
#content h5 {margin:15px 0; font-size:100%; font-weight:bold; color:#6C3A17;}
#content #perex {margin-top:0; font-size:120%;}

/* ----------------------------------------------------------------------------------------------------------
Stránka: Webhosting
---------------------------------------------------------------------------------------------------------- */

#content table.spec {width:728px; border-top:1px solid #DCD5BC; border-collapse:collapse;}
#content table.spec th, #content table.spec td {padding:5px 10px; border-bottom:1px solid #DCD5BC; background:url("../design/spec.gif") 0 0 repeat-x; vertical-align:middle;}
#content table.spec th {width:50%; text-align:right; color:#94894E;}
#content table.spec td {font-size:120%; font-weight:bold;}
#content table.spec img {display:block; margin-right:10px; float:left;}

/* ----------------------------------------------------------------------------------------------------------
Stránka: Referencie
---------------------------------------------------------------------------------------------------------- */
#content .clients-logos {margin:50px 0 50px 0;}
#content ul.clients-list {height:722px; margin-bottom:0px; width:721px;}
#content ul.clients-list li {display:block; float:left; height:149px; width:179px;}
#content ul.clients-list li a {border-bottom:1px solid #EAE9E9; border-right:1px solid #EAE9E9; cursor:pointer; display:block; height:148px; width:178px;}
#content ul.clients-list li a:hover span, #content ul.clients-list li a:focus span {position:relative; left:0;}
#content ul.clients-list li a:hover, #content ul.clients-list li a:focus {text-decoration:none;}
#content ul.clients-list li a.cl17, #content ul.clients-list li a.cl18, #content ul.clients-list li a.cl19, #content ul.clients-list li a.cl20 {border-bottom:0;}
#content ul.clients-list li a.cl04, #content ul.clients-list li a.cl08, #content ul.clients-list li a.cl12, #content ul.clients-list li a.cl16, #content ul.clients-list li a.cl20 {border-right:0;}
#content ul.clients-list li a span {background:#555; color:#fff; display:block; left:-99999em; line-height:148px; position:absolute; text-align:center; width:178px;}
#content ul.clients-list li a.cl01 {background:url("../images/cl01_stepspub.jpg") no-repeat;}
#content ul.clients-list li a.cl01 span {background:#008D45;}
#content ul.clients-list li a.cl02 {background:url("../images/cl02_grandhotel.jpg") no-repeat;}
#content ul.clients-list li a.cl02 span {background:#88201b;}
#content ul.clients-list li a.cl03 {background:url("../images/cl03_seat.jpg") no-repeat;}
#content ul.clients-list li a.cl03 span {background:#eb2027;}
#content ul.clients-list li a.cl04 {background:url("../images/cl04_alcoholtestery.jpg") no-repeat;}
#content ul.clients-list li a.cl04 span {background:#236A9E;}
#content ul.clients-list li a.cl05 {background:url("../images/cl05_virtualnytrencin.jpg") no-repeat;}
#content ul.clients-list li a.cl05 span {background:#1179B3;}
#content ul.clients-list li a.cl06 {background:url("../images/cl06_kellysmaraton.jpg") no-repeat;}
#content ul.clients-list li a.cl06 span {background:#6a717e;}
#content ul.clients-list li a.cl07 {background:url("../images/cl07_dvdedicia.jpg") no-repeat;}
#content ul.clients-list li a.cl07 span {background:#817F7F;}
#content ul.clients-list li a.cl08 {background:url("../images/cl08_agenturaprerozvojgemera.jpg") no-repeat;}
#content ul.clients-list li a.cl08 span {background:#4E8DB9;}
#content ul.clients-list li a.cl09 {background:url("../images/cl09_differenceparis.jpg") no-repeat;}
#content ul.clients-list li a.cl09 span {background:#232020;}
#content ul.clients-list li a.cl10 {background:url("../images/cl10_belleus.jpg") no-repeat;}
#content ul.clients-list li a.cl10 span {background:#483E2F;}
#content ul.clients-list li a.cl11 {background:url("../images/cl11_socialmedia.jpg") no-repeat;}
#content ul.clients-list li a.cl11 span {background:#B62527;}
#content ul.clients-list li a.cl12 {background:url("../images/cl12_armani.jpg") no-repeat;}
#content ul.clients-list li a.cl12 span {background:#D57073;}
#content ul.clients-list li a.cl13 {background:url("../images/cl13_simcon.jpg") no-repeat;}
#content ul.clients-list li a.cl13 span {background:#1E3998;}
#content ul.clients-list li a.cl14 {background:url("../images/cl14_parizanka.jpg") no-repeat;}
#content ul.clients-list li a.cl14 span {background:#C44147;}
#content ul.clients-list li a.cl15 {background:url("../images/cl15_chutnejedlo.jpg") no-repeat;}
#content ul.clients-list li a.cl15 span {background:#EC8931;}
#content ul.clients-list li a.cl16 {background:url("../images/cl16_bmwstyle.jpg") no-repeat;}
#content ul.clients-list li a.cl16 span {background:#3CB7DE;}
#content ul.clients-list li a.cl17 {background:url("../images/cl17_cspc.jpg") no-repeat;}
#content ul.clients-list li a.cl17 span {background:#B1B4DE;}
#content ul.clients-list li a.cl18 {background:url("../images/cl18_cashback.jpg") no-repeat;}
#content ul.clients-list li a.cl18 span {background:#4A4A4A;}
#content ul.clients-list li a.cl19 {background:url("../images/cl19_realfinanz.jpg") no-repeat;}
#content ul.clients-list li a.cl19 span {background:#225489;}
#content ul.clients-list li a.cl20 {background:url("../images/cl20_cineville.jpg") no-repeat;}
#content ul.clients-list li a.cl20 span {background:#44A1DD;}

#content .testimonials {margin:30px 0; width:640px;}
#content .testimonials .head {background:url("../images/tes_box.gif") no-repeat left -19px; height:8px;width:100%;}
#content .testimonials .midd {background:#DBD5BC; padding:16px 30px;}
#content .testimonials .midd h3 {color:#673716;font-weight:normal;margin:0;padding-bottom:5px;}
#content .testimonials .midd h3 span {color:#565813; font-size: 70%;}
#content .testimonials .midd p {margin:0;padding-bottom:5px;}
#content .testimonials .foot {background:url("../images/tes_box.gif") no-repeat left -35px; height:30px;width:100%;}


/* ----------------------------------------------------------------------------------------------------------
Stránka: Kontakt
---------------------------------------------------------------------------------------------------------- */

#content .col50 {float:left; width:360px;}
#content .col50 .contact {margin:0;}
#content .col50 .contact td {padding:2px 5px;}

/* ----------------------------------------------------------------------------------------------------------
Univerzální HTML styly
---------------------------------------------------------------------------------------------------------- */

ul.ul-01 {margin:15px 0; list-style:none;}
ul.ul-01 li {padding-left:15px; background:url("../design/ico-arr-02.gif") 0 5px no-repeat;}
ul.ul-01 li ul {margin:0;}
.table-01 {border:2px solid #DCD5BC; border-collapse:collapse;}
.table-01 th, .table-01 td {padding:5px 10px; border:1px solid #DCD5BC;}
.table-01 th {background:url("../design/spec.gif") 0 0 repeat-x; vertical-align:middle; font-weight:bold; color:#6C3A17;}
.table-01 tr.bg td {background:#F7F5EF;}
fieldset {padding:15px; border:1px solid #DCD5BC;}
fieldset legend {background:#fff; font-weight:bold; color:#6C3A17;}
fieldset table {margin:0;}
fieldset table th, fieldset table td {padding:3px 5px;}
.submit {padding:4px; border:1px solid #abad40; background:#6b6e17 url("../design/aside-active.gif") 0 0 repeat-x; color:#fff; font:100%/1 "arial",sans-serif;}
.dl-01 dt {font-weight:bold; color:#6C3A17; font-size:120%;}
.dl-01 dd {margin-left:30px; color:#777;}
blockquote {margin:0 50px; padding-left:50px; background:url("../design/blockquote.gif") 0 5px no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
Nezařaditelné
---------------------------------------------------------------------------------------------------------- */

.separator {width:728px; height:1px; margin:20px 0; background:url("../design/dot.gif") 0 0 repeat-x; font-size:0; line-height:0;}
.input {padding:5px; border:1px solid #ccc; background:#fff url("../design/input.gif") 0 0 no-repeat; font:100%/1 "arial",sans-serif;}
textarea.input {height:150px !important;}
select.input {padding:4px; height:25px}
.smaller {font-size:90%;}
.low, .low a {color:#837A45;}
.low a:hover {color:#000;}
img.f-left {margin-right:15px;}
img.f-right {margin-left:15px;}
.tag {background:#ffa;}
.tit {font-size:100% !important; padding:5px; background:#eee !important; letter-spacing:0 !important; color:#000 !important}
.chyba {color: rgb(77, 42, 17); font-size: 1.1em;}
.cboth {clear:both;}