@charset "utf-8";
html {
	margin: 0;
	padding: 0;
	}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}
.index {
	background-color: #E9EBED;
}
.red a:link, .red:active, .red:hover, .red:visited {
	color: #c9305f;
	text-decoration: none;
}
.red a {
	color: #c9305f;
	text-decoration: none;
}
#combts {
	float: left;
	width: 404px;
}

#blog {
	float: right;
	display: block;
	margin: 0px;
	padding: 0px;
}
.combts2 {
	float: left;
	width: 190px;
	display: block;
	background-color: #E9EBED;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	height: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-top: 5px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #FF0000;
}
.combts2 img {
	border: 1px solid #CCCCCC;
	margin-top: 4px;
	text-align: center;
	margin-left: -3px;
}

#conteudo #centralizar {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	padding-left: 35px;
}


p {
	margin: 1px;
	padding-left: 5px;
}
.legenda2 {
	color: #AFB8C0;
	font-style: italic;
}


a:link {
	color: #c9305f;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #999999;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #333333;
}
h3 {
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px; 
	color: #788896;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px; 
	color: #788896;
	padding-left: 5px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#conteudogal {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	height: auto;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(http://www.naoconformidades.com.br/galeria1_imas/bg_principal.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#geral {
	background-color: #FF9900;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 1em;
	display: block;
	margin-top: 0px;
	margin-bottom: 1px;
	height: 100%;
}


#conteudogal #colunaesq {
	width: 470px;
	margin-left: 30px;
}
#conteudogal #colunadir {
	width: 180px;
	float: left;
}
#conteudogal #colunadir #btzaohome {
	width: 170px;
}


#conteudo {
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	background-color: #FFFFFF;
}
#top .bgbco {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


#top {
	width: 690px;
	margin-top: 1px;
	height: 138px;
	margin-left: 0px;
	padding-top: 0px;
}
.entregamos {
	display: block;
	float: right;
	width: 170px;
	margin-right: 160px;
}

.bgbco {
	background-color: #FFFFFF;
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	border-right-style: none;
	border-left-style: none;
}

.imastexto {
	margin: 3px;
	padding: 3px;
	float: left;
}


#bannermaior {
	background-color: #10537e;
	width: 100%;
	height: 80px;
	text-align: center;
	clear: both;
	float: left;
	margin-top: 3px;
	margin-bottom: 3px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}


#top #btao a:link, #top #btao a:visited, #top #btao a:active, #top #btao2 a:link, #top #btao2 a:visited, #top #btao2 a:active {
	color: #FFFFFF;
	text-decoration: none;
	float: right;
	width: 170px;
	text-align: center;
	vertical-align: middle;
	font-size: 10px;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 2px;
	background-image: url(images/bg_bttop.png);
	height: 29px;
	background-repeat: no-repeat;
	background-color: none;
	margin-top: 22px;
}

#top #btao  a:hover {
	color: #FFFFFF;
	background-image: url(images/bg_bttop_over.png);
	background-repeat: no-repeat;
}
#btaologo a, #btaologo a:link, #btaologo a:visited, #btaologo a:active, #btaologo a:hover  {
	float: left;
	text-decoration: none;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px;
	margin-top: 32px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #FFFFFF;
}
#colunaesq {
	float: left;
	margin: 0px;
	padding: 0px;
}
#rodape1 {
	font-size: 9px;
	color: #999999;
	text-align: center;
	width: 630px;
	padding: 0px;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 1px solid #E9EBED;
}
#rodape {
	font-size: 9px;
	color: #999999;
	text-align: center;
	width: 670px;
	padding: 0px;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	border: 1px solid #E9EBED;
}
#rodape p {
	padding: 2px;
	margin: 1px;
}
#linksrod {
	margin-top: 2px;
	margin-bottom: 6px;
	padding: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #BCC4CB;
}
.p2 {
	display:none;
	color: #FFFFFF;
	}

#colunadir {
	float: right;
	width: 200px;
}
.contorno {
	margin-top: 2px;
	border: 1px solid #CCCCCC;
}

