/* --------------------------------------------------[ General ]-- */
body{
	min-width:972px;
	background:#fff url(../images/bg_Body.png) repeat-x top left;
}
.wrapper{
	position:relative;
	display:block;
	margin:0px auto;
	width:972px;
}
a{
	text-decoration:none;
}
em{
	font-style:normal;
}
button{
	cursor:pointer;
}

/* --------------------------------------------------[ HEADER ]-- */
#header {
	position:relative;
	width:100%;
	min-width:972px;
	height:282px;
	overflow:hidden;
}
#header .wrapper{
	margin-top:35px;
	height:100%;
}

/*P Solgan*/
#header img.slogan{
	position:absolute;
	z-index:15;
	top:137px;
	left:235px;
}

/*IMG Free*/
#header img.free{
	display:block;
	float:right;
	margin:-1px 15px 0px 0px;
}

/*SWF Win*/
#header object.swf_Win{
	position:absolute;
	z-index:1;
	top:0px;
	left:250px;
	margin-top:-65px;
}

/*Logo*/
#header .wrapper h1{
	position:absolute;
	top:1px;
	left:0px;
	display:block;
	margin:-49px 0px 0px -40px;
	width:277px;
	height:264px;
	overflow:hidden;
	background:transparent url(../images/header-logo-bg.png) no-repeat 20px bottom;
}
#header .wrapper h1 a{
	display:block;
	margin-left:48px;
	width:206px;
	height:220px;
	font:normal 0px/0px Arial;
}
#header .wrapper h1 span{
	font-family:"Trebuchet MS", "Century Gothic", Verdana, sans-serif;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#858585;
	text-align:center;
	width:240px;
	text-indent:20px;
	margin:10px auto 0 auto;
	display:block;
}
#header .wrapper h1.h1DE span{
	width:200px;
	text-indent:0;
	margin:0px auto 0 50px;
}

/* --- MENU --- */
#menu{
	position:relative;
	z-index:20;
	margin:0px auto;
	width:972px;
	height:49px;
}
#menu ul{
	position:absolute;
	display:block;
	width:2000px;
	margin-left:215px;
	height:48px;
	overflow:visible;
	background:#f63 url(../images/mn_Corner.png) no-repeat left top;


}
#menu ul li{
	float:left;
	display:block;
	margin-left:10px;
	height:40px;
	text-align:center;
}
#menu ul li.mnHome a{
	width:75px;
	background:transparent url(../images/mn_ButtonHome.png) no-repeat left bottom!important;
	background:transparent url(../images/mn_ButtonHomeIe6.png) no-repeat left bottom;
}
#menu ul li.mnGuide a{
	width:95px;
	background:transparent url(../images/mn_ButtonGuide.png) no-repeat left bottom!important;
	background:transparent url(../images/mn_ButtonGuideIe6.png) no-repeat left bottom;	
}
#menu ul li.mnContact a{
	width:86px;
	background:transparent url(../images/mn_ButtonContact.png) no-repeat left bottom!important;
	background:transparent url(../images/mn_ButtonContactIe6.png) no-repeat left bottom;	
}
#menu ul li.mnUser a{
	width:130px;
	background:transparent url(../images/mn_ButtonUser.png) no-repeat left bottom!important;
	background:transparent url(../images/mn_ButtonUserIe6.png) no-repeat left bottom;	
}

#menu ul li a{
	display:block;
	float:left;
	margin:0px auto;
	height:26px;	
	padding-top:14px;
	background-color:#fff;
	text-decoration:none;
	font:bold .75em Arial;
	line-height:20px;
	text-transform:uppercase;
	color:#000;
	cursor:pointer;	
}
#menu ul li a:hover{
	padding-bottom:0px!important;
	padding-top:42px!important;
	padding-top:14px;
	cursor:pointer;

}

#menu ul li.mnHome a:hover{
	background:transparent url(../images/mn_ButtonHome.png) no-repeat left top!important;
	background:transparent url(../images/mn_ButtonHomeIe6.png) no-repeat left -29px;	
}
#menu ul li.mnGuide a:hover{
	background:transparent url(../images/mn_ButtonGuide.png) no-repeat left top!important;
	background:transparent url(../images/mn_ButtonGuideIe6.png) no-repeat left -29px;		
}
#menu ul li.mnContact a:hover{
	background:transparent url(../images/mn_ButtonContact.png) no-repeat left top!important;
	background:transparent url(../images/mn_ButtonContactIe6.png) no-repeat left -29px;		
}
#menu ul li.mnUser a:hover{
	background:transparent url(../images/mn_ButtonUser.png) no-repeat left top!important;
	background:transparent url(../images/mn_ButtonUserIe6.png) no-repeat left -29px;		
}



/* --- LANG form --- */

