body 
{
	margin: 0; 
	padding: 20px 0 22px 0;
	
	font-family: tahoma, arial, verdana, sans-serif, monospace; 
	font-size: 12px;
	color: #FFFFFF; 

	background-color: #345a96;
	background-image: url('../images/back.gif');
	background-repeat: repeat-y;
	background-position: center top;
}  

a 
{
	color: #FFFFFF;
} 

a.link
{
	margin: 0;
	padding: 16px 0 0 0;

	font-size: 12px;
	color: #FFC047;
	font-weight: bold;
}
 
a:hover 
{
	color: ##001B3C;
} 
 
 

a.btn
{
	color: #E8F3FF;
	display: block;
	float: left;
	width: 114px;
	height: 25px;

	text-decoration: none;
	font-weight: bold;
	font-size: 12px;

	background-image: url('../images/submit_btn.gif');
	background-repeat: no-repeat;
	margin: 0 4px 0 0;
}

a.btn:hover
{
	color: #FFFFFF;
}
 
a.btn span
{
	display: block;
	padding: 5px 0 0 0;
	text-align: center;
}

a.btn60
{
	background-image: url('../images/submit_btn_60.gif');
	width: 60px;
}

a.btn160
{
	background-image: url('../images/submit_btn_160.gif');
	width: 160px;
}

a.btnRight
{
	float: left;
	margin: 0 0 0 4px;
}

ul 
{
	list-style-type: disc;
	margin-top: 4px;
	margin-bottom: 4px;
	padding-top: 0;
	padding-bottom: 0;
}

ol
{
	margin-top: 4px;
	margin-bottom: 4px;
	padding-top: 0;
	padding-bottom: 0;
}

ul li,
ol li
{
	margin-top: 6px;
	margin-bottom: 6px;
	padding-top: 0;
	padding-bottom: 0;
}

div.holder
{
	width: 982px;
	margin: 0 auto 0 auto;
}

div.top
{
	float: left;
	width: 982px;
	height: 236px;

/*	background-image: url('../images/top.gif');
	background-repeat: no-repeat;
	background-position: 7px 186px;*/
}

div.leftSide
{
	float: left;
	width: 180px;
	padding: 0 0 40px 0;
}

div.leftSide ul
{ 
	margin: 0;
	padding: 0;	 
	float: right;
	width: 170px;
	border-top: 1px solid #AAC1D5;
}

div.leftSide ul li
{ 
	float: left;
 	display: inline;	
	margin: 0;
	padding: 0;	
	border-bottom: 1px solid #AAC1D5;
	width: 170px;
} 

div.leftSide ul li a
{ 
	display: block;
	float: left;
	width: 170px;
	
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 12px;

	background-image: url('../images/menu_ul_li_a.gif');
	background-repeat: no-repeat;	
} 

div.leftSide ul li a span
{ 
	display: block;
	padding: 3px 4px 4px 7px;
}

div.leftSide ul li a:hover
{ 
	background-color: #4E7AAB;
	color: #FFFFFF;
}

div.leftSide ul li a.selected
{
	background-color: #6D98C0;
	color: #FFFFFF;
}

div.rightSide
{
	float: right;
	width: 780px;
}





div.homeWelcome
{ 
	width: 250px;
	height: 184px;
	float: left;
	margin: 15px 0 0 0;
	
	color: #FFFFFF;
	text-align: left;

	background-image: url('../images/home_aboutUs.gif');
	background-repeat: no-repeat;
}

div.homeWelcome div.padding
{ 
	padding: 21px 10px 0 72px;
}

div.homeWelcome h1
{
	margin: 0;
	padding: 0;	
	
  font-size: 17px;
  color: #FFEFB7;
  font-weight: bold;
}

div.homeWelcome h2
{
	margin: 0;
	padding: 0;	
	
  font-size: 17px;
  color: #FFEFB7;
  font-weight: bold;
}

div.homeWelcome p
{
	margin: 0;
	padding: 16px 0 0 0;	
	
  font-size: 11px;
  color: #FFFFFF;
}

div.homeNews
{ 
	width: 500px;
	float: right;
	margin: 15px 0 0 0;
	
	color: #FFFFFF;
	text-align: left;

	background-image: url('../images/home_news.gif');
	background-repeat: no-repeat;
}






div.homeNews div.padding
{ 
	padding: 21px 10px 0 72px;
}

div.homeNews h1
{
	margin: 0;
	padding: 0;	
	
  font-size: 17px;
  color: #FFFFFF;
  font-weight: bold;
}