#btzaohome {
	width: 152px;
	border: 1px solid #EBF0F5;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	float: left;
}

#conteudo #colunaesq #btzaohome p {
	color: #990000;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #E9EBED;
	
}
#colunaesq #btzaohome {
	width: 190px;
	padding: 0px;
	height: 154px;
	border: 1px solid #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	}
#conteudo #colunaesq #btzaohome img {
	padding: 0px;
	margin: 0px;
}


.imaindex {
	width: 396px;
	padding: 0px;
	border: 1px solid #E9EBED;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-align: center;
}

.galeria {
	width:450px;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #003300;
	height: 265px;
	margin: 0;
	}
#galerias a, #galerias a:link, #galerias a:hover {
	padding: 1px;
}
.img-aqui2 {
	position:relative;
	top:0px;
	float:right;
	background-repeat: no-repeat;
	background-position: 15% 30%;
	width: 320px;
	height: 265px;
	background-image: url(http://www.naoconformidades.com.br/galeria1_imas/bg_placaaco.png);
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #FFFFFF;
}

.img-aqui {
	position:relative;
	top:0px;
	float:right;
	background-repeat: no-repeat;
	background-position: 15% 30%;
	width: 320px;
	height: 265px;
	background-image: url(http://www.naoconformidades.com.br/galeria1_imas/bg_placa.png);
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #FFFFFF;
	}
ul.fotos {
	position:relative;
	list-style:none;
	width:130px;
	padding:0;
	background-color: #FFFFFF;
	height: auto;
	margin: 0;
	float: right;
}
.fotos:after {
	display: block;
	content: ".";
	height: 0;
	font-size:0; 
	visibility: hidden;
	clear: both;
	}
ul.fotos li {
	width:50px;
	height:50px;
	float:right;
	padding: 1px;
}
ul.fotos li img {
	width:50px;
	height:50px;
	margin: 0px;
	padding: 1px;
	border: 1px solid #E3ECDD;
}
ul.fotos li span img {
	height:auto;
	border: 1px solid #CCCCCC;
	width: auto;
	margin: 0px;
	padding: 1px;
}
ul.fotos a {
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 1px;
	height: 50px;
	width: 50px;
	} 
ul.fotos a span {
	display: none;
	background-color: #FFFFFF;
}
ul.fotos a:hover span.legenda {
	display: block;
	text-align:left;
	width:300px;
	position:relative;
	top:5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-left-style: none;
	padding-right: 10px;
	padding-left: 10px;
	left: -1px;
}
ul.fotos a:hover span {
	display: block;
	position: absolute;
	left: 140px;
	padding: 1px;
	top: -1px;
   }
ul.fotos a:hover span.legenda {
	padding:2px;
	color:#666666;
}
</style>
[if lte IE 6]>
<style type="text/css">
ul.fotos {
	width:164px;
	padding:  2px 0 1px 0;
	}
/* Fixes for IE */
/* Fix IE. Hide from IE Mac \*/
ul.fotos li {
	float: left;
	padding: 1px;
	height: 50px;
	width: 50px;
}
ul.fotos li a {
	height: 50px;
	width: 50px;
	padding: 1px;
}
/* End */
ul.fotos a:hover {
	text-decoration:none;
	background-color: #DBD2F0;
	background-image: none;
	padding: 1px;
	height: 50px;
	width: 50px;
	} 
ul.fotos li {
	width:50px;
	height: 50px;
	padding: 1px;
}
ul.fotos a:hover span.legenda {
	width:290px;
}
<![endif]

#contem2 {
	float: left;
	clear: both;
}
#contem2 {
	width: 490px;
	padding-top: 5px;
	margin-top: 5px;
	float: right;
}
input.btform {
	font-size: 9px;
	background-color: #CC0000;
	border: 1px solid #CCCCCC;
	color: #FFFFFF;
	padding: 1px;
	margin: 1px;
}