#langForm{
	position:relative;
	z-index:30;
	display:block;
	margin:-35px auto 0px;
	width:972px;
	height:0px;
	overflow:visible;
}
#languages form option{
	background:#fff;
}
#languages label {
    display:block;
	border:none;
}
.selectbox {
	position:absolute;
	right:0px;
	top:0px;
	display:block;
	padding:1px 3px;
	width:120px;
	height:18px;
	text-align:left; 
	background:url('../images/formLang_Bg.png') no-repeat left top;
	cursor:pointer;
	color:#8a8a8a;
	border:none;
	font:normal .7em/18px Arial;
}
div.selectbox-wrapper {
	position:absolute;
	z-index:98;
	right:0px;
	top:18px;
	padding:0px;
	width:120px;
	border:1px solid #ccc;
	background-color:#fff;
	text-align:left;
	font:normal .8em/130% Arial;
	color:#8a8a8a;
}
div.selectbox-wrapper ul {
	position:relative;
	list-style-type:none;
	margin:0px;
	padding:0px;
	color:#8a8a8a;
}
div.selectbox-wrapper ul li.selected { 
	background-color:#EAF2FB;
}
div.selectbox-wrapper ul li {
	padding:2px;
	cursor:pointer;
}
div.selectbox-wrapper ul li:hover {
	background:#dadada;
}


/* --------------------------------------------------[ MAIN ]-- */

#main{
	width:100%;
	height:420px;
	background:transparent url(../images/bg_main.jpg) no-repeat center 6px;
}
#main .wrapper{
	height:420px;
}
.wrapperindex{
	background:transparent url(../images/bg_People.png) no-repeat 177px -2px;
}
#main h3.bite{
	position:absolute;
	left:310px;
	font-family:"Trebuchet MS", "Century Gothic", Verdana, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	width:100px;
	line-height:120%;
	padding:6px 0 0 10px;
}
#main h3.biteEN{
	width:80px;
	line-height:120%;
	padding:6px 0 0 15px;

}
#main img.circle{
	position:absolute;
	left:80px;
	top:120px;
}
#main option{
	background:#fff;
}

/*UL Features*/
#main ul.features{
	position:absolute;
	display:none;
	left:0px;
	top:0px;
	width:215px;
	height:113px;
	background:transparent url(../images/slogan_Bg.png) no-repeat top left;
	text-align:center;
	font:bold 1.4em/130% 'Trebuchet MS', Arial, sans-serif;
}
#main ul.featuresindex{
	display:block;
}

/* purple by languages */

#main ul.features .purple_DE, #main ul.features .purple_EN, #main ul.features .purple_ES, #main ul.features .purple_IT{
	padding-top:7px;
	color:#a926ad;
}

#main ul.features .purple_FR{
	padding-top:7px;
	color:#a926ad;
	font-size:0.9em;
}

/* blue by languages */

#main ul.features .blue{
	font-size:1em;
	color:#0081a6;
	line-height:0.9em;
}
#main ul.features .blue_FR{
	font-size:0.8em;
}

/* red by languages */

#main ul.features .red_DE, #main ul.features .red_FR, #main ul.features .red_ES, #main ul.features .red_IT {
	font-size:1em;
	line-height:150%;
	color:#f54f29;
}

#main ul.features .red_EN {
	font-size:1.2em;
	line-height:150%;
	color:#f54f29;
}




/*SWF Reel*/
#main object.swf_Reel{
	position:absolute;
	z-index:1;
	top:0px;
	margin-top:-50px;
	left:200px;
}
/* --- BANNER 01 --- */

.banner01{
	position:absolute;
	z-index:15;
	right:0px;
	top:0px;
	margin-top:-135px;
	width:261px;
	height:411px; /* old:311px; */
	overflow:hidden;
}


/* PRIZER */
#prizer{
	background:url(../images/banner01a_Bg.png) no-repeat left top;
}
#prizer h2, #prizer h3{
	display:block;
	margin-top:15px;
	font:bold 1.2em/120% 'Trebuchet MS', Arial, sans-serif;
	text-align:center;
	padding:0 10px;
	color:#333;
}
#prizer h3{
	margin-top:-25px;
	font:bold 1em/100% 'Trebuchet MS', Arial, sans-serif;
}
#prizer h2 strong{
	font-size:1.3em;
}

/* WINNERS */
#winners{
	background:url(../images/banner01b_Bg.png) no-repeat left top;
}
#winners h2{
	display:block;
	font:italic bold 1.4em/42px 'Trebuchet MS', Arial, sans-serif;
	text-align:center;
	color:#fff;
}
#winners ul{
	display:block;
	padding:15px 10px 0px 15px; 
	font:bold .75em/100% Arial;
}
#winners ul li{
	display:block;
	margin-bottom:10px;
	padding-left:50px;
	position:relative;
}
#winners ul li span{
	color:#648600;
	font-weight:normal;
}
#winners ul li strong{
	text-transform:uppercase;
}
#winners ul li img{
	position:absolute;
	left:0;
	top:0;
}

