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

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

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

body {background:#a3c1e1 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:#e55500;}
a:hover, a:active, a:focus {color:#34679f;}

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

#main {width:960px; margin:0 auto;}
#header {position:relative;}
#header {height:100px; background:#fff url("../design/hp-header.gif") 0 0 no-repeat; overflow:hidden;}
#header #phone {position:absolute; top:0; right:220px;}
#header #phone p {position:relative; width:152px; height:74px; overflow:hidden; margin:0; padding:0;}
#header #phone p span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/phone.gif") 0 0 no-repeat; cursor:pointer;}
#header #logo {position:relative; width:134px; height:75px; overflow:hidden; margin:0 0 0 30px; padding:0;}
#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 #nav {position:absolute; top:38px; left:200px; margin:0; padding:0; list-style:none;}
#header #nav li {display:inline;}
#header #nav li a {display:block; float:left; margin-right:13px; color:#34679f;}
#header #nav li#active a {color:#e55500; font-weight:bold; text-decoration:none;}
#header #nav li a:hover {color:#e55500;}
#header #lang {position:absolute; top:5px; right:30px;}
#header #lang a {color:#34679f;}
#header #lang #active-02 a {text-decoration:none; color:#e55500;}
#header #lang a:hover {color:#e55500;}
#cols {padding:20px 0 20px 30px; background:#fff url("../design/cols.jpg") 0 0 no-repeat;}
#cols-in {background:url("../design/cols-in.gif") 610px 112px no-repeat;}
#cols #content {float:left; width:595px;}
#cols #content h1 {margin:0; font-size:260%; font-weight:bold; letter-spacing:-1px; color:#fff;}
#cols #content h2 {font-size:160%; font-weight:bold; color:#e55500;}
#cols #content h3, #cols #content h4 {font-size:140%; font-weight:bold; color:#34679f;}
#cols #content ul {margin:0;}
#cols #content ol {padding-left:40px;}
#cols #content ul li {padding-left:15px; background:url("../design/arrow.gif") 0 5px no-repeat;}
#cols #content ul ul {margin-left:20px;}
#cols #content ul ul li {padding-left:15px; background:url("../design/arrow-02.gif") 0 5px no-repeat;}
#cols #content table {border:2px solid #B6CEE7;}
#cols #content table th, #cols #content table td {padding:5px; border:1px solid #DCE8F3; vertical-align:middle;}
#cols #content table th {font-weight:bold; color:#e55500;}
#cols #content table tr.bg td {background:#F4F7FB;}
#cols #content table.order {margin-top:0;}
#cols #content table.order td {border-right:0; border-left:0;}
#cols #content blockquote {margin:25px 60px; padding-left:40px; background:url("../design/quote.gif") 0 0 no-repeat;}
#cols #content dl dt {font-weight:bold; color:#34679f;}
#cols #content dl dd {margin-left:20px;}
#cols #content fieldset {padding:10px; border:1px solid #DCE8F3;}
#cols #content fieldset legend {font-size:120%; font-weight:bold; color:#e55500;}
#cols #content fieldset table {margin:0; border:0;}
#cols #content fieldset table th, #cols #content fieldset table td {border:0; padding:3px 5px;}
#cols #content .input {padding:3px; border:1px solid #A3C4DE; background:url("../design/input.gif") 0 0 no-repeat; font:100%/1 "arial",sans-serif;}
#cols #content .submit {border:0; padding:5px; border:1px solid #284F7A; border-left:1px solid #84A5C6; border-top:1px solid #84A5C6; background:url("../design/submit.gif") 0 0 repeat-x; color:#fff;}
#cols #content .star {position:relative; top:8px; margin-left:10px; line-height:0.5; font-family:"tahoma"; font-size:200%; color:#d00;}
#cols #content #breadcrumbs {margin:26px 0 35px 0; color:#D8E4F3;}
#cols #content #breadcrumbs a {color:#D8E4F3;}
#cols #content #breadcrumbs a:hover {color:#fff;}
#cols #content .separator {width:595px; height:15px; background:url("../design/separator.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#cols #content .cols50.arrow {background:url("../design/arrow-03.gif") 50% 70% no-repeat;}
#cols #content .col50 {float:left; width:250px;}
#cols #content .ico-more {padding-left:18px; background:url("../design/ico-more.gif") 0 2px no-repeat;}
#cols .col-03 {float:right; width:305px; padding-top:130px;}
#cols .col-03 #box-01-top {background:#FFE4C2 url("../design/box-01.gif") 0 0 repeat-y;}
#cols .col-03 #box-01 {padding:15px 15px 6px 15px; background:url("../design/box-01-top.gif") 0 0 no-repeat;}
#cols .col-03 #box-01-bottom {width:305px; height:9px; margin-bottom:10px; background:#FFE4C2 url("../design/box-01-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols .col-03 #box-01 h3 {margin:0; font-size:100%; font-weight:bold; text-transform:uppercase; color:#e55500;}
#cols .col-03 #box-01 ul {margin:10px 0 0 0; list-style:none;}
#cols .col-03 #box-01 ul li {display:inline;}
#cols .col-03 #box-01 ul li a {display:block; padding-left:15px; background:url("../design/arrow.gif") 0 50% no-repeat; color:#000;}
#cols .col-03 #box-01 ul li a:hover {color:#e55500;}
#cols .col-03 #box-02 {margin-top:10px; padding:15px 45px 40px 15px; background:url("../design/box-02.gif") 0 0 no-repeat;}
#cols .col-03 #box-02 h3 {margin:0; font-size:100%; font-weight:bold; text-transform:uppercase; color:#34679f;}
#cols .col-03 #box-02 .team-photo {float:left; width:40px; margin-top:10px;}
#cols .col-03 #box-02 .team-photo img {display:block; width:40px; height:40px;}
#cols .col-03 #box-02 .team-text {float:right; width:190px; margin-top:10px;}
#cols .col-03 #box-02 .team-text span {font-size:90%; color:#6a9acf;}
#cols .col-03 .box-03-top {width:275px; height:9px; margin-top:10px; background:#FFE4C2 url("../design/box-03-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols .col-03 .box-03 {padding:6px 15px; background:url("../design/box-03.gif") 0 0 repeat-y;}
#cols .col-03 .box-03-bottom {width:275px; height:9px; margin-bottom:10px; background:#FFE4C2 url("../design/box-03-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols .col-03 .box-03 h3 {margin:0; font-size:100%; font-weight:bold; text-transform:uppercase; color:#e55500;}
#cols .col-03 #subnav {margin:0; margin-top:10px; list-style:none !important;}
#cols .col-03 #subnav li {display:inline;}
#cols .col-03 #subnav li a {display:block; padding-left:15px; background:url("../design/arrow.gif") 0 6px no-repeat; color:#000;}
#cols .col-03 #subnav li a:hover {color:#e55500;}
#cols .col-03 #subnav li ul {margin:0; margin-left:15px;}
#cols .col-03 #subnav li ul li a {display:block; padding-left:15px; background:url("../design/arrow-02.gif") 0 6px no-repeat;}
#cols .col-03 ul.list {margin:0; margin-top:15px; list-style:none;}
#cols .col-03 ul.list li {padding-left:15px; background:url("../design/arrow-04.gif") 0 7px no-repeat}
#footer {padding:30px; background:url("../design/footer.gif") 0 0 no-repeat;}
#footer, #footer a {color:#284F79;}
#footer a:hover {color:#000;}
#footer p {margin:0;}
#footer #ico-nuvio {margin-left:1px; padding:1px 0 1px 20px; background:url("../design/ico-nuvio.gif") 0 0 no-repeat; font-size:90%; color:#5680B1; text-decoration:none;}
#footer #ico-facebook {margin-left:1px; padding:1px 0 1px 20px; background:url("../design/facebook-logo.gif") 0 0 no-repeat;}
#footer #ico-twitter {margin-left:1px; padding:1px 0 1px 20px; background:url("../design/twitter-logo.gif") 0 0 no-repeat;}
#footer #ico-blogger {margin-left:1px; padding:1px 0 1px 20px; background:url("../design/blogger-logo.gif") 0 0 no-repeat;}
#footer #links {margin-top:20px; font-size:90%;}
#footer #links div {float:left; width:225px;}
#footer #links div a {color:#5680B1; text-decoration:none;}
#footer #links div a:hover {color:#284F79;}

/* ----------------------------------------------------------------------------------------------------------
Úvod
---------------------------------------------------------------------------------------------------------- */

#hp #cols {padding:55px 0 0 30px; background:#fff url("../design/hp-content.jpg") 0 0 no-repeat;}
#hp #slogan {position:relative; width:960px; height:200px; overflow:hidden; margin:0; padding:0; font-size:180%;}
#hp #slogan span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/slogan.jpg") 0 0 no-repeat;}
#hp #cols .col-01, #hp #cols .col-02, #hp #cols .col-03 {float:left;}
#hp #cols .col-01, #hp #cols .col-02 {width:265px; padding:0 20px 20px 20px;}
#hp #cols .col-01 ul, #hp #cols .col-02 ul {margin:0; list-style:none;}
#hp #cols .col-01 ul li, #hp #cols .col-02 ul li {padding-left:18px; background:url("../design/arrow.gif") 0 7px no-repeat;}
#hp #cols .col-01 ul li span, #hp #cols .col-02 ul li span {font-size:90%;}
#hp #cols .col-01 .minheight, #hp #cols .col-02 .minheight {min-height:255px;}
#hp #cols .col-03 {margin-left:15px; padding-top:43px;}

#hp #refs {position:relative; height:145px; background:#DCE8F3 url("../design/hp-footer.jpg") 0 0 no-repeat; overflow:hidden;}
#hp #refs ul {position:absolute; top:0px; left:40px; margin:0;}
#hp #refs ul li {display:block; height:140px;}
#hp #refs ul ul {position:static; margin:0;}
#hp #refs ul ul li {display:block; float:left; width:147px; padding-top:100px; text-align:center; font-size:90%; color:#284F79;}
#hp #refs ul li#ref-01 {background:url("../design/ref-01.gif") 15px 15px no-repeat;}
#hp #refs ul li#ref-02 {background:url("../design/ref-02.gif") 15px 15px no-repeat;}

#hp #footer {padding:15px 30px 30px 30px; background:none;}
#tt {position:absolute; display:block; background:url(../design/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(../design/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF; text-align:left !important;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../design/tt_bottom.gif) top right no-repeat; overflow:hidden}
.black {color:#000;}
.nolink {text-decoration:none;}
.high {background:#ffa;}
.bigger {font-size:100%;}
.smaller {font-size:90%;}
#content, .col-01, .col-02 {font-size:103%;}