@import url("forms.css");
@import url("defaults.css");

body {
    background:#FFF;
    font-family:Arial,Tahoma,Verdana,sans-serif;
    font-size:0.75em;
    margin:0em;
    padding:0em;
    color:#3d3c3c;
}

/* Layout */
#topcontainer {
    background:url(images/topbg2.png) repeat-x center bottom;
}
#topcontainer .topcontainer {
    background:url(images/topbg3.png) no-repeat center bottom;
}
#topcontainerContent {
    width:978px;
    margin:0 auto;
}
#topmenu {
    list-style:none;
    margin:0em;
    padding:1em 0em 1.3em 130px;
    text-align:right;
}
#topmenu li {
    list-style:none;
    margin:0em 0 0 0.7em;
    padding:0em 0 0 0.7em;
    display:inline;
    font-weight:bold;
}
#logoContainer {
    margin:0;
    padding:5px 0 2px 150px;
    float:left;
    min-height:25px;
    _height:25px;
    position:relative;
}
#h1 {
    font-size:1.2em;
    margin:0;
    padding:0;
}
#logo {
    position:absolute;
    bottom:-35px;
    left:0;
    width:129px;
    background:url(images/logo.png) no-repeat top left;
}
#logo a {
    display:block;
    height:103px;
}
#logo a span {
    display:none;
}
#wwwmarkobsk {
    display:block;
    font-size:1.1em;
    margin:0;
    padding:5px 0 0 0;
    float:right;
}
#wwwmarkobsk a, #wwwmarkobsk a:hover {
    font-weight:bold;
    text-decoration:none;
}

#topcategories {
    width:978px;
    margin:0 auto;
    background:url(images/topbg4.png) no-repeat center bottom;
}
#topcategorymenu {
    margin:0em;
    padding:0em 0 0 130px;
    list-style:none;
    font-size:1.3em;
    font-weight:bold;
}
#topcategorymenu li {
    margin:0em;
    padding:10px 0 25px 0px;
    list-style:none;
    float:left;
}
#topcategorymenu li.hover, #topcategorymenu li.active {
    background:url(images/arrow1.png) no-repeat 50% 100%;
}
#topcategorymenu li div.item {
    margin:0em;
    padding:0em 0.5em;
    border-right:1px solid #c3c5cb;
    border-left:1px solid #FFFFFF;
}
#topcategorymenu li.first div.item {
    padding-left:0em;
    border-left:none;
}
#topcategorymenu li.last div.item {
    padding-right:0em;
    border-right:none;
}
#topcategorymenu li a, #topcategorymenu li a:hover {
    color:#005CAE;
    text-decoration:none;
}

#pagePanel {
    background:url(images/page-container-bg.png) repeat-x bottom center;
}
#page {
    width:978px;
    min-height:1px;
    _height:1px;
    margin:0 auto;
    background:url(images/pagebg5.png) repeat-y left top;
}
#pageBgT {
    background:url(images/pagebg6.png) no-repeat left top;
    min-height:1px;
    _height:1px;
}
#pageBgB {
    padding-bottom:15px;
    min-height:1px;
    _height:1px;
    background:url(images/pagebg4.png) no-repeat left bottom;
}

#panelMain {
    width:723px;
    float:left;
}
#panelInfo {
    width:215px;
    float:left;
    min-height:276px;
    _height:276px;
    padding:30px 20px;
}
#animation {
    width:714px;
    height:243px;
    padding:11px 0 0 9px;
    background:url(images/animation.png) no-repeat top left;
}
#animationContainer {
    position:relative;
    width:689px;
    height:203px;
    background:#FFFFFF;
    overflow:hidden;
}
#animationData {
    position:absolute;
    top:0;
    left:0;
    width:1000px;
    height:203px;
    background:#FFFFFF;
}
#animationData div.item {
    float:left;
    width:689px;
    height:203px;
}

#contentContainer {
    background:#FFF;
    width:648px;
    min-height:300px;
    _height:300px;
    padding:1px 30px 25px 30px;
}

#tirazContainer {
    background:url(images/tiraz-bg.png) repeat-x center top;
    min-height:160px;
    color:#FFF;
}
#tiraz {
    width:948px;
    margin:0 auto;
    padding:1.5em 0em;
}
#tirazContent {
    width:70%;
    min-height:1px;
    _height:1px;
    float:left;
}
#bart {
    width:20%;
    min-height:1px;
    _height:1px;
    float:right;
    color:#fff;
    text-align:right;
}
#bart a {
    color:#fff;
}


/* Ostatne */

h2 {
    padding:0em 0 0.3em 0;
    margin:0em 0em 0.3em 0em;
    font-size:1.5em;
    background:url(images/dot.png) repeat-x bottom left;
}