div.homeNews h2
{
	margin: 0;
	padding: 0;	
	
  font-size: 17px;
  color: #FFEFB7;
  font-weight: bold;
}

div.homeNews h3
{
	margin: 0;
	padding: 16px 0 0 0;	
	
  font-size: 13px;
  color: #FFFFFF;
  font-weight: bold;
}

div.homeNews p.date
{
	margin: 0;
	padding: 4px 0 0 0;	
	
  font-size: 10px;
  color: #BECFDB;
  font-weight: bold;
}

div.homeNews p
{
	margin: 0;
	padding: 12px 0 0 0;	
	
  font-size: 11px;
  color: #FFFFFF;
}






div.navigation
{ 
	width: 780px;
	height: 45px;
	float: left;	
	color: #143555;
	background-image: url('../images/navigation.gif');
	background-repeat: no-repeat;
	background-position: left top;
} 

div.navigation span
{
	display: block;
	padding: 7px 14px 0 18px;
} 

div.navigation a
{ 
	color: #000B1C;
}

div.navigation a:hover
{ 
	color: #FFFFFF;
}


div.content
{ 
	width: 760px;
	float: left;
	color: #C7DCE9;
}


div.content div.padding
{ 
	padding: 25px 25px 15px 25px;
	float: left;
}





div.content h1
{
	color: #FFFFFF;
	font-size: 17px;
	font-weight: bold;
	padding: 10px 0 10px 0;
	margin: 0;
}

div.content h2
{
	color: #F2DC5C;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0 10px 0;
	margin: 0;
}

div.content h3
{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0 10px 0;
	margin: 0;
}

div.content h4
{
	color: #BDD6EA;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0 10px 0;	
	margin: 0;
}

div.content p
{ 
	margin: 0;
	padding: 8px 0 8px 0;
	text-align: justify;
	font-size: 12px;
	line-height: 17px;
} 

div.content p img
{ 
	margin: 2px 12px 4px 12px;
	border: 0;
} 

div.content p.date
{ 
	margin: 0;
	padding: 0;
	text-align: justify;
	color: #BECFDB;
} 

div.content li
{
	font-size: 12px;
	line-height: 17px;
	text-align: justify;
}





div.content div.gallery
{
	float: left;
	width: 100%;
	padding: 15px 0 0 0;
	margin: 30px 0 0 0;
	border-top: 2px solid #6085B9;
}

div.content div.gallery div
{
	float: left;
	width: 136px;
	height: 116px;
	margin: 0;
	padding: 0;
}

div.content div.gallery a
{
	float: left;
	margin: 6px 6px 6px 12px;
	border: 2px solid #A3B1BE;
	padding: 1px;
}

div.content div.gallery a:hover
{
	border: 2px solid #FFFFFF;
}

div.content div.gallery a img
{
	border: 0;
	float: left;
	padding: 0;
	margin: 0;
}

div.content div.attachments
{
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	background-image: url('../images/attachments.gif');
	background-repeat: no-repeat;
}

div.content div.attachments div
{
	padding: 5px 0 5px 0;
	font-size: 13px;
}


div.content #flash_green_warnings, #flash_red_warnings
{
	padding: 8px 0 0 0;
}

div.content #flash_hours, #flash_game, #flash_opportunity, #flash_opportunity2, #flash_opportunity3, #flash_vacuum, #flash_rainbow, #flash_graph, #flash_perfume
{
 	margin: 2px auto 2px auto;
	text-align: center;
}











div.content div.newsList h2
{ 
	padding: 10px 0 4px 0;
} 

div.content p.more
{ 
	margin: 0;
	padding: 0 0 10px 0;
	text-align: justify;
} 

div.content table
{ 	
	margin: 8px 0 8px 0;
  border: 0;
	width: 100%; 
}

div.content td
{ 	
	padding: 6px;
	margin: 0;
	border: 0;
	background-color: #486EAA;
	border-top: 1px solid #6085B9;
	border-left: 1px solid #6085B9;
	border-bottom: 1px solid #6085B9;
	border-right: 1px solid #6085B9;
	color: #FFFFFF;
} 
 

div.content td.tdR
{
	text-align: right;
}

div.content td.tdC
{
	text-align: center;
}
 
 
div.content td p
{ 
	margin: 0;
	padding: 3px;
} 

div.content td input.count
{
	text-align: right;
	width: 30px;
}

div.content td input.submit
{
	color: #FFFFFF;
	width: 60px;
	height: 25px;
	font-weight: normal;
	font-size: 11px;
	background-image: url('../images/submit_btn.gif');
	
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
}


