/* ------------------------------------ generic box -------------------------- */

body{
	background: #EEECDC;
	margin: 0; padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

p{ margin: 0px; }

div.cleaner{
	clear: both;
	visibility: hidden;
	height: 1px;
	border: none;
	margin: -1px 0 0 0; padding: 0px;
}

.hide{
	display: none;
}

#envelop{
	width: 980px;
	height: 100%;
	background: white;
	margin: 0 auto;
	text-align: center;
}

#header{
	width: 100%;
	height: 331px;
	background: url('../img/layout/header.png') repeat-x;
	margin: 0 auto;
}

#footer{
	background: url('../img/layout/footer.png') repeat-x bottom left;
	height: 222px;
}

/* ------------------------------------ first menu and logo -------------------------- */

#header-logo{
	width: 100%;
	height: 74px;
}
#header-menu{
	height: 36px;
	background: #EEECDC;
	width: 100%;
	margin: 0 auto;
	text-align: left;
}

#logo{
	width: 286px;
	height: 100%;
	background: url('../img/layout/logo_3_stars.png') no-repeat;
	float: left;
	position: relative;
	margin-left: 50px;
	_margin-right: -3px;
	font-size: 0;
}

#newsletter {
	width: 230px;
	height: 60px;
	margin-right: 55px;
	float: right;
	position: relative;
}

#logo_link{
	width: 282px;
	height: 67px;
	border: 0px;
}

#lang{
	position: relative;
	top: 7px;
	background: transparent;
	padding: 10px 5px;
	margin: 0px;
	font-size: 12px;
	color: #BFBDAB;
	font-size: 11px;
}

#lang a{
	color: #BFBDAB;
	text-decoration: none;
	padding: 0 5px;
}

#lang a.active{
	color: #257735;
	font-weight: bold;
}

#first-menu{
	margin-left: 335px;
	height: 35px;
}

#first-menu p{
	color: white;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 35px;
	text-align: left;
}

#first-menu p a{
	padding: 0 8px;
	display: block;
	float: left;
	margin-right: 0px;
	height: 35px;
	text-align: center;
	color: #BFBDAB;
	text-decoration: none;
	font-weight: bold;
	position: relative;
}

#first-menu p a span{
	background: url('../img/layout/line.png') no-repeat;
	width: 1px;
	height: 35px;
	display: block;
	float: left;
	position: absolute;
	left: 0px;
	bottom: -10px;
}

#first-menu p a#menu_1{ background: url('../img/layout/m_1.png') repeat-x bottom; }
#first-menu p a#menu_2{ background: url('../img/layout/m_2.png') repeat-x bottom; }
#first-menu p a#menu_3{ background: url('../img/layout/m_3.png') repeat-x bottom; }
#first-menu p a#menu_4{ background: url('../img/layout/m_4.png') repeat-x bottom; }
#first-menu p a#menu_5{ background: url('../img/layout/m_5.png') repeat-x bottom; }
#first-menu p a#menu_6{ background: url('../img/layout/m_6.png') repeat-x bottom; }
#first-menu p a#menu_7{ background: url('../img/layout/m_7.png') repeat-x bottom; }
#first-menu p a#menu_8{ background: url('../img/layout/m_8.png') repeat-x bottom; }

#first-menu p a#menu_1:hover, #first-menu p a#menu_1.active{ color: #D2B737; }
#first-menu p a#menu_2:hover, #first-menu p a#menu_2.active{ color: #B3AD7C; }
#first-menu p a#menu_3:hover, #first-menu p a#menu_3.active{ color: #A4BD2D; }
#first-menu p a#menu_4:hover, #first-menu p a#menu_4.active{ color: #8DBB15; }
#first-menu p a#menu_5:hover, #first-menu p a#menu_5.active{ color: #559601; }
#first-menu p a#menu_6:hover, #first-menu p a#menu_6.active{ color: #5F9F7D; }
#first-menu p a#menu_7:hover, #first-menu p a#menu_7.active{ color: #BC9B68; }
#first-menu p a#menu_8:hover, #first-menu p a#menu_8.active{ color: #966A01; }

/* ------------------------------------ second menu and banner -------------------------- */

