@font-face 
{
	font-family: esbe;
	font-style: normal;
	font-weight: normal;
	src: url(../fonts/eurostarblackextended.eot);
}

@font-face 
{
	font-family: esbe;
	font-style: normal;
	font-weight: normal;
	src: url(../fonts/eurostarblackextended.ttf); 
}


html { 
	padding: 0px;
	margin: 0px;
}

body {
	background: #ffffff url(../img/bg.png) left top repeat-x;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

body.window
{
	padding: 5px !important;
	background: #eeeeee;
}

body.window.black { 
	background: #000000;
}

body.dialog, .dialog
{ 
	margin: 0px;
	padding: 5px;
}

body.print,
body.editor
{
	background: #CDCDCD;
	text-align: left;
	padding: 5px;
	margin: 0px;
}

.editorBox {
	border: 1px solid #222222;
	background: #dddddd
}

.editorBox p {
	text-align: center;
	color: #222222;
	font-style: italic;
	font-weight: bold;
	margin: 5px;
}

a { font-weight: bold; color: #da251c; }
a:hover { text-decoration: underline; }

a img { border: none; }

a.lightbox span { display: none; }
a.thumb-link span { display: none; }

a.back-link { color: #da251c; }
a.back-link:hover { color: #000000; }

h1, h2, h3, h4, h5, h6 { 
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding-bottom: 3px;
}

h1 { 
	font-size: 23px !important; 
	font-style: italic; 
	font-weight: bold;
	color: #ffffff;
	line-height: 38px;
	margin-left: 33px;	
}

h2, h2 a { font-size: 16px !important; }
h3, h3 a { font-size: 15px !important; }
h4, h4 a { font-size: 13px !important; }
h5, h5 a { font-size: 12px !important; }
h6, h6 a { font-size: 11px !important; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }

p { margin: 0px 0px 5px 0px; }

ul { 
	margin: 3px 0px 3px 0px; 
	padding-left: 20px;
}

ul li { 
	list-style: square;
}

.pager a { text-decoration: none; }
.pager span.active { font-weight: bold; }

/* Stranka */

.body {
	width: 986px;
	background: white;
	border: 3px solid #2e2e2e;
	margin: 10px auto;
	text-align: left;
}

.header {
	width: 986px;
	height: 124px;
	background: url(../img/header.jpg) left top no-repeat;
	position: relative;
	text-align: left;
	border-bottom: 3px solid #2e2e2e;
}

a.homelink {
	display: block;
	width: 275px;
	height: 111px;
	position: relative;
	top: 6px;
	left: 8px;
}

a.homelink span {
	display: block;
	width: 275px;
	height: 111px;
	position: absolute;
	left: 0px;
	top: 0px;
	cursor: pointer;
	background: url(../img/logo.png) left top no-repeat;
}

.main-menu {
	width: 986px;
	height: 45px;
	background: url(../img/main-menu.png) left top repeat-x;
}

.main-menu ul { 
	margin: 0px; 
	padding-top: 3px;
}

.main-menu ul li {
	float: left;
	list-style: none;
	line-height: 45px;
	margin-top: 8px;
}

.main-menu ul li a {
	color: #da251c;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	display: block;
	line-height: 22px;
	border-left: 2px solid #da251c;
	padding: 0px 5px;
	margin-right: 12px;
	text-decoration: none;
}

.main-menu ul li a:hover, .main-menu ul li a.active { 
	border-left: 2px solid #000000;
	color: black;
}

.main-menu ul li a:hover {
	text-decoration: underline;
}

.h1bg {
	width: 986px;
	height: 40px;
	background: url(../img/h1bg.png) left top repeat-x;
	border-bottom: 1px solid #535353;
}

.page {
	width: 986px;
	background: url(../img/page-bg.png) left top repeat-y;
	float: left;
}

.page.home { background: url(../img/homepage-bg.png) left top repeat-y; }

.home-left,
.home-right,
.col-left {
	float: left;
	width: 323px;
	padding-bottom: 20px;
}

.home-middle {
	float: left;
	width: 298px;
	margin: 20px;
}

.home-middle a {
	color: #666666 !important;
}

.home-middle a:hover {
	color: #000000 !important;
}

.home-right 
{ 
	padding-bottom: 0px; 
	margin-bottom: 0px;	
}

.homeFlash {
	margin: 4px;
	width: 316px;
	height: 528px;
	overflow: hidden;
}

.col-right {
	float: right;
	width: 623px;
	margin: 20px;
}

.submenu {
	background: url(../img/submenu.png) left top repeat-y;
	width: 283px;
	overflow: hidden;
	margin-top: 20px;
	margin-left: 20px;
	padding: 13px 0px;
}

ul.menu {
	margin: 0px;
	padding: 0px;
}

ul.menu li {
	list-style: none;
	text-align: right;
	line-height: 22px;
}

ul.menu li.active {
	background: url(../img/submenu-active.png) right top no-repeat;
}	

ul.menu li a {
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #ffffff;
	text-decoration: none;
	margin-right: 13px;
}

ul.menu li ul li a { margin-right: 26px; }
ul.menu li ul li ul li a { margin-right: 39px; }
ul.menu li ul li ul li ul li a { margin-right: 52px; }

ul.menu li a:hover, ul.menu li a.active {
	color: #da251c;
}

.box {
	width: 283px;
	overflow: hidden;
	margin-top: 20px;
	margin-left: 20px;
	color: #ffffff;
	background: #414141;
}

.box-label {
	width: 283px;
	height: 30px;
	overflow: hidden;
	line-height: 30px;
	background: url(../img/box-label.png) left top repeat-x;
}

.box-label h2 {
	width: 257px;
	overflow: hidden;
	margin: 0px 13px;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color: #000000;
}

.box-content {
	width: 257px;
	overflow: hidden;
	margin: 20px 13px;
}

.footer {
	width: 100%;
	height: 26px;
	overflow: hidden;
	line-height: 26px;
	text-align: left;
	background: url(../img/footer.png) left top repeat-x;
	font-size: 13px;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	color: #ffffff;
}

.footer a {
	color: #ffffff;
	text-decoration: none;
}

.footer a:hover { text-decoration: underline; }

.footer .left { margin-left: 23px; }

.footer .right { margin-right: 23px; }

a.homeButton {
	display: block;
	width: 300px;
	height: 121px;
	background: url(../img/homelink-bg.png) left top repeat-x;
	overflow: hidden;
	text-decoration: none !important;
	color: #ffffff;
	margin: 4px 0px 15px 12px;
}

a.homeButton.last {
	margin: 3px 0px 0px 12px;	
}

a.homeButton img {
	margin: 3px;
	float: left;
}

a.homeButton:hover {
	color: #000000 !important;
}

a.homeButton .homeButtonText {
	display: block;
	width: 133px;
	margin: 25px 3px;
	text-align: right;
	font-family: esbe, "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	float: left;
}

/*************************************************************************/
/* TABULKY                                                               */
/*************************************************************************/

table {
	border-collapse: collapse;
	border: 1px solid #000000;
}

th {
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #000000;
}

th p { margin: 0px; }

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #000000;
}

table.standard th {
	font-weight: bold;
	text-align: center;
	border-bottom: 3px double #000000;
}
table.standard td {
	text-align: left;
}
table.blackWhite {
	border-collapse: collapse;
	border: 1px solid #444444;
}
table.blackWhite th {
	border: 1px solid #444444;
	text-align: left;
	background: #666666;
	color: white;
	padding: 3px;
}
table.blackWhite td { border: 1px solid #444444; padding: 3px; }

table.colored {
	border-collapse: collapse;
	border: 1px solid #da251c;
}
table.colored th {
	border: 1px solid #da251c;
	background: #da251c;
	color: #000000;
}
table.colored td { border: 1px solid #da251c; }

table.invi {
	border-collapse: collapse;
	border: 0px;
}

table.invi th {
	border: 0px;
	background: none;
}

table.invi td {
	border: 0px;
}

table.form, table.form td, table.form th {
	border: none;
}

table.form {
	margin: 5px;
}

fieldset {
	padding: 15px;
	border-color: #666666;
}

legend {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #333333;
}

.legend {
	position: relative;
	top: -1px;
}

.lb {
	position: relative;
	left: -3px;
}

.rb {
	position: relative;
	right: -3px;
}

/* Fotogalerie */

.e
{
   #position: absolute;
   #top: 50%;
   #left: 50%;
   display: table-cell;
   vertical-align: middle;
}

.i
{
   #position: relative;
   #top: -50%;
   #left: -50%;
   text-align: center;
}

/* formulare */

table.form th {
	text-align: left;
}

input.field, select.field {
   font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
	font-size: 11px;
	width: 240px;
	background: #eeeeee;
	border: 1px solid #444444;
}

input.field-full {
   font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
	font-size: 11px;
	width: 100%;
	#width: 98%;
}

input.field.t { width: 160px !important; }
input.field.m { width: 120px !important; }
input.field.sm { width: 80px !important; }
input.field.ssm { width: 50px !important; }
input.field.full { width: 99% !important; }

input.field.readonly {
	background: #f5b7b4;
	font-style: italic;
	color: #333333;
}

input.field.loginName { width: 178px; }
input.field.loginPwd { width: 107px; }


select {
	font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
	font-size: 12px;
}

textarea.field { 
	height: 300px; 
	width: 99%;
	word-wrap: break-word;
	background: #ffffff;
	font-size: 11px;
	background: #eeeeee;
	border: 1px solid #444444;
}
textarea.field.m { height: 200px; width: 99%;}
textarea.field.sm { height: 100px; width: 99%;}
textarea.field.ssm { height: 50px; width: 99%;}

.loginSubmit, .submit, .submit-basket {
	width: 200px;
	border: none;
	line-height: 150%;
	margin-left: 4px;
	font-size: 11px;
	font-weight: bold;
	float: right;
	cursor: pointer;
	background: #eeeeee;
	border: 1px solid #444444;
}

.loginSubmit {
	width: 67px;	
	height: 18px;
	line-height: 18px;
	margin-top: 1px;
}

.submit-basket {
   width: 191px;
   float: left;
   line-height: 150%;
   margin: 0px;
}

.submit-basket.middle {
   margin: 0px 25px;
}

.req {
	font-weight: bold;
	color: #D80000;
	font-size: 140%;
	position: relative;
	top: 3px;
	left: 3px;
}

.captcha-image { 
	float: left; 
	border: 1px solid #444444;	
	margin-right: 5px;
}

.captcha-number { 
	border: 1px solid #444444;
	width: 98px;
	font-weight: bold;
	color: #da251c;
	text-align: center;
	margin-top: 2px;
	clear: left;
}

.captcha-help { 

}

/* novinky */
.news {
	
}

.news .item {
	margin-top: 15px;
}

.news .item p { margin-top: 0px; }

.news .item .date { 
	font-size: 10px; 
}

/* katalog */

.product-list .item { 
	margin-bottom: 25px; 
	position: relative;	
}

.product-top .img,
.product-list .item .img{
	float: left;
	text-align: center;
	margin: 0px 5px 5px 0px;
}

.buy { 
	background: #eeeeee; 
	height: 21px;
	float: right;
	margin-top: -2px;
}

.buy span { #position: relative; #top: -1px; }

.buy .submit {
	float: none;
	border: none;
	width: 50px;
	height: 18px;
}

.buy .field.ssm {
	width: 20px !important;
	text-align: center;
	border: 1px solid #eeeeee;
	font-weight: bold;
}

.product-top { position: relative; }

a.eshop-link {
	display: block;
	text-align: right;
	float: right;
	line-height: 20px;	
	height: 22px;
	background: url(../img/submenu-active.png) right top no-repeat;
	text-decoration: none;
	padding: 0px 10px 0px 30px;
	color: white;
	position: absolute;
	bottom: 7px;
	right: 0px;
}

a.eshop-link:hover { color: #da251c; }

.priceBox {
	float: left;
	width: 154px;
}

.priceBox .priceLabel {
	float: left;
	font-weight: bold;
	line-height: 150%;
}

.priceBox .price {
	float: right;
	font-size: 130%;
	font-weight: bold;
	color: #da251c;
}

.priceBox .stockPrice {
	font-size: 90%;
	line-height: 150%;
	color: #444444;
	font-style: italic;
	float: right;
	clear: right;
	white-space: nowrap;
}

.priceBox .buy {
	width: 154px;
	margin-top: 5px;
	padding-top: 2px;
}


/* Kosik */
.login-basket {
	float: right;
	line-height: 160%;
	margin-top: 3px;
	margin-right: 33px;
	padding: 0px 10px;
	color: #000;
	border: 1px solid #000000;
	background: url(../img/homelink-bg.png) left top repeat-x;
	text-align: right;
}

.login-basket a { color: #ffffff; }
.login-basket a:hover { color: #000000; }

/* Kosik a objednavka */
.steps {
   width: 100%;
   float: left;
   margin-bottom: 15px;
}

.step { 
   float: left;
   margin-right: 8px;
   padding-right: 20px;
   height: 15px;
   line-height: 15px;
   background: url(../img/arrow.png) right top no-repeat;
   font-weight: bold;   
} 

.step.last { background: none; }

.step a { text-decoration: none; }



/* Obecne */
.right { float: right !important; }
.left { float: left !important; }
.no-float { float: none; }
.cl { clear: both; }

.tal { text-align: left !important; }
.tac { text-align: center !important; }
.tar { text-align: right !important; }

.m0 { margin: 0px !important; }
.m3 { margin: 3px !important; }
.m5 { margin: 5px !important; }
.m15 { margin: 15px !important; }

.mt0 { margin-top: 0px !important; }
.mt3 { margin-top: 3px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }

.mb0 { margin-bottom: 0px !important; }
.mb3 { margin-bottom: 3px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }

.ml0 { margin-left: 0px !important; }
.ml3 { margin-left: 3px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }

.mr0 { margin-right: 0px !important; }
.mr3 { margin-right: 3px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr33 { margin-right: 33px !important; }

.p0 { padding: 0px !important; }
.p3 { padding: 3px !important; }
.p5 { padding: 5px !important; }

.pt2 { padding-top: 2px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb7 { padding-bottom: 7px !important; }

p.small { margin: 0px; }

.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }

.colored-text { color: #666666; }

.up { text-transform: uppercase }
.tdn { text-decoration: none !important; }

.visi { visibility: visible; }
.hide { visibility: hidden; }
.dn { display: none; }

.border { border: 2px solid #da251c; }
.border0 { border: none !important; }
.border2 { border: 2px solid #da251c; }
.border3 { border: 3px solid #da251c; }

.bt0 { border-top: 0px !important; }
.br0 { border-right: 0px !important; }
.bb0 { border-bottom: 0px !important; }
.bl0 { border-left: 0px !important; }

.hand { cursor: pointer; }

.nowrap { white-space: nowrap; }

.lh150 { line-height: 150%; }
.lh200 { line-height: 200%; }

.bold { font-weight: bold; }
.italic { font-style: italic; }

.white { color: #fff !important; }

.h5 { height: 5px; }
.h10 { height: 10px; }
.h15 { height: 15px; }
.h20 { height: 20px; }

.full { width: 100%; }
.half { width: 50%; }

.w98p { width: 98%; }

.t-2 { 
	position: relative;
	top: -2px;
}

.t2 { 
	position: relative;
	top: 2px;
}

.colored-label {
	font-weight: bold;
	line-height: 175%;
	background: #da251c;
}

.relative { position: relative; }

.fileIcon {
	position: relative;
	top: 3px;
}

.fileSize {
	color: #444444;
	font-size: 9px;
	font-style: italic;
}

.esbe {
	font-family: esbe, "Arial Black", Arial, Helvetica, sans-serif;
}