/* CSS Document */
*  {	margin:0; padding:0; border:0; outline:none; list-style-type:none}
html {	background:url('images/bg_repeat.jpg') top repeat-x #EAEBFD}
body {	background:url('images/background.jpg') top center no-repeat ; font:normal 100% Trebuchet MS, Arial, sans-serif; display:block}

table { }
p {		font-size:90%; line-height:22px; margin:10px 0}
h1 {	font:bold 130% Arial, sans-serif; color:#303092; margin:10px 0}
h2 {	font:bold 120% Arial, sans-serif; margin:10px 0}
h3 {	font:bold 110% Arial, sans-serif; margin:10px 0}
h2.podkat {font:bold 110% Arial; color:#303092; margin:10px 0;}
td { vertical-align: top;}
.small {font-size:90%;}

a {	color:#000}
a:hover {	text-decoration:underline}

#article { margin:0 0 50px 0; padding:0 10px;}
#article ul {	margin:0 0 0 20px; list-style-type: disc;}
#article li {	list-style-type: disc;}

#screen {		background:url('images/bg_body.png') repeat-y; width:960px; margin:0 auto; padding:365px 3px 0 3px}

#black_line {	background:url('images/bg_body_top.png') bottom no-repeat; height:8px; width:966px; margin:0px auto 0 auto; padding-top:30px}

#footer {		background:url('images/black_bar.jpg'); height:30px; width:960px; margin:0 auto 30px auto; clear:both}
#footer_left {	color:#FFC602; padding:2px 0 0 40px; float:left; width:360px}
#footer_right {	color:#FFC602; padding:2px 35px; float:right; width:450px}
#footer a {		color:#fff; text-decoration:none; font-size:90%}
#footer	a:hover {	color:#FFC602;}

#odkazy { width:960px; margin:0 auto;}
#odkazy a {	font-size: 11px;}

a#logo { background:url('images/logo.png'); width:650px; height:140px; text-indent:-9999px; display:block; float:left}

#language {	width:200px; float:right; text-align:right; margin:0px 0px 0 0}
#language a {	color:#000; text-decoration:none}
#language a:hover {	font-weight:bold;}

#search_form {		width:246px; height:24px; border:1px #000 solid; position:absolute; top:100px; left:50%; margin:0 0 0 175px}
input#search {		width:160px; height:22px; float:left; padding:2px 0 0 5px}
input#confirm {		width:80px; height:24px; border-left:1px #000 solid; background:url('images/orange_bar.jpg'); float:right; cursor:pointer}

#move {			position:absolute; left:50%; top:38px; margin:0 0 0 -425px; width:850px}
#content {		background:url('images/content.jpg') top center repeat-y; width:850px; margin:00px auto 0 auto;}

#menu_horizontal ul {		background:url('images/black_bar.jpg') repeat-x; height:32px; clear:both}
#menu_horizontal ul li a {	background:url('images/list_bar.jpg'); float:left; display:block; height:22px; color:#fff; padding:5px 30px 5px 40px; text-decoration:none}

#menu_horizontal ul li a:hover {	background:url('images/list_bar_hover.jpg'); color:#303092}

div#rotator {	position:relative; height:165px; width:844px; border:3px solid #303092; margin:10px 0}
div#rotator ul li {	float:left; position:absolute; list-style:none;}

#left_bar { width:600px; float:left;  /*border-right:solid 3px #fff*/ margin-right:3px}
#right_bar { width:247px; float:right}

.headline {		background:url('images/black_bar.jpg') repeat-x; line-height:32px; color:#fff; padding:0 0 0 20px; font-weight:bold; clear:both}
.side_box {		margin:0 0 20px 0; clear:both; padding:5px; text-align:justify}
.address {		font-size:110%}
#cart {	width:247px; line-height:30px; background:#F9D662; text-align:center; margin:-5px}
#cart a {	color:#000; font-weight:bold}

.button { background:url('images/button.jpg'); width:105px; height:24px; text-align:center; display:block; margin:10px 0;cursor:pointer; color:#000; text-decoration:none}
a.button:hover { text-decoration:underline}			 

#meta { background:url('images/meta.jpg') -50px 0px no-repeat; height:250px; clear:both}

#meta_article {	padding:10px; width:280px; text-align:justify; float:left}

#meta_list { float:right; width:210px; padding:10px 20px}
#meta_list ul { margin-left: 0; list-style-type: none;}
#meta_list ul li { margin-left: 8px; list-style-type: none;}

#meta_list a {	color:#000; font-size:90%}
#meta_list a:hover {	font:bold 90% Trebuchet MS}

/* eshop */
.product_box { background:url('images/product.jpg'); width:173px; padding:5px 4px 0 4px; float:left; margin:0 12px 20px 0}
.products {	min-height:320px}
.products span a {	background:#FFC501; display:block; text-align:center; font-weight:bold; line-height:30px; color:#000;  text-decoration:none; margin:0 0 20px 0} /* nepouzito */
.products .b_nazev { background:#FFC501; display:block; text-align:center; font-weight:bold; min-height:35px; color:#000;  text-decoration:none; margin:0 0 20px 0}
.products .b_nazev a { display:block; font-weight:bold; line-height: 20px; color:#000; text-decoration:none; padding: 10px 5px;}
.products .b_img { text-align:center;}

.number { background:url('images/shop_button.jpg'); width:38px; height:32px; text-align:center; color:#000; text-decoration:none; display:block; float:right; margin:5px 0}
.number input { width:18px; height:32px; text-align:center; color:#000; text-decoration:none; margin: 0; background: none;}


/* .number:hover {	text-decoration:underline} */

.small_cart {	background:url('images/cart.jpg'); width:38px; height:32px; text-indent:-9999px; float:right; display:block; margin:5px 5px; cursor:pointer;}

.products .skrtni {	width:70px; float:left; text-align:left; clear:both; font-size:80%; margin:0 0 0 8px; text-decoration: line-through;}
.products .cena {	width:80px; float:right; text-align:right;  font:bold 80% Trebuchet MS, sans-serif; margin:0 8px 0 0; color:#303092}

.products span a:hover {	color:#303092}					
.product_box_foot {	background:url('images/product_foot.jpg'); width:181px; height:8px; clear:both; margin:0 0 0 -4px}
.products .clear {	height:6px}
.clear {	width:90%; height:1px; clear:both}
/* konec eshop */

/* Accordeon menu */
.right_menu {				margin:0 0 20px 0}
.right_menu ul,
.right_menu ul ul { 		margin:0; padding:0;}
.right_menu ul a { 		display: block; text-decoration: none}
.right_menu ul li {		margin:1px 0 0 0}
.right_menu ul li ul li {	margin:0!important}
.right_menu ul li a {  	background:url('images/vertical_menu.jpg'); color:#303092; width:217px; line-height:30px; padding:0 0 0 30px}
.right_menu ul li a:hover {		background:url('images/vertical_menu_hover.jpg')}
.right_menu ul li ul li a {		background:url('images/vertical_menu_subhover.jpg'); padding:0 0 0 50px; width:197px; font-size:90%}
.right_menu ul li ul li a:hover {	background:url('images/vertical_menu_subhover.jpg'); padding:0 0 0 50px; text-decoration:underline}



.tlacitko { background:url('images/button.jpg'); width:105px; height:24px; text-align:center; display:block; margin:10px 0;cursor:pointer; color:#000; text-decoration:none; font-weight: bold;}

.cleaner {clear: both;}
.fright { float: right;}
.right {text-align: right;}
.b1 {border: 1px solid #333;}

#cesta_webem {background:url('images/black_bar.jpg') repeat-x; height:32px; padding:5px 20px 5px 20px; position: relative; color: #ccc;}
#cesta_webem span {font-weight: bold; color: #ccc;}
#cesta_webem a {color:#fff; text-decoration:none}

/* vypis fotogalerie */
td.fotogalerie { vertical-align: top; text-align: center; font-size: 11px; width: 150px;}
td.fotogalerie img { padding: 5px; margin: 5px; background: #ffc501;}
td.fotogalerie img:hover	{ border: 1px solid #d2d2d2; background: #ccc;}
.oramovat { border: 1px solid #F9D662; } /* obrazky s odkazem thickbox */

/* vypis novinek vpravo */
.nadpis h3 { font-size: 15px; margin: 0 0 10px 0;}
.nadpis .datum { font-size: 12px; color: #3337; margin: 0;}
a.novinka img { padding: 3px;	margin: 0; background: #ffc501;}

/* kosik a udaje o zakaznikovi */
.kosik {font-size:90%; border-collapse: collapse;}
.kosik td {padding: 3px;}
.kosik th {padding: 3px; text-align: left; background-color: #ccc;}

/* tabulka bezna */
.tab {font-size:90%; border-collapse: collapse;}
.tab td {padding: 3px; border: 1px solid #777;}


.h70 {height:70px}
.w30 {width:30px}
.w50 {width:50px}
.w100 {width:100px}
.w150 {width:150px}
.w200 {width:200px}
.w250 {width:250px}
.w300 {width:300px}
.w350 {width:350px}
.w390 {width:390px}
.w500 {width:500px}