#banner{
	height: 216px;
	width: 880px;
	margin: 0 auto;	padding: 0px;
	text-align: left;
	font-size: 0px;
}

#image01{
	width: 286px;
	height: 210px;
	float: left;
	margin: 0px; padding: 0px;
	_margin-right: -3px; /* 3px bug */
}

#image02{
	width: 594px;
	height: 210px;
	margin: 0px; padding: 0px;
	margin-left: 286px;
	_margin-left: 283px;
}

#image01 img, #image02 img{
	padding: 0px; margin: 0px;
	border: 0px solid black;
}

#image01 img{
	height: 216px;
	width: 286px;
}

#image02 img{
	height: 178px;
	width: 594px;
}


#second-menu{
	width:594px;
	height: 38px;
	margin: 0px;
}

#design-line{ 
	height: 4px; 
	width: 880px; 
	padding: 0px; 
	font-size: 1px; 
	margin: 0 auto; 
}

.m_1{ background: #D2B737; }
.m_2{ background: #B3AD7C; }
.m_3{ background: #A4BD2D; }
.m_4{ background: #8DBB15; }
.m_5{ background: #559601; }
.m_6{ background: #5F9F7D; }
.m_7{ background: #BC9B68; }
.m_8{ background: #966A01; }

#second-menu p{
	line-height: 38px;
	padding: 0 10px;
	margin: 0px;
	font-size: 12px;
}

#second-menu p a{
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	color: white;
	text-decoration: none;
	margin-right: 5px;
	font-weight: normal;
	font-size: 11px
}

#second-menu p a:hover{
	text-decoration: underline;
}

#second-menu p a.active{
	font-weight: bold;
	padding-left: 10px;
	background: url('../img/layout/second-menu-active.gif') no-repeat 0 center;
}

/* ------------------------------------ content and main -------------------------- */

#content-env{
	background: white url('../img/layout/back-logo.png') no-repeat bottom left;
}

#content{
	width: 880px;
	margin: 0 auto;
	margin-top: 20px;
	position: relative;
}

#main-env{ 
	float: left;
	width: 502px;
	height: 100%;
	_margin-right: -3px;
	padding: 0px;
}

#main{
	padding: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
}

.main {
	text-align: justify;
}

a{
	color: #257735;
	font-weight: bold;
}

a:hover{
	text-decoration: none;
}

.main ul{
	margin-left: 0; padding-left: 0;
	list-style-type: none;
}
.main ol{
	margin-left: 0; padding-left: 25px;
}

.main ul li{
	font-size: 11px;
	padding-left: 15px;
	background: url('../img/layout/li.png') no-repeat 0px center;
	margin-top: 0px; margin-bottom: 3px;
	line-height: 115%;
}
.main ol li{
	font-size: 11px;
	padding-left: 0px;
	margin-top: 0px; margin-bottom: 3px;
}

/* ------------------------------------ offers -------------------------- */

#context-env{
	position: relative;
	top: -50px;
	min-height: 560px;
	_height: 560px;
	height: auto;
	
	width: 375px;
	
	margin-left: 505px;
	_margin-left: 502px;
	
	text-align: left;
}

#context{
	padding: 0px; margin: 0px;
}

#offers-env{
	height: 300px;
	width: 100%;
	padding: 0; margin: 0px;
	margin-bottom: 5px;
}

.offer{
	width: 120px;
	height: 300px;
	background: #ECF4E9;
	margin: 0; padding: 0px;
	margin-right: 5px;
	float: left;
}

.offer_last{
	width: 120px;
	height: 300px;
	background: #ECF4E9;
	margin: 0; padding: 0px;
	float: left;
}

.no-margin{
	margin: 0px;
}

div.offer-img-env{
	width: 119px; height: 114px;
}
div.offer-img{
	padding: 6px;
}
img.offer-img{
	width: 107px; height: 102px;
}

.offer-content{
	padding: 0 6px;
	height: 160px;
}

.offer-content h3{
	font-size: 12px;
	margin: 0px; padding: 0px;
	margin-bottom: 5px;
	color: #257735;
}

.offer-content h3 a{
	color: #257735;
}