/* FORM */
#regForm{
	background:url(../images/banner01c_Bg.png) no-repeat left top!important;
	background:url(../images/banner01c_BgIe6.png) no-repeat left top;	
	overflow:visible;
	font:normal .8em/150% 'Trebuchet MS', Arial, sans-serif;
}
#regForm .regWrapper{
	display:block;
	width:261px;
	height:300px;
	position:relative;
	overflow:hidden;
}
#regForm .regWrap{
	position:absolute;
	top:0px;
	left:0;
	width:1500px;
	height:290px;
}
#regForm .regSteps{
	float:left;
	margin:5px 0px 10px 15px;
	display:inline;
	width:241px;
	height:220px;
}

#regForm h2{
	display:block;
	width:261px;
	height:43px;
	font:bold 1.8em/43px 'Trebuchet MS', Arial, sans-serif;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
}
#regForm h3{
	margin-bottom:5px;
	font:italic bold 1.5em/120% 'Trebuchet MS', Arial, sans-serif;
	text-align:center;
	color:#00509e;
}
#regForm h4{
	font-weight:normal;
	font-size:12px;
	text-indent:10px;
	float:left;
	padding-bottom:2px;
	width:261px;	
}
#regForm label{
	font-family:"Trebuchet MS", "Century Gothic", Verdana, sans-serif;
	position:relative;
	margin-bottom:3px;
	font-size:11px;
	line-height:20px;
	display:block;
	height:20px;
	width:230px;
}

#regForm label.inputCont{
	display:block;
	float:left;
	display:inline;	
}
#regForm label span{
	float:left;
	width:80px;
	text-align:left;
	display:block;
	padding-left:10px;
}
#regForm label select.datebirth {
	float:left;
}
#regForm #contDate{
	height:24px;
	padding-left:4px;

	width:100%;
	float:left;
}
#regForm input.inputText{
	padding:2px 2px 0px 6px;
	margin:0px 0px 0px 5px;
	width:111px;
	height:18px;
	background:url(../images/input_119.png) no-repeat 100% 0;
	border:none;
	font-size:11px;
	position:relative;


}
#regForm input[type="text"].inputSmall{
	margin-right:68px;
	width:67px;
	background:url(../images/input_61.png) no-repeat left top;
	border:none;
	text-align:left;
}
#regForm select{
	margin:0px 7px 0px 6px;
	width:61px;
	background:transparent url(../images/input_61.png) no-repeat left top;
	height:20px;
	padding:2px 3px;
	border:none;
	font-size:11px;
	position:relative;
}
#regForm #contDate select{
	float:left;
	display:inline;
	margin:0px 5px 0px 2px;
}

#regForm select#daySelect{
	width:51px;
	background:transparent url(../images/input_51.png) no-repeat left top;		
}
#regForm select#monthSelect{
	width:91px;
	background:transparent url(../images/input91.png) no-repeat left top;	
}
#regForm button, #regForm .nextStep{
	display:block;
	width:79px;
	height:21px;
	border:none;
	background:transparent url(../images/buttonTop_Bg.png) no-repeat left top;
	text-align:center;
	font-weight:bold;
	font-size:11px;
	font-family:"Trebuchet MS", "Century Gothic", Verdana, sans-serif;
	line-height:170%;
	text-transform:uppercase;
	color:#fff;
	cursor:pointer;
	
}


/*step1*/
#regStep_01 .blueBox {
	clear:both;
	display:block;
	position:relative;
	margin-top:5px;
	margin-left:5px;
	padding:10px 5px 0 10px;
	width:207px;
	height:92px;
	background:url(../images/formBox01_Bg.png) no-repeat left top;
	text-align:left;
	font-size:9px;
	line-height:110%;
	color:#007a8f;
}
#regStep_01 .radios{
	display:block;
	margin-top:4px;
	text-align:left;
	font-weight:bold;
	position:absolute;
	left:4px;
	bottom:15px;
}
#regStep_01 .radios label{
	margin-right:4px;
	width:30px;
	display:inline;
	line-height:10px;
	font-weight:bold;
	color:#00628e;
}
#regStep_01 .radios label.padding{
	padding-right:20px;
}
#regStep_01 .radios label strong{
	color:#52a600;
}
#regStep_01 .nextStep{
	float:right;
	margin:-28px 32px 0px 0;
	display:inline;
	position:relative;
	z-index:33;
}
#regStep_02 .nextStep{
	margin:22px 22px 0px 135px;
}

/*step2*/
#regStep_02 button{
	float:right;
	margin:7px 20px 0px;
}
#regForm #regStep_02 select{
	width:119px;
	margin-left:4px;
	background:transparent url(../images/input_119.png) no-repeat left top;	
}
#regForm #regStep_02 label span{
	width:80px;	
	padding-right:0;
}
#regStep_02 .blueBox {
	display:block;
	margin:10px auto 4px auto;
	padding:7px 8px 0 7px;
	width:214px;
	height:90px;
	background:url(../images/formBox02_Bg.png) no-repeat left top;
	font-size:11px;
	line-height:110%;
	text-align:left;
	color:#004e65;
}

