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

body {
	background: #E5F6FD url('bg-body.png') repeat-x top left;
}

.f-left {
float: left;
}

.f-right {
float: right;
}

.odd {
background-color: silver;
}

.even {
background-color: white;
}

.cleaner {
clear: both;
display: block;
}

.center {
text-align: center;
}

.w30 {
	width: 30px;
}

.w75 {
	width: 75px;
}

.w100 {
	width: 100px;
}

.w200 {
	width: 200px;
}

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

#header {
height: 100px;
background: #E5F6FD url('bg-header.png') no-repeat top left;
overflow: hidden;
}

#header #logo {
display: block;
position: absolute;
top: 27px;
left:15px;
}

#header #logo img{
border: none;
}

#header #order-box{
width: 508px;
height: 80px;
position: absolute;
top: 11px;
left: 365px;
background: #EDF7FB url('bg-order-box.png') no-repeat top right;
border: 1px solid #B6E4F0;
}

#header #order-box p {
height: 80px;
display: block;
float: left;
width: 160px;
padding: 8px;
}

#header #order-box p strong{
color: #990000;
display: block;
margin-bottom: 10px;
}

#header #order-box p span{
font-size: 11px;
color: black;
display: block;
font-weight: bold;
margin-bottom: 5px;
}

#header #order-box p a{
color: #003399;
font-weight: bold;
font-size: 11px;
display: block;
margin-bottom: 5px;
}

#header #order-box #dark-box{
width: 141px;
border-right: 1px solid #B6E4F0;
background-color: #5AA8D4;
color: white;
padding: 6px;
height: 68px;
font-weight: bold;
font-size: 10px;
}

#header #order-box #dark-box span {
width: 90%;
border-bottom: 1px solid white;
display: block;
height: 2px;
margin: 3px 0;
}

#header h1 {
display: inline;
color: #5BA9D5;
}

#header #title {
color: #5BA9D5;
font-weight: bold;
margin: 85px 0 0 20px;
}

#left-col{
float: left;
width: 700px;
}

#left-col #header-picture{
width: 702px;
height: 261px;
margin-top: 9px
}

#left-col #breadcrumb{
display: block;
float: left;
margin-top: 10px;
color: #2890B9;
font-weight: bold;
}

#left-col h2#navigh2{
font-size: 12px;
color: #182227;
float: right;
}

#left-col #h2-seo{
  float: right;
  margin: 10px 0 0 0;
  padding: 0;
  color: #2890B9;
  font-weight: bold;  
  font-size: 12px;
}

#left-col #breadcrumb a{
font-weight: normal;
color: #2890B9;
}

#left-col #breadcrumb a:hover{
color: #003399;
}

#left-col h2 {
color: #003399;
font-size: 18px;
margin: 10px 0;
}

#left-col p {
color: #7A7A7A;
display: block;
margin-bottom: 15px;
}

#left-col #category-previews {
clear: both;
padding: 10px 0;
text-align: center;
padding-left: 0px;
}

#left-col #category-previews br {
display: none;
}

#left-col #category-previews a {
width: 134px;
height: 280px;
display: block;
float: left;
margin: 0 3px;
background-color: #B1EAFF;
text-decoration: none;
overflow: hidden;
}

#left-col #category-previews a img{
border: none;
height: 123px;
width: 138px;
overflow: hidden;
}

#left-col #category-previews a strong{
color: #0C7C9E;
display: block;
margin: 10px;
height: 25px;
}

#left-col #category-previews a span {
display: block;
margin: 10px;
}

#left-col #category-previews a:hover {
background: #08B2E7 url('bg-category-preview.png') no-repeat bottom left;
}

#left-col #category-previews a:hover span, #left-col #category-previews a:hover strong{
color: white;
}

#left-col #recommended {
background-color: white;
border: 1px solid #B1EAFF;
margin-bottom: 15px;
overflow: hidden;
height: 140px;
}



#left-col #recommended img {
float: left;
margin: 10px;
border: 1px solid #B1EAFF;
max-height: 120px;
}

#left-col #recommended h4, #left-col #recommended h4 a {
font-size: 18px;
margin: 10px 0;
color: #9E1E21;
text-decoration: none;
}

#left-col #recommended p {
padding-right: 150px;
font-size: 11px;
}