#kontext {
    text-align:right;
    margin-bottom:1em;
}

/* Stromove zobrazenie */
ul.tree {
    margin:0em;
    padding:0em;
    list-style:none;
}
ul.tree li {
    margin:0em;
    padding:0em;
}
ul.tree li div.item {
    padding:0.2em 0em 0.2em 18px;
    background:url(./images/folder.jpg) no-repeat top left;
}
ul.tree li ul {
    margin:0em 0em 0em 8px;
    padding:0em 0em 0em 10px;
    list-style:none;
}

/* Submenu zobrazenie */
ul.submenu {
    margin:0em;
    padding:0em;
    list-style:none;
    width:500px;
}
ul.submenu li {
    margin:0em;
    padding:0em;
    background:url(images/submenu2.png) no-repeat top left;
}
ul.submenu li div.bg {
    margin:0em;
    padding:0em;
    background:url(images/submenu1.png) no-repeat bottom left;
}
ul.submenu li div.item {
    padding:0 0 0 20px;
    background:url(./images/arrow2.png) no-repeat 12px 14px;
}
ul.submenu li div.item a {
    display:block;
    padding:9px;
}
ul.submenu li ul {
    margin:0em 0em 0em 8px;
    padding:0em 0em 0em 10px;
    list-style:none;
}

/* TABULKA ATRIBUTOV */
div.attribsContainer {
    padding:0px;
    margin-bottom:0.5em;
    margin-top:0.5em;
}
div.attribsContainer div.attribs {
}
div.attribsContainer table.attribs {
    margin:0;
    padding:0;
    border-collapse:collapse;
    background:#FFF;
    border:1px solid #DADADA;
    width:100%;
}
div.attribsContainer table.attribs td, div.attribsContainer table.attribs th {
    padding:0.2em 0.5em 0.2em 0.5em;
    border:1px solid #DADADA;
}
div.attribsContainer table.attribs td ul {
    margin:0em;
    padding:0em;
    list-style:none;
}
div.attribsContainer table.attribs th {
    font-weight:bold;
    text-align:left;
}
div.attribsContainer table.attribs td.r, div.attribsContainer table.attribs th.r { text-align:right; }
div.attribsContainer table.attribs td.c, div.attribsContainer table.attribs th.c { text-align:center; }

/* Zoznam produktov 2 */
div.ctlg-list-item {
    width:200px;
    min-height:1px;
    _height:1px;
    float:left;
    margin-bottom:24px;
}
div.ctlg-list-item-2 {
    margin-right:24px;
    margin-left: 24px;
}
div.ctlg-list-item .image {
    width:192px; /* s paddingom je to 200px */
    height:101px; /* s paddingom je to 120px */
    background:url(images/productlist-image.png) no-repeat top left;
    overflow:hidden;
    padding:4px 4px 15px 4px;
}
div.ctlg-list-item .image a {
    display:block;
    width:192px;
    height:101px;
}
div.ctlg-list-item .image a span {
    display:none;
}
div.ctlg-list-item .title {
    padding:0em 0em 0.5em 0em;
}
div.ctlg-list-item .func {
    width:200px;
    height:26px;
    padding-top:2px;
    background:url(images/productlist-bgb.png) no-repeat right top;
}
div.ctlg-list-item .func a {
    margin-left:153px;
    display:block;
    width:28px;
    height:20px;
}
div.ctlg-list-item .func a span {
    display:none;
}
hr.ctlg-list-item {
    display:none;
}
div.ctlg-list-item table.attribs {
    width:100%;
}
div.ctlg-list-item p {
    margin:0em;
    padding:0em;
}

#markobGmapArea {
    height:400px;
}
#markobGmapData {
    display:none;
}
.markobGmapInfoWindow {
    width:200px;
}
.markobGmapInfoWindow .title {
    font-size:1.2em;
    color:#004088;
}
.markobGmapInfoWindow address {
    margin:0.3em 0em 0.5em 0em;
    padding:0em;
}
.markobGmapInfoWindow .trasa {
    margin-top:0.5em;
}


/* Zoznam clankov */
dl.list-item {
    margin:0px;
    padding:0px;
    clear:both;
}
dl.list-item dt {
    margin:0px;
    padding:1em 0px 0px 13px;
    background:url(images/arrow2.png) no-repeat 0em 1.3em;
}
dl.list-item dd {
    margin:0px;
    padding:5px 0px 0px 13px;
}
dl.list-item dd div.mainimage {
    width:60px;
    height:60px;
    float:left;
    margin:0px 10px 10px 0px;
    padding:3px;
    border:1px solid #DADADA;
    background:#FFF;
    overflow:hidden;
}