input:hover.btform {
	font-size: 9px;
	background-color: #E9EBED;
	border: 1px solid #999999;
	color: #CC0000;
}
.linha {
	display: block;
	width: 440px;
	float: left;
	clear: left;
}
.contatoTit {
	float: left;
	width: 85px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #E9EBED;
	border-left-color: #AFB8C0;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(images/bullet01.png);
	background-repeat: no-repeat;
	background-position: right center;
	text-indent: 6px;
}
.contato {
	float: left;
	clear: right;
	width: 320px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #F7F8F9;
	border: 1px solid #FFFFFF;
	font-size: 11px;
	color: #999999;
}
.tabelinha {
	float: left;
	height: 30px;
	width: 110px;
	background-color: #E9EBED;
	border: 1px solid #AFB8C0;
	margin: 0px;
}

.tabelinha1 {
	float: left;
	height: 37px;
	width: 110px;
	border: 1px solid #DEE1E4;
	margin: 0px;
}
.tabelinha2 {
	padding: 2px;
	float: left;
	width: 145px;
	background-color: #FFFFFF;
}
.tabelinha3 {
	float: left;
	height: 50px;
	width: 110px;
	border: 1px solid #DEE1E4;
	margin: 0px;
}


#conteudo #colunadir {
	width: 230px;
	padding-left: 10px;
}
#conteudo #colunaesq {
	width: 410px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#indexbts {
	width: 200px;
	background-color: #EEE8E3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #009933;
	margin: 0px;
	padding: 0px;

}
#indexbts ul li {
	width: 200px;
	text-decoration: none;
	color: #000099;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#indexbts ul li a:link {
	width: 200px;
	text-decoration: none;
	color: #990000;
	height: 190px;
	list-style-type: none;
}

.linhatab {
	background-color: #FAF9FB;
	font-weight: bold;
}


/* menu-vert.css */
#nav  {
	float: left;
	width: 200px;
	list-style: none;
	border: 1px solid #FFF;
	border-width: 1px 0;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}

#nav ul  {
	float: left;
	width: auto;
	list-style: none;
	padding: 0;
	border: 1px solid #FFF;
	border-width: 1px 0;
	margin: 0;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 14px;
	font-weight: bold;
	background-color: #FFFFFF;
}

#nav a {
	display: block;
	width: 170px;
	color: #7C6240;
	text-decoration: none;
	border: 1px solid #FFF;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	color: #666;
	height: 1%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 14px;
	font-weight: bold;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 15px;
	margin-top: 2px;
	background-color: #FFFFFF;
}

#nav a:hover {
	background: #CCC;
}

#nav a.ima {


}

#nav a.ima:hover {
	background-image: url(http://www.naoconformidades.com.br/images/placa_peq01.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}


#nav a.ima1 {
	background-image: url(http://www.naoconformidades.com.br/images/index01.png);
	background-repeat: no-repeat;
	background-position: center 35px;
	height: 170px;
}

#nav a.ima1:hover {
	background-image: url(http://www.naoconformidades.com.br/images/index01_over.png);
	background-repeat: no-repeat;
	background-position: center 35px;
	color: #333333;
	background-color: #FFFFFF;
}
#nav a.ima2 {
	background-image: url(http://www.naoconformidades.com.br/images/index02.png);
	background-repeat: no-repeat;
	background-position: center 35px;
	height: 170px;
}




#nav a.ima2:hover {
	background-image: url(http://www.naoconformidades.com.br/images/index02_over.png);
	background-repeat: no-repeat;
	background-position: center 35px;
	background-color: #FFFFFF;
	color: #333333;
}
#nav a.ima3 {
	background-color: #FFFFFF;
	height: 170px;
	background-image: url(http://www.naoconformidades.com.br/images/index03.png);
	background-repeat: no-repeat;
	background-position: center 35px;
}

#nav a.ima3:hover {
	background-color: #FFFFFF;
	background-image: url(http://www.naoconformidades.com.br/images/index03_over.png);
	background-repeat: no-repeat;
	background-position: center 35px;
	color: #333333;
}
#nav a.ima4 {
	background-color: #FFFFFF;
	height: 30px;
}

