body {
	background:url(images/bg.jpg) repeat-x scroll top center;
	background-color:#fff;
	color:#666;
	font: 12px Arial, Helvetica, Sans-serif;
	margin:0;
	padding:0;
	textAlign:center;
}
img {
	border:none;
	margin:0px;
	padding:0px;
}
a:link {
	color:#444;
	text-decoration:none;
}
a:visited {
	color:#666;
}
a:hover {
	color:#003e64;
}
a:active {
	color:#666;
}
h1, h2, h3, h4, p, ul, li, p {
	margin: 0;
	padding: 0;
}
#estrutura {
	margin: 0 auto;
	width:960px;
}
/*TOPO*/
#topo {
	width:960px;
}
/*BG AZUL TOPO*/
#bg-topo {
	width:960px;
	height:75px;
	background:url(images/bgTopo.jpg) no-repeat;
	clear:left;
}
/*LOGO*/
.logo-site {
	float:left;
}
h1 {
	textAlign:left;
	float:left;
	margin:0px;
}
h1 a {
	display:block;
	text-indent:-9000px;
	margin:8px 0px 0px 0px;
	width:336px;
	height:53px;
	background:url(images/logoDGABC.png) no-repeat;
	float:left;
}
.voltar-icon {
	height:40px;
	float:right;
	margin:18px 0px 0px 0px;
}
.voltar-icon p a {
	float:left;
	font-weight:bold;
	font: 25px "Open Sans Condensed", Verdana, sans-serif;
	margin:0px 0px 0px 7px;
	color:#fff;
}
.voltar-icon p a:hover {
	color:#ccc;
}
.voltar-icon img {
	margin:-2px 0px 0px 0px;
}
/*MIOLO*/
#miolo {
	width:960px;
	margin:0px 0px 20px 0px;
}
#h2Titulo {
	margin:10px 0px 10px 0px;
}
#h2Titulo h2 {
	font-weight:bold;
	font: 30px "Open Sans Condensed", Verdana, sans-serif;
	color:#003e64;
	textAlign:left;
	font-weight:bold;
	padding:0px;
}
#h2Titulo img {
	margin:10px 0px 0px 0px;
}
#div-login {
	width:960px;
	margin:0px 0px 20px 0px;
	background-color:#f5f5f5;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#div-centraliza-login {
	width:700px;
	margin:0 auto;
    padding: 10px 0;
}
.logar, .cadastrar {
}
.logar h3, .cadastrar h3 {
	font-weight:bold;
	font: 20px "Open Sans Condensed", Verdana, sans-serif;
	color:#cd1e24;
	textAlign:left;
    margin-top: 15px;
}
.logar hr, .cadastrar hr {
	border: 1px solid #e9767a;
    margin-bottom: 15px;
}
/*IE 7*/
	.logar hr, .cadastrar hr {
 *margin:0px 0px;
}
/*FORMULARIO*/
.required, .requiredSenha {
	margin:15px 0px 0px 15px;
}
.required input, .requiredSenha input {
	font-family: Tahoma, Arial, sans-serif;
	background:url(Images/bgInput.jpg) repeat-x #fff;
	font: 20px Arial, Verdana, sans-serif !important;
	border:solid 1px #c1c1c1;
	padding:0px 5px;
	margin:0px 0px 10px 0px;
	height:31px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.requiredSenha input {
	width:200px;
}
/*IE 7*/
.required input, .requiredSenha input {
 *margin:0px 0px 10px -15px;
 *clear:left;
}
.required label, .requiredSenha label {
	font-weight:bold;
	font: 20px "Open Sans Condensed", Verdana, sans-serif;
	color:#444;
	textAlign:left;
	float:left;
    margin: 0 5px 0 0;
}
.required span a, .requiredSenha span a {
	float:left;
	margin-top:-6px;
}
/*ie 7 */
.required span a, .requiredSenha span a {
	float:left;
 *margin:-23px -45px;
}
.submitLogin {
	textAlign: left;
}
.submitLogin a {
	border:none;
	cursor:pointer;
	margin:15px 8px 0px 0px;
	float:right;
	color:#cd1e24;
	font: 20px "Open Sans Condensed", Verdana, sans-serif;
}
.submitLogin a:hover {
	color:#666;
}


.submitLogin a.enviar {
	border:none;
	cursor:pointer;
	margin:15px 8px 0px 0px;
	float:right;
	color:#cd1e24;
	font: 26px "Open Sans Condensed", Verdana, sans-serif;
    padding: 0 18px 3px;
    background-color: #fff;

    -moz-box-shadow: 0 0 5px #cd1e24;
    -webkit-box-shadow: 0 0 5px #cd1e24;
    box-shadow: 0px 0px 5px #cd1e24;
}
.submitLogin a.enviar:hover {
	color:#fff;
    background-color: #cd1e24;
    -moz-box-shadow: 0 0 15px #cd1e24;
    -webkit-box-shadow: 0 0 15px #cd1e24;
    box-shadow: 0px 0px 15px #cd1e24;
}


.submitCadastrar {
	textAlign: left;
}
.submitCadastrar input {
	border:none;
	width:201px;
	height:31px;
	cursor:pointer;
}
/*RODAPE*/
#rodape {
	margin:0;
	padding:0;
	width:100%;
	height:100px;
	background-color:#09446e;
	clear:both;
}
.miolo-rodape {
	width:960px;
	margin: 0 auto;
}
.footerDir {
	width:220px;
	float:right;
	textAlign:center;
	margin:23px 0px;
}
.footerDir p {
	color:#fff;
}




