/* 
    Document   : login
    Created on : 9/Dez/2010, 02:04:32
    Author     : Miguel Pereira [www.mp-developer.com]
    Description:
        Estilo da página de login.
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }

html,body
{
	margin:0;
	padding:0;
	height:100%;
}

body
{
	background: #222;
	font-family: verdana;
}

#ie_msg { display: none; margin: 0 0 0 -250px; color: #fff; font-size: 12px; text-align: center; line-height: 40px;}
#ie_msg a { text-decoration: none; color: #fff; font-size: 15px; font-weight: bold; }

#floater
{
	position:relative;
	float:left;
	height:50%;
	margin-bottom:-190px;
	width:1px;
}

#container
{
	position:relative;
	clear:left;
	width: 900px;
	margin:0 auto;
}

#areas
{
	position:absolute;
	height:400px;
	width: 900px;
}


#area_left
{
	background: url("images/logo.png") no-repeat scroll 0 50px transparent;
    border-right: 2px solid #FFFFFF;
    float: left;
    height: 280px;
    margin: 45px 0 0;
    padding: 0 117px 0 0;
    width: 310px;
	
}

#area_right
{
	margin: 75px 0px 0px 0px;
	float: right;
	border: 2px solid #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	padding: 5px;
	
}

#area_center
{
	margin: 150px 0px 0px 300px;
}

#login
{
    margin: 0;
	border: 15px solid #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	width:292px;
	text-align: left;
	background: #fff;
}

#login .campo
{
	color: #222;
	font-size: 15px;
	margin: 0px 0px 5px 0px;
}

#login .campoinput input
{
	color: #222;
	margin: 0px 0px 10px 0px;
	font-size:15px;
	padding:8px;
	width: 270px;
	color:#555555;
}

#msg
{
	margin: 0px 0px 0px 5px;
	color: red;
	font-size: 10px;
}


.submit input
{
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-radius:3px;
	border-style:solid;
	border-width:1px;
	cursor:pointer;
	font-size:12px;
	line-height:1.5em;
	padding:3px 5px;
	text-decoration:none;
	background-color:#eee;
	border-color:#ccc;
	color:#333;
}

.submit input:hover
{
	color:#464646;
	border-color:#535353;
}