/*step3*/
#regStep_03{
	padding-left:5px;
}
#regStep_03 h3{
	width:90%;
	padding:0 10px 0 10px;
	
}
#regStep_03 .blueBox {
	display:block;
	margin:5px auto;
	padding:15px;
	width:189px;
	height:42px;
	background:url(../images/formBox03_Bg.png) no-repeat left top;
	font-size:.9em;
	line-height:110%;
	text-align:left;
	color:#004e65;
}
#regStep_03 button{
	margin-top:20px;
	width:109px;
	height:21px;
}
#regStep_03 button.next{
	float:right;
	background:transparent url(../images/buttonNext_Bg.png) no-repeat left top;
}
#regStep_03 button.ajax_wait{
	float:right;
	background:transparent url(../images/ajax_wait.gif) no-repeat left 4px;
}
#regStep_03 button.back{
	float:left;
	background:transparent url(../images/buttonBack_Bg.png) no-repeat left top;
}
#regForm button:hover, #regForm a:hover.nextStep{
	background-position:left bottom;
}
/*step4*/
#regStep_04 .blueBox {
	display:block;
	margin:25px 0 0px 20px;
	padding:15px;
	width:189px;
	height:83px;
	background:url(../images/formBox04_Bg.png) no-repeat left top;
	font:bold 1em/150% 'Trebuchet MS', Arial;
	text-align:center;
	color:#00628e;
}
/*step5*/
#regStep_05 h3{
	width:180px;
	margin-left:50px;
}
#regStep_05 button{
	width:80px;
	margin:10px 0 0 90px; 
	display:block;
	background:transparent url(../images/buttonTop_BgBack.png) no-repeat left top;	
}

/*validator*/
h6.errorValidate{
	width:18px;
	height:30px;
	position:absolute;
	top:0;
	right:0;
	background:url("../images/form_error.png") no-repeat right top;
}
em.success {
	display:none;
}
/* --- BANNER 02 --- */
.banner02{
	position:absolute;
	right:0px;
	bottom:0px;
	width:261px;
	height:203px;
	overflow:hidden;
}
/*miniForm*/
#miniForm{
	background:transparent url(../images/banner02a_Bg.png) no-repeat center top!important;
	background:transparent url(../images/banner02b_BgIe6.png) no-repeat center top;	
	font:normal .75em/150% Arial;
	font-family:"Trebuchet MS", "Century Gothic", Verdana, sans-serif;
}
#miniForm h2{
	display:block;
	font:italic bold 1.8em/42px 'Trebuchet MS', Arial, sans-serif;
	
	text-align:center;
	color:#fff;
}
#miniForm p{
	display:block;
	padding:8px 7px 0px 65px;
	height:50px;
	font-size:10px;
	line-height:120%;
}
#miniForm p, #miniForm label{
	font-size:11px;
}
#miniForm label{
	position:relative;
	display:block;
	padding:7px 20px 0px 10px;
	height:2em;
	overflow:hidden;
}
#miniForm label span{
	position:absolute;
	display:block;
	width:100px;
	text-align:right;
	line-height:160%;
}
#miniForm input{
	float:right;
	padding:3px 5px 0px;
	width:110px;
	height:17px;
	border:none;
	background:transparent url(../images/input_Bg.png) no-repeat left top;
}
#miniForm button{
	float:right;
	display:block;
	margin:10px 30px 0px 0px;
	width:79px;
	height:21px;
	border:none;
	background:transparent url(../images/buttonBottom_Bg.png) no-repeat left top;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
}
#miniForm button:hover{
	background-position:left bottom;
}

/*miniWinners*/
#miniWinners{
	background:transparent url(../images/banner02b_Bg.png) no-repeat center top!important;
	background:transparent url(../images/banner02b_BgIe6.png) no-repeat center top;	
}
#miniWinners h2{
	display:block;
	font:italic bold 1.4em/42px 'Trebuchet MS', Arial, sans-serif;
	text-align:center;
	color:#fff;
}
#miniWinners ul{
	padding:10px 30px;
}
#miniWinners ul li{
	padding-left:30px;
	margin-bottom:7px;
	background:transparent url(../images/bullet_star.png) no-repeat left top;
	font:normal .8em/80% 'Trebuchet MS', Arial, sans-serif;
}
#miniWinners ul li strong{
	display:block;
	color:#333;
	font-size:11px;
}
#miniWinners ul li span{
	font-size:.8em;
	color:#648600;
}

/*miniPrizer*/
#miniPrizer{
	background:transparent url(../images/banner02c_Bg.png) no-repeat center top;
}
#miniPrizer h2{
	display:block;
	font:bold 1.4em/22px 'Trebuchet MS', Arial, sans-serif;
	padding-top:5px;
	text-align:center;
	color:#333;
}
#miniPrizer object{
	width:260px;
	margin-left:5px;
}


/* --- BOTTOM --- */

