/*
  CSS Framework v.2.4

  Author: Kamil Kuczmera 
  E-mail: kamil@kuczmera.com
  Modification: 29.10.2009
*/

/* Global reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}
input,button{overflow:visible}strong{font-weight:bold}em{font-style:normal}label{cursor:pointer}

/* Default classes */
.margin-top{margin-top:15px}.margin-bottom{margin-bottom:15px}.margin-left{margin-left:15px}.margin-right{margin-right:15px}
.left{float:left}.right{float: right}.clear{clear:both}
.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.middle{vertical-align:middle}

/* Basic selectors styles */
h3 { font: normal 24px/24px "Trebuchet MS", Tahoma, Helvetica, sans-serif; color: #c2c1c2; margin-bottom: 15px; letter-spacing: -1px; }
h3 strong { font-size: 28px; color: #81119f; }
strong { color: #81119f; font-size: 12px; }

a { color: #81119f; text-decoration: underline; outline: none; cursor: pointer }
a:hover { text-decoration: none; }

html { background: #f0f2eb url(../img/html.gif) repeat-x; }
body {
	font: 11px/160% Tahoma, Helvetica, sans-serif;
	color: #7f7e7f;
	background: url(../img/body.png) center 65px no-repeat;
}	

/* Container
---------------------------------------------- */
#container { width: 768px; margin: 0 auto; padding: 20px 0 11px 0; background: url(../img/footer/end.gif) 0 bottom no-repeat; }	
.wrapper { width: 748px; height: 100%; padding: 0 10px; margin: 9px auto 0; overflow: hidden; background: #fff; }	
	
	/* Header
	---------------------------------------------- */
	#header { position: relative; height: 160px; }	
		
		/* Logo */
		#header h1 { float: left; width: 232px; height: 24px; margin-right: 15px; }	
		#header h1 a { display: block; height: 100%; background: url(../img/header/logo.gif); text-indent: -999999px }
		#header h2 { float: left; font-size: 10px; font-weight: normal; line-height: 18px; padding-left: 15px; margin-top: 3px; color: #c2c1c2; border-left: 1px solid #ecedea; }
		
		/* Menu */	
		#menu { position: absolute; height: 46px; right: 0; bottom: 36px; }
		#menu li { float: left; margin-right: 15px; }		
		#menu a { float: left; height: 46px; text-decoration: none; text-indent: -999999px; background: 0 0 no-repeat; }	
		#menu a:hover, #menu .current { background-position: 0 bottom; }
		#menu #home a { width: 128px; background-image: url(../img/header/home.gif); }
		#menu #catalogue a { width: 138px; background-image: url(../img/header/catalogue.gif); }
		#menu #add-new a { width: 111px; background-image: url(../img/header/add-new.gif); }
		#menu #contact a { width: 85px; background-image: url(../img/header/contact.gif); }
		
		/* Dashboard */
		#header ol { float: right; font-size: 10px; line-height: 18px; }
		#header ol li { float: left; padding-left: 10px; }
		#header ol a { color: #c2c1c2; text-decoration: none; }
		#header ol a:hover { text-decoration: underline; }

	/* Categories
	---------------------------------------------- */
	#categories { float: left; width: 177px; position: relative; z-index: 10; }
	#categories h4 { height: 40px; padding: 0 10px; line-height: 37px; font-weight: bold; color: #fff; background: url(../img/categories/h.gif) no-repeat; }
	#categories h4.special { background-image: url(../img/categories/p.gif) }
	
	#categories ul, #categories .place { background: #edefe7; }
	#categories .sep, #categories .place { padding-bottom: 15px; margin-bottom: 10px; background: #edefe7 url(../img/categories/c.gif) 0 bottom no-repeat; }
	#categories .place { padding: 5px 0 20px 10px; overflow: hidden; }
	#categories li { padding: 3px 10px; border-bottom: 1px solid #e1e3de; }
	#categories a  { color: #6a6c66; text-decoration: none; }
	#categories a:hover { text-decoration: underline; }
	#categories .more { display: block; padding: 3px 10px; margin-bottom: 10px; text-align: right; background: #e1e3de url(../img/categories/c.gif) 0 bottom no-repeat; }
	
	#categories .latest { line-height: 110%; }
	#categories .latest a { font-weight: bold; color: #81119f; }
	#categories .latest span { display: block; margin-top: 3px; font-size: 10px; color: #9d9d9d; }
	
	/* Content
	---------------------------------------------- */
	#content { position: relative; float: right; width: 550px; padding-bottom: 24px; }
	#content-container { position: relative; }
	.opacity { opacity: 0.2; }
	.progress { position: absolute; top: 50%; right: 50%; margin: -28px -37px 0 0; width: 75px; height: 57px; background: url(../img/loader.gif) center center no-repeat; z-index: 99 }
		
		/* Styles */	
		p { margin-bottom: 15px; }
		.wzorki { color: #7f7e7f; text-decoration: none; }
		table { width: 100%; }
		table th { padding: 5px 10px; background: #f3f3f3; }
		table td { padding: 5px 10px; border-bottom: 1px solid #f3f3f3; }
		table tr.edit td { background: #f3f3f3; }
		
		.activate { color: green; padding: 2px 0 2px 20px; background: url(../img/icons/activate.png) 0 center no-repeat; margin-right: 10px; }
		.remove { color: red; padding: 2px 0 2px 20px; background: url(../img/icons/remove.png) 0 center no-repeat; }
		.edit { padding: 2px 0 2px 20px; background: url(../img/icons/edit.png) 0 center no-repeat; }
		.preview { color: gray; padding: 2px 0 2px 20px; background: url(../img/icons/preview.png) 0 center no-repeat; }
		
		.name { width: 200px; }
		.options { width: 130px; }
		
		/* Search */
		#search { overflow: hidden; height: 100%; position: relative; right: -10px; padding: 5px 20px 32px 0; margin-bottom: 15px; background: url(../img/content/search.gif) right bottom no-repeat; }
		#search fieldset { float: right; }
		#search input { width: 202px; }
		#search .submit { margin-left: 15px; }
		#search .submit button { width: 80px; }
		
		#search ul { float: left; }
		#search ul li { float: left; margin-right: 5px; color: #a8a8a8; }
		#search ul a { color: #d8d7d8; text-decoration: none; }
		#search ul a:hover { text-decoration: underline; }
		
		/* List */
		.list { padding-left: 15px; }
		.list li { padding: 3px 0 3px 20px; background: url(../img/content/arr.gif) 0 10px no-repeat; }
		
		/* Home ---------------------------------------------- */
		#stats { padding-bottom: 225px; margin-bottom: 15px; background: url(../img/content/stats.png) 0 bottom no-repeat; }
		#stats img { position: relative; top: 25px; right: 35px; }
		.stats { line-height: 16px; padding: 5px 0 0 15px; }
		.stats li { list-style: none; padding: 8px 0 8px 20px; background: url(../img/content/arr.gif) 0 14px no-repeat; }
		.stats .last { padding-left: 110px; }
		.stats strong { font-size: 13px; color: #81119f; line-height: 16px; }
		
		/* List ---------------------------------------------- */
		.map { padding: 5px; border: 1px solid #f3f3f3; }
		#map { height: 300px; background: #fff url(../img/loader.gif) center center no-repeat !important; }
		
		.marker h4 { margin-bottom: 5px; font-weight: bold; font-size: 14px; }
		.marker address { font-style: normal; line-height: 130%; }
		
		.saloons li { position: relative; _height: 30px; padding: 10px 0; line-height: 110%; border-bottom: 1px solid #ddd; }
		.saloons h4 { margin-bottom: 5px; font-size: 14px; font-weight: bold; }
		.saloons h4 a { color: #81119f; }
		.saloons a { color: #7f7e7f; text-decoration: none; }
		.saloons a:hover { text-decoration: underline; }		
		.saloons .more { position: absolute; height: 16px; padding-right: 22px; line-height: 16px; top: 50%; right: 10px; margin-top: -8px; color: #81119f; font-weight: bold; text-decoration: none; background: url(../img/content/more.gif) right 0 no-repeat; }
		.saloons .more:hover { text-decoration: underline; }
		.saloons .ad { overflow: hidden; margin-left: -4px !important; }

		
		.pcontainer { margin-top: 15px; height: 25px; }
		.pagination { position: absolute; left: 50%; }
		.pagination li { position: relative; right: 50%; float: left; padding: 0 2px; line-height: 18px; font-family: Verdana, sans-serif; }
		.pagination strong { float: left; font-size: 12px; }
		.pagination a { float: left; width: 20px; height: 18px; font-size: 10px; font-weight: bold; color: #fff; text-decoration: none; text-align: center; background: url(../img/content/pagination.gif) no-repeat; }
		.pagination a:hover { background-position: 0 bottom; }
		
		/* Details ---------------------------------------------- */
		.saloon-details dt { font: bold 16px/30px "Trebuchet MS", Tahoma, Helvetica, sans-serif; color: #81119f; letter-spacing: 0; border-bottom: 1px solid #f3f3f3; }
		.saloon-details dd { margin-bottom: 25px; }
		.saloon-details ul li { overflow: hidden; height: 100%; padding: 5px 0; border-bottom: 1px solid #f3f3f3; }
		.saloon-details ul li strong { float: left; width: 100px; padding-right: 15px; text-align: right; }
		.saloon-details .ad { padding-left: 111px; }
		.saloon-details .map { border-top: 0 }
		.saloon-details .space { padding-left: 115px; }
		.saloon-details #saloon-map { height: 300px; background: #fff url(../img/loader.gif) center center no-repeat !important; }
		.saloon-details .services { padding: 5px; border: 1px solid #f3f3f3; border-top: 0; }
		.saloon-details .services ol { overflow: hidden; height: 100%; padding: 5px 10px; background: #f5f5f5; }
		.saloon-details .services li { float: left; width: 157px; padding-left: 15px; line-height: 20px; background: url(../img/content/dot.gif) 0 7px no-repeat; }
		
		/* Details ---------------------------------------------- */
		#contact-form label { width: 120px; }
		#contact-form .description { padding-left: 120px }

	/* Footer
	---------------------------------------------- */	
	#footer { position: relative; margin-top: -24px; padding: 35px 20px 13px; overflow: hidden; height: 100%; background: #fff url(../img/footer/bg.gif) right 0 no-repeat; z-index: 5; }
	#footer a { color: #a8a8a8; text-decoration: none; }
	#footer a:hover { text-decoration: underline; }
	
	#footer ul { float: right; font-size: 10px; color: #d8d7d8; }
	#footer li { float: left; padding-right: 10px; margin-right: 5px; background: url(../img/footer/sep.gif) right center no-repeat; }
	#footer .last { margin: 0; padding: 0; background: none; }
	
	#footer p { float: right; }
	
/* Forms
---------------------------------------------- */
.forms h4 { font: bold 16px/30px "Trebuchet MS", Tahoma, Helvetica, sans-serif; color: #81119f; letter-spacing: 0; border-bottom: 1px solid #ddd; }
.forms ul { margin-bottom: 15px; }
.forms li { overflow: hidden; height: 100%; padding: 10px 5px; border-bottom: 1px solid #ddd; }
.forms label, .forms .label { float: left; line-height: 22px; width: 100px; }
.forms label em, .forms .label em { font-size: 18px; font-weight: bold; vertical-align: middle; position: relative; top: -5px; color: #81119f; }
.forms .description { clear: both; font-size: 10px; padding: 5px 0 0 5px; margin-bottom: -5px; }
.forms .description input { vertical-align: middle; }
.forms .description em { font-weight: bold; color: #81119f; }
.forms li .description { padding-left: 100px; *margin-top:-10px; }
.forms li .sep { float: left; padding: 0 8px; line-height: 22px; }
.forms .input input { width: 180px; }

.forms li ul { float: left; width: 400px; margin: 0; }
.forms li li { float: left; width: 200px; padding: 0; border: 0; }
.forms li li label { float: none; width: 200px; }
.forms li li input { vertical-align: middle; }

/* Warning */
.forms .error { float: left; line-height: 22px; padding-left: 10px; color: red; font-size: 10px; }
.forms .warning label, .forms .warning .label { font-weight: bold; color: red; }

/* Sizes */
.forms .input .hour { width: 14px; text-align: center; }

/* Input */
.input, .input input { float: left; height: 23px; background: url(../img/forms/input.gif); }
.input { padding-right: 3px; background-position: right bottom; }
.input input { padding: 0 10px; color: #7e7e7e; font: 11px/22px Tahoma, Helvetica, sans-serif; border: 0; overflow: hidden; }
	html>/**/body .input input, x:-moz-any-link, x:default { padding-top: 5px; height: 18px; line-height: 100%; }
	
	/* Disabled */
	.input-disabled, .input-disabled input { color: #c2c2c2; background-image: url(../img/forms/input-disabled.gif); }

/* Textarea */
.textarea, .textarea textarea { float: left; width: 203px; padding-top: 8px; background: url(../img/forms/textarea.gif) no-repeat; }
.textarea textarea { width: 183px; padding: 2px 10px 10px; color: #7e7e7e; font: 11px Tahoma, sans-serif; border: 0; background-position: bottom right; }

.textarea.long, .textarea.long textarea { width: 541px; background-image: url(../img/forms/textarea-long.gif); }
.textarea.long textarea { width: 521px; }

/* Submit */
.submit, .submit button { float: left; height: 23px; background: url(../img/forms/button.gif); } 
.submit { padding-right: 3px; background-position: right bottom; }
.submit button { padding-left: 30px; padding-right: 10px; color: #8e15af; font: bold 11px/22px Tahoma, Helvetica, sans-serif; border: 0; cursor: pointer; }