body {
margin: 0;
padding: 0;
text-align: center;
color: #fff;
background-color: #363636;
font: 12px Arial, Helvetica, sans-serif;
}
a {
text-decoration: none;
outline: none;
}
a:link,
a:visited {
color: #fff;
}
a:hover,
a:active {
color: #999;
}
#header {
height: 150px;
}
.pocetna {
background-color: #b5945c;
}
.skulpture {
background-color: #e49f14;
}
.portreti {
background-color: #6666CC;
}
.plakete {
background-color: #A67540;
}
.crtezi {
background-color: #E1421A;
}
.zivotopis {
background-color: #adb60d;
}
.katalog {
background-color: #a4846f;
}



#title {
padding-top: 45px;
}
#header_inner {
position: relative;
width: 640px;
height: 150px;
margin: auto;
text-align: left;
}
#langnav {
padding-top: 30px;
margin-bottom: 45px;
text-align: left;
}
#langnav a:link,
#langnav a:visited {
display: inline-block;
margin: 0 1px;
padding: 4px 10px;
font-size: 11px;
color: #fff;
background-color: #363636;
}
#langnav a:hover,
#langnav a:active {
color: #999;
}
#langnav a.current {
color: #999;
}
#navmain {
position: absolute;
left: 0;
bottom: 0;
width: 670px;
}
#navmain a:link,
#navmain a:visited {
display: block;
float: left;
padding: 14px 0;
margin-right: 27px;
font-size: 16px;
color: #fff;
}
#navmain a:hover,
#navmain a:active {
color: #000;
}
#navmain a.current {
color: #000;
background: url(../images/layout/currentlink.png) no-repeat center bottom;
}
#navmain.en a:link,
#navmain.en a:visited {
margin-right: 17px;
}
#content {
padding: 70px 0 30px;
background-color: #000;
}

#content.fp {
padding: 40px 0;
background: #000 url(../images/layout/fpbg.png) repeat-x left top;
}

#content.overview {
padding: 50px 0 30px;
}
#content.catalogue {
padding: 40px 0 30px;
}
#content.text {
padding: 40px 0 30px;
line-height: 150%;
}
#content_inner {
width: 640px;
margin: auto;
text-align: left;
}
.bio {
color: #000;
background-color: #d5d5d5;
}
#leftcol {
position: relative;
width: 290px;
height: 435px;
overflow: hidden;
}
#display {
position: absolute;
top: 0;
width: 870px;
}
#display div {
width: 290px;
float: left;
}
#rightcol {
position: relative;
width: 290px;
float: right;
}
.clearfix {
display: block;
height: 0px;
clear: both;
}
#footer {
width: 640px;
margin: auto;
padding: 30px 0 45px;
text-align: left;
color: #a5a5a5;
}
img {
border: none;
}
.pos0 {
left: 0;
}
.pos1 {
left: -290px;
}
.pos2 {
left: -580px;
}
h1 {
margin: 0 0 15px ;
font-size: 18px;
font-weight: normal;
}
.text h1 {
margin: 0 0 30px ;
font-size: 18px;
font-weight: normal;
}


#desc {
margin-bottom: 25px;
line-height: 150%;
}
#desc h1 {
margin: 0 0 10px;
font-size: 16px;
font-weight: bold;
}
#thumbs {
padding-bottom: 20px;
}
#thumbs img {
display: block;
float: left;
cursor: pointer;
}
#thumbs img.mid {
margin: 0 25px;
}
#nav_outer {
position: absolute;
top: 250px;
left: 0;
width: 290px;
padding-bottom: 3px;
background: url(../images/layout/navbottom.png) no-repeat bottom;
}
#nav_inner {
padding-top: 3px;
background: url(../images/layout/navtop.png) no-repeat top;
}
#nav_outer_bottom, #nav_outer_top {
width: 640px;
margin: 0 auto 30px;
padding-bottom: 3px;
background: url(../images/layout/navbottom1.png) no-repeat bottom;
}
#nav_outer_top {
margin: 20px auto;
}
#nav_outer_top.zerotop {
margin: 0px auto 20px;
}
#nav_inner1 {
padding-top: 3px;
background: url(../images/layout/navtop1.png) no-repeat top;
}
#nav td {
background-color: #363636;
padding: 6px 10px;
vertical-align: middle;
font-size: 10px;
color: #BCBCBC;
}
#nav img {
display: block;
float: left;
margin-right: 10px;
}

#nav td#navlinks {
color: #666;
}
#navlinks a {
padding: 0 5px;
}


#content_inner.overview {
width: 690px;
}
.displayset {
width: 180px;
padding: 0 25px 40px;
float: left
}
.imgblock {
display: block;
width: 160px;
height: 160px;
padding: 10px;
text-align: center;
vertical-align: middle;
background-color: #fff;
}
.imgblock img {
display: block;
margin: auto;
}
.imglink {
display: inline-block;
padding: 8px 5px;
}
.displayset a:link,
.displayset a:visited {
display: block;
text-align: center;
color: #dcdcdc;
background: #787878 url(../images/layout/shadow1.png) no-repeat left 180px;
}
.displayset a:hover,
.displayset a:active {
color: #646464;
background: #d5d5d5 url(../images/layout/shadow2.png) no-repeat left 180px;
}
.colset {
margin: -20px 0 20px 5px;
}
.colset td {
width: 200px;
vertical-align: top;
color: #333;
background-color: #fff;
}
.colset img {
display: block;
border: 10px solid #fff;
}
.textblock {
padding: 0 10px 10px 10px;
text-align: left;
background-color: #fff;
}

#cat {
margin-bottom: 25px;
}
#cat p {
margin: 0 0 8px;
}
#cat td {
background-color: #7f7f7f;
border-top: 10px solid #000;
vertical-align: top;
line-height: 130%;
}
#cat img {
display: block;
padding: 10px 0 10px 10px;
}
#cat td.spacecol {
width: 20px;
background: transparent;
}
#cat td.image {
width: 100px;
}
#cat td.text {
width: 90px;
padding: 10px 10px 10px 0;
}

.textset {
width: 180px;
padding: 0 25px 40px;
float: left;
line-height: 150%;
}
.imgleft {
display: block;
float: left;
clear: both;
margin: 4px 20px 10px 0;
}
.imgleft img {
display: block;
}
#nav_outer_bottom.topspace {
margin-top: 30px;
}
.normal {
font-style: normal;
}
.motto {
width: 215px;
color: #ccc;
margin: 10px 0 0;
}

#orderinfo {
margin: 0 25px;
line-height: 140%;
color: #999;
}
#orderinfo.cat {
margin: 0;
}
#orderinfo a:link, #orderinfo a:visited {
color: #fff;
}
#orderinfo a:hover, #orderinfo a:active {
color: #FF0000;
}