.bottom{
	position:absolute;
	left:0px;
	bottom:0px;
	width:682px;
	height:173px;
	overflow:hidden;
	background:transparent url(../images/bottom_Bg.png) no-repeat center top;
	font:bold .8em/150% 'Trebuchet MS', Arial, sans-serif;

}
.bottom h4{
	display:block;
	height:30px;
	padding:10px 0 0 15px;
	color:#510055;
	overflow:visible;
	font-weight:normal;

}
.bottom p{
	padding:10px 8px 0 15px;
}

/*left*/
.bottom .left{
	float:left;
	margin:0px 15px;
	width:230px;
	text-align:left;
}
.bottom .left h4 strong{
	font-size:12px;
	padding-right:8px;
}
.bottom .left h4 em{
	text-transform:uppercase;
	text-align:left;
	color:#0081a6;
}
.bottom .left p{
	font-size:12px;
	line-height:130%;
	font-weight:normal;
	color:#510055;

}
.bottom .left p strong{
	font-weight:normal;
	padding-top:5px;
	display:block;
	color:#f54f29;
}
.bottom .left p em{
	font-size:1.3em;
	color:#0081a6;
}
#usercount_block{
	visibility:hidden;
}

/*right*/
.bottom .right{
	float:left;
	width:400px;
}
.bottom .right h2{
	color:#510055;
	font-size:18px;
	padding:0 10px 0 50px;
}
.bottom .right h5{
	margin:15px 0px 0px 20px;
	padding-right:60px;
	font-size:15px;
	color:#0081a6;
	font-weight:normal;
	background:#fff url(../images/home-bottom-icon.png) no-repeat right bottom;
}


/* --------------------------------------------------[ INTERIOR ]-- */
.content{
	position:absolute;
	z-index:95;
	left:0px;
	bottom:0px;
	width:682px;
	height:414px;
	overflow:hidden;
	background:#fff url(../images/interior_BgTop.png) no-repeat left top;
	color:#333;
}
.content h2{
	display:block;
	height:66px;
	margin-left:50px;
	font:bold 2em/66px 'Trebuchet MS', Arial, sans-serif;
}
.content .mainContent{
	padding:20px 30px;
	font: .7em/150% 'Trebuchet MS', Arial, sans-serif;
}
.content .mainContent h3{
	font-size:1.8em;
	margin-bottom:10px;
}
.content .mainContent ul li{
	margin-bottom:20px;
	padding-left:20px;
	background:url(../images/bullet.png) no-repeat left top;
}


/* --- GUIDE --- */
#mainGuide .mainContent{
	width:620px;
	overflow:auto;
	overflow-x:hidden;
	height:300px;
}
#mainGuide ul{
	width:48%;
	float:left;
}
#mainGuide ul a{
	color:#000;
	text-decoration:underline;
}
#mainGuide ul a:hover{
	color:#990000;
}
#mainGuide ul.margin{
	margin-right:20px;
}


/* --- CONTACT --- */

#mainContact ul li{
	margin-top:30px;
}
#mainContact .leftColl{
	width:48%;
	float:left;
	margin-right:40px;
}
#mainContact .rightColl{
	width:45%;
	float:left;
	border-left:1px solid #ccc;
}
#mainContact .rightColl h3, #mainContact .rightColl h4{
	font-size:14px;
	line-height:18px;
}
#mainContact .rightColl #sentOnce{
	padding-left:20px;
	font-size:16px;
	font-weight:normal;
}
#mainContact form{
	display:block;
	margin-left:45px;
	width:232px;
	overflow:hidden;
}
#mainContact form label{
	display:block;
	margin-bottom:3px;	
	width:232px;
	font-weight:bold;
	font-size:1.1em;
	position:relative;
	min-height: 35px;
	height: auto !important;
	height: 35px;	

}
#mainContact form input,
#mainContact form select,
#mainContact form textarea{
	display:block;
	padding:0px 2px 2px 0px;
	width:216px;
	height:16px;
	border:none;
	position:relative;
	background:transparent url(../images/input_Contact.png) no-repeat 100% 0%;
	
}
#mainContact form input{
	padding-left:6px;
	width:206px;

}
#mainContact form select{
	width:214px;
	height:20px;
	border:none;
	overflow:hidden;
	font-size:11px;
	margin-left:2px;
	background:transparent url(../images/select_Contact.png) no-repeat left top;
}
#mainContact form option{
	background:none;
}
#mainContact form textarea{
	height:57px;
	background:url(../images/textarea_Contact.png) no-repeat 0% 100%;
	width:210px;
	padding-left:8px;
}
#mainContact form p{
	display:block;
	padding:0px 10px;
	font-size:.8em;
	margin:5px;
}
#mainContact form button{
	float:right;
	margin-right:20px;
	display:inline;
	width:113px;
	height:37px;
	border:0px;
	background:url(../images/button_Contact.png) no-repeat left top;
	font:bold 14px/24px 'Trebuchet MS', Arial, sans-serif;
	text-transform:uppercase;
	color:#fff;
}
#mainContact h6.errorValidate{
	right:2px;
	top:16px;
}
#mainContact form button:hover{
	background:url(../images/button_Contact.png) no-repeat left bottom;
}


