* {
font-family: Helvetica,Arial,sans-serif;
color:#666666;
font-size: x-small;
}

body { 
background-color: #000;
margin: 0;
}

#header {
position: relative;
height: 180px;
background-color: #262626;
}

#icons {
padding: 55px 0 0 130px;
}

#icons span,#icons span a {
font-size: 13px;
font-weight: bold;
color: #4f4f4f;
}

#data,#data_kontakt {
position: relative;
margin: 20px 0 0 130px;
}

#data_detail {
position: relative;
margin: 20px 0 0 80px;
}

#footer {
margin: 20px 0 30px 130px;
}

.news {
float: left;
width: 188px;
margin-right: 15px;
}

.news .pcs {
display: block;
width: 188px;
height: 188px;
background: url(pcs/vzor.jpg) 50% 50% no-repeat;
}

.pcsDestop {
display: block;
width: 188px;
height: 188px;
background: url(pcs/vzor.jpg) 50% 50% no-repeat;
}

.preview {
display: block;
float: left;
width: 109px;
height: 109px;
background-image: url(pcs/vzor.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
margin: 0 10px 10px 0;
}

.preview_note {
display: block;
float: left;
width: 109px;
height: 109px;
background-color: #262626;
margin: 0 10px 10px 0;
}

.preview_note span {
display: block;
padding: 12px;
font-size: 13px;
}

.detail {
position: relative;
width: 600px;
height: 400px;
background: url(pcs/detail.jpg) 50% 50% no-repeat;
}

.detail_next {
display: block;
position: absolute;
top: 100px;
right: 0px;
width: 116px;
height: 116px;
}

.detail_prev {
display: block;
position: absolute;
top: 100px;
left: 0px;
width: 116px;
height: 116px;
}

.detail_close {
display: block;
position: absolute;
top: 100px;
right: 300px;
width: 116px;
height: 116px;
}

.detail_next:hover {
background: url(pcs/next.gif) 50% 50% no-repeat;
}

.detail_prev:hover {
background: url(pcs/prev.gif) 50% 50% no-repeat;
}

.detail_close:hover {
background: url(pcs/close.gif) 50% 50% no-repeat;
}

/*
rozmery pro obrazky
- nahledy: 109 x 109 (ramecek 10px)
- novinky: 188 x 188 (ramecek 15px)
- detail vyska: 350 x 530
- detail sirka: 600 x 400 (if s>v*2 => panorama)
- detail panorama: 1140 x 330
*/

h1 {
margin: 0 0 12px 0;
line-height: 28px;
color: #B3B3B3;
font-size: 28px;
font-weight: bold;
}

h2 {
margin: 18px 0 4px 0;
color: #666666;
font-size: 12px;
font-weight: normal;
}

.news h2 {
margin: 12px 0 2px 0;
color: #B3B3B3;
font-size: 14px;
font-weight: normal;
}

#data_kontakt h2 {
color: #B3B3B3;
font-size: 14px;
}

p {
margin: 0 0 2em 0;
}

.w400 {
width: 400px;
padding-bottom: 20px;
}

#data_detail .w600,#data_detail h2 {
margin-left: 50px;
}

.w600 {
padding: 20px 0;
width: 600px;
}

.w600 span {
font-size: .9em;
color: #4D4D4D;
}

#data_kontakt .w600 {
padding: 0 0 20px 0;
}

img {
border: 0px;
}

form {
margin: 0;
}

.off h1 {
color: #666666;
}

.off span,.off span a {
color: #4D4D4D !important;
}

/* links */
a {
color:#666666;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.active,a:hover {
color: #B3B3B3 !important;
}

.off span .active,.off span a:hover {
color: #666666 !important;
}

.preview:hover span {
display: block;
height: 109px;
font-size: 13px;
color: #B3B3B3;
background-color: #262626;
}

.preview span {
display: none;
padding: 0 12px;
}

.preview,.preview:hover,.preview_note,.preview_note:hover,.detail_next:hover,.detail_prev:hover,.close_next:hover {
text-decoration: none;
}

.reset { clear: both; }