@charset "utf-8";

.nav-socio { width: 100%; float:left; background:url(../images/nav-socio-bg.gif) no-repeat 0 18px; height:90px; margin-bottom:20px }
#blob { position: absolute; top: 0; z-index : 3; background: transparent  url(../images/smart.png) no-repeat 10px 58px;}
#nav-socio { position: relative; float: left; width:100%;}
#nav-socio li { float: left; list-style: none; width:140px; height:100px; }
#nav-socio li a {
 color: #e3e3e3; font-size: 1.2em; text-decoration: none; text-indent:-9000px;
 position: relative; z-index: 4; display:block; height:90px; cursor:default }
#nav-socio li.active a { cursor:pointer}
#nav-socio li *{ outline:none!important}
#nav-socio li small{ 
	display:block; position:absolute; width:24px; height:25px; 
	background-repeat:no-repeat; background-position:center;
	background-color: transparent; z-index:4; bottom:-17px; left:0}

.passo1, .passo2, .passo3, .passo4{ background-repeat:no-repeat; background-color: transparent;}

	.passo1 .small1{ background-image:url(../images/1off.png)}
	.passo1.active .small1{ background-image:url(../images/1on.png)}	
	.passo1:hover .small1, .passo1#here .small1{ background-image:url(../images/1active.png)}	

.passo2, .passo2:hover { background-image:url(../images/passo2.png); background-position:0 17px}
	.passo2.active:hover, .passo2#here { background-image:url(../images/passo2-on.png)}
	#nav-socio .passo2 .small2{ background-image:url(../images/2off.png); left:15px}
	#nav-socio .passo2.active .sall2 { background-image:url(../images/2on.png); left:15px}
	#nav-socio .passo2.active:hover .small2, #nav-socio .passo2#here .small2{ background-image:url(../images/2active.png)}

.passo3, .passo3:hover { background-image:url(../images/passo3.png); background-position:0 25px}	
	.passo3.active:hover, .passo3#here { background-image:url(../images/passo3-on.png)}
	#nav-socio .passo3 .small3{ background-image:url(../images/3off.png); left:23px}
	#nav-socio .passo3.active .small3{ background-image:url(../images/3on.png); left:23px}
	#nav-socio .passo3.active:hover .small3, #nav-socio .passo3#here .small3{ background-image:url(../images/3active.png)}	

.passo4, .passo4:hover { background-image:url(../images/passo4.png); background-position:38px 0}
	#nav-socio .passo4 .small4{ background-image:url(../images/4off.png); left:81px}
	#nav-socio .passo4.active .small4{ background-image:url(../images/4on.png); left:81px}
	#nav-socio .passo4.active:hover .small4, #nav-socio .passo4#here .small4{ background-image:url(../images/4active.png)}	


/* FORM FACA-SE SOCIO */