/* --- TERMS --- */

#mainTerms{
	padding:0px;
}
#mainTerms .scroll{
	margin:0px auto;
	padding:0px 20px;
	width:590px;
	height:310px;
	overflow:auto;
}
#mainTerms .scroll p a{
	color:#537500;
}
#mainTerms .scroll p a:hover{
	text-decoration:underline;
}

#mainTerms h3{
	font-size:1.4em;
}
#mainTerms p{
	margin-bottom:1.5em;
}

/*---------------------------------------- unsuscribe ---*/

#uns_second, #uns_third {

}

.content_unsuscribe{
	position:absolute;
	z-index:95;
	left:0px;
	bottom:0px;
	width:682px;
	height:414px;
	overflow:hidden;
	background:#fff url(../images/interior_BgTop_unsuscribe.png) no-repeat left top;
	color:#333;
}

.unsuscribe_step01{
	position:relative;
	width:490px;
	margin:0 auto;
	top:40px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
}
	.unsuscribe_step01 p {
	font-size:18px;
	font-weight:bold;
	margin:0px;
	line-height:19px;
	}
		
		.unsuscribe_step01 p b{
		display:block;
		margin:0px 0px 5px 0px;
		color:#648600;
		font-size:24px;
		}
				
		.centerme {
		text-align:center;
		padding-top:40px;
		}
		
			.violet {
			font-size:18px;
			color:#510055;
			}
			
			#basic_para {
			font-size:14px;
			color:#666;
			font-weight:normal;
			width:80%;
			margin:0 auto;
			}

	.unsuscribe_step01 form {
	position:relative;
	width:392px;
	height:224px;
	text-align:center;
	margin:0 auto;
	background:url(../images/unsuscribe_form_bg.png) no-repeat left top;
	padding:2px 0;
	font-size:11px;
	}
	.unsuscribe_step01 form p.errorUnsubscribe{
		font-size:10px;
		color:#F00;
		margin-bottom:0;
	}
	.unsuscribe_step01 form label span{	
		display:block;
		margin:5px 0 5px 0;
	}
	
		.unsuscribe_step01 form label {
		display:block;
		width:100%;
		text-align:center;
		}
	
		.unsuscribe_step01 form input.datos{
		border:none;
		background:url(../images/unsuscribe_form_input_bg.png) no-repeat;
		text-align:center;
		width:220px;
		height:20px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:11px;
		}
		.unsuscribe_step01 form input#valor_captcha{
		width:160px;
		background:url(../images/unsubscribe_form_capcha_bg.png) no-repeat;
		
		}

		.unsuscribe_step01 form input.push{
		width:173px;
		height:34px;
		margin:10px 0;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#FFF;		
		background:url(../images/unsuscribe_form_button_bg.png) no-repeat left top;
		border:none;
		}
		.unsuscribe_step01 form input:hover.push{		
		background:url(../images/unsuscribe_form_button_bg.png) no-repeat left bottom;		
		cursor:pointer;
		}
	.content_unsubscribe_b1, .content_unsubscribe_b2{
	position:absolute;
	z-index:95;
	left:-1px;
	bottom:0px;
	width:683px;
	height:414px;
	overflow:hidden;
	background:#fff url(../images/interior_BgTop_un_b1.png) no-repeat left top;
	color:#333;
	}
	
	.content_unsubscribe_b3{
	position:absolute;
	z-index:95;
	left:-1px;
	bottom:0px;
	width:683px;
	height:414px;
	overflow:hidden;

	background:#fff url(../images/unsubscribe_step2_bg.png) no-repeat left top;
	color:#333;
	}
	
	.activo, .inactivo, .activo2, .inactivo2, .unsubscribe_step02 h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	padding:8px 0px 20px 0px;
	float:left;
	}
	.unsubscribe_step02 h3 {
	text-indent:40px;
	}
	.inactivo{
	margin:0px 10px;
	}
	
	.inactivo2 {
	margin:0px 0px 0px 130px;
	}	
	
	.activo{
	margin:0px 0px 0px 130px;
	color:#FFF;
	}
	
	.activo2 {	
	margin:0px 10px;
	color:#FFF;
	}
	
	.activo:hover, .activo2:hover  {
	color:#FF6634;
	}
	
	.content_unsubscribe_b1 p, .content_unsubscribe_b2 p, .content_unsubscribe_b3 p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	clear:both;
	width:270px;
	margin-left:40px;
	}
	
	.content_unsubscribe_b1 p.t_email, .content_unsubscribe_b2 p.t_email, .content_unsubscribe_b3 p.t_email{
	font-size:11px;
	color:#0076a3;
	}
	
	.content_unsubscribe_b1 p.email, .content_unsubscribe_b2 p.email, .content_unsubscribe_b3 p.email{
	font-size:12px;
	font-weight:bold;
	color:#510055;
	margin-bottom:20px;
	}

	.content_unsubscribe_b1 p.info{
	font-weight:bold;
	font-size:14px;
	margin-bottom:25px;
	}
	
	.content_unsubscribe_b1 p.info b{
	color:#648600;
	}
	
	
	.accordion_cont {
/*	position:absolute; 
	right:10px;
	top:50px;*/
	background:#87944f url(../images/acc_bg_bottom.png) no-repeat center bottom;
	width:350px;
	padding:0px 0px 14px 0px;
	text-align:center;
	}
	
		.accordion_cont h2{
		background:#4b5b29 url(../images/acc_h2_bg.png) repeat-x;
		color:#FFF;
		position:relative;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:12px;
		padding:10px 20px;

		text-align:left;
		}		
			.accordion_cont h2 span.h2_izquierda, .accordion_cont h2 span.h2_derecha {
			width:12px;
			height:11px;
			position:absolute;
			top:0;
			}		
			.accordion_cont h2 span.h2_izquierda {
			left:0 !important;
			background:url(../images/acc_h2_bg_i.png) no-repeat;
			}
			.accordion_cont h2 span.h2_derecha {
			right:0;
			background:url(../images/acc_h2_bg_d.png) no-repeat;
			}
			
		a.change_pref {
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		color:#FFF;
		text-align:center;
		text-transform:uppercase;
		position:relative;
		margin:0 auto;
		top:5px;
		padding:4px 5px 4px 10px;
		background:url(../images/acc_button_bg.png) no-repeat left top;
		}
		
		a.change_pref span{
		position:absolute;
		top:0;
		right:-5px !important;
		right:200px;
		width:10px;
		height:24px;
		background:url(../images/acc_button_bg.png) no-repeat right top;
		}

		a.change_pref:hover {
		background:url(../images/acc_button_bg.png) no-repeat left bottom;
		}
		
		a.change_pref:hover span{
		background:url(../images/acc_button_bg.png) no-repeat right bottom;
		}