.msgErro 
{
    display:none;
    min-height:10px; 
    border:1px dotted red; 
    background:#f79e9e; 
    margin-top:10px; 
    padding:5px;
}

.msgOk
{
    display:none; 
    width:620px; 
    min-height:10px; 
    border:1px dotted green; 
    background:#9ff08b; 
    margin-top:10px; 
    padding:5px;
}


.boxLogin {
}





/* for 980px or less */
@media screen and (max-width: 980px) {
	
     #estrutura {
	    margin: 0 auto;
	    width: 100%;
    }
    /*TOPO*/
    #topo {
	    width: 100%;
    }
    /*BG AZUL TOPO*/
    #bg-topo {
	    width: 100%;
	    height:75px;
	    background:url(images/bgTopo.jpg) no-repeat;
	    clear:left;
    }

    .voltar-icon {
        display: none;
    }

    #miolo {
        width: 100%;
    }

    #div-login {
        width: 100%;
    }

    #div-centraliza-login {
        width: 100%;
    }

    .miolo-rodape {
        width: 100%;
    }

    .logar{
        width: 100%;
    }

    .required,
    .logar hr, .cadastrar hr
    {
        float: none;
        width: auto;
    }

    .required input 
    {
        clear: both;    
    }

    .boxLogin {
        width: 100%;
    }

}

/* for 700px or less */
@media screen and (max-width: 700px) {

    #estrutura {
	    margin: 0 auto;
	    width: 100%;
    }
    /*TOPO*/
    #topo {
	    width: 100%;
    }
    /*BG AZUL TOPO*/
    #bg-topo {
	    width: 100%;
	    height:75px;
	    background:url(images/bgTopo.jpg) no-repeat;
	    clear:left;
    }

    .voltar-icon {
        display: none;
    }

    #miolo {
        width: 100%;
    }

    #div-login {
        width: 100%;
    }

    #div-centraliza-login {
        width: 100%;
    }

    .miolo-rodape {
        width: 100%;
    }

    .logar{
        width: 100%;
    }

    .required 
    .logar hr, .cadastrar hr
    {
        float: none;
        width: auto;
    }

    .required input 
    {
        clear: both;    
    }

    .boxLogin {
        width: 100%;
    }
}
.CaixaLabel {
    float: left;
    margin-left: 20px;
    padding-right: 10px;
    padding-top: 14px;
    text-align: right;
    width: 100px;
        clear: both;
}

.InputMail {
    width: 280px;
}

/* for 480px or less */
@media screen and (max-width: 480px) {

	#header {
		height: auto;
	}
	h1 {
		font-size: 24px;
	}
	#sidebar {
		display: none;
	}

    .required ,
    .logar hr, .cadastrar hr
    {
        float: none;
        width: auto;
    }

    .required input 
    {
        clear: both;    
    }

}