/* css document */
* {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	font-family: "tahoma";
	color: #757575;
}


.uvodnik {padding: 5px; float: left; text-align: justify; font-size: 10px;}
.uvodnik strong {font-size: 10px;}
.uvodnik a {font-size: 10px;}


body {
}

.preload {
position: absolute;
left: -9999px;
top:  -9999px;
}

.preload img {
display: block;
}

.cleaner {
clear: both;
}

.f-left {
float: left;
}

img.f-left {
margin: 0 15px 15px 0;
}

h1{
margin-top: 2px;
width: 750%;
text-align: center;
font-size: 10px;
}

#fix {
width: 1000px;
	left: 50%;
	margin-left: -500px;
	position: absolute;
	overflow: hidden;
}

#header {
height: 75px;
}

#header #logo {
width: 133px;
height: 51px;
float: left;
background: transparent url('bg-logo.png') no-repeat top left;
}

#header #upper-menu {
position: relative;
top: 35px;
left: 50px;
}

#header #upper-menu a {
font-weight: bold;
text-decoration: none;
padding: 20px;
font-size: 12px;
}

#header #upper-menu a:hover {
color: #B80303;
}

#header #search-form {
position: relative;
top: 0px;
left: 635px;
height: 27px;
overflow: hidden;
}

#header #search-form input.input {
background: transparent url('bg-search-input.png') no-repeat top left;
display: inline-block;
width: 146px;
font-size: 12px;
border: none;
vertical-align: top;
padding: 5px 0 5px 10px;
}

#header #search-form input.button {
display: inline-block;
width: 61px;
height: 27px;
border: none;
overflow: hidden;
cursor: pointer;
padding-top: 40px;
}

#main-menu {
height: 52px;
}

#main-menu .dropdown {
float: left;
width: 332px;
height: 52px;
}

#main-menu .dropdown .menu-item{
width: 332px;
height: 52px;
}

#main-menu .dropdown .menu-item h1{
height: 100%;
}

#main-menu .dropdown .menu-item a{
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}

#main-menu .dropdown .submenu {
position:absolute;
overflow:hidden;
width:314px;
display:none;
background:#fff;
z-index:200;
}

#main-menu .dropdown .submenu ul{
display: block;
width: 142px;
float: left;
margin: 0 0 10px 10px;
overflow: hidden;
}

#main-menu .dropdown .submenu ul li{
margin-left: 20px;
}

#main-menu .dropdown .submenu ul li a{
white-space:nowrap;
font-size: 11px;
}

#main-menu .dropdown .submenu h2{
display: block;
clear: both;
margin: 15px 0 5px 10px;
color: #B70000;
}

#main-menu a#plesove {
background: url('bg-plesove-gray.png') no-repeat top left;
}

#main-menu a#plesove:hover, #main-menu .dropdown #plesove-ddheader h1 a.active, #main-menu #plesove-ddheader {
background: url('bg-plesove-red.png') no-repeat top left;
}

#main-menu a#spolecenske {
background: url('bg-spolecenske-gray.png') no-repeat top left;
}

#main-menu a#spolecenske:hover, #main-menu .dropdown #spolecenske-ddheader h1 a.active, #main-menu #spolecenske-ddheader {
background: url('bg-spolecenske-red.png') no-repeat top left;
}

#main-menu #svatebni {
background: url('bg-svatebni-gray.png') no-repeat top left;
}

#main-menu a#svatebni:hover, #main-menu .dropdown #svatebni-ddheader h1 a.active, #main-menu #svatebni-ddheader {
background: url('bg-svatebni-red.png') no-repeat top left;
}

#main-menu span {
position: relative;
z-index: -10;
font-size: 20px;
font-weight: bold;
display: inline;
}

#main-menu h1 a span {
color: #B80303;
}

#header-image {
height: 232px;
}

#header-image p {
width: 260px;
margin-top: 45px;
padding-right: 20px;
font-size: 14px;
}

#main {
min-height: 270px;
height: auto !important;
height: 270px;
}

#main #main-left {
width: 450px;
float: left;
margin-top: 10px;
}

#main #main-left p {
padding: 15px 0 15px 33px;
font-size: 11px;
clear: both;
}

#main #main-left p a.image-wrapper {
display: block;
width: 95px;
height: 68px;
overflow: hidden;
float: left;
margin-right: 10px;
}

#main #main-left p a.image-wrapper img {

padding-right: 20px;
width: 95px;
border: none;
}

#main #main-left p a{
color: #B70000;
font-size: 11px;
display: block;
}

#main #main-right {
float: right;
width: 450px;
height: 240px;
margin: 20px 30px 0 0;
}


