/*
		Project: Banco Imobiliário
		Vrs: 1.0 2011-08
		Developer: www.fernandoaguirre.com.br
		
		:: Summary ::
		
		1 - Inside communs
		2 - Sobre
		3 - Recursos
		4 - Valores
		5 - Assinar
		6 - Parceiros
		7 - Depoimentos
		8 - Contato
		
		
			
	*/
	/*  Inside Communs    ***********************************************/
		.inside .content{
			padding:0 0 110px 0;
				background:url("../img/bg-footer.png") center bottom no-repeat;
				}
		.inside #middle{
			padding:60px 0 0 0;
		}
		
		.inside h1{
			margin:0 0 20px 0;
				font-family:UbuntuLight;
				font-size:34px;
				line-height:100%;
				text-transform:uppercase;
		}
		
		.inside h2{
			margin:0 0 14px 0;
			padding-top:22px;
				font-size:22px;
				color:#666;
		}
		
		.inside p{
			margin:0 0 0px 0;
		}
		
		.inside #footer{
		
		}
	
/* 2 - SOBRE    ***********************************************/
				
				/* First Content    ***********************************************/
				#sobre .firstContent .col1{
					width:314px;
					float:left;
				}

				#sobre .firstContent .col1{
					text-align:right;
				}
				
				#sobre .firstContent .col1 h1{					
					text-align:right;
				}
				
				#sobre .firstContent .col2{
					width:282px;
					float:left;
					margin:100px 36px 0 36px ;
				}				
				
				
				#sobre .firstContent .colImg{
					width:314px;
					float:right;					
				}
				
				#sobre .line{
					margin:60px 0;			
				}


				/* Second Content    ***********************************************/
				#sobre .secondContent{
					clear:both;
				}
				#sobre .secondContent h3{
					width:314px;
					float:left;
						font-family:UbuntuLight;
						font-size:34px;
						text-align:right;
						text-transform:uppercase;
						line-height:100%;
				}
				#sobre .secondContent p{
					width:232px;
					float:left;
					margin:0 36px;
				}				
				
				#sobre .secondContent a{
					margin:18px 0 0 0;
				}
				
				#sobre .secondContent img{
				width:314px;
				float:right;
				padding:26px 0 0 0;				
				}
				
/* 3 - RECURSOS    ***********************************************/
			#recursos{}
			
			#recursos .content .col{
				width:480px;
				float:left;
			}			
			
			#recursos .content .line{
				margin:50px 0 34px 0;
			}
			
			#recursos .content .colImage ul{
			margin:54px 0 0 170px;
			
			}			
			
			#recursos .content .colImage ul li a{
			display:block;
			width:292px;
			height:210px;
			margin:0 0 22px 0;
				background:url("../img/img-screen.jpg") no-repeat;			
			}
				#recursos .content .colImage ul li.screen1 a{background-position:0 0;}
				#recursos .content .colImage ul li.screen1 a:hover{background-position:0 -210px;}
				#recursos .content .colImage ul li.screen2 a{background-position:-292px 0;}
				#recursos .content .colImage ul li.screen2 a:hover{background-position:-292px -210px;}
			
			#recursos .content .colImage p{
				margin:0 0 0 170px;	
				float:left;
					font-size:12px;
			}
						
			#recursos .content .colText{
				float:right;
			}			
						
						
/*  4 - VALORES  ***********************************************/						

		#valores .content .colIntro{
			width:148px;
			float:left;
			margin:0 20px 0 0;
				text-align:right;				
		}
		
		#valores .content .colIntro h2{
			line-height:100%;
		}
		
		#valores .content .colIntro a{
			float:right;
			margin:10px 0 20px 0;
		}		
		
				/*  Table Valores  ............................................................................................*/
				#valores .content .colTable{
					width:480px;
					float:left;
						color:#666;
				}
				
				#valores .content .colTable table tr{display:block; margin:0 0 18px 0;			}
				#valores .content .colTable table tr.valor{color: #F7931D;}
				#valores .content .colTable table tr.valor td{border-color: #F7931D;}
				#valores .content .colTable table tr.valor td span{font-size:16px;}
				
				#valores .content .colTable table th{
					width:312px;
					padding:6px 20px 0 0;
						text-align:right;
						font-size:22px;
				}
				
				#valores .content .colTable table td{
					width:146px;
					padding:6px;
						text-align:center;
						border:1px solid #666;
						background:transparent;
						font-size:22px;
				}
				
		#valores .content .colTable a{
			width:146px;
			margin:8px 0 0 320px;
			padding:8px 6px;
				text-align:center;
		}

			
		#valores .content .colDow{
			width:314px;
			float:right;
		}

		#valores .content .colDow h2{
			text-transform:uppercase;
			padding:0 0 20px 0;
			line-height:100%;
		}
		
		#valores .content .colDow a{
			margin:0 0 0 -10px;
		}




						
