html,body {	
	text-align: center; 
	background:#fff; 
	font: 16px Geneva, Arial, Helvetica, sans-serif;
	padding: 0; 
	margin: 0; 
	height:100%;}
	
#container {
	width:780px; 
	background: #fff;
	text-align:left; 
	margin: 10px auto; 
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	padding: 5px;
	height:99%;
	min-height:99%;
	}
	
#top {
	background:#fff url('/images/ladybelle.jpg') bottom left no-repeat; 
	width: 780px; 
	height: 184px; 
	position:relative; 
	padding: 0;
	margin: 0;
	}

#topmenu ul {
	margin:3px 0 0 0;
	padding:0;
	list-style-position:inside;
	background:#92278F url('/images/menu.gif') top left repeat-x;
	position: relative;
	float: left;
	width: 100%;
	}
#topmenu ul li{
	position:relative;
	display:inline;
	
	}
#topmenu ul li a, #topmenu ul li a:visited {
 	color:#fff;
	background:#92278F url('/images/menu.gif') top left repeat-x;
	padding: 5px 7px;
	border-right: 1px #ccc solid;
	margin:0;
	float: left;
	font: 0.8em "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
#topmenu ul li a:hover {
	background:#A864A8 url('/images/menuhover.gif') top left repeat-x;
	}
.grayline {
	width: 780px; 
	height: 2px;
	background: #ccc;
	border:0;
	margin: 5px 0 0 0;
	padding:0;
	}

#content {	
	width:780px;
	background:#fff;
	margin: 5px 0;
	padding: 20px 0;
	font: 13px Geneva, Arial, Helvetica, sans-serif;
	height: 100%;
	min-height:99%;}
	
#menuleft {
	width: 180px;
	float: left;
	display: inline;
	padding: 0;
	}	
#menuleft ul {
	margin: 0;
	padding: 0;
	list-style:none;
	}
#menuleft ul li a {
	padding: 2px 5px;
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
    display: block;
	}

#menuleft h2 {
	margin: 0 0 10px 0;
	position:relative;
	border-bottom:1px #A864A8 solid;
	font-size: 14px;
	background-color:#A864A8;
	color:#ff9;
	}

#menuleft ul li a:hover {
	color: #fff;
	background-color: #036;
	}
#menuleft #cart a{
    color:#333;
	text-decoration: none;
	font-weight: normal;
	width:174px;
	height: 47px;
	padding: 6px 0 2px 12px;
	background:transparent url('/images/cartbgd.gif') top left no-repeat;
	margin: 5px 0 10px 0;
	font-size: 0.7em;
	text-transform:uppercase;
	float:left;
	position: relative;
	}
#menuleft #cart a:hover {
	color:#2D4961;
	background:transparent url('/images/cartbgd.gif') bottom left no-repeat;
	}
.red {
	color:#900;
	font-weight: bold;}

/*h styles*/

h1 {
	font: 2em "Century Gothic","Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;; 
	color: #F16900;
	font-weight: bold; 
	letter-spacing:-2px;
	padding:  2px;
	margin:  5px 0 10px 10px ;
	}

h2 {
	font-size:1.1em;
	font-weight: bold;
	padding:2px;
	font-variant:small-caps;
	color: #000;
	}
h3 {
	font-size: 1.2em;
	color:#333;
	margin:5px 0;
	}
h6 {
	font-weight:bold;
	font: 1em "Century Gothic","Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
	text-transform:uppercase;
	color: #B14BBA;
	display: inline;
	padding: 0 10px 0 0;
	}
html>body #text h6 a,html>body #text h6 a:visited {
	color: #B14BBA;
	font-weight:bold;
	text-decoration:underline;
	}
html>body #text h6 a:hover {
	color: #606;
	}

/*lewe menu drugi poziom*/


#menuleft ul li ul {
	border:1px #A864A8 solid;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	background-color: #EBC5ED;
	display:block;
	position:relative;
	width:100%;
}

	
#menuleft ul ul li a {
	padding: 2px 5px 2px 10px;
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #E0A9E1;
	text-decoration: none;
    display: block;
	position:relative;
	margin-bottom: 1px;
	}

#menuleft ul ul li a:hover {
	color: #fff;
	background-color: #863D87;

	}
/*home icon*/

#menuleft a {
    font: 13px Geneva, Arial, Helvetica, sans-serif;
	color: #690;
	text-decoration: none;
	}
#menuleft a:hover {
	color: #fff;
	background-color: #333;
	}
	

#text {
	padding: 5px 30px 30px 30px; 
	margin: 0;
	text-align: left; 
	font-size: 1em;
	width: 500px;
	display: inline;
	float: right;
	overflow: hidden;
	background-color: #F3E4F3;
	}
	
#text img
	{
	padding: 3px; 
	border: 1px #616161 solid;
	background: #fff;
	margin: 5px;
	float: right;
	}
#text p {
	text-indent: 20px;
	}
	
#text a img {
	border: 1px #616161 solid;
	}
	
#text a:hover img 
	{
	border: 1px #f00 solid;
	}
#text ul {
	list-style-type: square; 
	list-style-position:inside;
	}