#main #main-right #main-right-heading {
background: transparent url('bg-main-right-heading.png') no-repeat top center;
width: 172px;
height: 29px;
position: relative;
top: -210px;
left: 195px;
}

#main #main-right #content-switch {
height: 240px;
width: 100%;
}

#main #main-right #content-switch #content-ajax .img-slide {
float: left;
width: 200px;
height: 240px;
}

#main #main-right #content-switch #content-ajax p {
width: 210px;
float: right;
height: 160px;
padding-top: 80px;
padding-right: 40px;
background: transparent url('bg-main-right.png') repeat-x top left;
}

#main #main-right #content-switch #content-ajax p a {
font-weight: bold;
color: #B70000;
display: block;
margin-top: 13px;
}

#main #main-right #listing {
width: 200px;
display: block;
position: relative;
top: -45px;
left: 200px;
}

#main #main-right #listing a {
display: inline;
text-decoration: none;
padding: 0 5px;
color: #868686;
font-weight: bold;
cursor: pointer;
}

#main #main-right #listing a.selected, #main #main-right #listing a.mouseover{
color: #B70000;
}


#articles {
height: 304px;
background-color: #E5DBA5;
margin-top: 10px;
}

#articles #articles-top {
height: 38px;
overflow: hidden;
}

#articles #articles-top span {
position: relative;
z-index: 10;
display: block;
width: 305px;
height: 38px;
top: -19px;
left: 38px;
}

#articles #articles-top strong{
color: white;
font-weight: bold;
font-size: 16px;
position: relative;
top: 10px;
left: 60px;
}

#articles .articles-delimiter{
height: 268px;
width: 6px;
float: left;
}

#articles .article-preview{
width: 329px;
height: 268px;
float: left;
}

#articles .article-preview h3 {
margin: 20px 0 0 50px;
width: 200px;
}

#articles .article-preview h3 a {
color: #B70000;
font-size: 15px;
font-weight: bold;
}

#articles .article-preview p {
margin: 10px 0 0 50px;
width: 200px;
}

#articles .article-preview p a{
display: block;
font-weight: bold;
color: #B70000;
}

#footer {
height: 37px;
}

#footer p{
padding-top: 5px;
color: white;
font-weight: bold;
font-size: 11px;
}

#footer a {
color: white;
font-weight: bold;
font-size: 11px;
}

#footer #footer-left {
width: 600px;
float: left;
margin-left: 20px;
}

#footer #footer-right {
width: 300px;
float: right;
text-align: right;
margin-right: 20px;
}

#footer-lower {
/*height: 20px;*/
background-color: white;
text-align: center;
padding-right: 20px;
color: grey;
font-weight: normal;
font-size: 10px;
}


#footer-lower a {
color: grey;
font-weight: normal;
text-decoration: none;
font-size: 10px;
}

.product-preview-row {
min-height: 180px;
height: auto !important;
height: 180px;
padding-left: 150px;
clear: both;
overflow: hidden;
}

.product-preview {
margin: 10px 0;
width: 160px;
float: left;
}

.product-preview .product-preview-wrapper {
display: block;

}

.product-preview img {
margin-left: 18px;
width: 125px;
border: none;
float: left;
margin-right: 20px;
border: 1px solid #bbbbbb;
padding: 2px;
max-height: 160px;
overflow: hidden;
}

.product-preview p {
width: 160px;
float: left;
margin: 0;
padding: 0;
text-align: center;
}

.product-preview a {
text-decoration: none;
}

.product-preview a strong {
font-size: 14px;
color: #B80303;
display: block;
margin-bottom: 10px;
}

#product-detail {
}

#product-detail #main-product-image {
height: 200px;
float: left;
margin-right: 20px;
border: 1px solid #bbbbbb;
padding: 2px;
}

#product-detail #main-product-image-big {
height: 400px;
float: left;
margin-right: 20px;
border: 1px solid #bbbbbb;
padding: 2px;
}

#images-gallery {
text-align: left;
margin-top: 20px;
}

#images-gallery a {
display: inline-block;
margin: 3px 4px 0 0;
}

#images-gallery a img{
height: 220px;
border: 1px solid #bbbbbb;
padding: 2px;
}

.search-result {
clear: both;
}

.search-result img{
width: 100px;
float: left;
margin-right: 15px;
}


/*wysiwyg*/
#content {
padding: 20px;
clear: both;
}

#content h2{
color: #B80303;
font-size: 16px;
margin-bottom: 10px;
}

#content h3{
color: #B80303;
font-size: 14px;
margin-bottom: 10px;
}

#content p{
padding: 10px 0;
}

#content ul{
padding-left: 20px;
}

#content img{
border: 1px solid #bbbbbb;
padding: 2px;
}