div.content div.box3
{
  float: left;
  width: 276px;
  height: 200px;

	background-image: url('../images/box3.gif');
	background-repeat: no-repeat;
	background-position: top left;
	margin: 18px 0 0 0;
}

div.content div.box3last
{
	width: 270px;
}

div.content div.box3 div.padding
{
	padding: 10px 20px 20px 20px;
}

div.content div.box3 a
{
	font-size: 15px;
	font-weight: bold;
}

div.content div.box3 p
{
	line-height: 18px;
	color: #472600;
}

div.content form.login
{
  float: left;
  
}

div.content form.login span
{
  display: block;
  float: left;
  padding: 10px 0 6px 0;
  width: 100px;
  font-size: 12px;
}

div.content  form.login input
{
  font-size: 12px;
  background-color: #FFFFFF;
  border: 1px solid #AAAAAA;
  width: 130px;
}

div.content  form.login input.submit
{
	width: 100px;
	float: right;
	border: 1px solid #7B3A08;
	background-color: #DA4701;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
}








div.content div.catalogList
{
	float: left;
	width: 380px;
	height: 180px;
	overflow: hidden;

	background-image: url('../images/catalogList.gif');
	background-repeat: no-repeat;
}

div.content div.catalogList div
{
	padding: 10px 14px 14px 10px;
	margin: 0;
	float: left;
}

div.content div.catalogPaging
{
	padding: 0 0 14px 0;
	margin: 0;
	float: left;
	width: 100%;
	font-weight: bold;
}

div.content div.catalogList h2
{
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #89AB30;
	width: 100%;
	height: 14px;
	overflow: hidden;
	padding: 0;
	margin: 0 0 7px 0;
}

div.content div.catalogList h2 a
{
	color: #D20000;

}

div.content div.catalogList h2 a:hover
{
	color: #888888;
}

div.content div.catalogList p.image
{
	float: right;
	width: 154px;
	height: 107px;
	overflow: hidden;
	border-left: 1px solid #DDDDDD;
	padding: 0;
	margin: 0;
}

div.content div.catalogList p.image a
{
	display: block;
	width: 150px;
}

div.content div.catalogList p.image img
{
  border: 0;
  padding: 0;
}

div.content div.catalogList p.pretext
{
	float: left;
	width: 190px;
	height: 107px;
	overflow: hidden;
	color: #444444;
	line-height: 15px;
	padding: 0;
	margin: 0;
	text-align: left;
}

div.content div.catalogList p.catNr
{
  float: right;
	width: 150px;
	height: 20px;
	overflow: hidden;
	color: #888888;
	margin: 5px 0 0 0;
	padding: 0;
	font-weight: bold;
}

div.content div.catalogList p.price
{
  float: left;
	width: 190px;
	height: 20px;
	overflow: hidden;
	color: #E55D00;
	margin: 5px 0 0 0;
	padding: 0;
	font-weight: bold;
}

div.catalogList input.count
{
	font-size: 12px;
	float: left;
	width: 30px;
	border: 1px solid #D0D0D0;
	text-align: right;
}

div.catalogList input.submit
{
	font-size: 12px;
	float: left;
	width: 60px;

	border: 1px solid #D0D0D0;
	background-color: #F2F2F2;
}






div.catalogDescription
{
	width: 480px;
	float: left;
	background-image: url('../images/catalog_descript.gif');
	background-repeat: no-repeat;
}

div.catalogImg
{
	width: 280px;
	float: right;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	text-align: center;
	background-image: url('../images/catalog_img.gif');
	background-repeat: no-repeat;
}

div.catalogImg img
{
	border: 1px solid #AAAAAA;
}


div.catalogTable
{
	width: 480px;
	float: left;
}

div.catalogTable table
{
	width: 300px;
	float: left;
}

div.catalogTable form
{
	width: 300px;
	float: left;
}

div.catalogTable form
{
	width: 300px;
	float: left;
}

/*
<div class="catalogAdd">
	<div class="cPadding">
	  <h3>Zadejte počet:</h3>
		{form}
	</div>
</div>
*/

div.catalogAdd
{
	background-color: #FFFFFF;
	float: left;
	width: 300px;
	height: 46px;
	border: 1px solid;
}

div.catalogAdd div.cPadding
{
	margin:0;
	padding: 10px;
}

div.catalogAdd h3
{
	float: left;
	width: 105px;
	height: 18px;
	margin: 2px 0 0 0;
	padding: 0;
	color: #1E3C5B;
}

