/*CSS - 2a1n0d5e2r0l0i9s.com
	Figuracao=WBSP
	modelo= 10
*/
*{/*zerando todas as margens e espaços*/
margin: 0;
padding:0;}

ul{list-style:none;}/*elimina o símbolo das listas*/

/*-------TAGS-------*/
body{
background:url(../imagens/fundo.png) center no-repeat;
color:#566685;
font:11px Arial, Helvetica, sans-serif;
text-align:center;}

a{
color:#99bff5;
text-decoration:none;}

a:hover{color:#566685;}

a img{border:none;}

address{
font-style:normal;
margin-bottom:28px;
padding:5px 0 0 100px;}

address a{
color:#566685;
font-weight:bold;}

/*-------CLASSES-------*/
.addr{height:107px;}

.barra{
background:url(../imagens/barra.jpg);
color:#fff;
font-size:16px;
height:26px;
margin-top:10px;
padding-top:6px;
text-align:center;}

.caixa_direita{background:url(../imagens/caixa_direita.jpg) repeat-x;}

.caixa_direita img{
border:0px solid #8b99b5;
float:left;
margin:4px;}

.direita{float:right;}

.esquerda{float:left;}

.nivelador,.caixa_direita p{zoom:1;}/*limpa elementos com float no IE7 ou menor*/

.nivelador:after,.caixa_direita p:after{/*limpa todos os elementos com float*/
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;}

.tel{
color:#99bff5;
float:left;
font-size:16px;
font-weight:bold;
padding:12px 0 0 100px;
text-align:center;
width:190px;}

.title{
color:#4c8dff;
font-size:14px;}

.subtitle{
color:#fff;
font-size:16px;
height:26px;
padding-top:6px;
text-align:center;}

/*-------IDs-------*/
#caixa1{background:url(../imagens/alarme-de-incendio.jpg) top no-repeat;}

#caixa2{background:url(../imagens/alarmes-sensores.jpg) top left no-repeat;}

#caixa3{background:url(../imagens/cerca-eletrica.jpg) top no-repeat;}

#caixa4{background:url(../imagens/cameras-de-seguranca.jpg) top left no-repeat;}

#caixa5{background:url(../imagens/caixa5.jpg) top no-repeat;}

#caixa6{background:url(../imagens/caixa6.jpg) top left no-repeat;}

#caixa_full{background:url(../imagens/caixa7.jpg) top left no-repeat;}

#caixa1,#caixa3,#caixa5{
float:left;
height:107px;
margin-top:10px;
overflow:hidden;
padding:5px 0 0 110px;
width:109px;}

#caixa_full{
float:left;
height:307px;
margin-top:10px;
overflow:hidden;
padding:5px 0px 0 50px;
width:370px;}

#caixa2,#caixa4,#caixa6{
float:right;
height:107px;
margin-top:10px;
overflow:hidden;
padding:5px 11px 0 100px;
width:113px;}

#coluna_direita{
background:url(../imagens/coluna_direita.jpg) top repeat-x;
float:right;
width:322px;}

#coluna_direita p{
margin:10px 10px 5px 15px;}

#coluna_esquerda{
background:#f0f2f6 url(../imagens/coluna_esquerda.jpg) top repeat-x;
float:left;
/*padding:0 11px 0 5px;*/
width:458px;}

#geral{
background:#fff;
margin:0 auto;
text-align:left;
width:780px;}

#mini_colunas{
background:url(../imagens/mini_colunas.jpg) repeat-y;
margin-top:10px;}

#mini_colunas li{
float:left;
padding:7px;
width:100px;}

#mini_colunas li ul li{
padding:0;}

#mini_colunas strong{
color:#a7b2c7;
display:block;
font-size:14px;
margin-bottom:5px;
text-align:center;}

#mini_colunas ul{background:url(../imagens/mini_colunas_topo.jpg) top no-repeat;}

#rodape{
	background:url(../imagens/rodape.jpg) repeat-x;
	color:#fff;
	height:20px;
	margin:0 auto;
	overflow:hidden;
	padding-top:10px;
	text-align:center;
	width:780px;
	float: left;
}

#rodape li{display:inline;}

#rodape li a{
color:#fff;
font-weight:bold;}

#rodape li a:hover{color:#000;}

#titulo_topo{
color:#7685A4;
display:block;
float:right;
font-size:14px;
height:32px;
padding-top:15px;
text-align:center;
width:150px;}

#topo{
background:url(../imagens/topo.jpg) top no-repeat;
height:196px;
width:780px;}