#nav a.ima4:hover {
	background-color: #990000;
}


/* Menu linhas secundário e principal interno */
#nav2  {
	float: left;
	width: 150px;
	list-style: none;
	border: 1px solid #FFF;
	border-width: 1px 0;
	color: #666;
	margin-top: 0;
	margin-right: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 0;
	margin-left: 15px;
}
#nav2 p {
	font-size: 10px;
	font-weight: bold;
	color: #990000;
	margin: 0px;
	padding: 0px;
}


#nav2 ul  {
	float: left;
	width: auto;
	list-style: none;
	border: 1px solid #FFF;
	border-width: 1px 0;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 14px;
	font-weight: bold;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
	padding: 0;
	background-color: #FFFFFF;
}

#nav2 a {
	display: block;
	width: 123px;
	color: #7C6240;
	text-decoration: none;
	color: #666;
	height: auto !important;
	height: 1%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 14px;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-image: url(images/bg_menu1.png);
	background-repeat: no-repeat;
	border: 1px solid #FFF;
}

#nav2 a:hover {
	color: #000000;
	background-image: url(images/bg_menu1_over.png);
	background-repeat: no-repeat;
	background-position: left 2px;
}

#nav2 a.daddy { 
	background: url(http://www.naoconformidades.com.br/images/placa_peq2.jpg) center center no-repeat;
}

#nav2 a.daddy:hover {
	background: #CCC url(http://www.naoconformidades.com.br/rightarrow2.gif) 96% 50% no-repeat;
}

#nav2 a.daddy1 {
	background: url(http://www.naoconformidades.com.br/downarrow2.gif) 8% 50% no-repeat;
}

#nav2 a.daddy1:hover {
	background: #CCC url(http://www.naoconformidades.com.br/downarrow2.gif) 8% 50% no-repeat;
}
.dica {
	color: #E9EBED;
	font-size: 8px;
	display: none;
}
#mag {
	float: left;
	width: 202px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
}
#mag a {
	text-decoration: none;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
#mag p {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	text-decoration: none;
	margin: 0px;
	padding-top: 15px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.thumbnail{
	position: relative;
	z-index: 0;
}

.thumbnail:hover{
	z-index: 50;
	background-color: transparent;	
}

.thumbnail span{ 
	position: absolute;
	background-color: #FFFFFF;
	padding: 5px;
	left: -1000px;
	visibility: hidden;
	color: #666666;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: groove;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: groove;
	border-top-color: #CCCCCC;
	border-right-color: gray;
	border-bottom-color: #808080;
	border-left-color: #CCCCCC;
}

.thumbnail span img{ 
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{
	visibility: visible;
	top: -45;
	z-index: 99;
	left: -280px;
}
 /* área de texto*/
.thumbtx{
	position: relative;
	z-index: 0;
	float: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.thumbtx:hover{
	z-index: 50;
	background-color: transparent;	
}

.thumbtx span{ 
	position: absolute;
	background-color: #FFFFFF;
	padding: 5px;
	left: -1000px;
	visibility: hidden;
	color: #666666;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: groove;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: groove;
	border-top-color: #CCCCCC;
	border-right-color: gray;
	border-bottom-color: #808080;
	border-left-color: #CCCCCC;
}

.thumbtx span img{ 
border-width: 0;
padding: 2px;
}

.thumbtx:hover span{
	visibility: visible;
	top: 0;
	z-index: 99;
	left: 60px;
}
</style>
[if lte IE 6]>
<style type="text/css">
.thumbtx span img {
	width:420px;
	padding:  1px 0 1px 0;
	border-width: 0;
	}
/* Fixes for IE */
/* Fix IE. Hide from IE Mac \*/
.thumbtx span {
	float: left;
}
/* End */
.thumbtx:hover {
	text-decoration:none;
	background-color: whithe;
	background-image: none;
	padding: 1px;
	height: auto;
	width: 420px;
	} 

.thumbtx:hover span {
	width:420px;
}
</style>
<![endif]