/*

	 CSS-Tricks Example

	 by Chris Coyier

	 http://css-tricks.com

*/



* { margin: 0; padding: 0; }

body { font: 14px Georgia, serif; }

.body, .informe, .rodape, .body-fundo  {	

	

	-moz-box-shadow: 0px 5px 10px -4px #000000;

	-webkit-box-shadow: 0px 5px 10px -4px #000000;

	box-shadow: 0px 5px 10px -4px #000000;

background-color:#00AFF0;

	border-radius:10px;

	-moz-border-radius:10px;

	/* Firefox, etc */

	-khtml-border-radius:10px;

	/* Konqueror, etc */

	-webkit-border-radius:10px;

	/* Safari, Google Chrome, etc */

	-opera-border-radius:10px;

	/* Opera */	

	behavior: url(border-radius.htc);

	/*internete sxplores*/

}



.body {	

	width:800px;

	margin:20px auto;

	padding:0px auto;

	text-align:center;

}

.body-fundo{

	width:780px;	

	height:430px;

	margin:5px auto;	

	background:url(../images/01.jpg);

	background-repeat: no-repeat;



}



.informe{

	width:320px;	

	margin:0px 450px;

	height:200px;

	background-color:#FFF;

	filter:alpha(opacity=82); -moz-opacity:0.82; opacity:0.82;

}	

.rodape {	

	width:780px;	

	height:70px;

	margin:5px auto;	

	background-color:#FFF;

}

h3 { margin: 20px 0 10px 0; }



h2 {

	color:#06F;

	}

.login-block {

	margin:0px 450px;

	width:320px;

	height:200px;

	padding:0px 0px;

	font-weight:bold;





}



.login-block form {

    border:3px solid white;

    padding:20px;	

		background-color:#FFF;

			filter:alpha(opacity=82); -moz-opacity:0.82; opacity:0.82;

	  -moz-border-radius:10px;

	/* Firefox, etc */

	-khtml-border-radius:10px;

	/* Konqueror, etc */

	-webkit-border-radius:10px;

	/* Safari, Google Chrome, etc */

	-opera-border-radius:10px;

	/* Opera */	

	behavior: url(border-radius.htc);

	/*internete sxplores*/	

	-moz-box-shadow:0 0 10px #333;

    -webkit-box-shadow: 0 0 10px #333;	

}



.login-block .active-form {

    border-color:#d09e6d;

}



.login-block form p {

    margin:0;

    text-align:left;

}



.login-block label {

    color:#7C6767;

    font-size:14px;

	font-weight:bold;

}



.login-block input[type="text"], .login-block input[type="password"] {

    border-color:#EEEEEE #CCCCCC #CCCCCC #EEEEEE;

    border-right:1px solid #CCCCCC;

    border-style:solid;

    border-width:1px;

    font-size:16px;

	font-weight:bold;

	color:#7C6767;

    margin:0 0 15px;

    padding:5px;

    width:200px;

}



.login-block a.button {

    text-decoration:none;

}



.login-block input[type="text"]:focus, .login-block input[type="password"]:focus {

    border-color:#555555;

}

.button3 {

    font-family: Verdana, Geneva, sans-serif;

    font-size: 24px;

    color: #000;

    padding: 5px 10px 5px 10px;

    border: 1px solid #999;

    text-shadow: 0px 1px 1px #FFF;

    text-decoration: none;

 

    border-radius: 10px;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

 

    background: #ffcc66;

    background: -moz-linear-gradient(top, #ffcc66 0%, #ffe6b6 50%, #ffbc47 51%, #ffc75d 100%);

    background: -webkit-gradient(linear, left top, left bottom, from(#ffcc66), to(#ffe6b6), color-stop(0.4, #ffe6b6), color-stop(0.5, #fff), color-stop(.5, #ffbc47), color-stop(0.9, #ffc75d));

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc66', endColorstr='#ffe6b6', GradientType=0 );

 

    cursor: pointer;

 

}

.button3:hover {

    background: -moz-linear-gradient(top, #ffcc66 0%, #ffe6b6 50%, #ffe6b6 51%, #ffc75d 100%);

    background: -webkit-gradient(linear, left top, left bottom, from(#ffcc66), to(#ffe6b6), color-stop(0.4, #ffe6b6), color-stop(0.5, #fff), color-stop(.5, #fff), color-stop(0.9, #ffc75d));

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe6b6', endColorstr='#ffe6b6', GradientType=0 );

}