/* --------------------------------------------------[ accordion js ]-- */

	.basic  {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
	}
	.basic div {
		background-color: #FFF;
	}

	.basic p {
		border: none;
		text-decoration: none;
		font-size: 8px;
		margin: 0px;
		padding:0;
		line-height:0px;
		display:block !important;
		*display:none !important;
		display:none;
	}
	.basic a {
		cursor:pointer;
		display:block;
		padding:5px 0px 5px 35px;
		position:relative;
		text-decoration: none;
		font-weight: bold;
		font-size: 14px;
		color: #000;
		background:#FFF url(../images/acc_option_bg.png) repeat-x left bottom;
		text-align:left;
	}
	
	.basic span {
	position:absolute;
	top:8px;
	left:10px !important;
	left:-20px;
	height:13px;
	width:13px;
	background:#C0C;
	}
	
	.basic a span{	
	background:url(../images/acc_arrow.png) no-repeat left top;
	}
	
	.basic a:hover {
	color:#666;
	}
	
	.basic a:hover span{
	background:url(../images/acc_arrow.png) no-repeat left bottom;
	}
	
	.basic a.selected {
		color:#666;
	}
	
	.basic a.selected span{
		background:url(../images/acc_arrow.png) no-repeat left bottom;
		top:8px !important;
		top:2px;
	}
.basic div{
	height:130px;
	overflow:hidden;

}	
.basic ul {
	margin:5px 0px 5px 0px;
	font-size:11px;
	float:left;
	padding-left:10px;
	
}
	
.basic ul  li{
	width:160px;
	float:left;
	display:block;
	text-align:left;
	height:16px;
	line-height:16px;
	padding:0;
}
.basic ul  li input{
	padding:2px;
	border:none;
	float:left;
	margin-right:8px;
}
	
/* fin de accordion */

	div.confirmation {
	text-align:center;
	background:#fff;
	padding-top:10px;
	top:0;
	}
		
		div.confirmation p{
		width:60%;
		margin:20px auto;
		font-weight:bold;
		font-size:18px;
		}
		
		div.confirmation a {
		background:url(../images/confirmation_button_bg.png) no-repeat left top;
		padding:6px 10px 9px 10px;
		text-align:center;
		color:#FFF;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		position:relative;
		margin:0 auto;
		text-transform:uppercase;
		}
		
		div.info_change a {
		background:url(../images/confirmation_button_bg.png) no-repeat left top;
		padding:6px 10px 9px 10px;
		text-align:center;
		color:#FFF;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		position:relative;
		margin:0 auto;
		text-transform:uppercase;
		}
		
		div.confirmation a span{
		position:absolute;
		top:0;
		right:0 !important;
		right:590px;
		width:10px;
		height:31px;
		background:url(../images/confirmation_button_bg.png) no-repeat right top;
		}
		
		div.info_change a span{
		position:absolute;
		top:0;
		right:0 !important;
		right:190px;
		width:10px;
		height:31px;
		background:url(../images/confirmation_button_bg.png) no-repeat right top;
		}
		
		div.confirmation a:hover, div.info_change a:hover {
		background:url(../images/confirmation_button_bg.png) no-repeat left bottom;
		}
		
		div.confirmation a:hover span, div.info_change a:hover span{
		background:url(../images/confirmation_button_bg.png) no-repeat right bottom;
		}
		
	div.info_change {
	float:left;
	width:270px;	
	padding:0 20px;
	color:#666;
	text-align:center;
	}
	
		div.info_change p {
		text-align:left;
		font-weight:bold;
		font-size:18px;
		margin-bottom:30px;
		}
	
