/* CSS Document */

a { color: #0CEBFF; font-weight: bold; }
a:hover { background-color:#0CEBFF;color:#000000; }

body { background-color:#000000;color: #0CEBFF; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 70%; margin: 0px auto; position: relative; text-align: center; width: 1024px; padding: 0px;height:1088px;line-height:160%;}
body#eshop {height:auto;}
h1 { font-size: 14px;color:#0CEBFF;margin-top:0px;padding:0px;font-family:Arial, Helvetica, sans-serif;font-size:20px;}
h2 { font-size: 140%; font-weight: normal; }
h3 { font-size: 120%; font-weight: normal; }
h4 { font-size: 100%; }

object, param, embed {margin:0px;padding:0px;}
object {position:relative;top:-1px;}

#sidea h3 {font-family:Garamond, Georgia, "Times New Roman", Times, serif;font-size:14px;color:#FFFFFF;font-weight:bold;background-color:#A90A0A;display:block;width:100%;width:265px;padding:7px 0px 7px 35px;text-align:left;margin:0px;}
#sideb h3 {font-family:Garamond, Georgia, "Times New Roman", Times, serif;font-size:14px;color:#FFFFFF;font-weight:bold;display:block;text-align:left;margin:0px;padding:0px;}

#head { background: transparent url("img/header.jpg") no-repeat right; color: inherit; height: 121px; text-align: right; width: 1024px;position:relative;margin:0 auto;text-align:center;}
#logo { cursor: pointer; display: block; height: 100px; left: 26px; position: absolute; text-align: left; text-decoration: none; top: 9px; width: 192px; z-index: 10; }
a#logo span { background: url("img/aleale-logo.jpg") 0 0 no-repeat; display: block; height: 100px; position: absolute; width: 192px; z-index: 5; }
a:hover#logo span { background: url("img/aleale-logo.jpg") -192px 0 no-repeat; display: block; height: 100px; position: absolute; width: 192px; z-index: 5; }
#logo strong { color: black; position: absolute; text-decoration: underline; }

#page { margin: 0px auto; position: relative; width: 1024px;background:#000000 url(img/background.jpg) no-repeat;text-align:left;height:1088px;}

#maing {height:570px;}
#content-left {float:left;height:463px;width:262px;background:url(img/content-left.jpg) no-repeat;padding-left:120px;padding-top:107px;font-size:12px;line-height:170%;overflow:auto;}
#content-right {float:right;height:570px;width:642px;background:url(img/content-right.jpg) no-repeat;}
#content-right-sperky {float:right;height:570px;width:642px;background:url(img/content-right-koralky.jpg) no-repeat;}
#content-right-koralky {float:right;height:570px;width:642px;background:url(img/content-right-koralky.jpg) no-repeat;}
#content-right-dilna {float:right;height:570px;width:642px;background:url(img/content-right-dilna.jpg) no-repeat;}
.galerie {width:500px;margin-top:85px;padding-left:25px;}

.flash {padding-left:80px;padding-top:155px;}
/*gal */
.galerie .next a {padding-right:15px;background:url(img/next.gif) no-repeat 100% 50%;text-decoration:none;}
.galerie .prev a {padding-left:15px;background:url(img/prev.gif) no-repeat 0% 50%;text-decoration:none;}
.galerie p a:hover {background-color:#0CEBFF;color:#000000;}
.galerie #paginage p {padding-bottom:20px;}
.galerie #paginage a.current {font-weight:normal;text-decoration:none;}
.galerie p.prev {width:24%;float:left;}
.galerie p.middle{width:50%;float:left;text-align:center;}
.galerie p.next {width:24%;float:right;text-align:right;} 
.galerie .pic {float:left;font-size:90%;text-align:center;font-weight:bold;margin-bottom:25px;padding:0px 10px;} 
.galerie img, .galerie a img, .galerie a:hover img {background:transparent;border:none;}
.pic a, .pic a img, .pic a:hover {background:transparent;border:none;}
a img, a:hover img {background:transparent;border:none;}
/**/
.cursor {width:100%;height:16px;background:url(img/cursor.gif) no-repeat right;text-align:right;}
p.right {text-align:right;}
p.left {text-align:left;}
p.center {text-align:center;}
.bigger {font-size:120%;font-weight:bold;}

#news {width:233px;height:256px;background:url(img/novinky.jpg) no-repeat;position:absolute;bottom:32px;left:93px;padding:30px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#22201D;}
#news a, #footer a {color:#22201D;font-weight:bold;}
#news a:hover, #footer a:hover {color:#0CEBFF;background-color:transparent;}
#news h3 {width:100%;height:16px;margin:0px;padding:0px;text-align:center;}
#news h3 span, #kontakt h3 span {display:none;}
#news h3.novinky {background:url(img/novinky-h3.jpg) no-repeat 50%;}


#kontakt {position:absolute;bottom:0px;right:80px;ba ckground:url(img/kontakt.jpg) no-repeat;width:250px;height:336px;padding:20px;}

#kontakt h3 {
	margin:0; padding:0;margin-left:61px;
	}
.kontakt a {
	display:block;
	width:130px; height:39px;
	margin:0; padding:0;
	background: url("img/kontakt-h3.jpg") no-repeat;
	text-decoration: none;
	}
.kontakt a:hover {
	background: url("img/kontakt-h3.jpg") -130px 0 no-repeat;
	}
.kontakt a span { display:none }


#footer { clear: both; float: none;width:560px;position:absolute;bottom:10px;left:67px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#22201D;}
#footer p { margin:0px;padding:0px;padding:0px 20px;}

.fl {float:left;}
.fr {float:right;}

#language { cursor: pointer; display: block; height: 87px; right: 16px; position: absolute; text-align: left; text-decoration: none; top: 14px; width: 77px; z-index: 10;margin:0px;padding:0px;}
p.language {margin:0px;padding:0px;}
.language a {
	display:block;
	width:77px; height:87px;
	margin:0; padding:0;
	background: url("/img/lang-cz.jpg") no-repeat 0px 0px;
	text-decoration: none;
	}
.language a:hover {
	background: url("/img/lang-cz.jpg") -77px 0 no-repeat;
	}
.language a span { display:none }

.cleaner {clear:both;float:none;}

/* menu */
#menu {margin: 0px auto;text-align: center;position: absolute;top: 0px;left:275px;z-index:99;}
#menu ul {list-style: none;margin: 0px;padding: 0px;}

#menu li {float:left;margin: 0px;padding: 0px;display:block;}

#menu li a.m1 { cursor: pointer; display: block; height: 98px;text-align: left; text-decoration: none; width: 92px; z-index: 10;margin:0px;padding:0px;margin-right:13px;}
#menu li a.m1 span { background: url("/img/m1.jpg") 0 0 no-repeat; display: block; height: 98px; position: absolute; width: 92px; z-index: 5; }
#menu li a.m1:hover span { background: url("/img/m1.jpg") -184px 0 no-repeat; display: block; height: 98px; position: absolute; width: 92px; z-index: 5; }
#menu li a.m1 strong { color: black; position: absolute; text-decoration: underline; }
#menu li a.m1#current span { background: url("/img/m1.jpg") -92px 0 no-repeat;}

#menu li a.m2 { cursor: pointer; display: block; height: 98px;text-align: left; text-decoration: none; width: 95px; z-index: 10;margin:0px;padding:0px;margin-right:17px;}
#menu li a.m2 span { background: url("/img/m2.jpg") 0 0 no-repeat; display: block; height: 98px; position: absolute; width: 95px; z-index: 5; }
#menu li a.m2:hover span { background: url("/img/m2.jpg") -190px 0 no-repeat; display: block; height: 98px; position: absolute; width: 95px; z-index: 5; }
#menu li a.m2 strong { color: black; position: absolute; text-decoration: underline; }
#menu li a.m2#current span { background: url("/img/m2.jpg") -95px 0 no-repeat;}

#menu li a.m3 { cursor: pointer; display: block; height: 95px;text-align: left; text-decoration: none; width: 85px; z-index: 10;margin:0px;padding:0px;margin-right:31px;}
#menu li a.m3 span { background: url("/img/m3.jpg") 0 0 no-repeat; display: block; height: 98px; position: absolute; width: 85px; z-index: 5; }
#menu li a.m3:hover span { background: url("/img/m3.jpg") -170px 0 no-repeat; display: block; height: 98px; position: absolute; width: 85px; z-index: 5; }
#menu li a.m3 strong { color: black; position: absolute; text-decoration: underline; }
#menu li a.m3#current span { background: url("/img/m3.jpg") -85px 0 no-repeat;}

#menu li a.m4 { cursor: pointer; display: block; height: 98px;text-align: left; text-decoration: none; width:70px; z-index: 10;margin:0px;padding:0px;margin-right:28px;}
#menu li a.m4 span { background: url("/img/m4.jpg") 0 0 no-repeat; display: block; height: 98px; position: absolute; width: 70px; z-index: 5; }
#menu li a.m4:hover span { background: url("/img/m4.jpg") -140px 0 no-repeat; display: block; height: 98px; position: absolute; width: 70px; z-index: 5; }
#menu li a.m4 strong { color: black; position: absolute; text-decoration: underline; }
#menu li a.m4#current span { background: url("/img/m4.jpg") -70px 0 no-repeat;}

#menu li a.m5 { cursor: pointer; display: block; height: 98px;text-align: left; text-decoration: none; width:87px; z-index: 10;margin:0px;padding:0px;margin-right:16px;}
#menu li a.m5 span { background: url("/img/m5.jpg") 0 0 no-repeat; display: block; height: 98px; position: absolute; width: 87px; z-index: 5; }
#menu li a.m5:hover span { background: url("/img/m5.jpg") -174px 0 no-repeat; display: block; height: 98px; position: absolute; width: 87px; z-index: 5; }
#menu li a.m5 strong { color: black; position: absolute; text-decoration: underline; }
#menu li a.m5#current span { background: url("/img/m5.jpg") -87px 0 no-repeat;}

#menu li a.m6 { cursor: pointer; display: block; height: 98px;text-align: left; text-decoration: none; width:94px; z-index: 10;margin:0px;padding:0px;}
#menu li a.m6 span { background: url("/img/m6.jpg") 0 0 no-repeat; display: block; height: 98px; position: absolute; width: 94px; z-index: 5; }
#menu li a.m6:hover span { background: url("/img/m6.jpg") -188px 0 no-repeat; display: block; height: 98px; position: absolute; width: 94px; z-index: 5; }
#menu li a.m6 strong { color: black; position: absolute; text-decoration: underline; }
#menu li a.m6#current span { background: url("/img/m6.jpg") -94px 0 no-repeat;}
.form1 {margin: 20px 10px;width: 225px;padding:0px;}
.form1 legend {border:none;display:none;}
.form1 fieldset {padding:0px;margin:0px;border:none;font-family:verdana, sans-serif; margin-bottom:0.5em; line-height:1.5em;}
.form1 div {clear: both;padding: 10px 0;}

.form1 label {float: left;width: 65px;position: relatove;top: 3px;color:#D1EAF5;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;font-style:italic;}

.form1 input, .form1 textarea {float: left;width: 158px;background: #CCD8E5;}
.form1 input {background:url(img/input-text.gif) repeat-x top left;border:none;color:#D1EAF5;}

[id=page] .form1 input, [id=page] .form1 textarea {width: 160px;}

.form1 textarea {height: 6em;overflow: auto;overflow:auto;background:#000 url(img/input-textarea.gif) repeat-x top;border:none;color:#D1EAF5;}
.form1 span.fleft {float:left;width:110px;}
.submit_row .fleft {position: relative;top: 4px;font-size: 90%;color:#D1EAF5;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;font-style:italic;}

#page .submit_row input {height: auto;width: auto;border: 0;float: right;padding:0px;}

#zemSubmit {

  width: 90px;

  height: 33px;

  padding: 33px 0 0;

  margin: 0;

  border: 0;

  background: transparent url(/img/odeslat.gif) no-repeat 0 0;

  overflow: hidden;

  cursor: pointer; /* hand-shaped cursor */

  cursor: hand; /* for IE 5.x */

float: right;

}

#zemSubmit:hover { background: transparent url(/img/odeslat.gif) no-repeat -90px 0;}
form>#zemSubmit { /* For non-IE browsers*/

  height: 0px;

}

ul.zemError {color:red;padding:0px;margin:0px;}
ul.zemError li {list-style:none;margin:0px;padding:0px;}


#lightbox{
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none;background:none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/img/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/img/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/img/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 1500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
#overlay{ _background-image: url(/img/lightbox/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(/img/lightbox/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/lightbox/overlay.png", sizingMethod="scale");
	}
	
	
#page-eshop {background:url(img/eshop-layout.jpg) repeat-y 50% 0%;margin: 0px auto; width: 1024px;text-align:left;}
#main-eshop {padding:0px 120px;text-align:left;min-height:250px;}
* html body #main-eshop {height:250px;}
#eshop-top {background:url(img/eshop-top.jpg) no-repeat 50% 0%;height:130px;margin-bottom:-50px;}
#eshop-top h3 {font-style:italic;float:left;padding:5px 10px;margin:0;}
#eshop-top ul {margin:0;padding:0;}
#eshop-top ul li {display:block;float:left;list-style:none;list-style-type:none;padding:5px 10px;}
#eshop-top ul li a.active {background-color:#0CEBFF;color:#000000;}
#category {padding-top:30px;padding-left:423px;}
#eshop-bottom {background:url(img/eshop-bottom.jpg) no-repeat 50% 0%;height:130px;}
#eshop-page-bottom {background:url(img/eshop-background.jpg) no-repeat 50% 0%;height:392px;}


#page-eshop #content-left {width:250px;float:left;background:none;padding:0;height:auto;}
#page-eshop #content-right {width:470px;float:right;height:auto;background:none;}

p.paginage {padding-top:0;margin-top:0;text-align:right;}
p.paginage br {display:none;}


p.price em {font-size:105%;}
p.price {padding-bottom:15px;flo at:left;display:inline;line-height:18px;height:18px;}
p.price em span {color:#fff;position:relative;font-style:normal;font-weight:normal;}

#cart {width:190px;padding:15px 20px;}
.product_detail {float:right;width:320px;padding-bottom:25px;}
.product_detail h2 {margin-top:0;padding-top:0;}
form.cart_form {width:167px;float:right;}
form.cart_form legend {display:none;}
form.cart_form fieldset {border:none;margin:0;padding:0;}
form.carttab input.submit,.tblCart input.submit, table#ItemList form input.submit {background:url(img/cart_form.gif) no-repeat 50% 50%;border:0;padding:0;width:80px;height:22px;font-size:90%;text-decoration:none;font-style:normal;line-height:22px;text-align:center;}
form.cart_form input.submit {background:url(img/cart_form.gif) no-repeat 50% 50%;border:0;padding:0;width:80px;height:22px;font-size:95%;text-decoration:none;font-style:normal;color:#2F1101;line-height:22px;text-align:center;color:#0CEBFF;padding-left:10px;float:right;}
form.cart_form a.detail {background:url(img/button-detail.gif) no-repeat 50% 50%;text-decoration:none;font-style:normal;padd ing:5px 15px;color:#2F1101;font-size:95%;width:73px;height:22px;line-height:22px;display:block;text-align:center;float:right;color:#0CEBFF;padding-left:10px;font-weight:normal;}
table#ItemList form input.submit {color:#fff;background:url(img/button-detail.gif) no-repeat 50% 50%;font-size:95%;display:none;}
table#ItemList a.detail {background:url(img/cart_form.gif) no-repeat 50% 50%;text-decoration:none;font-style:normal;padd ing:5px 15px;color:#2F1101;font-size:95%;width:80px;height:22px;line-height:22px;display:block;text-align:center;float:right;color:#0CEBFF;padding-left:10px;font-weight:normal;}
.row {
	margin-bottom:5px;
	padding:0;
}
.cell1 {
	float:left;
	display:inline;
	width:25px;
}
.cell2 {
	float:left;
	display:inline;
	width:125px;
}
#total {padding-top:10px;background:url(img/total_background.gif) repeat-x 0% 100%;padding-bottom:10px;}
#total .cell2 {float:left;display:inline;width:125px;}
#order {padding-top:10px;}
#order .cell2 {width:80px;font-style:italic;}
#order .cell3 {font-size:110%;paddin g-top:7px;width:78px;float:right;text-align:center}
#order .cell3 a {background:url(img/order_button.gif) no-repeat 100% 50%;padding:5px 8px;display:block;}
.cell3 {
	float:left;
	display:inline;
	width:60px;
	margin-left:5px;
	text-align:right;
}
.cell4 {
	float:left;
	display:inline;
	width:10px;
	margin-left:5px;
	text-align:right;
}
#cart h3 {
  font-size:155%;
  color:#fff;margin-top:0;padding-top:0;padding-bottom:10px;
  background:url(img/cart_header.gif) repeat-x 0% 100%;
  margin-bottom:10px;
}
#cart {
	width:190px;
	padding:10px 15px;
	color:#fff;
	line-height:normal;
}
	#cart a:link, #cart a:visited {
		color:#fff;
		text-decoration:none;
	}
	#cart a:hover {
		color:#333;
	}
#cart {
	font-size:95%;
}
.cartNormal {
	background-color:#F78C8C;
}
.cartOnHover {
	background-color:red;
}
.left {
	float:left;
	display:inline;
}
.right {
	float:right;
	display:inline;
}
.clear {
	clear:both;
}
#cart #cartTotalAmount {font-weight:bold;font-size:125%;}
a.order, p#CartControls a {text-align:right;font-size:125%;background:#000;padding:0px 2px;}

table {font-size: 90%;  width: 100%;  border-collapse: collapse;  margin: 0px;  background-color: transparent;  }
td, th {border: 1px solid #F78C8C;  text-align: center;  }
th { text-align: center;  font-weight: bold;  background:#F78C8C;  color: #000;  }

table#ItemList {width:100%;}
table#ItemList td, table#ItemList th{text-align:left;}
table#PriceList {width:auto;}
table#PriceList th {background:none;color:#fff;text-align:left;}
table#ItemList form input {border:1px solid #F78C8C;}

#form {wid th: 490px; padding: 15px 0px; margin: 20px 0;}
#form input, #form textarea {border: 1px solid #F78C8C; margin: 3px 0px; width: 200px; }
#form textarea {width: 390px; height: 175px; overflow: auto;}
#form label {position: relative; top: -3px; padding-left: 5px; font-size: 90%; color: #0CEBFF; }
#form legend {}
#form fieldset {margin:0;padding:0;padding:10px 5px;width:100%;border:1px solid #F78C8C;margin-bottom:15px;}
#form input.button {border: none; height: 25px; line-height: 25px;background: #688AB8 url(img/input-button.jpg) repeat-x; background: #F78C8C;width: 120px; color: #fff; font-weight: bold; cursor: pointer;display:block; }

.product_img {float:left;padding:0px 5px 0px 0;width:145px;}
.product_img .pic {margin-bottom: 5px}
a.back {padding-right:15px;background:url(img/back.gif) no-repeat 100% 50%;}
a.back:hover {color:#F26201;}
ul#paginage {text-align:center;}
ul#paginage li {display:inline;padding:0px 5px;}