div.catalogAdd form
{
	float: left;
	width: 170px;
}

div.catalogAdd form input.submit
{
  float: right;
	width: 114px;
	height: 25px;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url('../images/submit_btn.gif');
	background-repeat: no-repeat;
	border: 0;
	font-size: 11px;
	cursor: pointer;
}

div.catalogAdd form input.count
{
  float: left;
	width: 30px;
	text-align: right;
	font-size: 14px;
	border: 1px solid #1A3648;
}




div.content span.error
{
	color: #FFFFFF;
}

div.content form
{
	padding: 0;
	margin: 0;
}








div.content div.usersPage
{
  float: left;
  width: 230px;
  height: 210px;
	margin: 18px 0 0 0;
	overflow: hidden;
}

div.content div.usersPage div.padding
{
	padding: 4px 21px 20px 40px;
}

div.content div.usersPage form
{
  padding: 6px 0 0 0;
  margin: 0;
}

div.content div.usersPage a
{
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}

div.content div.usersPage a:hover
{
	color: #D8E6ED;
}

div.content div.usersPage p
{
	line-height: 18px;
	color: #FFFFFF;
  padding: 6px 0 0 0;
  margin: 0;
}

div.content div.usersPage span
{
	display: block;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
}

div.content div.usersPage h2
{
	line-height: 18px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	padding: 8px 0 24px 0;
	margin: 0;
}

