/* 
Site: 				Kombo
Pagina:				Fale conosco
					Como assinar
					Solicite uma demonstracao
Descricao:  		Estilos de formulario: formulario, validacao, modais de aviso, alert
URL:				www.kombo.com.br/fale-conosco
					www.kombo.com.br/como-assinar
					www.kombo.com.br/como-assinar/solicite-demonstracao
Autor:				Fernanda Parisi (fernanda@kombo.com.br)
Data criacao: 		25/05/09
Ultima modificacao: 05/01/10
----
CSS valido pela W3C
*/

/* formularios */
#miolo_inner #conteudo fieldset { border: 0; margin-bottom: 30px; }
	#miolo_inner #conteudo fieldset ul { list-style: none; }
	#miolo_inner #conteudo fieldset cite { font: normal 11px Arial, Verdana, sans-serif; margin: 2px 0 2px 0; width: 100%; background: #fff; padding: 0; text-align: right; }
	#miolo_inner #conteudo fieldset b { color: red; font-size: 14px; }
	#miolo_inner #conteudo fieldset .form-campo { clear: both; display: block; }
		#miolo_inner #conteudo fieldset .form-campo label { 
			font-size: 12px; 
			float: left; 
			margin: 10px 10px 0 0;
			padding: 4px 0;
			text-align: right;
			width: 147px;
		}
			#miolo_inner #conteudo fieldset .form-campo label.obrigatorio { 
				background: url(img/sprite-geral.png) no-repeat 142px -700px; 
				padding-right: 12px;
				width: 135px;
			}
				#miolo_inner #conteudo fieldset .form-campo label b { font-size: 12px; color: #343434; }
		#miolo_inner #conteudo fieldset .form-campo input,
		#miolo_inner #conteudo fieldset .form-campo select,
		#miolo_inner #conteudo fieldset .form-campo textarea { 
			border: 1px solid;
			border-color: #e9e9e9 #ddd #ddd #e9e9e9;
			font: 13px Arial, Verdana, sans-serif; 
			margin: 10px 0 0 0;
			padding: 3px; 
			width: 300px;
			float: left;
		}
			#miolo_inner #conteudo fieldset .form-campo .form-erro { background: #fef4f4; }
			#miolo_inner #conteudo fieldset .form-campo .active { background: #feffec; }

				#miolo_inner #conteudo fieldset .campoDuplo span input { width: 50px; }
				#miolo_inner #conteudo fieldset .campoDuplo span.segundo label { 
					background-position: 73px -700px; 
					padding-right: 12px; 
					width: 67px; 
				}
				#miolo_inner #conteudo fieldset .campoDuplo span.segundo input { width: 100px; }
				#miolo_inner #conteudo fieldset .campoDuplo span span.kv-detalhe-erro { display: none !important; }
				#miolo_inner #conteudo fieldset .campoDuplo span.segundo span.kv-detalhe-erro { display: block !important; }

		#miolo_inner #conteudo fieldset .form-campo input.cb { width: auto; border: 0; margin: 0; padding: 0; float: none; }
		#miolo_inner #conteudo fieldset .form-campo select { padding: 2px 3px; width: 308px; }
		#miolo_inner #conteudo fieldset .form-campo textarea { height: 100px; }
		#miolo_inner #conteudo fieldset .form-campo ul { float: left; width: 300px; margin: 15px 0 0 5px; }
			#miolo_inner #conteudo fieldset .form-campo ul li { margin: 0 0 5px; width: 400px }
				#miolo_inner #conteudo fieldset .form-campo ul li label { float: none; margin: 0; padding: 0; width: 400px; }
	
		#miolo_inner #conteudo div.comoAssinar fieldset.escolhePlano div ul li label { 
			color: #6FB2C5; 
			font-size: 14px; 
		}
		#miolo_inner #conteudo div.comoAssinar fieldset.escolhePlano div ul li.selected label { 
			color: #EA8484;
			font-weight: bold; 
		}

		#miolo_inner #conteudo fieldset .form-campo i { 
			background: #fffac8;
			border: 1px solid #fff697;
			float: right;
			font-size: 11px; 
			font-style: normal;
			margin: 10px 0 0 5px;
			padding: 5px;
			position: absolute;
			visibility: hidden;
			width: 150px;
		}
			#miolo_inner #conteudo fieldset .form-campo i b { font-size: 11px; font-weight: bold; color: #000; }
	#miolo_inner #conteudo input.submit { 
		background: url(img/sprite-x.gif) repeat-x 0 -670px;
		border: 1px solid;
		border-color: #ffb6b6 #ce6464 #ce6464 #ffb6b6; 
		clear: both; 
		color: #fff;
		display: block;
		font-size: 14px;
		font-weight: bold;
		float: none; 
		margin: 10px auto 0; 
		padding: 4px 8px;
	}
		#miolo_inner #conteudo div.comoAssinar div.submit input:active { 
			border-color: #ce6464 #ffb6b6 #ffb6b6 #ce6464;
		}
	
		#miolo_inner #conteudo fieldset .form-campo span.kv-detalhe-erro { 
			background: url(img/sprite-geral.png) no-repeat -60px -700px;
			clear: both; 
			color: #828282;
			display: block; 
			font-size: 11px;
			margin: 0 0 0 160px;
			padding: 2px 0 0 17px;
		}
	/* captcha */
	#miolo_inner #conteudo fieldset .captcha { float: left; margin-top: 10px; }
		#miolo_inner #conteudo fieldset .captcha input { margin: 5px 0 0 156px; width: 180px; }
		#miolo_inner #conteudo fieldset .captcha img { border: 1px solid #eee; padding: 3px; }
		#miolo_inner #conteudo fieldset .captcha a { cursor: pointer; display: block; font-size: 10px; text-align: right; }