#text a:link {
	color: #A864A8; 
	text-decoration:underline;
	font-weight: bold;
	 }
#text a:visited {
	color:#906;
	font-weight: bold;
		}
#text a:hover {
	color: #874691;
	}
#text .noborder img
	{
	padding: 0; 
	border: 0;
	margin: 0;
	}
#text div.imgclean img{
	float:none;
	border:0;
	padding:0;
	margin:0;
	}
.emphasize {
	padding: 20px;
	margin:20px;
	border: 1px #ccc dotted;
	background-color:#E4E4E4;
	}
.clr {clear: both;
	height:1px;
	}

.image {margin-top: 10px; margin-bottom: 20px;}
.image img {margin: 10px;  border: 1px #ccc solid;}
.center {
	text-align:center;}
#text .center img {float: none;}

.nav {
	font-size: 1em;
	font-variant:small-caps;
	margin: -5px 0 10px -30px;
	padding: 5px 10px;
	position: relative;
	width:540px;
	color: #c69;
	background-color:#EBC5ED;
	float: left;}
#text .nav a,#text .nav a:visited {
	color:#A864A8;
	text-decoration:none;
	}
#text .nav a:hover {
	color: #636;
	text-decoration:underline;
	}

.desc {
	width: 460px;
	margin: 10px;
	background-color:#fff;
	border: 1px #666 solid;
	padding: 10px;
	}
#text .desc img {
	border:1px #DFDFDF solid;
	margin: 2px 2px 2px 10px;
	background-color:#fff;
	}
#text .desc a:hover img {
	border:1px #ccc solid;
	}
.paintsize {
	padding: 30px 0 0 0;
	text-align:center;
	font-weight: bold;
	float: left;
	display: inline;
	margin: 3px 10px;
	background:transparent url('/images/envase.gif') top center no-repeat;
	width: 50px;
	height: 33px;
	color:#fff;}
.download 	{
	width: 200px;
	background:#ff9 url('/images/pdf.gif') top left no-repeat;
	padding: 7px 7px 7px 50px;
	margin: 4px 5px;
	border: 1px #f90 solid;
	clear: both;
	}
	
#text .download a {
	text-decoration:underline; 
	color: #600;
	}
	
#text .download a:visited {
	color:#036;
	}
	
#text .presentation {
	text-align: center;
	}
#text .presentation img {
	float: none;
	padding: 3px;
	margin: 5px;
	border: 1px #333 solid;
	}
	
	
.order {
	margin: 5px auto;
	background:#E2E3E9 url('/images/cart.gif') top right no-repeat;
	width: 320px;
	border:1px #333 dotted;
	padding: 10px 100px 10px 10px;
 
	}
.tablealign {
	border: 1px #999 solid;
	font-size: 13px;}
.tablealign td {
	text-align: center;
	background: #ccc;
	}
input.decorated {
	padding: 3px;
	color:#006;
	border: 1px #83899E solid;
	}
td.whitetd {
	background:#fff;
	border: 1px #999 solid;
	}
	
.inactive {
	text-decoration:line-through;}	
	
.size {
    color:#333;
	font-size:11px;
	font-weight:normal;
	}
.eur {
	width: 70px;
	height: 55px;
	background:transparent url('/images/price.gif') top center no-repeat;
	text-align: center;
	font-size: 17px;
	font-weight:bold;
	color: #900;
	float: left;
	margin: 5px 0 0 0;
	}
	
#text .order a{
	color: #c00;
	}
#text .order a img {
	border:none;
	float: none;
	}

.info {
	width: 300px;
	margin: 20px auto;
	background:#DAE2EB url(/images/info.gif) top right no-repeat;
	padding: 4px 80px 7px 7px;
	border:1px #B0CCEE solid;
	color: #5B7CA2;
	font-weight: bold;
	font-size:14px;}
.info p {
	margin: 17px 4px 10px 0;}
	
.infodata {
	padding: 5px;
	margin: 10px 0 0 0;
	background-color: #EBC5ED;
	text-align:right;}
#sumtotal {
	color:#036;}

.tableborder {
	border: 1px #999 solid;
	width:100%;
	margin: 8px 0;
	}
.tableborder td {
	background:#fff;
	padding:2px;
	margin:1px;
	}
#text table.tableborder img {
	border:0;}
td.blue {
	background:#E0EAF5;
	border: 1px #BBC9D9 solid;
	}
td.yellow {
	background:#ECE9AA;
	border: 1px #fc3 solid;
	}

	
/* footer stuff*/
	
#footer {
	width: 780px; 
	height: 30px;
	font:10px Geneva, Arial, Helvetica, sans-serif;
	text-align: right; 
	padding:0; 
	clear: both;
	}
	
#footer a {
	font-size:10px; 
	color: #930; 
	text-decoration:none;
	}
#footer a img, #footer a:hover img {
	border:none;}
	
#footer a:hover {
	color:#930; 
	text-decoration:none;
}


#banery {
	position:absolute;
	top:0;
	right:0;
	padding:5px 5px 0 0;
	font-size:12px;
	text-align:center;}
#banery a img {
	border:0;
	float:left;
	clear:both;
	margin:0 0 3px 0;
	}