/* 
*
* REFOMRULAÇÃO DA PAGINA DO ATENDIMENTO ONLINE.
*
*
*/



* {margin: 0; padding: 0;}

body {
	background-color: #FFF;
	background-image:url(../../imagens/fundo_site.jpg)

}


	header{
		position: fixed;
		width: 100%;
		height: 70px;
		top: 0;
		left: 0;
		z-index: 5;
		background-color: #f8f8f8;
		background-repeat: no-repeat;
		vertical-align: bottom;
		
		background-size: 30%;
		background-width: 30%;
		background-height: 100%;
		
		-moz-box-shadow: 1px 3px 12px #141414;
		-webkit-box-shadow: 1px 3px 12px #141414;
		box-shadow: 1px 3px 12px #141414;
	}
					header > a > img {
						position: relative;
						margin-left: 10%;
						height: 69px;
						width: 270px;
					}

					header > h3 {
						margin-top: -35px;
						margin-right: 5%;
						text-align: right;
						font-size: 18px;
					}

	header > a > img {
						position: relative;
						margin-left: 10%;
						height: 69px;
						width: 270px;
						z-index: 10;
					}
	.center {
		display:block;
		width: 65%;
		margin: 0 auto;
	}


						
	.container {  /* DIV com conteudo  */
		display: inherit;
		position: relative;
		background-color: #1D1D1D;
		width: 100%;
		margin: 90px auto 10px;
		padding-top: 30px;
		min-height: 500px;
		text-align: center;

		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	
	
			.container > h3 {
				display: block;
				margin-top: 0px;
				width: 100%;
				text-align: center;
				font-size: 14px;
				color: #f1f1f1;
				margin-bottom: 50px;
				line-height: 100%;
			}
			
			.container > div {
				height: 115px;
				display: block;
				margin: 20px 0;
				text-align: center;
			}
			
					.container > div > span {
						
						position: relative;
						display: block;
						width: 32%;
						height: 110px;
						margin: 5px auto;
						text-align: center;
						float: left;
				
					}
					
					
					.container > div > span:nth-last-child(2){
						position: relative;
						display: block;
						width: 32%;
						height: 110px;
						margin: 5px 1% 5px 2%;
						text-align: center;
						float: left;
					}
					
					.container > div > span:nth-last-child(1){
						clear: inherit;
						position: relative;
						display: block;
						width: 32%;
						height: 110px;
						margin: 5px auto;
						text-align: center;
						float: right;
					}
							
						

	.login {
	display: block;
	width: 100%;
	height: 18x;
	margin: 0 auto;
	text-align: right;

	}
	
			.login > a {
				text-decoration: none;
			}
			
			.login > a:hover {
				text-decoration: none;
				color: #3FA2F7;
			}

	
.rodape {
	width: 100%;
	margin: 20px auto;
	display:block;
	position: relative;
	text-align: center;
	}
	
		.rodape > p{
			
			font-size: 11px;
			color: #000;
			line-height: 70%;
		
		}
	
		.rodape > p:nth-child(1){
			
			font-size: 11px;
			color: #000;
			line-height: 70%;
			font-weight: bolder;
		
		}
		
		.rodape > p:nth-child(2) {
			
			font-size: 10px;
			color: #000;
			line-height: 70%;
		
		}

		
/* 
** ----------------------------------------------------
** RESPONSIVE
*/

@media (min-width: 769px ) { 
	.center {
		display:block;
		width: 65%;
		margin: 0 auto;
	}
}
@media (max-width: 768px ) { 
	header  > h3 {
			margin-top: -35px;
			margin-right: 5%;
			text-align: right;
			font-size: 14px;
			z-index: 100;
	}
	
	header > a > img {
						position: relative;
						margin-left: 10%;
						height: 69px;
						width: 270px;
						z-index: 5;
					}

	.center {
		display: block;
		width: 85%;
		margin: 0 auto;
	}	
	
	.container > h3 {
				display: block;
				margin-top: 0px;
				width: 100%;
				text-align: center;
				font-size: 14px;
				color: #414141;
				margin-bottom: 30px;
				line-height: 100%;
	}
	
}
@media (max-width: 320px ) { 
	.center {
		display:block;
		width: 100%;
		margin: 0 auto;
	}	
	
	header  > h3 {
			margin-top: -35px;
			margin-right: 5%;
			text-align: right;
			font-size: 14px;
			z-index: 5;
	}
}