/* CSS */
/* ------ CSS by Kondiment ----------------- */
/* ------ Copyright 2008 Kondiment --------- */


/* Main Properties */
/* ---------------------------------------- */
	html { overflow: auto; }
	body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #97c4e8; background: #02245c url(../images/bg.png) repeat-x; }
	a {	outline: none; }
	ul { margin: 0; padding: 0; list-style-type: none; }
/* ---------------------------------------- */


/* Main Classes */
/* ---------------------------------------- */
	.clear {
		clear: both;
		display: block;
		line-height: 0;
		font-size: 1px;	
	}
	
	h1 {
		display: none;
	}
	
	h2 {
		margin: 8px 0;
		padding: 0;
		font-size: 13px;
		color: #97c4e8;
		font-weight: normal;
	}
	
	img.hspace {
		padding: 0 5px;
	}
	
	input {
		color: #052a62;
		font-size: 11px;
		font-family: Arial;
		
		padding: 2px 3px;
		margin: 0 20px 0 0;
		
		border: 1px solid #226197;
		background-color: #97c4e8;
	}
	input.radio, input.checkbox {
		margin: 0;
		padding: 0;
		background: none;
		border: 0;
	}
	input.checkbox {
		margin-right: 5px;
	}
	
	label {
		padding: 0 10px 0 0;
	}
	label.label {
		display: block;
		float: left;
		width: 60px;
	}
	label.radio {
		vertical-align: 3px;
	}
/* ---------------------------------------- */


/* Layout */
/* ---------------------------------------- */
	#container {
		width: 750px;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		padding: 0;
	}
/* ---------------------------------------- */
	#book {
		position: absolute;
		top: 55px;
		left: -150px;
		
		width: 418px;
		height: 366px;
		background: url(../images/book.png) no-repeat;
	}
/* ---------------------------------------- */
	#description {
		position: absolute;
		top: 33px;
		right: -50px;
		
		width: 512px;
		height: 390px;
		background: url(../images/book_desc.png) no-repeat;
		
		padding: 210px 0 0 20px;
		text-align: left;
	}
/* ---------------------------------------- */
	#corner {
		position: absolute;
		top: 421px;
		left: -90px;
		
		width: 90px;
		height: 75px;
		background: url(../images/corner.png) no-repeat;
	}
/* ---------------------------------------- */
	#form {
		position: absolute;
		top: 421px;
		left: 0;
		
		width: 710px;
		height: 240px;
		background: url(../images/form_bg.png) no-repeat;
		text-align: left;
		
		padding: 50px 0 0 40px;
	}
	#form em, #form2 em {
		font-size: 15px;
		color: #fff;
		display: none;
	}
	#form p, #form2 p {
		margin: 0 0 15px 0;
		padding: 0;
	}
	#form span, #form2 span {
		display: block;
		margin: 5px 0 0 20px;
		*margin: 4px 0 0 27px;
	}
	#form #bComanda {
		position: absolute;
		right: 65px;
		bottom: 85px;
	}
	#form #bComanda button, #form2 #bComanda button {
		width: 115px;
		height: 36px;
		
		border: 0;
		padding: 0;
		margin: 0;
		
		background: url(../images/bComanda.png) no-repeat;
		display: block;
		text-indent: -1000em;
		
		cursor: pointer;
	}
/* ---------------------------------------- */
	#form2 {
		position: absolute;
		top: 421px;
		left: 0;
		
		width: 710px;
		height: 320px;
		background: url(../images/form2_bg.png) no-repeat;
		text-align: left;
		
		padding: 50px 0 0 40px;
	}
	#form2 #bComanda {
		position: absolute;
		right: 65px;
		top: 220px;
	}
/* ---------------------------------------- */
	#sticker a {
		width: 107px;
		height: 107px;
		display: block;
		background: url(../images/sticker.png) no-repeat;
		
		position: absolute;
		bottom: -45px;
		right: -38px;
		
		text-indent: -1000em;
		cursor: pointer;
	}
	* html #sticker a {
		background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='images/sticker.png');
	}
/* ---------------------------------------- */
	#footer {
		position: absolute;
		font-size:11px;
		right: 90px;
		bottom: -15px;
		
		color: #ffffff;
	}

	#footer span {float:left;}
	#footer span#copyright {float:right;}

	#footer a {text-decoration:none;color:#ffffff}
/* ---------------------------------------- */