/*
CSS - Safety Sistemas de Segurança
Desenvolvido em 10/2009
By Paulo Mattiuzzo - www.paulomattiuzzo.com.br
*/

*{margin:0;	padding:0;}

body{
	background:#FFF url(../images/bg.jpg) left top repeat-x;
	font-family:Tahoma;
	font-size:11px;
	color:#333;
	line-height:17px;
}

a, a:focus{outline:none; color:#246185; text-decoration:none;}
a:hover{color:#3185B7; text-decoration:none;}

hr{background:none; margin:20px 0; border-top:1px solid #E0E0E0; border-bottom:1px solid #B1B3B4;}

#geral{
	background:url(../images/bg_geral.gif) right top no-repeat;
	width:960px;
	margin:0 auto;
	display:table;
}

form input, textarea, select{
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #194D86;
	border-left:1px solid #CCC;
	background:#FFF url(../images/bg_input.jpg) bottom left repeat-x;
	font-family:Tahoma;
	font-size:11px;
	color:#666;
	margin:0 0 5px 0;
}

form .newsletter{height:16px; width:155px; padding:3px;}
form .contato{height:16px; width:200px; padding:3px;}
form textarea{width:433px; height:94px; padding:3px;}

form button#bot{position:absolute; border:none; width:47px; height:24px; padding:0; background:url(../images/bot.jpg) 0 0 no-repeat; text-indent:-9999px; *margin:-20px 0 0 0;}
form #contato_bot{border:none; width:47px; height:24px; padding:0; background:url(../images/bot.jpg) 0 0 no-repeat; text-indent:-9999px; cursor:pointer;}

.aviso_ok{background:#A0C2D4; padding:20px; margin:20px; width:350px; border:1px solid #194D86; font-family:Tahoma; font-size:11px; color:#194D86;}
.aviso_alert{background:#FFCECE; padding:20px; margin:20px; width:350px; border:1px solid #990000; font-family:Tahoma; font-size:11px; color:#590000;}

.box_cinza{padding:0 20px 0 130px; margin:20px 0; border:1px solid #EEEEEE;}
#gold{background:#F7F7F7 url(../images/bg_serv_gold.jpg) left bottom no-repeat;}
#silver{background:#F7F7F7 url(../images/bg_serv_silver.jpg) left bottom no-repeat;}

p.publicado{
	font-size:9px;
	color:#A0C2D4;
}

img{border:none;}

/*Estilos do Right*/
#right{width:171px; padding:240px 20px 0 20px; background:url(../images/right_bg_1.gif) 0 65px no-repeat; float:right;}

/*Estilos do Topo*/
#top{height:215px; width:747px;}

/*Estilos do Left*/
#left{width:160px; padding:0 20px; float:left; background:url(../images/bg_left.jpg) 0 0 no-repeat;}
article strong{font-weight:bold; color:#2C77A0;}
article small{font-size:9px; color:#A0C2D4; padding:0 0 0 14px; background:url(../images/bg_data.gif) 0 0 no-repeat;}

/*Estilos do Menu*/
ul#menu{margin:20px 0 40px 0;}

ul#menu li{
	list-style:none;
	width:144px;
	height:24px;
}

ul#menu li a{
	display:block;
	width:144px;
	height:24px;
	text-indent:-99999px;
	background-position:0 0;
	background-repeat:no-repeat;
}

ul#menu li a:hover{background-position:0 -24px;}
ul#menu li a.active, ul#menu li a.active:hover{background-position:0 -48px;}

ul#menu li a#safety{background-image:url(../images/menu_safety.gif)}
ul#menu li a#servicos{background-image:url(../images/menu_servicos.gif)}
ul#menu li a#produtos{background-image:url(../images/menu_produtos.gif);}
ul#menu li a#qualidade{background-image:url(../images/menu_qualidade.gif);}
ul#menu li a#dicas{background-image:url(../images/menu_dicas.gif);}
ul#menu li a#contatos{background-image:url(../images/menu_contatos.gif);}
ul#menu li a#solucoes{background-image:url(../images/menu_solucoes.gif);}
ul#menu li a#depoimentos{background-image:url(../images/menu_depoimentos.gif);}
ul#menu li a#trabalhe{background-image:url(../images/menu_trabalhe.gif);}

/*Estilos do Conteudo*/
#conteudo{width:487px; background:url(../images/bg_conteudo.jpg) 0 0 no-repeat; padding:30px 30px 50px 30px; float:left; font-size:12px;}
#conteudo p{margin:10px 0;}
ul.listagem{margin:0 0 0 30px;}
h2{font-family:Arial; font-weight:bold; color:#006699; text-transform:uppercase; font-size:15px; margin:20px 0 0 0;}
span.requerido{font-size:9px; color:#999; position:absolute; margin:5px 0 0 20px;}
.div_dica{padding:20px; background:#F2F2F2; border-top:4px solid #EBEBEB;}
.ul_dicas li{list-style-image:url(../images/tick_dica.jpg); padding:0 0 15px 10px; list-style-position:inside;}

#banner_rotativo{width:453px; height:168px; margin:30px auto;}
#box_1{width:244px; float:left; margin-right:30px;}
#box_2{width:200px; float:left;}

/*Estilos do Rodapé*/
#footer{background:url(../images/bg_footer.jpg) 0 0 repeat-x;}
#footer_content{
	width:920px;
	height:90px;
	padding:25px 20px 0 20px;
	margin:0 auto;
	background:url(../images/bg_footer_content.jpg) 0 0 no-repeat;
	color:#666;
}
#footer_content strong{font-weight:bold; color:#333;}
#footer_content a#icon_mail{padding:0 0 0 15px; color:#246185; background:url(../images/icon_mail.gif) 0 4px no-repeat;}
#footer_content a:hover#icon_mail{color:#3185B7; text-decoration:none;}
#footer_content p#address{float:left;}
#footer_content p#fones{float:right; margin:0 40px 0 0;}
address{font-style:normal;}