#left-col #recommended p strong {
display: block;
}

#left-col #recommended #detail-button {
display: block;
width: 85px;
height: 26px;
line-height: 26px;
vertical-align: middle;
background: #2079AA url('bg-detail-button.png') no-repeat top left;
text-decoration: none;
float: right;
color: white;
text-align: center;
margin-top: -20px;
margin-right: 20px;
}

#right-col{
float: right;
width: 290px;
}

#right-col #contact{
background: url('bg-contact.png') no-repeat top left;
height: 149px;
}

#right-col #contact strong {
display: block;
color: #094F76;
text-align: right;
padding: 12px 5px 0 0;
}

#right-col #contact p {
width: 45%;
padding: 25px 0 0 10px;
color: #084861;
}

#right-col #contact p span{
font-weight: bold;
color: #084861;
}

#right-col #search{
background-color: #5BA9D5;
height: 51px;
margin-top: 4px;
overflow: hidden;
}

#right-col #search form{
padding: 9px 0 0 10px;
overflow: hidden;
}

#right-col #search input.text {
background: url('bg-search-field.png') no-repeat top left;
border-width: 0px;
width: 225px;
vertical-align: top;
color: #5D5D5D;
overflow: hidden;
padding: 10px 0px 10px 10px;/**/
font-size: 12px;
overflow: hidden;
}

#right-col #search input.button{
background: #ffffff url('bg-search-button.png') no-repeat 0 0;
width: 47px;
height: 32px;
text-decoration: none;
display: inline-block;
border: none;
background-color: transparent;
padding-top: 60px;
margin-left: -10px;
overflow: hidden;
cursor: pointer;
}

#right-col #menu {
width: 290px;
overflow: hidden;
}

#right-col #menu ul li{
margin-top: 3px;
}

#right-col #menu ul li a.main{
background: #ffffff url('bg-menu-item.png') no-repeat 0 0;
display: block;
width: 290px;
height: 45px;
line-height: 45px;
vertical-align: middle;
color: #454646;
text-transform: uppercase;
font-weight: bold;
padding-left: 45px;
text-decoration: none;
}

#right-col #menu ul li a:hover{
color: #990000;
text-decoration: underline;
}

#right-col #menu #submenu strong {
display: block;
height: 20px;
line-height: 20px;
vertical-align: middle;
color: white;
background-color: #0CB3E7;
margin: 2px 0;
padding-left: 10px;
border: 1px solid #328DBB;
}

#right-col #menu #submenu ul li a {
color: #003399;
padding-left: 20px;
text-decoration: none;
background: url('arrow.gif') no-repeat 1px 3px;
font-size: 11px;
display: block;
margin: 5px 15px;
display: block;
}

#right-col #menu #submenu ul li {
border: 1px solid #65B0CB;
list-style-type: none;
}

#right-col #menu #submenu ul li a:hover, #right-col #menu #submenu ul li a.active {
color: #990000;
background: url('arrow-active.gif') no-repeat 1px 3px;
}



#right-col #discount {
background: #D1ECF6 url('bg-discount.png') repeat-x 0 0;
margin-top: 4px;
overflow: hidden;
height: 160px;
}

#right-col #discount img {
border: 1px solid #318EBD;
float: left;
margin: 15px;
}

#right-col #discount p {
padding: 15px 15px 15px 0;
color: #098DB6;
font-size: 14px;
font-weight: bold;
}

#right-col #discount strong {
display: block;
font-size: 14px;
color: #9E1E21;
margin-bottom: 20px;
}

#right-col #discount p a {
display: block;
font-size: 12px;
color: #9E1E21;
margin-top: 20px;
font-weight: normal;
}


span.arrow-header, h3 {
background: url('arrow.png') no-repeat 0 0;
height: 19px;
display: block;
line-height: 19px;
vertical-align: middle;
font-size: 14px;
color: #9E1E21;
padding-left: 30px;
font-weight: bold;
margin-bottom: 10px;
}


#right-col #news {
padding: 20px;
}

#right-col #news p {
padding-bottom: 15px;
}

#right-col #news a {
color: #003399;
font-weight: bold;
}

#right-col #news p span {
color: #2898CA;
display: block;
margin-top: 11px;
}

#right-col #news em {
color: #0C7C9E;
font-size: 10px;
}

