@charset "utf-8";
/****************************************************************************/
/* CSS FOR EVAMOBILHOME - By Héctor Barreiro                                */
/****************************************************************************/

/*** GENERAL STYLE SHEETS ************************/

	/* HTML and Body properties >>>>>>>>>>>>>>>>> */
	html, body {
		font-size:			12pt;
		font-family:		"times new roman", georgia, serif;
		font-style:			italic;
		color:				black;
		margin:				0px;
		padding:			0px;
		height:				100%;
	}
		
	/* Horizontal rule >>>>>>>>>>>>>>>>>>>>>>>>>>> */
	/* Just there as filler for void divs */
	hr {
		display:			none;
	}
	
	#container {
		position:			relative;
		height:				100% !important;
		min-height:	        100%;
	}
	
	p {
		line-height:		1.0em;
		margin-bottom:		1.0em;
		text-align:			justify;
	}
	
	a {
		font-weight:		bold;
		color:				#361c0c;
		text-decoration: 	none;
	}
	
	
	h3 span {
		font-weight: 		normal;
	}
	
	h3,h4 {
		color:					#361c15;
		font-weight: 			bold;
		background-repeat: 		no-repeat;
		background-position: 	left;
		text-align:				center;
		margin-bottom:			0;
		margin-top:				10px;
	}
	
	h3 {
		font-size:				18pt;
		background-image:		url(../images/content/baseline.gif);
		background-position: 	center 35px;
		overflow:				visible;
		min-height:         	94px;
		height:         		94px;
	}
	
	h4 {
		font-size:				26pt;
		background-image:		url(../images/content/baseline.gif);
		background-position: 	center 40px;
		overflow:				visible;
		min-height:         	100px;
		height:         		100px;
	}
	
	.left_wrap_img {
		margin:					4px;
		float:					left;
	}
	
	.right_wrap_img {
		margin:					4px;
		float:					right;
	}

/*** PRELOADER *************************************/

	#preload {
		position:			fixed;
        width:				100%;
        height:				100%;
		background:			#4e3123;
		z-index:			999;
		vertical-align:		middle;
    }
	
	#preload_image {
		width:				100%;
		height:				100%;
		background:			url(../images/preload/preload.jpg) no-repeat center center;
	}

