/*
	css 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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*
	common
*/
body
{
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 11px;
	line-height: 11px;
	font-family: Cambria, serif;

	background-color: #fff;
}

img
{
	border: none;
}

br.cl
{
	clear: both;
	height: 0;
	overflow: hidden;
	padding: 0;
	margin: 0;
	line-height: 0;
}

div#center
{
	width: 800px;
	margin: 0 auto 0 auto;
}

#c
{
	width: 100%;
	float: left;
	margin: 20px 0 60px 0;
	background-image: url("/images/bg.jpg");
	background-position: 80px -20px;
	background-repeat: no-repeat;
	position: relative;
	

	display: inline;
}

#c #top
{
	width: 100%;
	position: relative;
}

#c #top h1
{
	font-weight: normal;
	font-size: 1.272em;
	line-height: 1.40em;
	color: #9ac743; /*rgb(154, 199, 62)*/
	padding: 0 0 16px 3px;
}
#c #top h2
{
	width: 286px;
	height: 198px;
	display: block;
	margin: 0 0 30px 0;
}
	#c #top h2 span
	{
		display: block;
		text-indent: -2500px;
	}

#c #top a#buy_button
{
	width: 92px;
	height: 33px;
	font-family: Verdana, sans;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-size: 0.8em;
	letter-spacing: 0.38em;
	text-decoration: none;

	display: block;
	position: absolute;
	top: 0;
	right: 0;
	
	
	background: url("/images/koupit.gif") no-repeat;
}
	#c #top a#buy_button:hover {}
		#c #top a#buy_button span
		{
			font-size: 1.181em;
			display: block;
			padding: 11px 0 0 0;
		}

#c #top div#book
{
	position: absolute;
	width: 107px;
	height: 123px;
	background: url('/images/book.gif') no-repeat 0 0;
	right: 0;
	top: 60px;
}

#c h3
{
	font-size: 1em;
	color: #a9a9a9;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}


#left
{
	width: 450px;
	float: left;
	margin: 0 0 0 3px;

	
	display: inline;
}
	#left p
	{
		width: 330px;
		color: #5e5e5e; /*rgb(94, 94, 94);*/
		font-size: 1.272em;
		line-height: 1.46em;
		padding: 12px 0 12px 0;
	}

#right
{
	width: 250px;
	float: right;

	position: relative;

}
	#right h3
	{
		padding: 0 0 12px 14px;
	}

	#right #controls
	{
		position: absolute;
		width: 260px;
		top: 24px;
		left: -5px;
		display: block;
		z-index: 100;
		margin: 0;
	}
		#right #controls a#left_arrow, #right #controls a#right_arrow
		{
			width: 20px;
			height: 28px;
			display: block;
			position: absolute;
			top: 16px;
		}
		#right #controls a#left_arrow
		{
			left: 0;
			background: url("/images/left.png") no-repeat -20px 0px;
		}
		#right #controls a#right_arrow
		{
			right: 0;
			background: url("/images/right.png") no-repeat 0px 0px;
		}
			#right #controls a#left_arrow:hover
			{
				background-position: 0px 0px;
			}
			#right #controls a#right_arrow:hover
			{
				background-position: -20px 0px;
			}

	#right #authors_container
	{
		z-index: 1;
		overflow: hidden;
	}

	#right #authors
	{
		width: 228px;
		margin: 0px 0 0 14px;
		z-index: 1;
	}
		#right #authors .photo
		{
			width: 222px;
			border-top: 1px solid #a9a9a9;
			border-bottom: 1px solid #a9a9a9;
		}
		#right #authors h4
		{
			letter-spacing: 0.04em;
			font-size: 0.909em;
			color: #9ac743;
			padding: 12px 0px 12px 0px;
		}
			#right #authors h4 em
			{
				font-style: normal;
				text-transform: uppercase;
			}
		#right #authors p
		{
			padding: 12px 2px 12px 2px;
			font-size: 1.181em;
			line-height: 1.46em;
			color: #5e5e5e;
			font-style: italic;
		}
		#right #authors h5
		{
			letter-spacing: 0.04em;
			line-height: 1.46em;
			font-size: 1.272em;
			font-weight: normal;
			color: #5e5e5e;
			padding: 20px 0px 12px 0px;
		}

#footer
{
	width: 100%;
	font-size: 1.272em;
	color: #a9a9a9;
	float: left;
	margin: 16px 0 40px 0;


	display: inline;
}

/* Preorder Request Window */
div#order_request_window
{
	display: none;
	width: 270px;
	overflow: hidden;
	padding: 10px;
	top: 50px;
	right: 0px;
	position: absolute;
	color: #000;
	background: #efefef;
	line-height: 150%;
	z-index: 1000;
	border: 1px outset #efefef;
	font-size: 1.1em;
}
div#order_request_window textarea,
div#order_request_window input
{
	font-family: Cambria, serif;
	border: 1px solid #000;
	font-size: 1.1em;
}
	div#order_request_window p
	{
		color: #000;
		padding: 0 0 6px 0;
		margin: 0;
	}
	div#order_request_window div#drw_error
	{
		display: none;
		position: absolute;
		z-index: 1100;
		width: 230px;
		padding: 10px;
		background: #cacaca;
		top: 50px;
		left: 20px;
		border: 1px outset #cacaca;
	}
	div#order_request_window a#drw_close
	{
		float: right;
		display: block;
		text-decoration: none;
		color: #fff;
		background-color: #f90000;
		padding: 2px;
	}
		div#order_request_window a#drw_close:hover
		{
			color: #f90000;
			background-color: #efefef;
		}

	div#order_request_window a#drw_error_close
	{
		float: right;
		display: block;
		text-decoration: none;
		color: #fff;
		background-color: #f90000;
		padding: 2px;
	}
		div#order_request_window a#drw_error_close:hover
		{
			color: #f90000;
			background-color: #cacaca;
		}

	div#order_request_window form
	{
		padding: 0;
		margin: 0;
	}