.offer-content h3 a:hover{
	text-decoration: none;
}

.offer-content p{
	font-size: 10px;
	color: #5C7060;
}

.offer-link p{
	color: white;
	font-size: 12px;
	line-height: 25px;
	height: 25px;
	width: 120px;
	background: red;
}

.offer-link p a{
	color: white;
	background: #c0d2ba url('../img/layout/offer-link.png') no-repeat bottom right;
	display: block;
	padding-left: 5px;
	height: 100%;
}

}


/* ------------------------------------ special offer -------------------------- */

#special-offer{
	height: 265px;
	width: 369px;
	background: #F8F7F1;
}

#special-offer{
	background: #F8F7F1;
	width: 369px;
	height: 265px;
}

#special-offer h3{
	color: #257735;
	font-size: 15px;
	padding: 15px;
	margin: 0px;
}

#special-offer h3 span{
	font-weight: normal;
}

#special-offer h3 a{
	color: #257735;
	text-decoration: none;
}

#special-offer h3 a:hover{
	text-decoration: underline;
}

#special-foto{
	padding-bottom: 2px;
	width: 350px;
	height: 205px;
	background: #F8F7F1 url('../img/layout/special-offer.png') repeat-x left bottom;
	margin: 0 auto;
	position: relative;
}

#special-foto a{
	height: 100%;
	width: 100%;
	display: block;
}

#special-foto a img{
	border: 0px;
}

/* todo */

#special-foto span#arrow{
	height: 41px;
	width: 41px;
	background: white;
	position: absolute;
	display: block;
	z-index: 999;
	bottom: 30px;
	right: 0px;
	background: url('../img/layout/arrow.png') no-repeat;
	cursor: pointer;
	_cursor: hand;
}

/* ------------------------------------ footer content and copyright -------------------------- */

#footer{
	text-align: left;
}

#footer-content{
	padding: 10px 0;
	height: 77px;
	width: 880px;
	margin: 0 auto;
}

#email{ 
	text-align: right;
}

#email p{ 
	padding: 5px 0; 
}

#email p strong{ 
	color: #257735; 
}

#frm{ margin: 0px; padding: 0px; }
#iem{ border: 1px solid #E2E2E2; height: 19px; }

#btn-submit{
	height: 19px;
	width: 22px;
	background: url('../img/layout/button.png') no-repeat 0 0;
	border: 0px;
	cursor: pointer;
	_cursor: hand;
}

#banner-finance{
	height: 100%;
	background: url('../img/layout/banner-finance.png') no-repeat top right;
	margin-left: 505px;
	_margin-left: 502px; /* 3px bug */
	width: 375px;
	position: relative;
	text-align: right;
}

#banner-finance p{
	color: #727171;
	font-size: 9px;
	position: absolute;
	bottom: 0px; right: 7px;
	margin: 0px; padding: 0px;
	letter-spacing: .05em;
}

#banner-finance p a{
	color: #727171;
}

#banner-finance p a:hover{
	text-decoration: none;
}

#copyright{ 
	padding: 15px 0; 
	height: 105px;	
	width: 880px; 
	margin: 0 auto;
}

#copyright p{ 
	color: #257735; 
	padding: 5px 0; 
}

#copyright p a{ 
	color: #257735; 
	font-weight: bold; 
	text-decoration: none; 
}

#copyright p a:hover{ 
	text-decoration: underline; 
}

#copyright p img.powered{ 
	border: 0px;
	vertical-align: middle;
	margin: 0 0 10px 0;
}

#copyright_left {
	width: 430px;
	height: 80px;
	float: left;
}

#copyright_right {
	width: 430px;
	height: 80px;
	float: right;
	text-align: right;
}

#button_dakol {
	width: 120px;
	height: 44px;
	border: 0px;
}

div.newsletter_quick_form_env {
	margin: 15px 0 0 0;
}

div.newsletter_quick_form {
	padding: 0px 7px 7px 16px;
	line-height: 170%;
}

div.newsletter_quick_form, div.newsletter_quick_form a {
	color: #acaa93;
}

div.newsletter_quick_form a:hover {
	color: #257735;
}