#right-col #news #button-archive {
background: #A53337 url('bg-button-archive.png') no-repeat 0 0;
color: white;
height: 27px;
width: 85px;
line-height: 27px;
vertical-align: middle;
display: block;
font-weight: normal;
text-align: center;
}

#right-col #news hr {
height: 1px;
border: 1px dotted #288FC2;
border-width: 1px 0 0 0;
padding-bottom: 15px;
}

#right-col # {
padding: 20px;
}

#right-col #wdbox a {color: #1D7EB4; }
#wdbox img {width: 130px; padding: 5px}
.wdbox {text-align: center;}
.wdbox2 {margin-left: 30px;}


#right-col #newsletter {
width: 290px;
height: 132px;
background: #258ECA url('bg-newsletter.png') no-repeat 0 0;
}

#right-col #newsletter p{
padding: 30px 20px 5px 16px;
font-size: 11px;
color: white;
}

#right-col #newsletter p strong {
color: white;
}

#right-col #newsletter form p{
padding-top: 0;
}

#right-col #newsletter input.text{
height: 26px;
width: 142px;
padding-left: 10px;
line-height: 26px;
background-color: #A0CCE2;
color: #2788BB;
border: none;
margin-top: -2px;

}

#right-col #newsletter input.button{
background: transparent url('bg-button-newsletter.png') no-repeat 0 0;
border: none;
width: 78px;
height: 26px;
color: white;
}

#right-col #newsletter span {
display: block;
margin-top: 10px;
color: #A9CFE3;
font-size: 11px;
}


#right-col #read-this {
padding: 20px;
}

#right-col #read-this a {
display: block;
color: #1D7EB4;
margin: 10px 0;
}

#footer {
clear: both;
height: 77px;
background: url('bg-footer.png') no-repeat 0 0;
margin-bottom: 15px;
}

#footer p {
width: 550px;
margin-left: 250px;
text-align: center;
padding-top: 15px;
}

#footer p, #footer p a {
color: grey;
text-decoration: none;
font-size: 11px;
}

p.footer_links,  p.footer_links a {font-size: 10px; text-align: center; color: grey; text-decoration: none;}

/* --- product box --- */
.product {
	float: left;
	width: 170px;
	height: 215px;
	overflow: hidden;
	margin-right: 5px;
	margin-bottom: 20px;
	border-bottom: 1px solid #EAEAEA;
}
.vertical {
	width: 130px;
	height: 250px;
	

}

#product-detail-left img {
	margin-top: 5px;
	width: 164px;
	padding: 2px;
	border: 1px solid silver;
}
.product-info {
	padding: 5px;
}
.product-info h3 {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 5px;
}
.product-info h3 a {
	background: url(../obrazky/arrow.gif) no-repeat 0 4px;
}
.product-info h3 a:hover {
	background: url(../obrazky/arrow-active.gif) no-repeat 0 4px;
}
.product-info p {
	line-height: 1.3em;
	margin-bottom: 5px;
}
.product-info em {
	color: #666;
	font-size: 90%;
	font-style: normal;
	display: block;
	height: 40px;
}

/* --- product detail --- */
#product-detail {
	padding-top: 0;
}


#product-detail-left {
width: 174px;
float: left;
}

.thumb, .thumb-vertical {
	padding: 2px;
	border: 1px solid silver;
}

.thumb a {
	display: block;
 	height: 110px;
	overflow: hidden;
}

.thumb a img {
	width: 164px;
	border: none;
}

.thumb-vertical a {
	display: block;
 	height: 164px;
	overflow: hidden;
}

.thumb-vertical a img {
	width: 125px;
	border: none;
}

#product-detail .thumb {
	margin: 0 20px 10px 0;
	background: url(../obrazky/bg-thumb.gif) no-repeat top left;
	width: 174px;
	height: 125px;
}
#product-detail.description-vertical .thumb {
	background: url(../obrazky/bg-thumb-vertical.gif) no-repeat top left;
	width: 125px;
	height: 174px;
}

#product-detail #product-description ul {
margin: 0 0 20px 20px;
}

#product-detail #product-description ul li {
list-style-type: none;
background: url('arrow-active.gif') no-repeat 1px 4px;
padding-left: 15px;
line-height: 16px;
}