/* 5 - ASSINAR  ***********************************************/
		#assinar .content .colIntro{
			width:304px;
			float:left;
		}
		#assinar .content .colForm{
			width:660px;
			float:right;
		}
		#assinar .content .colForm fieldset{
			width:300px;
			display:block;
			float:left;
		}
		#assinar .content .colForm fieldset.col1{
			margin:0 50px 0 10px;
		}		
		
		#assinar .content .colForm fieldset input{
			width:280px;
			margin:0 0 16px 0;
		}		
		#assinar .content .colForm fieldset legend{
			padding:0 0 22px 0;
				font-size:22px;
				color:#666;
		}
		#assinar .content .colForm fieldset input.radio{
			width:28px;
		}		
		#assinar .content .colForm fieldset #label_numero_user{line-height:35px; margin:20px 0 0 0;}
		#assinar .content .colForm fieldset input#assinar_user{width:30px; margin:0 5px 20px 8px; text-align:center; float:right;}		
		#assinar .content .colForm fieldset input#assinar_ddd{width:34px; margin:0 12px 0 0;}		
		#assinar .content .colForm fieldset input#assinar_tel{width:216px;}		
		#assinar .content .colForm fieldset input#assinar_uf{width:34px;}		
		#assinar .content .colForm fieldset input#assinar_cidade{width:216px; margin:0 12px 0 0;}		
		#assinar .content .colForm fieldset p{font-family:UbuntuMedium; margin:0 0 4px 0; clear:both;}
		#assinar .content .colForm fieldset p.radios{width:300px;}
		#assinar .content .colForm fieldset p.radios span{float:right; text-align:right;}
		#assinar .content .colForm fieldset p.radios span img{margin:0 4px 0 10px;}
		#assinar .content .colForm fieldset p label{font-size:16px; cursor:pointer;}
		
		#assinar .content .colForm #slider_handle1{
		cursor:pointer;
		}
		#assinar .content .colForm button{
			clear:both;
			padding:10px 16px;
			margin:20px 0 0 260px;
				font-size:16px;			
		}
		
		#slider_assinar_user{display:inline; float:right; margin:10px 10px 0 0;}


/* 6 - PARCEIROS  ***********************************************/		
		#parceiros .content .colIntro{
			width:304px;
			float:left;
		}
		
		#parceiros .content .colContent{
			width:686px;
			float:right;		
		}
		
		#parceiros .content .colContent ul li{
			float:right;
			margin:0 0 20px 20px;
				text-align:right;
		}
		

/*  7 - Depoimentos  ............................................................................................*/
		#depoimentos #content{
		margin:0;
		}
		#depoimentos .colIntro{
			width:304px;
			float:left;
		}
		#depoimentos .colContent{
			width:686px;
			float:right;
		}

		
		#depoimentos .colContent .line{
			float:right;
			width:648px;
		}


/* 8 - CONTATO   ***********************************************/
			#contato .content .colPhone{
				width:314px;
				float:left;
				padding:52px 0 0 0;
					text-align:right;
					font-size:16px;				
			}
			
			#contato .content .colPhone p{
				margin:0 ;
			}			
			#contato .content .colPhone p strong{
				font-size:24px;
				font-family:UbuntuRegular;
				font-weight:normal;
			}
			
			
			#contato .content .colForm{
				width:324px;
				float:left;
				margin:0 0 0 36px;
			}
			
			#contato .content .colForm form{
				padding:20px 0 0 0;
			}
			
			#contato .content .colForm input{
				width:308px;
				margin:0 0 16px;
			}
			#contato .content .colForm label.error{
			display:block;
			margin:0 0 16px 0;
				color:#D67907;
			}

			
			#contato .content .colForm label.error input{
				margin:0 0 6px;
					color:#D67907;
					border:1px solid #D67907;
					background:#fff;
			}	
			
			#contato .content .colForm input#contato_ddd{width:34px; margin:0 12px 0 0;}
			#contato .content .colForm input#contato_tel{width:245px;}
			#contato .content .colForm textarea{width:308px; height:120px; margin:0 0 22px 0;}
			
			
			
			#contato .content .colImage{
			width:314px;
			float:right;
			padding:52px 0 0 0;
				text-align:right;
			}	
			
			
/* 9 - ACESSO REMOTO  ***********************************************/		
		#acessoremoto .content .colIntro{
			width:450px;
			float:left;
		}
		
		#acessoremoto .content .colContent{
			width:300px;
			float:left;		
		}
		
		#acessoremoto .content .colContent ul li{
			float:right;
			margin:0 0 20px 20px;
				text-align:right;
		}