div.content div.usersPage_login
{
	background-image: url('../images/usersPage_login.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

div.content div.usersPage_forgottenPassword
{
	background-image: url('../images/usersPage_forgottenPassword.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

div.content div.usersPage_newRegister
{
	background-image: url('../images/usersPage_newRegister.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width: 226px;
}

div.content div.usersPage input.input
{
  border: 1px solid #356695;
  width: 146px;
	margin: 0 0 6px 0;
}

div.content div.usersPage input.submit
{
 	background-image: url('../images/submit_btn.gif');
	background-repeat: no-repeat;
	width: 114px;
	height: 25px;
	border: 0;
	padding: 0;
	margin: 0;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
}



















div.content form
{
	padding: 0;
	margin: 0;
}

div.content form fieldset
{
 	display: block;
 	padding: 0;
	border: 1px solid #AAC1D5;
	margin: 10px 0 10px 0;
	color: #AAC1D5;
	width: 756px;
	float: left;
	font-size: 12px;
}

div.content form fieldset legend
{
	float: left;
	margin: 0;
	padding: 8px 0 10px 4px;
	color: #AAC1D5;
	font-weight: bold;
	font-size: 13px;
}

div.content form fieldset div.fieldsetText
{
	float: left;
	width: 100%;
	margin: 0;
	padding: 5px 0 9px 0;
}

div.content form fieldset div.fieldsetText span
{
	display: block;
	padding: 0 13px 0 12px;
}

div.content form fieldset div
{
	float: left;
	width: 100%;
	padding: 2px 0 6px 0;
	margin: 0;
	font-size: 11px;
}

div.content form fieldset div img
{
  border: 1px solid #AAC1D5;
}

div.content form div.radioHolder
{
  float: left;
	width: 370px;
}

div.content form div.radioHolder div.radio
{
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}

div.content form div.radioHolder div.radio label.radio
{
 	margin: 0;
	padding: 0;
}

div.content form div.radioHolder div.radio input.radio
{
 	float: left;
 	margin: 2px 8px 4px 3px;
	padding: 0;
}

div.content form label.default
{
  display: block;
	float: left;
	width: 300px;
 	text-align: right;
 	margin: 2px 10px 0 0;
}

div.content form label.required
{
 	color: #FFFFFF;
}

div.content form label.error
{
 	color: #FFFFFF;
}

div.content label.errorNavigation
{
	text-decoration: underline;
	color: #FFFFFF;
	cursor: pointer;
}

div.content p.error
{
	margin: 0;
	padding: 3px 0 3px 0;
}

div.content input.inputText,
div.content select.default,
div.content textarea.default
{
	width: 300px;
}

div.content input.error,
div.content select.error,
div.content textarea.error
{
	background-color: #FDF5AC;
}

div.content input.enter,
div.content select.enter,
div.content textarea.enter
{
	background-color: #AAC1D5;
}

div.content input.readonly,
div.content select.readonly,
div.content textarea.readonly
 {
	background-color: #FDFDFD;
}

div.content div.buttonHolder
{
	float: left;
	padding: 8px 0 0 314px;
}

div.content form input.register_submit,
div.content form input.forgottenPassword_submit,
div.content form input.edit_submit,
div.content form input.editPassword_submit,
div.content form input.contactForm_submit
div.content form input.button
{
	width: 114px;
	height: 25px;
	background-image: url('../images/submit_btn.gif');
	color: #FFFFFF;
	font-size: 11px;
	cursor: pointer;
	border: 0;
	font-weight: bold;
}


div.leftLogin
{
	width: 170px;
	float: right;
	margin: 0;
	padding: 12px 0 10px 0;
	background-color: #4A78BC;
	background-image: url('../images/div_login_back.gif');
	background-position: 24px 16px;
	background-repeat: no-repeat;
}

div.leftLogin div.loginTitle
{
	width: 160px;
	float: right;
	margin: 0;
}

div.leftLogin form.login
{
	float: right;
	width: 160px;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #72A3CE;
}

div.leftLogin form.login span
{
	float: left;
	display: block;
	width: 54px;
	padding: 8px 0 4px 0;
	margin: 0;
	color: #FFFFFF;
	overflow: hidden;
}

div.leftLogin form.login input
{
	float: left;
	font-size: 12px;
	background-image: url('../images/login_input_back.gif');
	width: 94px;
	height: 14px;
	border: 1px solid #295888;
	margin: 6px 0 3px 0;
}

div.leftLogin form.login div.submit
{
	padding: 0 0 0 54px;
}

div.leftLogin form.login input.submit
{
	float: left;
	height: 25px;
	width: 60px;
	border: 0;
	margin: 6px 0 0 0;
	background-image: url('../images/submit_btn_60.gif');
	background-repeat: no-repeat;
	background-position: top right;
	text-decoration: none;
	color: #FFFFFF;
}

div.leftLogin form.login a.submit:hover
{
	background-position: right -100px;
}

div.leftLogin form.login a strong
{
	display: block;
	padding: 4px 25px 10px 0;
	text-align: right;
}




div.leftLogin div.hrefs
{
	float: right;
	width: 160px;
	color: #FFFFFF;
	padding: 12px 0 0 0;
}

div.leftLogin div.hrefs p
{
	float: left;
	width: 160px;
	padding: 0 0 6px 0;
	margin: 0;
}

div.leftLogin div.hrefs a
{
	color: #FFFFFF;
}

div.leftLogin div.hrefs a strong
{
	font-weight: normal;
}

div.leftLogin div.hrefs a:hover
{
	color: #FFFF69;
}




div.leftLogin div.logged
{
	float: right;
	width: 160px;
	color: #FFFFFF;
}

div.leftLogin div.logged h3
{
	float: left;
	width: 160px;
	padding: 0 0 6px 0;
	margin: 0;
	font-size: 14px;
}

div.leftLogin div.logged p
{
	float: left;
	width: 160px;
	padding: 0 0 6px 0;
	margin: 0;
}

div.leftLogin div.logged a
{
	color: #FFFFFF;
}

div.leftLogin div.logged a strong
{
	font-weight: normal;
}

div.leftLogin div.logged a:hover
{
	color: #FFFF69;
}



div.cart
{
	float: right;
	width: 170px;
	color: #FFFFFF;
	padding: 10px 0 10px 0;
	background-color: #1C477A;
	margin: 10px 0 10px 0;
}

div.cart div
{
	float: right;
	width: 160px;
	padding: 0 0 6px 0;
	margin: 0;
}


div.homePageLogo
{
	padding: 0 0 20px 0;
	float: left;
}






div.content div.cartEmpty
{
 	border: 1px solid #6D98C0;
	float: left;
 	width: 100%;
	margin: 0 0 8px 0;
}

div.content div.cartEmpty span
{
 	display: block;
 	padding: 40px;
 	text-align: center;
}






div.copyright
{
	text-align: left;
	width: 780px;
	float: right;
	margin: 40px 0 0 0;
	color: #71A7BD;
}

div.copyright a
{
	color: #71A7BD;
}




div.bottomLinks 
{
	text-align: left;
	width: 780px;
	float: right;
	margin: 40px 0 0 0;
	color: #71A7BD; 
}


div.bottomLinks h3
{
	color: #81B7CD;
	font-size: 12px;
	padding: 0;
	margin: 0 0 10px 0;
}

div.bottomLinks a
{
	color: #81B7CD;
}

div.bottomLinks a:hover
{
	color: #FFC047;
}


#rainbow_360
{
	float: right;
}