@import url("limpar.css");
@import url("http://fonts.googleapis.com/css?family=PT+Sans+Narrow");

/* carregando
---------------------------------------------------------------------- */
#carregando{
	background:#00AEEF;
	border:1px solid #5ad2ff;
	color:#fff;
	font-size:12pt;
	line-height:12pt;
	text-shadow:-1px -1px 0 rgba(0,0,0,.3);
	top:50%; 
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	padding:10px 15px;	
	position: fixed;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
	border-radius: 5px;
	z-index:9999;
}

body{
	background:#EEE url(../img/fundo-site.jpg);
	font-family: 'PT Sans Narrow', arial, serif;
	font-size:11pt;
	color:#555;
	text-shadow:1px 1px 0 #fff;
}

a{color:#555; text-decoration:none;}
a:hover,
a.selecionado
{color:#555; text-decoration:underline;}

h1,h2,h2,h3,h4,h5,h6{font-weight:normal;}
h1{font-size: 30pt;}

address{font-style:normal;}

form{text-align:left;}
form h2{ font-size:20pt; text-align:center; padding:5px 0; border-bottom:1px solid #eee; margin-bottom:15pt;}
form label{display:table; width:100%; margin-bottom:5pt;}
form label > div{display:table-cell; vertical-align:top;}
form label > div input,
form label > div textarea
{width:calc(100% - 10px); padding:5px; border:1px solid #ddd; box-shadow:1px 1px 0 #fff;}
form label > div input:focus,
form label > div textarea:focus
{border-color:#fdc809;}
form label > div textarea{height:200px; resize:none;}

form label > div:first-child{
	width:40%;
	padding-right:15px;
	font-size:16pt;
	line-height:18pt;
	text-align:right;
}
form label > div:first-child em{display:block; font-size:10pt; line-height:11pt; font-style:normal;}
form label > div:last-child{padding-left:15px;border-left:1px solid #ddd; box-shadow:inset 1px 0 0 #fff;width:60%;}
form .botao-submit{text-align:center; margin-top:15px;}
form .botao-submit button{
	border-radius:4px;
	cursor:pointer;
	display:inline-block;
	background-color:#fdc809; 
	color:#fff; 
	text-shadow:-1px -1px 0 rgba(0,0,0,.3); 
	border:none; 
	font-size:16pt; 
	line-height:16pt; 
	padding:8px 10px;
}
form button:hover{box-shadow:0 1px 5px rgba(0,0,0,.2);}
form button:active{box-shadow:inset 1px 1px 1px rgba(0,0,0,.2);}

.centro{
	width:800px;
	margin:10px auto 10px auto;
	text-align:center;
}
.centro .cont{
	background:url(../img/bg_topo_fino.png) center top no-repeat,
url(../img/bg_rodape.png) center bottom no-repeat;
	padding:50px 50px 40px 50px;
}
.centro .cont #resultado{
	display:none;
	text-align:left;
	padding:15px;
	margin-top:15px;
	background-color:#fff;
	border-radius:4px;
	box-shadow:0 0 15px rgba(0,0,0,0.2);
}
.centro .cont #resultado h2{font-size:18pt; padding-bottom:5px; margin-bottom:10px; border-bottom:1px dotted #ddd;}
.centro .cont #resultado pre{margin:10px 0; display:block; color:#999;}

footer address{ line-height:13pt; font-size:10pt; color:#888;}
footer h2 a{
	display:block;
	text-indent:-9999px;
	background:url(../img/logo.png) no-repeat center;
	height:60px;
}