/* Pager */
div.pager {
    clear:both;
    margin:0.5em 0em 0em 0em;
    background:url('images/dot.gif') repeat-x top left;
    padding:8px 0em 0.5em 0em;
}
div.pager div.nextprev {
    float:right;
}
div.pager-top {
    background:none;
}

#contentContainer .back {
    clear:both;
    background:url('images/dot.gif') repeat-x top left;
    margin:10px 0px 0px 0px;
    padding:8px 0px 13px 0px;
    font-weight:bold;
    text-align:left;
    color:#FFF;
}


#contentContainer div.download {
    clear:both;
}
#contentContainer div.download h3 {
    font-size:1.2em;
    margin:0px;
    padding:0px 0px 7px 0px;
    color:#004992;
}
#contentContainer div.download ul {
    margin:0px;
    padding:5px 10px 5px 10px;
    list-style:none;
    background:#F7F7F7;
    border:1px solid #DADADA;
}
#contentContainer div.download ul li {
    background:url('images/dot.gif') repeat-x bottom left;
    padding:5px 0px 5px 0px;
}
#contentContainer div.download ul li a { text-decoration: none; }
#contentContainer div.download ul li a:hover { text-decoration: none; }

#contentContainer div.photogallery {
    padding:0em 0em 0em 0em;
    margin:0px;
}
#contentContainer div.photogallery a {
    display:block;
    float:left;
    width:112px;/* skutocna sirka - 120px */
    padding:3px;
    border:1px solid #DADADA;
    height:84px;
    background:#FFF;
    margin:0px 12px 12px 0px;
    overflow:hidden;
}
#contentContainer div.photogallery a.pg-5 {
    margin-right:0px;
}
#contentContainer div.photogallery img {
}

#panelInfo .section {
    background:url(images/separator1.png) repeat-x bottom left;
    padding-bottom:0.5em;
    margin-bottom:0.5em;
    color:#00529C;
}

#quickSeachForm .title {
    margin-bottom:0.5em;
    font-size:1.1em;
}
#quickSeachBox {
    width:212px;
    background:url(images/search.png) no-repeat bottom left;
    padding-bottom:11px;
}
#quickSeachBox .input {
    background:url(images/search-input.png) no-repeat top left;
    width:178px;
    height:24px;
    padding:5px 0 0 5px;
    float:left;
}
#quickSeachBox .input input {
    width:170px;
    border:none;
    background:transparent;
    font-size:1.1em;
}
#quickSeachBox .button {
    width:29px;
    height:29px;
    float:left;
}
#quickSeachBox .button button {
    background:#FFF url(images/search-button.png) no-repeat top left;
    width:29px;
    height:29px;
    border:none;
    cursor:pointer;
}
#quickSeachBox .button button span {
    display:none;
}

#homepopup {
    display:none;
    position:absolute;
    width:500px;
    height:400px;
    top:0px;
    left:0px;
    background:#FFF;
}
#homepopup .homepopup {
    padding:20px;
}
#homepopup .close {
    width:35px;
    height:35px;
    position:absolute;
    top:-10px;
    right:-10px;
    background:url(images/close.png) no-repeat top left;
}
#homepopup .close a {
    display:block;
    width:35px;
    height:35px;
}
#homepopup .close a span {
    display:none;
}
#homepopupOverlay {
    position:absolute;
    top:0px;
    left:0px;
    background:#82878F;
    opacity:0.7;
    filter:alpha(opacity=70);
}

h2.sub {
    padding:0px 0px 5px 0px;
}
h3.sub {
    padding:0;
    margin:0;
}

.categorySubnode {
    width:216px;
    float:left;
    background:url(images/categorySubnodeBg.png) no-repeat top left;
    min-height:1px;
    _height:1px;
}
.categorySubnodeData {
    background:url(images/categorySubnodeBottom.png) no-repeat bottom left;
    min-height:1px;
    _height:1px;
    padding:14px 29px 24px 14px;
    text-align:center;
}
.categorySubnodeData div {
    height:138px;
}
.categorySubnodeData div img {
    float:left;
    border:none;
}
.categorySubnodeData p {
    margin:0;
    padding:5px 0 0 0;
    background:url(images/categorySubnodeLine.png) no-repeat top center;
}

.dealerList {
    clear:both;
    padding:0 0 10px 0;
    margin:0 0 10px 0;
    border-bottom:1px solid #D6DBE1;
}
.dealerListItem {
    width:300px;
    margin:3px 9px;
    float:left;
    border:1px solid #D6DBE1;
    background:url(images/dealerBg.png) repeat-x top left;
    min-height:100px;
    _height:100px;
}
.dealerListItem .dealerData {
    padding:5px 10px 10px 10px;
}
.dealerListItem .dealerTitle {
    padding:10px 10px 0px 10px;
    font-weight:bold;
}