body, form, input, select, textarea, td, th {font-family: Tahoma, Arial, Helvetica, sans-serif;}
body {text-align: center; color: #000; font-size: 70%; margin: 0; padding: 0; background: #004580 url('image/web/bg-body.gif') repeat-x 0px bottom fixed;}
select, textarea, th, td {font-size: 100%;}
form {margin: 0; padding: 0;}

p, ul, table {margin: 0 0 1em 0; padding: 0;}
h1 { font-size: 130%; color: #003f74; margin: 0 0 0.5em 0; }
h2, h3, h4 {margin: 0 0 0.5em 0; padding: 0;}
h2 { font-size: 120%; color: #dd6c00; }
h3 { font-size: 110%; color: #e43c33; }
h4 { font-size: 100%; color: #666666; }
.invert { background-color: #E0E0FF; }

table {border-collapse: collapse;} 
td {vertical-align: top; text-align: left;} 
a {color: #005caa; text-decoration: underline;}
a:hover {text-decoration: none;}

.cleaner {clear: both; line-height: 0; visibility: hidden; font-size: 0;}

/* layout */
#layout, #header, #menu-header, #header-bottom, #content {width: 880px;}
#layout {text-align: left; background-color: #fff; min-height: 100%; margin: 0 auto; } 
div>#layout {height: auto}

#header {float: left; background: url('image/web/bg-header.jpg') no-repeat;}
#header a#header-logo {float: left; width: 250px; display: block; height: 161px;}
#header-language {float: right; width: 117px; text-align: center; margin-right: 13px; background: url('image/web/bg-header-language.jpg') no-repeat;}
#header-language img {margin-bottom: 8px;}
#header-title {text-align: right; color: #b7b7b8; font-size: 120%; font-weight: bold; margin: 131px 15px 0 0;}
#header-bottom {float: left; background: url('image/web/bg-header-bottom.gif') no-repeat 0 0;}

#content {float: left; background: url('image/web/bg-content.gif') repeat-y right 0; }
#content-left {float: left; width: 628px;}
#content-right {float: right; width: 252px;}
#content-right-inner {padding-bottom: 8em; background: url('image/web/bg-content-right-inner.gif') no-repeat 0 top;}

#footer {clear: both; font-size: 90%; padding: 1em 0; border-top: 1px solid #d2d2d2;}
#footer img {vertical-align: middle; margin-right: 0.8em;}
#footer {color: #000;}
#footer p {margin: 0 0 0.4em 0;}
#footer a {color: #666666;}
#copyright-left {float: left; padding-left: 10px;}
#footer span {color: #005fc2; margin: 0 0.5em;}
#copyright-right {float: right; text-align: right; padding-right: 10px;}
#copyright-right form {display: inline;}

.content-banner {padding: 10px; text-align: center;}

/* header tool */
#header-tool {float: right; padding: 17px 15px 0 0;}
#header-tool a, #header-tool span {float: left; display: block;}
#header-tool a {width: 12px; height: 10px; margin-top: 3px; background-position: 0 0; background-repeat: no-repeat;}
#header-tool a:hover {background-position: 0 -10px;}
#header-tool #tool-home {background-image: url('image/web/ico-home.gif');}
#header-tool #tool-sitemap {background-image: url('image/web/ico-sitemap.gif');}
#header-tool a span {display: none;}
#header-tool span {margin: 0 6px;}

/* header-search */
#content-right-search {padding: 0 0 19px 8px;}
#content-right-search img, #content-right-search input { vertical-align: middle; }
#content-right-search form {display: inline;}
#content-right-search {padding-right: 8px;}
#content-right-search .form-search {width: 179px; height: 20px; padding: 6px 6px 0 6px; border: 0; background: url('image/web/bg-form-search.gif') no-repeat 0 0;}
#content-right-search #button-search {width: 32px; height: 32px; margin: 5px 0 0 6px; background: url('image/web/bg-button-search.gif');}

/* systemove bloky - content block right */
/* Nadpisy */
#content-right h2 {display: block; color: #ffbb00; font-size: 130%; margin: 0 15px; padding: 8px 13px 9px 13px; background-repeat: no-repeat; background-position: 0 top;} 
#content-right h3 { font-size: 110%; color: #231872; }

#content-right h2 {background-image: url('image/web/bg-content-right-h2.gif');}
#content-right h2.block-right-category-dynamic,
#content-right h2.block-right-category {background-image: url('image/web/bg-block-right-category-dynamic-h2.gif')}

#content-right h2.block-right-category-dynamic {padding: 0 0 0 0;}
#content-right h2.block-right-category-dynamic span#figure-login,
#content-right h2.block-right-category-dynamic span#ico-cart  {display: block; padding: 8px 13px 9px 13px; background-repeat: no-repeat; background-position: 190px 4px;}

#content-right h2.block-right-category-dynamic span#figure-login {background-image: url('image/web/bg-figure-login.gif');}
#content-right h2.block-right-category-dynamic span#ico-cart {background-image: url('image/web/bg-ico-cart.gif');}

/* Block */
.block-right-dynamic,
#menu-right,
.content-block-right  {margin: 0 15px 15px 15px;}

.content-block-right {font-size: 90%; padding: 8px; background: #e3e3e3; border: 1px solid #d2d2d2;}
.content-block-right .main-date { color: #666666; }

/* Block dynamic */
.block-right-dynamic {padding: 8px; text-align: center;}
.block-right-dynamic a {color: #fff;}
.block-right-dynamic span {color: #0089ff; margin: 0 0.5em; }

/* Block Kosik */
.cart-price {color: #ff9900;}
.cart-price span {margin: 0; font-weight: bold; color: #FFC062; }

/* rozcestnik*/
#crossroad {}

/* menu */

/* menu header */
#menu-header {float: left; width: 755px;}
#menu-header ul {margin: 0; padding: 0;}
#menu-header ul li {float: left; font-size: 120%; margin: 12px 0 0 0; padding: 5px 19px 0 17px; background: url('image/web/bg-menu-header-li-sep.gif') no-repeat right 0px; list-style-type: none;}
#menu-header ul li a { display: block; color: #000; padding: 0 0 17px 0; text-decoration: none; font-weight: bold; }
#menu-header ul li a:hover, #menu-header ul li a#menu-header-active {color: #005fc2;}
#menu-header ul li a#menu-header-active {background: url('image/web/bg-menu-header-active.gif') no-repeat center bottom; }
#menu-header ul li#menu-header-last {background: none;}


/* menu right */
#menu-right,
.block-right-dynamic {padding-bottom: 1em; text-transform: none; background: #000 url('image/web/bg-block-right-dynamic.gif') no-repeat 0 bottom; }
#menu-right ul { padding: 0; margin: 0 13px;}
#menu-right ul li { font-size: 100%; font-weight: bold; list-style-type: none; padding-bottom: 1px;  background: url('image/web/bg-menu-right-li.png') no-repeat left bottom;}
#menu-right ul li .last {background: none;}
#menu-right ul li a#menu-right-active { color: #008aff; }
#menu-right ul li a {display: block; color: #fff; text-decoration: none; padding: 8px 0 8px 12px; background: url('image/web/bg-menu-right-arrow.gif') no-repeat left center; }
#menu-right ul li a:hover { color: #008aff; }


/* clanek */
#main {margin: 15px;  width: 598px; line-height: 135%; overflow: hidden;}
#main img {border: 1px solid #d2d2d2;}
#main ol {margin: 0 0 1em 1em; padding-left: 1.3em;}
#main ul li {margin: 0; padding-left: 1.5em; background: url('image/web/bg-li.gif') 5px 5px no-repeat; list-style-type: none;}
#main .vlevoobr, #main .vlevoobr-noborder {float: left; margin-right: 5px; margin-bottom: 2px}
#main .vpravoobr, #main .vpravoobr-noborder {float: right; margin-bottom: 2px; margin-left: 5px}

#main #text-sizer {text-align: right; margin-bottom: 0.5em;}
#main #text-sizer img, #main #main-bottom img {margin-left: 6px; cursor: pointer; cursor: hand;}
#main #main-bottom {padding-top: 1.5em;}

#main a.active {color: #FF0000;}
#main img {border: none;  margin: 1px; }
table.adminEdit {width: 95% ; margin: 5px; margin-left: 20px; }
table.adminEdit td { border-bottom: 1px dotted #9FD0FF; font-size: 120%;  padding: 2px; vertical-align: middle; padding-left: 5px;}
table.adminEdit tr.odd td{ background-color: #E0E0FF; }
table.adminEdit tr.firstImage{ background-color: #C0FFC0;  border-top-color: Black;  border-top-style: solid;  border-top-width: 1px; }
table.adminEdit a { text-decoration: none; color: #000;}
table.adminEdit a:hover { color: #008aff; }
table.adminEdit thead td, table.table-form thead td  {
	border-bottom: 1px dotted Black; font-size: 100%;
	text-align: center;
}
#main .shopCat, #main .prodImgDoc {
float: left;
	width: 190px;
	height: 120px;
	text-align: center;
	background-image: url('image/shop/shop-cat-bg.png');  background-position: top;  background-repeat: no-repeat;
	padding-bottom: 30px;
	margin-bottom: 15px;
	margin-right: 9px;
	}
#main .shopCat-inner, #main .prodImgDoc-inner { border: 1px solid #E3E3E3; }
#main .shopCat-title, #main .prodImgDoc-title { color: #FFFFFF ; font-size: 120%; height: 40px; padding-top: 6px;  font-weight: bold;   }
#main .shopCat-title a, #main .shopCat-title a:hover{	
	color: #FFFFFF ;
}
#main .prodImgDoc {
   width: 135px;
	background-image: url('image/shop/shop-prodImg-bg.png');  background-position: top;  background-repeat: no-repeat;
}
 #main .prodImgDoc-title {
   height: 20px; padding-top: 6px;
   font-size: 80%;	
 	color:#4040FF;
 }
 #main .prodImgDoc-title a, #main .prodImgDoc-title a:hover {
 	color:#101090;
 }
 
 
 #main .shopProd {
float: left;
	width: 140px;
	height: 120px;
	text-align: center;
	background-image: url('image/shop/shop-prod-bg.png');  background-position: top;  background-repeat: no-repeat;
	padding-bottom: 20px;
	margin-bottom: 10px;
	margin-right: 9px;
	}
#main .shopProd-inner { border: 1px solid #E3E3E3; font-size: 80%}
#main .shopProd-title { color: #000033 ; font-size: 80%; height: 30px; padding-top: 6px;  font-weight: bold;   }
#main .shopProd-title a, #main .shopProd-title a:hover{	
	color: #000033 ;
}
 
 
 

/* paging, datum */
#main .paging {margin-bottom: 0.8em;}
#main .paging a img {border: 0; vertical-align: middle;}
#main .paging a {padding: 0 2px;}
#main .paging-bottom   {margin-bottom: 1.5em;}


/* hromadne deklarace */
#main .paging,
#main #main-bottom,
#main .paging-bottom,
.content-block-right .main-date  {clear: both; text-align: right;}

/* small font */
.small-text,
#main .paging,
#main .paging-bottom,
#main .main-date {font-size: 90%;}

/* obrazek bez okraje */
img {border: 0;}


/* zvyrazneni textu */
.form-error, .error {font-weight: bold; color: #FF0000;}
.form-success {color: #009900; font-weight: bold;}
.form-required {color: #d01000; padding-left: 0.1em;}
.highlighting  {font-weight: bold; color: #6F18FE;}
.highlighting2  {text-align: center; font-weight: bold; color: #68686e;}

/* doplnkove styly */
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;;}
.leftalign {text-align: left;}
.rightalign {text-align: right;}
.fullwidth {
	width: 95%;
}
.bottom-border { border-bottom: 1px dotted #9FD0FF; }
.floatleft {
	float: left;
}
.floatright {
	float: right;
}

.bold{ font-weight: bold; }
.valign-middle {	vertical-align: middle;}
.valign-bottom {	vertical-align: bottom;}
.red {	color: #FF0000; font-weight: bold;}
.green {	color: #00AA00; font-weight: bold;}
.orange {color: #dd6c00; font-weight: bold;}
td.tinythumb, table.adminEdit td.tinythumb {
}
.prodSellBox {
	font-size: 100%;
	padding: 10px;
}
.prodSellBox td { vertical-align: top; padding-right: 5px; }
.prodSellBox td.prodShopAddToCart {	vertical-align: middle; padding: 5px;}

.prodSellBox td.add {
	vertical-align: text-top;
}
.prodImg{
	width: 125px;
	height: 125px;
	padding-right: 15px;
}
.prodAPInfo { 	border-left: 1px solid #9FD0FF; float: left; padding-left: 20px;  margin-left: 45px;   }

.vat {
	margin-bottom: 10px; 
}


.bigFont {
		font-size: 150%;
}
.smallFont {
	   font-size: 70%;
	}

/* formulare a vyhledavani */
input {
	padding: 2px;
}
.table-form {margin: 0 0 15px 0; width: 100%;}
.table-form td, .table-form-login td {padding: 3px}
.table-form td label, .table-form-login td label {display: block; text-align: right;}
.table-form td input, .table-form td select, #main .table-form td img {vertical-align: middle;}
#main .table-form td img {margin-right: 10px;}
.table-form td select { 	height:20px; }



.table-form-login {margin: 0; width: 100%;}

fieldset {margin: 0 0 15px 0; width: 40%; margin: 0 auto; border: 1px solid #d2d2d2; background: url('image/web/bg-fieldset.gif') repeat-x 0px bottom;}
.signin { width: 95% ;}
legend {color: #dd6c00; font-weight: bold;}

.form-text01-foc, .form-text02-foc, .form-text03-foc, .form-text-u-foc, .form-textarea-foc, .form-text01, .form-text02, .form-text03, .form-text-u, .form-textarea, select {height: 16px; border-width: 1px; border-style: solid; border-color: #333;}
.form-file {
	height: 20px;
}
.form-text01, .form-text02, .form-text03, .form-text-u, .form-textarea, .form-textarea-u, select {background-color: #f0f6ff;}
.form-text01-foc, .form-text02-foc, .form-text03-foc, .form-text-u-foc, .form-textarea-foc,  .form-textarea-u-foc  {background-color: #fff; border-color: #012b73;}

.form-text01, .form-text01-foc {width: 180px;} 
.form-text02, .form-text02-foc {width: 100px;} 
.form-text03, .form-text03-foc {width: 42px;}
.form-text-u, .form-text-u-foc {}
.form-textarea, .form-textarea-foc {width: 280px; height: 100px;}

/* tlacitka */
.button01, .button02, .button03, #content-right-search #button-search {border: 0; cursor: pointer; background-position: center center; background-repeat: no-repeat;}
.button01, .button02, .button03 {height: 21px; font-size: 100%; margin: 10px;}
.button01 {background: url('image/web/button01.gif') no-repeat; width: 65px;}
.button02 {background: url('image/web/button02.gif') no-repeat; width: 155px;}
.button03 {background: url('image/web/button03.gif') no-repeat; width: 85px;}
.button-block {margin: 5px 0; background-image: url('image/web/button-block.gif'); height: 19px; width: 52px;}