@charset "utf-8";
/**
 * General CSS File
 * @author Marcio Misumi
 * @email m2@marciomisumi.com.br
 * @site http://www.marciomisumi.com.br/
 *
 * @project Winbroker
 * @date 2008-12-21 12:43:59 -0300 (Sun, 21 December 2008)
 */
 
body, h1, h2, h3, h4, h5, h6, form, dl, ul, ol, dt, dd, p, address, img, a {
	margin: 0;
	padding: 0;
	border: 0;
}
html {
	background: #c3daee url(../images/bground/bg.gif) repeat-x;
	height: 100%;
	width: 100%;
	font-size: 13px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #18a7de;
	border: 0;
}
h1 {
	display: block;
	height: 70px;
	text-indent: -500000em;
	width: 170px;
	margin-left: 22px;
	background: url(../images/logo/logo-winbroker.png) no-repeat 0 0 !important;
	background: none;
	filter: none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/logo/logo-winbroker.png');
}
h1 a {
	display: block;
	height: 70px;
	width: 170px;
	position: relative;
	overflow: hidden;
}
h2 {
	display: block;
	height: 43px;
	text-indent: -500000em;
	overflow: hidden;
	margin: 30px 0 35px 27px;
}
h2.title-area-administrativa {
	background: url(../images/titles/acesso-restrito.gif) no-repeat 0 0;
	width: 169px;
}
input {
	font: normal 93% Arial, Helvetica, sans-serif;
	color: #666;
}
.input {
	width: 100px;
	height: 17px;
	border: 0;
	padding-top:2px;
	margin-top: 6px;
	float:left;
}
.input-container {
	height: 36px;
	line-height: 36px;
	display: block;
	float: left;
	padding-top: 4px;
	background: url(../images/bground/input-center.gif) repeat-x 0 4px;
}
.input-left {
	background: url(../images/bground/input-left.gif) no-repeat;
	height: 32px;
	width: 15px;
	float: left;
}
.input-right {
	background: url(../images/bground/input-right.gif) no-repeat;
	height: 32px;
	width: 15px;
	float: left;
}
.blue {color: #00a1dd;}

/* ################### START CONTAINER ################### */
div#container {
	width: 760px;
	position: relative;
	margin: 0 auto;
	display: block;
	min-height: 600px;
}
* html div#container { /* hack IE6 */
	height: 600px;
}
.tela-login {
	background: url(../images/bground/bg-login.gif) no-repeat 14px 22px;
}
/* ################### END CONTAINER ################### */

/* ################### START HOME LOGIN ################### */
div#login {
	width: 260px;
	display: block;
	float: right;
	margin-top: 75px;
}
ul#login-senha {
	list-style: none;
	width: 235px;
	float: right;
	overflow: hidden;
}
ul#login-senha li {
	height: 36px;
	line-height: 36px;
	float: left;
	padding: 0 3px;
	width: 250px;
	overflow: hidden;
}
ul#login-senha li label {
	height: 36px;
	line-height: 36px;
	float: left;
}

.button-ok {
	float: left;
	display: block;
	width: 25px;
	height: 25px;
	margin-top: 7px;
	overflow: hidden;
}
.button-retornar {
	float: right;
	display: block;
	width: 76px;
	height: 25px;
	margin-top: 7px;
	overflow: hidden;
}
.label-login {
	display: block;
	height: 25px;
	text-indent: -500000em;
	width: 39px;
	overflow: hidden;
	background: url(../images/titles/login.gif) no-repeat 0 0;
	margin-top: 7px;
}
.label-senha {
	display: block;
	height: 25px;
	text-indent: -500000em;
	width: 39px;
	overflow: hidden;
	background: url(../images/titles/senha.gif) no-repeat 0 0;
	margin-top: 7px;
}

ul#forgot-password {
	list-style: none;
	width: 235px;
	float: right;
	overflow: hidden;
}
ul#forgot-password li {
	height: 36px;
	line-height: 36px;
	float: left;
	padding: 0 3px;
	width: 250px;
	overflow: hidden;
}
ul#forgot-password li label {
	height: 36px;
	line-height: 36px;
	float: left;
}
ul#forgot-password li label.label-login { width:48px; }
ul#forgot-password li h5 { color:#676767; font-size:9px; }
.captcha img{ margin:10px 0 0 60px; }
.captcha iframe{ margin:0 0 0 50px; padding:0px;  }

.label-imagem {
	display: block;
	height: 25px;
	text-indent: -500000em;
	width: 48px;
	overflow: hidden;
	background: url(../images/titles/imagem.gif) no-repeat 0 0;
	margin-top: 7px;
}
.esqueci-a-senha {
	display: block;
	height: 16px;
	text-indent: -500000em;
	width: 125px;
	overflow: hidden;
	background: url(../images/titles/esqueci-a-senha.gif) no-repeat 0 0;
	margin-top: 7px;
}
/* ################### END HOME LOGIN ################### */

/* ################### START FOOTER ################### */
div#footer {
	width: 760px;
	height: 40px;
	position: absolute;
	bottom: 0;
	text-align: center;
}
div#footer p {
	font-size: 85%;
	color: #fff;
	margin-bottom: -2px;
}
div#footer a {
	text-decoration: none;
	color: #00a1dd;
	position: relative;
	top: 4px;
}
/* ################### END FOOTER ################### */