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



    Autor:

        Nuvio (www.nuvio.cz)

    Aktualizace:

        2009-08-16, 10:51 GMT+1

    Struktura:

        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;



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



body {padding:30px 0; background:#e1dad0 url("../../images/bg.gif") 0 0 repeat-x; color:#101010; font:0.8em/1.5 "arial", sans-serif;}
h1, h2, h3, h4, h5, h6, address, blockquote, dl, fieldset, ol, p, table, ul {margin:15px 0;}
a {color:#004D81;}
a:hover, a:active, a:focus {color:#000;}


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

HTML styly

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

#content h2 {padding-left:40px; background:url("../../images/title-01.gif") 0 50% no-repeat; font-size:200%; letter-spacing:-1px; color:#E96B00;}
#content h3 {font-size:140%; font-weight:bold; color:#004D81;}
#content h4 {font-size:120%; font-weight:bold; color:#000;}
#content .ul-01 {margin:15px 0 0 20px;}
#content .ul-01 ul {margin:0;}
#content .ul-01 li {padding-left:13px; background:url("../../images/ul-01.gif") 0 6px no-repeat;}
#content .ul-01 ul li {padding-left:13px; background:url("../../images/ul-01-ul.gif") 0 6px no-repeat;}
#content .table-01 {margin:15px 0; border-collapse:collapse; border:1px solid #BCAF9A;}
#content .table-01 th, #content .table-01 td {padding:5px; border:1px solid #BCAF9A;}
#content .table-01 th {border:1px solid #003E67; background:#00497A url("../../images/search-submit.gif") 0 100% repeat-x; color:#fff; font-weight:bold; text-align:center;}
#content .table-01 tr.bg td {background:#F1EEE9;}

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

Layout

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

#main {width:962px; margin:0 auto;}
#header {position:relative; width:962px; height:102px; background:#004D81 url("../../images/header.gif") no-repeat scroll 0 0; overflow:hidden;}
#header #logo {position:relative; width:282px; height:72px; overflow:hidden; margin:0 0 0 20px; padding:0; font-size:300%;}
#header #logo span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../../images/logo.gif") 0 0 no-repeat; cursor:pointer;}
#header #logo a {color:#fff;}
#header #slider {position:absolute !important; top:0; right:2px; width:350px; margin:0;}
#header #contact {position:absolute; top:15px; left:340px; color:#89C8F6;}
#header #contact p {margin-top:7px;}
#header #contact strong {font-size:105%; color:#fff;}
#tray {position:relative; clear:both; padding:10px 3px 12px 3px;}
#tray ul {margin:0; list-style:none;}
#tray ul li {display:inline;}
#tray ul li.first a {background:none;}
#tray ul li a {display:block; float:left; padding:0 10px 0 12px; background:url("../../images/tray-link.gif") 0 0 repeat-y; text-decoration:none; color:#3A3325;}
#tray ul li.active a {color:#d05f00; font-weight:bold;}
#tray ul li a:hover {color:#d05f00;}
#tray #btn-add {position:absolute; top:13px; right:5px; margin:0;}
#cols {background:#fff url("../../images/cols.gif") 0 0 repeat-y;}
#cols-top {width:962px; height:17px; background:url("../../images/cols-top.gif"); font-size:0; line-height:0; overflow:hidden;}
#cols-bottom {width:962px; height:20px; background:url("../../images/cols-bottom.gif"); font-size:0; line-height:0; overflow:hidden;}
#content {float:left; width:610px; padding:0px 15px;}
#content .categories {position:relative; top:-5px; padding-left:10px; background:url("../../images/dot.gif") 0 100% repeat-x; z-index:9999;}
#content .categories ul {margin:0; list-style:none;}
#content .categories ul li {display:block; width:100px; height:50px; padding-bottom:5px; float:left;}
#content .categories ul li.first {width:80px;}
#content .categories ul li.active {background:#f16b00;}
#aside-left {float:left; width:160px; padding-top:7px; overflow:hidden;}
#aside-right {float:left; width:162px; padding-top:7px; overflow:hidden;}
#footer {padding:20px 0 0 145px; background:url("../../images/footer.gif") 15px 27px no-repeat; color:#7A6A4D;}
#footer p {margin:0;}
#footer a {color:#7A6A4D;}
#footer a:hover {color:#000;}
#footer .separator {margin:0 5px;}

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

Stránka: Nabídka vozidel

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

#content .box-01 {padding:7px 10px; background:url("../../images/box-01.gif") 0 0 repeat-y;}
#content .box-01-top {width:610px; height:3px; background:url("../../images/box-01-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .box-01-bottom {width:610px; height:3px; margin-bottom:5px; background:url("../../images/box-01-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .box-02 {padding:12px 15px; background:url("../../images/box-02.gif") 0 0 repeat-y;}
#content .box-02-top {width:610px; height:3px; background:url("../../images/box-02-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .box-02-bottom {width:610px; height:3px; margin-bottom:5px; background:url("../../images/box-02-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}

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

Stránka: Detail vozidla

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

#content .detail-info {float:left; width:285px;}
#content .detail-info .table-info {width:285px;}
#content .detail-photo {float:right; width:308px;}
#content .detail-photo .border {padding:3px;}
#content .detail-photo ul {margin:15px 0 0 0;}
#content .detail-photo ul li {padding-left:13px; background:url("../../images/ul-01.gif") 0 6px no-repeat;}
#content .table-info {margin:0; border-collapse:collapse; border-top:1px solid #ddd;}
#content .table-info th, #content .table-info td {padding:3px 0; border-bottom:1px solid #ddd;}
#content .table-info th {width:90px; color:#707070;}
#content .table-info tr.last th, #content .table-info tr.last td {border:0;}
#content .detail-gallery {margin:0;}
#content .detail-gallery li {display:block; width:192px; padding:5px 0; float:left; text-align:center;}
#content .btn-01 {padding:5px 8px; border:1px solid #002B48; border-top:1px solid #0067AE; border-left:1px solid #0067AE; background:#00497A url("../../images/search-submit.gif") 0 100% repeat-x; font:bold 90%/1 "arial",sans-serif; color:#fff; text-decoration:none;}

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

Stránka: Porovnávač

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

#content .compare {width:610px; border-collapse:collapse;}
#content .compare th {padding:8px 5px; border-top:2px solid #8A7857; text-align:center; font-weight:bold;}
#content .compare td {padding:5px; border:1px solid #D7CEC0; border-bottom:1px solid #C3B6A0; text-align:center;}
#content .compare td.param {font-size:85%; text-align:right; font-weight:bold;}
#content .compare td.bg {background:#F1EDE9; color:#505050; font-size:85%;}
#content .compare tr.compare-thumbs td {border:0; border-top:1px solid #8A7857;  border-bottom:1px solid #8A7857; background:#EBE6E0;}

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

Portlet: Formuláře

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

#content fieldset {padding:15px; border:1px solid #E1DAD0;}
#content fieldset legend {font-weight:bold; color:#004B7D;}
#content fieldset table {margin:0; border-collapse:collapse;}
#content fieldset table td {padding:2px 0;}
#content fieldset .err {background:#ffc; color:#d00;}
#content input, #content textarea {font:100%/1.5 "arial",sans-serif;}
.input-select {padding:2px;}
.input-text {padding:4px; border:1px solid #aaa; border-top:1px solid #888; border-left:1px solid #888; background:#fff;}
.input-submit {padding:4px; border:1px solid #002B48; border-top:1px solid #0067AE; border-left:1px solid #0067AE; background:#00497A url("../../images/search-submit.gif") 0 100% repeat-x; font:bold 90%/1 "arial",sans-serif; color:#fff;}
#content .tabs {margin-top:15px; border-bottom:1px solid #003e67;}
#content .tabs ul {margin:0;}
#content .tabs ul li {display:inline;}
#content .tabs ul li a {display:block; float:left; margin-right:3px; padding-left:5px; background: url("../../images/tab-l.gif") 0 -100px no-repeat; text-decoration:none; color:#fff;}
#content .tabs ul li a span {float:left; display:block; padding:7px 12px 7px 7px; background:url("../../images/tab-r.gif") 100% -100px no-repeat;}
#content .tabs-content {padding:15px; background:#D0EBFD url("../../images/tabs-content.gif") 0 100% no-repeat;}
#content .tabs-content p {margin:0;}
#content .tabs-content .border {border:1px solid #fff;}
#content .ui-tabs-selected a, .tabs ul li a.active {background:#fff url("../../images/tab-l.gif") 0 0 no-repeat !important; color:#000; font-weight:bold;}
#content .ui-tabs-selected a span, .tabs ul li a.active span {padding:7px 12px 7px 7px; background:url("../../images/tab-r.gif") 100% 0 no-repeat !important;}
#content .tabs ul li a:hover {color:#fff !important; text-decoration:underline;}
#content .ui-tabs-hide {display:none;}
* html .ui-tabs-nav {display:inline-block;}
*:first-child+html .ui-tabs-nav {display:inline-block;}

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

Portlet: Stránkování

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

#content .pagination {text-align:center;}
#content .pagination a, #content .pagination strong {margin:0 2px;}
#content .pagination strong {color:#EC7C1C;}


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

Portlet: Postranní sloupce (#aside-left, #aside-right)

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

#aside-left .padding, #aside-right .padding {padding:10px;}
#aside-left .title-01, #aside-right .title-01 {background:#7A6A4D url("../../images/aside-title-01.gif") 0 0 repeat-y;}
#aside-left .title-02, #aside-right .title-02 {background:#003E67 url("../../images/aside-title-02.gif") 0 0 repeat-y;}
#aside-left .title-03, #aside-right .title-03 {background:#C85B00 url("../../images/aside-title-03.gif") 0 0 repeat-y;}
#aside-left .title-01, #aside-left .title-02, #aside-left .title-03, #aside-right .title-01, #aside-right .title-02, #aside-right .title-03 {margin:0; padding:7px 10px; font-weight:bold; color:#fff;}
#aside-left .ul-01, #aside-right .ul-01 {margin:0; list-style:none;}
#aside-left .ul-01 li, #aside-right .ul-01 li {display:inline;}
#aside-left .ul-01 li a, #aside-right .ul-01 li a {display:block; padding:2px 0 4px 0; background:url("../../images/aside-link.gif") 0 100% repeat-x; text-decoration:none; color:#3A3325;}
#aside-left .ul-01 li.last a, #aside-right .ul-01 li.last a {background:none;}
#aside-left .ul-01 li a:hover, #aside-right .ul-01 li a:hover {color:#000;}

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

Portlet: Přihlášení (#aside-left)

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

#aside-left #login {margin:0 0 15px 0;}
#aside-left #login label {display:block; font-size:85%;}
#aside-left #login .input-text {margin-bottom:3px; padding:3px; border:1px solid #aaa; border-top:1px solid #888; border-left:1px solid #888; width:130px !important; background:#fff;}
#aside-left #login .input-submit {width:70px; padding:4px; border:1px solid #002B48; border-top:1px solid #0067AE; border-left:1px solid #0067AE; background:#00497A url("../../images/search-submit.gif") 0 100% repeat-x; font:bold 90%/1 "arial",sans-serif; color:#fff;}

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

Portlet: Vyhledávání (#search)

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

#aside-right #search {padding:10px 12px 10px 10px;}
#aside-right #search p {margin:0;}
#aside-right #search select {padding:2px; font:100%/1 "arial",sans-serif;}
#aside-right #search input {padding:2px; font:100%/1 "arial",sans-serif; background:#FFF;border:1px solid #C3B6A0;}
#aside-right #search table th {padding-right:10px;}
#aside-right #search .input-submit {width:130px; padding:4px; border:1px solid #002B48; border-top:1px solid #0067AE; border-left:1px solid #0067AE; background:#00497A url("../../images/search-submit.gif") 0 100% repeat-x; font:bold 90%/1 "arial",sans-serif; color:#fff;}
#aside-right #ico-loupe {margin-top:0; padding:10px 70px 10px 22px; background:url("../../images/ico-loupe.gif") 95px 50% no-repeat; line-height:1.4;}
#aside-right #ico-loupe a {color:#3A3325;}
#aside-right #ico-loupe a:hover {color:#000;}
#aside-right #search .err{background:#ffc; color:#d00;}

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

Portlet: Výpisová jednotka (#content)

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

#content .item {padding:7px 10px; background:url("../../images/item.gif") 0 0 repeat-y;}
#content .item-top {width:610px; height:3px; background:url("../../images/item-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .item-bottom {width:610px; height:3px; margin-bottom:5px; background:url("../../images/item-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .item-odd {padding:7px 10px; background:url("../../images/item-odd.gif") 0 0 repeat-y;}
#content .item-top-odd {width:610px; height:3px; background:url("../../images/item-odd-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .item-bottom-odd {width:610px; height:3px; margin-bottom:5px; background:url("../../images/item-odd-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}

#content .outer {float: left; width: 140px; display: table; height: 120px;  #position: relative; overflow: hidden; }
#content .middle {text-align: center; #position: absolute;  #top: 50%;display: table-cell; vertical-align: middle;}
#content .inner {margin-left: auto; margin-right: auto; #position: relative;  #top: -50%}

/*#content .middle img {display:block; border: 1px solid black}*/

/*#content .outer {display: table; height: 110px; overflow: hidden; float:left; border: 1px solid blue}
#content .middle {display:table-cell; vertical-align: middle; border: 1px solid red}

#content .middle img {display:block; border: 1px solid black}*/

#content .item-desc {position:relative; float:right; width:435px;}
#content .item-desc h4 {margin:0; font-size:120%; font-weight:bold;}
#content .item-desc p {margin:0 !important;}
#content .item-desc .item-delete {position:absolute; top:-10px; right:0; margin:0;}
#content .item-desc .col {float:left; width:150px; font-size:85%;}
#content .item-desc .col dl {margin:0;}
#content .item-desc .col dt {clear:both; display:block; float:left; width:60px; color:#5f5f5f;}
#content .item-desc .col dd {float:left; display:block; width:90px; font-weight:bold;}
#content .item-desc .col-02 {float:left; width:265px; padding:0 10px; font-size:85%;}
#content .item-desc .col-02 strong {color:#E96B00;}

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

Portlet: Výpisová jednotka (#aside-right)

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

#aside-right .aside-item {margin-bottom:10px; padding-bottom:10px; background:url("../../images/aside-link.gif") 0 100% repeat-x;}
#aside-right .aside-item.last {background:none; margin:0;}
#aside-right .aside-item img {display:block; margin-bottom:3px; border:1px solid #EBE8E0;}
#aside-right .aside-item h4 {margin:0; font-size:100%;}
#aside-right .aside-item p {margin:0;}
#aside-right .aside-item dl {margin:5px 0 0 0; font-size:85%;}
#aside-right .aside-item dt {clear:both; display:block; float:left; width:60px; color:#5f5f5f;}
#aside-right .aside-item dd {display:block; float:left; width:80px; font-weight:bold; text-align:right;}

/* ----------------------------------------------------------------------------------------------------------
Portlet: Slider
---------------------------------------------------------------------------------------------------------- */

#content #carousell {position:relative;}
#content #carousell .container {width:550px; height:100px; margin-left:30px; overflow:hidden; position:relative;}
#content #carousell .slides {position:absolute; top:0; left:0; width:550px;}
#content #carousell .slides ul {margin:0; list-style:none;}
#content #carousell .slides ul li {display:block; float:left; width:100px; height:90px; overflow:hidden; margin:0 5px; text-align:center; font:85%/1.4 "tahoma",sans-serif; text-transform:uppercase;}
#content #carousell .slides ul li img {display:block; margin-bottom:3px;}
#content #carousell .prev {position:absolute; top:0; left:0;}
#content #carousell .next {position:absolute; top:0; right:0;}
#content #carousell .prev img, #content #carousell .next img {display:block;}
#content .detail-info {float:left; width:260px;}
#content .detail-info .table-info {width:260px;}
#content .detail-photo {float:right; width:300px;}
#content .detail-photo .border {padding:3px; border:1px solid #A0D7FB !important; background:#fff;}
#content .detail-photo ul {margin:15px 0 0 0;}
#content .detail-photo ul li {padding-left:13px; background:url("../../images/ul-01.gif") 0 6px no-repeat;}
#content .table-info {margin:0; border-collapse:collapse;}
#content .table-info th, #content .table-info td {padding:3px 0; border-bottom:1px solid #A0D7FB;}
#content .table-info th {width:90px; padding-left:10px; color:#000;}
#content .table-info tr.bg th, #content .table-info tr.bg td {background:#E8F5FE}
#content .detail-gallery {margin:0;}
#content .detail-gallery li {display:block; width:192px; height: 150px; padding:5px 0; float:left; text-align:center;}
#content .btn-01 {padding:5px 8px; border:1px solid #002B48; border-top:1px solid #0067AE; border-left:1px solid #0067AE; background:#00497A url("../../images/search-submit.gif") 0 100% repeat-x; font:bold 90%/1 "arial",sans-serif; color:#fff; text-decoration:none;}

#content a.icon {display:block; padding-top:60px; text-decoration:none; color:#000;}
#content .icon-01 {background:url("../../images/icon-01.gif") 50% -150px no-repeat;}
#content .icon-02 {background:url("../../images/icon-02.gif") 50% -150px no-repeat;}
#content .icon-03 {background:url("../../images/icon-03.gif") 50% -150px no-repeat;}
#content .icon-04 {background:url("../../images/icon-04.gif") 50% -150px no-repeat;}
#content .icon-05 {background:url("../../images/icon-05.gif") 50% -150px no-repeat;}
#content .icon-06 {background:url("../../images/icon-06.gif") 50% -150px no-repeat;}
#content .icon-07 {background:url("../../images/icon-07.gif") 50% -150px no-repeat;}
#content .icon-08 {background:url("../../images/icon-08.gif") 50% -150px no-repeat;}
#content .icon-09 {background:url("../../images/icon-09.gif") 50% -150px no-repeat;}
#content .icon-10 {background:url("../../images/icon-10.gif") 50% -150px no-repeat;}
#content a.icon:hover, #content #active a.icon {background-position:50% 0;}
#content #active a.icon {font-weight:bold;}

    #content ul#noslider {position:relative; margin:-10px 0 0 85px; height:80px;}
    #content ul#noslider li {display:block; float:left; width:100px; margin-left:8px;overflow:hidden; text-align:center; font:85%/1.4 "tahoma",sans-serif; text-transform:uppercase;}

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

Nezařaditelné

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

.smaller {font-size:85%;}
.bigger {font-size:115%;}
.border {border:1px solid #bbb;}
img.f-left {margin-right:10px;}
img.f-right {margin-left:10px;}
.msg {padding:7px; background:url("../../images/pattern.gif") 0 0 repeat; text-align:center;}
a.more {padding-right:22px; background:url("../../images/ico-arrow-02.gif") 100% 50% no-repeat; font-size:120%; color:#000;}
a:hover.more {color:#ED7712;}
.high {color:#E96B00 !important;}
.strike{text-decoration: line-through;}
.nomb {margin-bottom:0 !important;}
#rozsireneHledaniForm{margin: 20px 0 0 0;}
#buttonAdvSearch{padding: 10px 0 10px 0; display: block; clear: both;}
#dph-label{float: right;}
#dph-element{float: left;}