/**
 * CSS - zedFramework
 * 
 * @package   www.hayamax.com.br
 * @name      TI-WEB-HYX-0001 
 * @author    Thiago M. Zampieri <thiago.zampieri@gmail.com>
 * @copyright 2009
 * @version   0.1.0 
 * @access    public
 * @todo      Página de Estilos (45 Anos COMEMORATIVO)
 */

/***************************************************************************************************************************
CONTENT
****************************************************************************************************************************/						

html body {
	background: url('../../../themes/45anos/background.jpg') repeat-x;
}

.page {
	width: 100%;	
}

.content
{
	background: none;
	width: 100%; 
}

.content #shadow_left
{
	width: 500px;
	height: 1065px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url('../../../themes/45anos/shadow_left.png') left bottom no-repeat;
	z-index: -1;
}

.content #shadow_right
{
	width: 500px;
	height: 1065px;
	position: absolute;
	top: 0px;
	right: 0px;
	background: url('../../../themes/45anos/shadow_right.png') right bottom no-repeat;
	z-index: -1;
	text-align: right;
	color: #ffffff;
	font-size: 0.7em;
}

.content #notebook
{
	width: 300px;
	height: 768px;
	position: absolute;
	top: 250px;
	float: right;
	right: 0px;
	background: url('../../../themes/45anos/notebook.png') left bottom no-repeat;
	z-index: 0;
}

.content #pen
{
	width: 150px;
	height: 368px;
	position: absolute;
	top: 140px;
	float: right;
	right: 70px;
	background: url('../../../themes/45anos/pen.png') right top no-repeat;
	z-index: 2;
}

.content #paper
{
	width: 780px;
	height: 920px;
	position: absolute;
	top: 110px;
	float: right;
	left: 16%;
	background: url('../../../themes/45anos/paper.png') left bottom no-repeat;
	z-index: 0;
}

.content #paper .box
{
	float: left;
	display: block;
	margin-top: 60px;
	margin-left: 80px;
	margin-right: 120px;
	position: absolute;
	font-family: trebuchet ms;
	font-weight: bold;
	font-style: italic;
	color: #828282;
	font-size: 1.0em;	
	width: 580px;
	z-index; 999;	
}
.content #paper .box .bold
{
	color: #626262;
}

.content #paper .box .error
{
	display: block;
	float: left;
	height: 680px;
	text-align: center;
	width: 580px;
}

.content #paper #message p {
	text-align: justify;
	display: block;
	float: left;
	margin-bottom: 30px;
	width: 580px;	
}

.content #paper .box .tab{	
	width: 35px;
	height: 15px;
	display: block;
	float: left;
}

.content #paper #hayamax
{
	width: 190px;
	height: 50px;	
	top: 790px;
	left: 150px;
	background: url('../../../themes/45anos/brand_hayamax.png') left bottom no-repeat;
	position: absolute;
	z-index: 999;
}

.content #paper #solidarie
{
	width: 130px;
	height: 90px;
	top: 750px;	
	background: url('../../../themes/45anos/brand_solidarie.png') right bottom no-repeat;
	right: 200px;
	position: absolute;
	z-index: 999;
}

.content #coffee_cup
{
	width: 350px;
	height: 280px;
	position: absolute;
	top: 783px;
	float: left;
	left: 0px;
	background: url('../../../themes/45anos/coffee_cup.png') left bottom no-repeat;

	z-index: 1;
}

.content #b45anos
{
	width: 200px;
	height: 250px;
	position: absolute;
	top: 0px;
	float: left;
	left: 0px;
	background: url('../../../themes/45anos/brand_45anos.png') right bottom no-repeat;
	z-index: 0;
}

.content #polaroid
{
	width: 280px;
	height: 460px;
	position: absolute;
	top: 348px;
	float: left;
	left: 0px;
	background: url('../../../themes/45anos/polaroid.png') left bottom no-repeat;
	z-index: 1;
	cursor: pointer;
}

.content #polaroid:hover
{
	background: url('../../../themes/45anos/polaroid_zoom.png') left bottom no-repeat;
}

.content #letter
{
	width: 90%;
	height: 460px;
	position: absolute;
	top: 0px;
	float: left;
	left: 0px;
	background: url('../../../themes/45anos/letter.png') left top no-repeat;

	z-index: 0;
}

.content #phrase1
{
	width: 450px;
	height: 130px;
	position: absolute;
	top: 20px;
	float: left;
	left: 180px;
	background: url('../../../themes/45anos/phrase1.png') left top no-repeat;
	z-index: 0;
}

.content #buttons
{
	width: 450px;
	height: 50px;
	position: absolute;
	top: 80px;
	left: 450px;
	z-index: 0;
}

.content #buttons span
{
	width: 180px;
	height: 40px;
	margin-left: 10px;
	padding: 10px;
	display: block;
	float: left;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.9em;
	cursor: pointer;
}

.content #buttons span:hover
{
	margin-top: -6px;
}

.content #buttons .off
{
	background: url('../../../themes/45anos/button_off.png') left top no-repeat;
}

.content #buttons .on
{
	background: url('../../../themes/45anos/button_on.png') left top no-repeat;
}
/* */

.content #form {
	width: 100%;
	display: block;
	float: left;
}

.content #form .p_space {
margin-top: 20px;
margin-bottom: 10px;
}
.content #form p {
	width: 100%;
	display: block;
	float: left;
	margin-bottom: 5px;
}

.content #form p label {
	width: 100px;
	display: inline;
	float: left;
}

.content #form textarea 
{
	font-family: arial;
}