@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400);
@font-face {
    font-family: 'sharpbold';
    src: url('fonts/SharpSansNo1BoldItalic.eot');
    src: url('fonts/SharpSansNo1BoldItalic.eot') format('embedded-opentype'),
         url('fonts/SharpSansNo1BoldItalic.woff2') format('woff2'),
         url('fonts/SharpSansNo1BoldItalic.woff') format('woff'),
         url('fonts/SharpSansNo1BoldItalic.ttf') format('truetype'),
         url('fonts/SharpSansNo1BoldItalic.svg#SharpSansNo1BoldItalic') format('svg');
}
@font-face {
    font-family: 'sharpsemibold';
    src: url('fonts/SharpSansNo1SemiboldItalic.eot');
    src: url('fonts/SharpSansNo1SemiboldItalic.eot') format('embedded-opentype'),
         url('fonts/SharpSansNo1SemiboldItalic.woff2') format('woff2'),
         url('fonts/SharpSansNo1SemiboldItalic.woff') format('woff'),
         url('fonts/SharpSansNo1SemiboldItalic.ttf') format('truetype'),
         url('fonts/SharpSansNo1SemiboldItalic.svg#SharpSansNo1SemiboldItalic') format('svg');
}

@font-face {
    font-family: 'sharpmedium';
    src: url('fonts/SharpSansNo1Medium.eot');
    src: url('fonts/SharpSansNo1Medium.eot') format('embedded-opentype'),
         url('fonts/SharpSansNo1Medium.woff2') format('woff2'),
         url('fonts/SharpSansNo1Medium.woff') format('woff'),
         url('fonts/SharpSansNo1Medium.ttf') format('truetype'),
         url('fonts/SharpSansNo1Medium.svg#SharpSansNo1Medium') format('svg');
}

@font-face {
    font-family: 'sharpitalic';
    src: url('fonts/SharpSansNo1BookItalic.eot');
    src: url('fonts/SharpSansNo1BookItalic.eot') format('embedded-opentype'),
         url('fonts/SharpSansNo1BookItalic.woff2') format('woff2'),
         url('fonts/SharpSansNo1BookItalic.woff') format('woff'),
         url('fonts/SharpSansNo1BookItalic.ttf') format('truetype'),
         url('fonts/SharpSansNo1BookItalic.svg#SharpSansNo1BookItalic') format('svg');
}

/* VERMELHO C = #AF0C29 */
/* VERMELHO E = #74000B */
/* CINZA = #A3A5A8 */

body 			{ background:url(../imagens/fundo.jpg) repeat top center #FFF; font:15px 'sharpitalic', Calibri; font-weight:300; line-height:20px; text-align:justify; color:#FFF; margin:0; padding:0;}
#topo 			{ width:960px; margin:0 auto; text-align:center; height:50px; display:table;}
#logo 			{ margin:30px 0;}
.janela_pop				{ font: 15px Overlock; width:600px; height:450px; overflow:hidden; background-color:#DDD; padding: 20px 0; position:fixed; text-align:center; top: 50%; left: 50%; right: 50%; /* Centralizar */ z-index: 99999; box-shadow: 0px 0px 20px #FFF; /* CSS3 */ -moz-box-shadow: 0px 0px 20px #FFF; /* Firefox */ -webkit-box-shadow: 0px 0px 20px #FFF; /* Safari, Chrome */ border-radius:17px; -moz-border-radius: 17px; /* Firefox */ -webkit-border-radius: 17px; /* Safari, Chrome */ }
.close_janela       {  position:absolute; right:0; top:0; font: 26px Calibri; cursor:pointer; _cursor:hand; color:#900;}
#mask 				{ display: none; background: #000;  position: fixed; left: 0; top: 0;  z-index: 10; width: 100%; height: 100%; opacity: 0.8; z-index: 999;}

 /* campos */
input#login				{width:340px; background:none;}
input#senha				{width:240px; background:none;}
input					{ outline:none; font:18px 'sharpitalic', Calibri; font-weight:300; color:#FFF; padding:8px 10px; border-radius:5px; border:solid 1px #dddddd;}
input[type=submit] 		{ background:#FFF; color:#AF0C29; font:19px 'sharpbold', Calibri; font-weight:bold;  border:1px solid #FFF; padding: 6px 15px; cursor: pointer; cursor: hand;}
input[type=submit]:hover{ background:#AF0C29; color:#FFF; cursor: pointer; cursor: hand;}

/*  Padrão  */
a			{ text-decoration:none; border:0; color:#999;}
a:hover		{ text-decoration:none; border:0; color:#49718F;}
p			{ padding:0; margin:0 0 15px 0;}

.content	{ width:900px; padding:30px; margin:0 auto; display:table; margin-top:0px;}
#home		{ background:url(../imagens/fundoquadro.png) repeat-x top center; }
#home .col01 { float:left; width:54%;}
#home .col02 { float:right; width:41%;}
.title		{ font:23px 'sharpsemibold', Calibri; font-weight:400; color:#FFF; margin:0 0 20px 0;}

/*  Rodapé  */
.rodape					{ width:100%; margin:0px 0 0 0; padding: 20px 0;}
.copy					{ width:960px; margin:0 auto; text-align:center; color:#fff; }
.copy #copy 			{ width:90%; float:left; }
.copy #mc				{ width:60px;}

@media screen and ( max-width: 960px){ 

.rodape				{ width:960px;}
}