.product-variant {
	padding-top: 5px;
}
.product-variant table {
	width: 95%;
	border-collapse: separate;
	border: 2px solid #BEE8FA;
}
.product-variant th {
	color: #000;
	background: #BEE8FA;
}
.product-variant td {
	border: 1px solid #EEE;
	background-color: white;
	padding: 5px;
}

.product-variant td img {
border: none;
}

#product-description {
	float: right;
	width: 490px;
}
#product-detail.description-vertical #product-description {
	width: 540px;
}
#product-description p {
	line-height: 1.3em;
	margin-bottom: 10px;
}

#product-description img {
border: none;
}

.section-heading {
	color: #990000;
	font-size: 130%;
	font-weight: normal;
	margin: 10px 0 5px 0;
	display: block;
}

small {
font-weight: normal;
}

/* --- cart --- */
#cart table {
	width: 660px;
	margin-bottom: 0;
	border-collapse: collapse;
}
#cart th {
	color: #FFF;
	background: #333333;
	text-align: center;
	border: 2px solid #FFF;
}
#cart td {
	background: #F3F3F3;
	border: 2px solid #FFF;
	padding: 5px;
}
#cart td.no-bg {
	background: #FFF;
}
#cart-summary {
	width: 640px;
	color: #000;
	background-color: #D2FFFD;
	font-weight: bold;
	margin: 5px 0 5px 0;
	padding: 10px;
	border: 1px solid #A4D7FF;
}
#price-summary {
	color: #0072BC;
	font-size: 120%;
	float: right;
}
#price-summary strong {
	color: #000;
	font-size: 140%;
	padding-left: 10px;
}
#cart input.text {
	width: 50px;
}
#order-info {
	width: 660px;
	background: #F3F3F3;
	margin-bottom: 5px;
	padding-top: 10px;
	border: 1px solid #CCC;
}

#order-info td {
padding: 5px 5px 5px 15px;
}

#order-info p {
	padding: 0 15px 0 15px;
}

.search-result {
clear: both;
display: block;
margin: 5px 0;
height: 100px;
}

.search-result a strong {
color: #9E1E21;
font-size: 13px;
display: block;
margin-bottom: 5px;
}

.search-result img {
width: 120px;
max-height: 90px;
overflow: hidden;
margin-right: 10px;
border: 1px solid gray;
padding: 2px;
}

#callback{
width: 170px;
height: 262px;
background: #54B0D9 url('bg-zavolame-zpet2.png') no-repeat top left;
margin: 10px 0;
overflow: hidden;
}

#callback form p {
padding: 135px 0 0 10px;
color: #20455F;
}

#callback form p input.text {
width: 120px;
background-color: #8AD0EA;
border: 1px solid #2787BA;
margin: 5px 0;
font-size: 12px;
color: #3D5D6A;
padding: 5px 10px;
}

#callback form p input.button {
background: transparent url('bg-button-send.png') no-repeat 0 0;
height: 27px;
width: 85px;
border: none;
margin-top: 10px;
cursor: pointer;
}

#product-photos {
margin-top: 10px;
padding: 10px;
border: 1px solid silver;
}

#product-photos img{
height: 100px;
padding: 2px;
border: 1px solid silver;
margin: 5px;
}

/*diskuze*/

#discuss {
margin-bottom: 20px;
}

#discuss form {
margin: 0 0 20px 20px;
}

#discuss form div {
padding: 2px 0px;
}

#discuss form div span{
display: inline-block;
width: 100px;
vertical-align: top;
}

#discuss form div input{
width: 250px;
color: black;
}

#discuss form div input.antispam{
width: 214px;
}

#discuss form div input.submit{
background: transparent url('bg-button-send2.png') no-repeat 0 0;
height: 27px;
width: 85px;
border: none;
margin-top: 10px;
cursor: pointer;
}

#discuss form div textarea{
color: black;
width: 250px;
}

#discuss span.error {
display: inline-block;
width: 300px;
padding-left: 10px;
color: #CC8A2B;
}

#discuss .post {
padding: 5px;
margin: 3px 0;
}

#discuss .post-header {
display: block;
padding-bottom: 5px;
}

/* wysiwyg */
a {
color: #9E1E21;
}

.article img {
margin: 7px;
padding: 2px;
border: 1px solid gray;
}

table {
margin: 7px;
}