@charset "utf-8";
/* CSS Document */

/*---------------------css reset-----------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	color: white;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*--------------INÍCIO DO CSS DO TECA---------------------------------------------------------*/
html{
	height: 100%;
	}
#linha1{
	border-top: 1.5px #8c1318 solid;
	width: 100%;
	position: absolute;
	top: 190px;
	}
#linha2{
	border-top: 1.5px #8c1318 solid;
	width: 100%;
	position: absolute;
	top: 385px;
	z-index: 100;
	}

body{
	background: #440505;
	text-align: left;
	margin: 0 auto;
	background-image: url(../imagens/background-3.png);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: white;
	height:100%;
	margin-left:3%;
}
#caixa{ 
	width: 960px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	}
#topo{
	position: relative;
	height: 344px;
	width: 963px;
}
#topoSite{	
	float: left;
	background-image: url(../imagens/topo_residentes3.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin-left: 0px;
	height: 345PX;width: 911px;
	position: relative;
	z-index: 2;
	}
#topo-nav{
	/*background-image: url(../imagens/menu-nav.png);*/
	background-repeat: no-repeat;
	/*height: 60px;*/
	height: 36px;
	width: 910px;
	/*margin-top: -132px;*/
	z-index:999999999999999999999;
}

#miolo{
/*margin-left: 1px;*/
	height: 100% auto;
	position: absolute;
	/*background-image: url(../imagens/miolo.png);*/
	background-repeat: repeat-x;
	z-index: 99;
	overflow: inherit;
	min-height: 100%;
	width: 950px;
	/*border-left: 1.5px #8c1318 solid;
	border-right: 1.5px #8c1318 solid;*/
	}
#menu-esquerdo{
	width: 229px;
	height: 100% auto;
	float: left;
	margin-top: 0px; background:#333;
	
	}
ul#menu-esquerdo {
	 width:99%;
	 border-bottom:1px solid #8c1318;
	 margin:0;
	 padding:0;
	 list-style-type:none;
	 text-align: left;
 }
 ul#menu-esquerdo li {
 	border-bottom:1px solid #8c1318;
 }
 ul#menu-esquerdo li a:link, ul#menu-esquerdo li a:visited {
	 display:block;
	 height:25px;
	 text-decoration:none;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size:14px;
	 color: white;
	 padding-top: 10px;
	 padding-left:5px;
 }
 ul#menu-esquerdo li a:hover {
	 color: #8c1318 ;
	  } 
	  /*---*/
#menu-direita{
	width: 100%;
	position: absolute;
	top: 350px;
	left: 122px;
	z-index: 10;
	
}
.menuHor a {
	font: 12px  Arial, Verdana,Helvetica,sans-serif;
	color: white;
	text-decoration: none;
	text-align: center;
	padding:10px 30px 10px 10px;
	margin-right:10px;
	border-right: 1px solid #8c1318;
	}
.menuHor a:hover {
	color: #8c1318;
	border-right: 1px solid #8c1318;
	}
#conteudo{
	/*width: 680px;*/
	margin-top: 56px;
	margin-right: 20px;
	padding: 20px 10px 50px 10px;	
	/*float: right;*/
	height: 100% auto;
/*	background:#ededed;*/
	
	/*background-image: url(../imagens/miolo-conteudo.png);*/
	background-repeat: repeat-x;	
	}
#eletro{
	background-image: url(../imagens/eletro.png);
	background-repeat: no-repeat;
	height: 98px;
	width: 220px;
	z-index: 99;
	margin-top: 46px;
	position: relative;
	top: -44px;
	
}
#eletro2{
	/*background-image: url(../imagens/eletro2.png);*/
	background-repeat: no-repeat;
	height: 98px;
	width: 220px;
	margin-top: -46px;
	left: 2px;
	z-index: 200;
}
#linha3{
	border-bottom: 1.5px #8c1318 solid;
	width: 100%;
	height: 2px;
	z-index: 10;
	margin-top: -40px;
	
	}
#base{
	width: 100%;
	left: 0;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	bottom: 0;
	z-index:2;
	overflow: inherit;
	width:910px;
	/*background-color:#ededed;*/
	margin-top:30px;
	}
/*---------*/

#base p{
	width:  250px; 
	height: auto;	
	float: left;
	padding: 20px 0 10px 0;
	margin: 20px 20px 0 0;
	text-align: left;
	line-height: 160%;
	vertical-align: top;
	margin-left: 40px;
	
}
#base img{
	float: left;
	padding-bottom: 10px;
	vertical-align: top;
}
#linha-base{
	border-top: 1.5px #8c1318 solid;
	width: 250px;
	height: 2px;
}

a:link{ color: #333; text-decoration: underline;}
a:hover{ color: #8c1318 ;}


h1{
	font-size: 20px;
	text-align: left;
	PADDING: 10PX 20PX 10PX 20PX;
	margin-left: -10PX;
	margin-bottom: 20PX;
	border-bottom:1px solid #8c1318;
	width: 650PX;
	color:#fff;}


form.login {
width:450px;
font: 11px Arial, sans-serif;
color: #63171a;
padding-left:10px;
}
.campos {
background-color:#63171a; 
font: 11px arial, sans-serif;
color:#fff;margin-right: 20px;
border: 1px #8c1318 solid;
padding: 3px;
}
.botao {
background-color: #4a1717;
width: 50px; height: 23px;
font: 10px Arial, sans-serif;
color: #fff;
border: 1px #8c1318 solid;
margin-left: -10px
}

#areaacesso{
	
	
	position:relative;	
	width: 450px; height: 40px;
	left: -10px;
	top: 20px;
	padding-top: 10px;
	padding-left: -50px;
}

p{
margin: 10px;
padding: 5px;
line-height: 150%;
color:#fff;
}

b{
	color:#333;}
	
	
							#faixa_2{
								width:100%; z-index:99999999; float:left; background:url(imagens/faixa_fundo.jpg) repeat; height:45px; position:absolute; -webkit-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.75); margin-top:356px; left:0px;}
	
	
	/*Media Queries*/
	/* max-width */
@media screen and (max-width: 600px) {
	
}

/* min-width */
@media screen and (min-width: 900px) {
	.two {
		background: #F90;
	}
	span.gt900 {
		display: inline-block;
	}
}

/* min-width & max-width */
@media screen and (min-width: 600px) and (max-width: 900px) {
		#caixa
	{
			
		float:left;
		left:10px;
		width:100%;
		height:100px;
	}
	
	.camera_target{
		margin-top:110px;
		}
		
		
		#topicos{
			margin-top:400px!important;
			float:left;
			left:0px;}
			
			#conheca{
				margin-top:800px!important;}
				
				#teca_a{
					width:600px;
					margin-left:20px;}
					
					#teca_b{
					width:600px;
					margin-left:20px;}
					
					#base_contato{
						width:600px;
						margin-left:20px;}
						
						
						#rodape{
							width:600px;
							float:left;}
							
							#faixa_2{
								width:100%; z-index:99999999; float:left; background:url(imagens/faixa_fundo.jpg) repeat; height:45px; position:absolute; -webkit-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.75); margin-top:356px; left:0px;}
			
			
			}
	
}

/* max device width */
@media screen and (max-device-width: 480px) {
	
	
}
	
	/*Fim das Medias Queries*/