/*** WEBPAGE PARTS *********************************/

	/* Header layers >>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	#header{
		height:				96px;
		max-height:			96px;
		background:			url(../images/banners/header_bg.gif) repeat-x;
	}
	
	#header_image {
		position:			relative;
		width:				623px;
		height:				96px;
		margin-left:		64px;
		background:			url(../images/banners/header_logo.jpg) no-repeat;
		overflow:			hidden;
	}
	
	/* Banner layers >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	#banner {
		position:			relative;
		width:				100%;
		height:				245px;
		background:			url(../images/banners/banner_bg.jpg) repeat-x;
	}
	
	#banner_image {
		width:				603px;
		height:				245px;
		background:			url(../images/banners/banner_logo.jpg) repeat-x;
		overflow:			hidden;
	}

	/* Body layers >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	/* --- Body column --- */
	#body {
		width:				80%;
		background:			url(../images/content/content.jpg) repeat white;
		background-color:	#FFCDA1;
		margin:				0 auto;
	}
	
	#body_upper {
		height:				100%;
		min-height:         128px;
		background:			url(../images/content/content_upper.jpg) repeat-x scroll top right;
		overflow:			hidden;
	}
	
	/* --- Left column --- */
	#body_left {
		width:				10%;
		background:			url(../images/body/body_bg.jpg) repeat top right;
		vertical-align:		top;
	}
	
	#body_left_upper {
		height:				100%;
		min-height:         384px;
		background:			url(../images/body/body_upper.jpg) repeat-x scroll top right;
		overflow:			hidden;
	}
	
	/* --- Right column --- */
	#body_right {
		width:				10%;
		background:			url(../images/body/body_bg.jpg) repeat;
		vertical-align:		top;
	}
	
	#body_right_upper {
		height:				100%;
		min-height:         384px;
		background:			url(../images/body/body_upper.jpg) repeat-x scroll top left;
		overflow:			hidden;
	}
	

	/* Content layers >>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	/* ---- Main content layer ---- */
	#content {
		padding:            20px;
		padding-top:        0px;
		vertical-align:		top;
	}
	
	#content img {
		padding:            1px;
		margin:				2px;
	}
	
	/* ---- Left border for the layer ---- */
	#content_border_left {
		width:				47px;
		height:				100%;
		background:			url(../images/body/body_border_left.jpg) repeat-y scroll;
		vertical-align:		top;
	}
	
	#content_border_left_upper {
		width:				47px;
		height:				384px;
		margin:				0 0 auto 0;
		background:			url(../images/body/body_border_left_upper.jpg) no-repeat;
	}

	/* ---- Right border for the layer ---- */
	#content_border_right {
		width:				47px;
		height:				100%;
		background:			url(../images/body/body_border_right.jpg) repeat-y scroll;
		vertical-align:		top;
	}
	
	#content_border_right_upper {
		width:				47px;
		height:				384px;
		margin:				0 0 auto 0;
		background:			url(../images/body/body_border_right_upper.jpg) no-repeat;
	}
	
	/* Menu layers >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	#menu
	{
		position:			absolute;
		height:				51px;
		right:				0px;
	}
		
	#menu_start {
		width:				17px;
		height:				28px;
		background:			url(../images/menus/menu_start.gif) no-repeat;
	}
	.menu_option  {
		width:				100px;
		height:				28px;
		background:			url(../images/menus/menu.gif) no-repeat;
		text-align:			center;
		vertical-align:		middle;
	}
	
	.menu_option:hover  {
		background:			url(../images/menus/menu_hover.gif) no-repeat;
	}
	
	.menu_option a {
		font-size:			13px;
		font-weight:		bold;
		color:				#D7FF19;
	}
	
	.menu_option a {
		text-decoration:	none;
	}
	
	/* Offers >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	#offers_header {
		width:					226px;
		height:					97px;
		background:				url(../images/offers/offers_top.gif) no-repeat;
	}
	
	.offers_item {
		width:					226px;
		min-height:             78px;
		height:                 78px;
		background:				url(../images/offers/offers_bg.gif) repeat-y;
	}

	.offers_item a {
		color:					#361c0c;
		font-size:				11pt;
		font-weight: 			bold;
		text-decoration:		none;
	}
	
	#offers_footer {
		width:					226px;
		height:					72px;
		background:				url(../images/offers/offers_bottom.gif) no-repeat;
	}

	/* Details classes >>>>>>>>>>>>>>>>>>>>>>>>>>> */
	.details_title {
		font-weight:			bold;
		color:					#FFFFFF;
		background:				url(../images/details/details_title.gif) #331908;
	}
	
	.details_field {
		background:				url(../images/content/content.jpg) #c8a278;
	}
	
	/* General usage frame >>>>>>>>>>>>>>>>>>>>>>> */
	.frame {
		background:				url(../images/frames/frame_background.gif) repeat;
	}
	
	.frame_left {
		width: 22px; min-width: 22px; height: 100%; min-height: 30px; 
		background:				url(../images/frames/frame_left.gif) repeat-y;
	}
	
	.frame_right {
		width: 22px; min-width: 22px; height: 100%; min-height: 30px; 
		background:				url(../images/frames/frame_right.gif) repeat-y;
	}
	
	.frame_top {
		width: 100%; min-width: 30px; height: 22px; min-height: 22px; 
		background:				url(../images/frames/frame_top.gif) repeat-x left bottom;
	}
	
	.frame_bottom {
		width: 100%; min-width: 30px; height: 22px; min-height: 22px; 
		background:				url(../images/frames/frame_bottom.gif) repeat-x;
	}
	
	.frame_top_left {
		width: 22px; min-width: 22px; height: 22px; min-height: 22px; 
		background:				url(../images/frames/frame_top_left.gif) no-repeat left bottom;
		overflow:				visible;
	}
	
	.frame_top_right {
		width: 22px; min-width: 22px; height: 22px; min-height: 22px; 
		background:				url(../images/frames/frame_top_right.gif) no-repeat left bottom;
		overflow:				visible;
	}
	
	.frame_bottom_left {
		width: 22px; min-width: 22px; height: 22px; min-height: 22px; 
		background:				url(../images/frames/frame_bottom_left.gif) no-repeat;
		overflow:				visible;
	}	
	
	.frame_bottom_right {
		width: 22px; min-width: 22px; height: 22px; min-height: 22px; 
		background:				url(../images/frames/frame_bottom_right.gif) no-repeat;
		overflow:				visible;
	}
	
	.frame_inner_left {
		width: 22px; min-width: 22px; height: 100%; min-height: 30px; 
		background:				url(../images/frames/frame_inner_left.gif) repeat-y;
	}
	
	.frame_inner_right {
		width: 22px; min-width: 22px; height: 100%; min-height: 30px; 
		background:				url(../images/frames/frame_inner_right.gif) repeat-y;
	}
	
	.frame_inner_top {
		width: 100%; min-width: 30px; height: 22px; min-height: 22px; 
		background:				url(../images/frames/frame_inner_top.gif) repeat-x left bottom;
	}
	
	.frame_inner_bottom {
		width: 100%; min-width: 30px; height: 22px; min-height: 22px; 
		background:				url(../images/frames/frame_inner_bottom.gif) repeat-x;
	}
	
	.frame_inner_top_left {
		width: 22px; min-width: 22px; height: 22px; min-height: 22px; 
		background:				url(../images/frames/frame_inner_top_left.gif) no-repeat left bottom;
		overflow:				visible;
	}
	
	.frame_inner_top_right {
		width: 22px; min-width: 22px; height: 22px; min-height: 22px; 
		background:				url(../images/frames/frame_inner_top_right.gif) no-repeat left bottom;
		overflow:				visible;
	}
	
	.frame_inner_bottom_left {
		width: 22px; min-width: 22px; height: 22px; min-height: 22px; 
		background:				url(../images/frames/frame_inner_bottom_left.gif) no-repeat;
		overflow:				visible;
	}	
	
	.frame_inner_bottom_right {
		width: 22px; min-width: 22px; height: 22px; min-height: 22px; 
		background:				url(../images/frames/frame_inner_bottom_right.gif) no-repeat;
		overflow:				visible;
	}
	
	.frame img {
		border-left:			2px solid #e1b07f;
		border-top:				2px solid #e1b07f;
		border-bottom:			2px solid #392c1f;
		border-right:			2px solid #392c1f;
	}
	/* Footer >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	#footer {
		width:				100%;
		min-width:          100%;
		height:				120px;
		background:			url(../images/banners/footer.gif) repeat-x #363636;
		overflow:			hidden;
	}
	
	#footer p {
		margin-top:			32px;
		color:				black;
		font-weight:		bold;
		font-size:			10pt;
		text-align:			center;
	}