/* modal */
.modal iframe,
.modal-trava iframe {
	display: none;
	display/**/: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	border: 0px none;
}
.modal-trava { background: #FFF; position: absolute; z-index: 9900; }
.modal a { outline: none; }
.modal {
	background: url(img/m_bg-transp.gif) repeat;
	margin: 10px auto;
	padding: 5px;
	position: absolute;
	width: 480px;
	z-index: 10000;
}
	.modalInner { 
		background: #eee url(img/m_sprite-x.gif) repeat-x 0 bottom; 
		border: 1px solid #cdcdcd; 
		font-size: 12px; 
		padding: 10px; 
		width: 378px;
	}
		.modalInner span { 
			float: left; 
			height: 50px; 
			width: 50px; 
		}
			.modalInner span.icone_alert { background: url(/img/sprite-geral.png) no-repeat 3px -740px; }
			.modalInner span.icone_erro { background: url(/img/sprite-geral.png) no-repeat -98px -740px; }
		.modalInner .m-conteudo, .modalInner .m-botoes { float: right; width: 320px; }
			.modalInner .m-conteudo ol { margin: 10px 0 0 30px; }
				.modalInner .m-conteudo ol li { list-style: disc; }
			.modalInner .m-botoes a { 
				background: url(img/sprite-x.gif) repeat-x 0 -670px;
				border: 1px solid;
				border-color: #ffb6b6 #ce6464 #ce6464 #ffb6b6; 
				color: #fff;
				float: right; 
				font-size: 14px;
				font-weight: bold;
				margin-top: 10px; 
				padding: 3px 6px;
				text-decoration: none; 
			}
			.modalInner .m-botoes a:active { border-color: #ce6464 #ffb6b6 #ffb6b6 #ce6464; }

/* modal de confirmacao (ok) */
.modalInner span.icone_confirm { background: url(/img/sprite-geral.png) no-repeat -48px -738px; }
.modal-confirm .modalInner .m-botoes { display: none; }
.modal-confirm .modalInner .m-conteudo { font-size: 16px; font-weight: bold; line-height: 42px; }
	
.modal .icone_wait {
	background-image: url(/images/loading.gif);
	background-position: 20px;
}
.modal .icone_wait .m-conteudo { padding: 10px 0 0; }
.modal .icone_wait .m-botoes { height: 0; }


/* como assinar */
#miolo_inner #conteudo div.comoAssinar { 
	background: #f7f7f7; 
	border: 1px solid #eee; 
	padding: 10px 20px 5px; 
	margin: -1px 0 20px; 
}
	#miolo_inner #conteudo div.comoAssinar fieldset.escolhePlano { margin-bottom: 0; }
	#miolo_inner #conteudo div.comoAssinar fieldset { 
		background: #fff; 
		border: 1px solid #eee; 
		padding: 0 0 10px 7px; 
		margin-bottom: 20px; 
	}
		#miolo_inner #conteudo div.comoAssinar fieldset legend { 
			font-size: 20px; 
			font-weight: normal; 
			display: block; 
			clear: both; 
		}
		#miolo_inner #conteudo div.comoAssinar fieldset cite { text-align: right; padding: 5px 0; }
	#miolo_inner #conteudo div.comoAssinar div.submit { margin: -5px 230px 10px; text-align: center;  }
		#miolo_inner #conteudo div.comoAssinar fieldset.escolhePlano div ul li a { color: #666; }
#miolo_inner #conteudo div.captcha div.form-img-sec span.kv-detalhe-erro { margin-left: 0; }
#miolo_inner #conteudo div.obs { background: #f3f9fa; border: 1px solid #ebf6f9; margin: 10px 0; padding: 10px; }
	#miolo_inner #conteudo div.obs h4 { margin-bottom: 5px; }
 	#miolo_inner #conteudo div.obs p { font-size: 12px; margin: 0; }
	 	#miolo_inner #conteudo div.obs p b { font-weight: bold; color: #666; }