/* --------------------------------------------------[ real unsubscribe ]-- */

	form.real_unsubscribe {
	float:right;
	width:410px;
	display:inline;
	margin-right:60px;
	padding:0px 0px 10px 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	}
	
		form.real_unsubscribe h4 {
		color:#648600;
		font-size:14px;
		margin-bottom:20px;
		padding-left:25px;
		}
		
		form.real_unsubscribe label{
		display:block;
		font-size:11px;
		}
		
			form.real_unsubscribe label.real_radio {
			padding-left:45px;
			}
		
			form.real_unsubscribe label.real_confirmation {
			margin:10px 0px 0px 0px;
			padding:30px 0px 0px 0px;
			background:url(../images/real_unsubscribe_bg.png) no-repeat;
			text-align:center;
			height:100px;
			width:316px;
			}
			form.real_unsubscribe label.real_confirmation b{
				display:block;
			}
			form.real_unsubscribe label.real_confirmation input{
			background:url(../images/real_unsubscribe_submit_bg.png) no-repeat;
			border:none;
			text-transform:uppercase;
			text-align:center;
			width:172px;
			padding:8px;
			margin:10px 0px 0px 0px;
			cursor:pointer;
			}
/* ________________________________________[ USER AREA]__ */
#mainUserzone #userLeft{
	width:262px;
	float:left;
	margin-top:0px;
	display:inline;
	overflow:auto;
	height:325px;
}
#mainUserzone #userLeft h3{
	font-size:12px;
	font-weight:normal;
}
#mainUserzone #userLeft h3 strong{
	display:block;
}
#mainUserzone #userLeft h4{
	word-wrap:break-word;
	font-size:14px;
	color:#648600;
	margin-bottom:10px;	
}
#mainUserzone #userLeft h6{
	margin-top:5px;
	font-size:13px;
}
#mainUserzone li{
	margin:0;
	padding:2px 0;
	background:none;
}
#mainUserzone .activeStep{
	font-weight:bold;
}
#mainUserzone .accordion_cont h2{
	height:30px;
	line-height:120%;
	margin-left:0;
}
#mainUserzone #userRight{
	width:350px;
	height:100%;
	float:right;
	position:relative;
} 
#linkOverList{
	width:348px;
	height:120px;
	top:150px;
	z-index:44;
	left:1px;
	background:#fff;
	position:absolute;
	filter:alpha(opacity=80);	
	opacity:0.8;
}

/* -----------------------[ 1ST STEP -- MAIL USER ]-- */

#mainUserzone h2	{
	margin-left:35px;
}
#mainUserzone #mailUser{
	background:#fff;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;	
	padding-top:20px;
	height:94px;

}
#mainUserzone #mailUser input{
	background:transparent url(../images/unsubscribe_form_capcha_bg.png) no-repeat 100% 0;
	display:block;
	border:none;
	text-align:center;
	padding: 2px 4px;
	margin:6px auto;
	width:160px;
	height:20px;
}
#mailUser button{
	display:block;
	margin:5px auto 0px auto;
	width:94px;
	height:21px;
	border:none;
	background:transparent url(../images/buttonBottom_Bg2.png) no-repeat left top;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
}
#mailUser button:hover{
	background-position:left bottom;
}
#mainUserzone .accoordion_cont .selected li{
	margin:0;
	padding:0;
	width:100px;
	height:22px;
	display:block;
	float:left;
	border:1px solid red;
}
/* --------------------------------------------------[ FOOTER ]-- */

#footer{
	background:#000;
	text-align:left;
	font:normal .75em/150% Arial;
	color:#fff;
}
#footer .wrapper{
	padding-bottom:15px;
}
#footer h3{
	display:block;
	width:100%;
	height:40px;
	border-bottom:1px solid #c3c3c3;
	text-align:center;
	font:bold 1.2em/40px 'Trebuchet MS', Arial, sans-serif;
	text-transform:uppercase;
}
#footer ul{
	display:block;
	width:100%;
	height:40px;
	background:#fff;
	line-height:40px;
	text-align:center;
	color:#ccc;
}
#footer ul li{
	display:inline;
}
#footer ul li a{
	padding:0px 5px;
	color:#666;
}
#footer ul li a:hover{
	color:#333;
}