.form{ clear:both; padding:12px 0 }
	.form .title{ font-size:1.3em; font-weight:normal; padding-bottom:18px}
	.form fieldset{ background-color:#f2f2f2; padding:15px 20px 0}
	.form fieldset.last{ padding-bottom:0}
	.form .fields{ float:left; width:100%; clear:both; font-size:1.1em; padding-bottom:12px; line-height:1.6em}
	.form .fields.small-lb{ padding-bottom:6px}
	.form .last{ border-bottom:2px solid #FFF; display:block; padding-bottom:14px}
	.form .fields label, .form .fields input{ vertical-align:middle}	
	.form .lb{ float:left; width:160px; text-align:right; padding-right:10px}
	.form .lb4{ float:left; width:196px; text-align:right; padding-right:10px}
	.form label.lb5{ vertical-align:top; }
	.form .inStyle{border:1px solid #e2e2e2; border-bottom-color:#F2F2F2; border-right-color:#F2F2F2; padding:2px}	
	.form select.inStyle{border:1px solid #e2e2e2; border-bottom-color:#F2F2F2; border-right-color:#F2F2F2; padding:0;}
	.form select.inStyleFull{border:1px solid #e2e2e2; border-bottom-color:#F2F2F2; border-right-color:#F2F2F2; padding:0; letter-spacing: -0.5px}
	.form .error-in .inStyle{ border-color: #CC0000; background: #FFF url(../images/error-in.gif) no-repeat right center}
	.form .error-in select.inStyle{ border-color: #CC0000; background: #FFF}
	.form .error-in .noError{background: #FFF}
	.form .in4{float:left; width:65px; margin-right:12px; margin-left:25px }
	.form .in3{float:left; width:346px }
	.form .in4{float:left; width:65px; margin-right:12px }
	.form .in5{float:left; width:42px }	
	.form select.in5{float:none; width:38px; margin-right:4px }	
	.form .in6{float:left; width:125px }
	.form .in6A{float:left; width:125px; margin-right:12px }
	.form .in7{float:left; width:23px }	
	.form .in8{float:left; width:246px }	
	.form .upload{float:left }
	.form .upload input{display: block; margin-bottom: 5px; background: #FFF }
/*	.form .upload .error-in input{border-color: #CC0000; border-width:1px } */
	.form .sep{ float:left; padding:0 4px}
	.form .info-lb{float:left; padding-left:4px;}
	.form .sepator-fields{ padding:0 0 6px 200px}
	.form .legal p{ padding-bottom:12px}
	.form .btn2{ 
		float:right; border:none; background: transparent url(../images/submit-arrow.png) no-repeat right center;
		padding:2px 25px 2px 0; text-decoration:none; font-size:9px; 
		color:#CC0000; font-weight:bold; text-transform:uppercase; cursor:pointer;}
	.form .btn2:hover{ background-image:url(../images/submit-arrow-over1.png); color:#7E7E7E}

	.form .cancel{ 
		float:right; border:none; background: transparent url(../images/backArrow.gif) no-repeat right center;
		padding:2px 25px 2px 0; text-decoration:none; font-size:9px; 
		color:#FF0000; font-weight:bold; text-transform:uppercase; cursor:pointer;}
	.form .cancel:hover{ background-image:url(../images/backArrow.gif); color:#7E7E7E}

	.form .btn3{ 
		float:left; background: transparent url(../images/submit-arrow1.png) no-repeat left center;
		padding:2px 0 2px 25px; text-decoration:none; font-size:9px; 
		color:#CC0000; font-weight:bold; text-transform:uppercase; }
	.form .btn3:hover{ background-image:url(../images/submit-arrow1-over1.png); color:#7E7E7E}	
	
	.form .btn4{ 
		float:right; border:none; background: transparent url(../images/submit-arrow.png) no-repeat right center;
		padding:2px 25px 2px 35px; text-decoration:none; font-size:9px; 
		color:#CC0000; font-weight:bold; text-transform:uppercase; }
	.form .btn4:hover{ background-image:url(../images/submit-arrow-over1.png); color:#7E7E7E}
	.form .btn5{ 
		float:left; border:none; background: transparent url(../images/submit-arrow.png) no-repeat right center;
		padding:4px 25px 2px 0; text-decoration:none; font-size:9px; 
		color:#CC0000; font-weight:bold; text-transform:uppercase; cursor:pointer;}
	.form .btn5:hover{ background-image:url(../images/submit-arrow-over1.png); color:#7E7E7E}	
	.in10{ width:42px}
	.lb1{ margin-left:12px; }
	.lb1 input{ margin-left:2px; }	
	
.radioList{ list-style:none; padding-bottom:6px}
	.radioList * { vertical-align:middle}
	.radioList li{ padding:0 0 6px 147px; line-height:1.6em}
	.radioList td{ padding:0 0 6px 147px; line-height:1.6em; vertical-align:middle}	
	.radioList input{ margin-right:10px }	

.list-col2{list-style:none; padding-bottom:12px; clear:both; float:left; width:100%}
	.list-col2 li{ float:left; width:261px}
	.list-col2 li.odd{ width:260px; border-right:1px solid #666}	
	.list-col2 li label{ display:block; padding:4px 30px 4px 20px }
	.list-col2 li label span{ float:left}
	.list-col2 li label input{ float:right; margin-left:2px}	
	
	.radioItens { line-height:1.6em}
		.radioItens *{ vertical-align:middle
		}	
	
.warning-box{ font-size:1.1em; background-color:#f8f8f8; border-bottom:1px solid #FFF; padding:15px 20px}
.text-warn{ padding-bottom:12px}
.error-box{ padding:15px 20px; background:#CC0000; color:#FFF; font-size:1.1em; border-bottom:1px solid #FFF; clear:both}
.sub-title{ font-size:1.1em; padding-bottom:12px; font-weight:normal; clear:both}

.FormBlockMsg{float:left; font-size:11px; margin-top:10px; padding:20px; background: #F8F8F8}
.FormBlockMsg a{color: #E50000; text-decoration: none;}
	.FormBlockMsg a:hover{color: #000;}

.radioList.complex{ }
.radioList.complex li{ padding:3px 0 3px 147px; height:70px; display: table; width:375px; }

.radioList.complex li label{ 
	width:350px; background: url(../images/radioListComplex-bg.gif) no-repeat left bottom; cursor:pointer;
	display: table-cell; vertical-align: middle; height:70px; padding-right:25px;position: relative;  }
	
	.radioList.complex li label:hover{ background-image: url(../images/radioListComplex-bg-over.gif)}
	*html .radioList.complex li label{ display:block}
	*:first-child+html .radioList.complex li label{ display:block}
	
.radioList.complex li span{ display: table-cell; font:1.4em Tahoma, Geneva, sans-serif; height:70px; vertical-align:middle;}
	*html .radioList.complex li span{ display:block; float:left}
	*:first-child+html .radioList.complex li span{ display:block; vertical-align:middle; float:left}
	
.radioList.complex li span.figure{ 
	width:110px; padding-right:37px; text-align:center;
	background: transparent url(../images/arrow4.png) no-repeat 115px center; }
	.radioList.complex li label:hover span.figure{ background-image:url(../images/arrow4-over.png)}
	.radioList.complex li span.figure img{ margin:0 auto }
.radioList.complex li span.text{width:170px; }
	*html .radioList.complex li span.trigger, *:first-child+html .radioList.complex li span.trigger{ padding-top:25px; height:45px}
	*html .radioList.complex li span.figure, *:first-child+html .radioList.complex li span.figure{ padding-top:5px; height:65px}
	*html .radioList.complex li span.text, *:first-child+html .radioList.complex li span.text{ padding-top:20px; height:50px}
 
.total{ font-size:1.8em; padding:6px 0}
	.total strong{ color:#00620C; font-weight:normal }

/* CLUBES */
#acp-golfe{ 
	background: transparent url(../images/acp-golfe.png) no-repeat 0 0; display:block; 
	width:322px; height:52px; padding:20px 100px 0; color:#FFF; font-size:1.3em; margin-bottom:6px
	}
#acp-classicos{ 
	background: transparent url(../images/acp-classicos.png) no-repeat 0 0; display:block; 
	width:332px; height:52px; padding:20px 90px 0 100px; color:#FFF; font-size:1.3em; margin-bottom:6px
	}	
	
.exp-list{ font-size:1.1em; clear:both;}
	.exp-list dt:first-child{ border:none}
	.exp-list-trigger, .exp-list-triggerLabel{ padding:18px 0 6px; border-top:2px solid #FFF;}
		.exp-list-trigger label, .exp-list-triggerLabel label{ cursor:pointer}
		.simple .exp-list-trigger, .simple .exp-list-triggerLabel { padding:3px 0; border-top:none;}
	.exp-list-detail{ line-height:1.8em; padding-bottom:18px}
		.simple .exp-list-detail{ line-height:1.8em; padding:6px 0 18px}
		.exp-list-detail ul{ list-style:inside square; margin-left:12px}
		
.mrec2{ margin-bottom:16px}		
.captcha{ margin:4px 0 0 170px; border:1px solid #9e9e9e}
.fieldIndent{ padding:3px 0 2px 170px; clear:both}


/* TABS */
.ui-tabs-nav{ float:left; width:100%; border-bottom:1px solid #666; clear:both }
	.ui-tabs-nav li{ float:left; }
	.ui-tabs-nav li a{ 
		float:left; display:block; padding-left:9px; text-decoration:none; color:#666; 
		background:url(../images/tabsLeft.gif) no-repeat left top; }	
	.ui-tabs-nav li a strong{ 
		float:left; display:block; padding:6px 6px 0 0;font-weight:normal; font-size:1.1em; 
		background:url(../images/tabsRight.gif) no-repeat right top; height:19px }
		
	.ui-tabs-nav .ui-state-hover a, .ui-tabs-nav .ui-tabs-selected a{  background-image:url(../images/tabsLeft-active.gif);	}
	.ui-tabs-nav .ui-state-hover a strong, .ui-tabs-nav .ui-tabs-selected a strong{ background-image:url(../images/tabsRight-active.gif); }
	#tabs-area-pessoal .ui-tabs-panel{ clear:both; padding:0; min-height: 0;}
	
	.tabs-nav .ui-tabs-nav a:hover, .tabs-nav .ui-tabs-nav a.active{background-image:url(../images/tabsLeft-active.gif);}
	.tabs-nav .ui-tabs-nav a:hover strong, .tabs-nav .ui-tabs-nav a.active strong{ background-image:url(../images/tabsRight-active.gif);}	

.tabs-containers{ clear:both; padding:20px 0 }


.table-itens{ clear:both; width:100%; background:#f2f2f2; margin-bottom:10px}
.table-itens th{ border:1px solid #FFF; border-bottom:2px solid #FFF; padding:4px 6px; color:#000}
.table-itens td{ border:1px solid #FFF; padding:4px 6px; color:#666; vertical-align:top}
td.td-options{ width:50px; text-align:center; }