/* CSS Document */

.body {
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 12px;
	color:#333;
	background: url(../imgs/fundo.gif);
	background-repeat:repeat-x;
	background-color:#999;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

.clear {
	clear:both;
}



/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.floatLeft {
	display: block;
	float: left;
	margin-bottom: 15px;
}
.floatRight {
	display: block;
	float: right;
}

a {
	color: #FF6600;
}

/*botao voltar*/
.newbtnvoltar{
	
}
/*topo*/
.containerGeral {
	display: block;
	width: 960px;
	min-height: 600px;
	position: relative;
	margin: 0 auto;
	padding-bottom: 20px;
}

.baseTopo {
	display: block;
	float:left;
	width: 960px;
	height: 131px;
	background: url(../imgs/fundoCabecalho.gif);
	background-repeat:repeat-x;
}

.tableFormatSugira input, textarea{
	width: 300px;
}

.logo {
	display: block;
	float:left;
	width: 230px;
	height: 91px;
	background: url(../imgs/logo.png);
	margin:22px 0 0 15px;
}

.baseMenu {
	display: block;
	float:right;
	width: 640px;
	height: 125px;
}

.baseAreaReservada {
	display: block;
	float:right;
	width: 152px;
	height: 31px;
	background: url(../imgs/titAreaReservada.png);
	margin:25px 22px 0 0;
}

.baseNewsletter{
	display: block;
	float:right;
	width: 152px;
	height: 31px;
	background: url(../imgs/btNewsletter.png);
	margin:25px 22px 0 0;
}
.btSubcrever{
	display: block;
	float:right;
	width: 75px;
	height: 10px;
	background: url(../imgs/btSubscrever.png);
	margin-top:16px;
}

.newbtnsubmit{
	width: 111px;
	height: 50px;
	background: url(../imgs/btSubmeter.gif);
	border: none;
}

.btAceder {
	display: block;
	float:right;
	width: 50px;
	height: 10px;
	background: url(../imgs/btAceder.png);
	margin-top:16px;
}
.btLogout {
	display: block;
	float:right;
	width: 50px;
	height: 10px;
	background: url(../imgs/btLogout.png);
	margin-top:16px;
	color: #FFFF00; 
}

.baseBotoes {
	display: block;
	float:right;
	background-color:#CCC;
	width: 640px;
	height: 51px;
	margin-top:18px;
}

#menu ul {
	padding: 0;
	margin: 0;
}

#menu ul li {
	float: left;
	list-style: none;
}

#menu ul li a {
	display: block;
}

#menu ul li a span {
	display: none;
}

.bt01 {
	display:block;
	background: url(../imgs/bt01.gif);
	width:119px;
	height:51px;
}
.bt01 a{
	display:block;
	width:119px;
	height:51px;
}
.bt01 a:hover{
	background:url(../imgs/bt01.gif) 0 -51px;
	width:119px;
	height:51px;
}

.bt02 {
	display:block;
	background:url(../imgs/bt02.gif);
	width:84px;
	height:51px;
}
.bt02 a{
	display:block;
	width:84px;
	height:51px;
}
.bt02 a:hover{
	background:url(../imgs/bt02.gif) 0 -51px;
	width:84px;
	height:51px;
}

.bt03 {
	display:block;
	background:url(../imgs/bt03.gif);
	width:80px;
	height:51px;
}
.bt03 a{
	display:block;
	width:80px;
	height:51px;
}
.bt03 a:hover{
	background:url(../imgs/bt03.gif) 0 -51px;
	width:80px;
	height:51px;
}

.bt04 {
	display:block;
	background:url(../imgs/bt04.gif);
	width:88px;
	height:51px;
}
.bt04 a{
	display:block;
	width:88px;
	height:51px;
}
.bt04 a:hover{
	background:url(../imgs/bt04.gif) 0 -51px;
	width:88px;
	height:51px;
}

.bt05 {
	display:block;
	background:url(../imgs/bt05.gif);
	width:96px;
	height:51px;
}
.bt05 a{
	display:block;
	width:96px;
	height:51px;
}

.bt05 a:hover{
	background:url(../imgs/bt05.gif) 0 -51px;
	width:96px;
	height:51px;
}

.bt06 {
	display:block;
	background:url(../imgs/bt06.gif);
	width:73px;
	height:51px;
}
.bt06 a{
	display:block;
	width:73px;
	height:51px;
}
.bt06 a:hover{
	background:url(../imgs/bt06.gif) 0 -51px;
	width:73px;
	height:51px;
}

.bt07 {
	display:block;
	background:url(../imgs/bt07.gif);
	width:100px;
	height:51px;
}
.bt07 a{
	display:block;
	width:100px;
	height:51px;
}
.bt07 a:hover{
	background:url(../imgs/bt07.gif) 0 -51px;
	width:100px;
	height:51px;
}

.baseImgAmbiente {
	display: block;
	float:left;
	width: 960px;
	height: 259px;
	margin-bottom:1px;
}

/*conteudo*/

.baseConteudo {
	display: block;
	float:left;
	width: 920px;
	min-height: 260px;
	background-color:#FFF;
	padding:20px;
}

.baseReferencias {
	display: block;
	float:left;
	width: 280px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999;
}

.titReferencias {
	display: block;
	float:left;
	width: 280px;
	height: 42px;
	background: url(../imgs/titReferencias.gif);
}

.imgReferencias {
	position: relative;
	display: block;
	float:left;
	width: 280px;
	height: 130px;
	overflow: hidden;
	margin:24px 0 15px 0;
}
.imgReferenciasInterior{
	display: block;
	float:left;
	width: 210px;
	height: 130px;
	overflow: hidden;
}
.titTextoReferencias {
	position: relative;
	display: block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#333;
	margin-bottom:5px;
	
	width: 219px; /*alterado*/
}

.titTextoReferencias a {
	color:#333;
	text-decoration:none;
}

.titTextoReferencias a:hover {
	color:#333;
	text-decoration:underline;
}
.resumoTextoReferencias {
	position: relative;
	display: block;
	float: left;
	width: 280px;
}

.referencia {
	position: absolute;
	width: 280px;
	left: 25px;
	top: 440px;
}

.referencia.nothidden{
	/*display: block;*/
}
.referencia.hidden{
	display: none;
}

.baseTabs {
	display: block;
	width: 630px;
	height: 42px;
	background: url(../imgs/fundoTabs.gif);
}

#tabs ul {
	padding: 0;
	margin: 0;
}

#tabs ul li {
	float: left;
	list-style: none;
}

#tabs ul li span {
	display: block;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#333;
	
	padding: 0px 10px 0px 20px;
    line-height: 50px;
}
#tabs ul li span:hover {
	color: white;
}

#tabs ul li a {
	display: block;
	text-decoration: none;
}

.bt12 {
	background: url(../imgs/tab01Active.gif);
	width:150px;
	height:42px;
}

.bt12 a {
	background: url(../imgs/tab01.gif);
	width:150px;
	height:42px;
}
.bt12 a:hover {
	background: url(../imgs/tab01.gif) 0 -42px;
	width:150px;
	height:42px;
}
#tabs ul li.activo a {
	display: block;
	background: url(../imgs/tab01Active.gif);
}

#tabs ul li.activo a span:hover{
	color: black;
}


.bt13 {
	background: url(../imgs/tab02Active.gif);
	width:141px;
	height:42px;
}
.bt13 a {
	background: url(../imgs/tab02.gif);
	width:141px;
	height:42px;
}
.bt13 a:hover {
	background: url(../imgs/tab02.gif) 0 -42px;
	width:141px;
	height:42px;
}

.bt14 {
	background: url(../imgs/tab03Active.gif);
	width:151px;
	height:42px;
}
.bt14 a {
	background: url(../imgs/tab03.gif);
	width:151px;
	height:42px;
}
.bt14 a:hover {
	background: url(../imgs/tab03.gif) 0 -42px;
	width:151px;
	height:42px;
}

.baseTextoTabs {
	display: none;
	float:left;
	width: 590px;
	background: url(../imgs/fundoConteudoHome.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding:30px 20px 20px 20px;
}
.baseTextoTabs.activo  { /*alterado:Ciro*/
	display: block !important;
}

.produtoHome {
	display: block;
	float:left;
	text-align: center;
	width: 113px;
	height: 73px;
	/*background: url(../imgs/logoProtel.jpg);*/
	margin-right:20px;
}

.titProdutoHome {
	display: block;
	width:205px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ff9800;
	margin:0 20px 5px 0;
}

.lerTudo {
	display: block;
	float:left;
	width: 87px;
	height: 36px;
	background: url(../imgs/btLerTudo.png);
}

/*rodape*/

.baseRodape {
	display: block;
	float:left;
	width: 960px;
	height: 110px;
	background: url(../imgs/fundoRodape.png);
}

.flagEn {
	display: block;
	float:left;
	width: 14px;
	height: 10px;
	background: url(../imgs/flagEn.gif);
	margin-left:20px;
}

.copyright {
	display: block;
	float:left;
	font-family: Tahoma;
	font-size:11px;
	color:#333;
	margin:22px 0 0 35px;
}

.copyright span {
	font-weight:bold;
}
#rodape{
	margin: 22px 0 0 0;

}
#rodape ul {
	display: inline;
	padding: 0;
	margin: 22px 0 0 0;
	width: 800px; /*alterado:Ciro*/
}

#rodape ul li {
	float: left;
	list-style: none;
	margin-left:20px;
}

#rodape ul li a {
	display: block;
}

#rodape ul li a span {
	display: none;
}

.bt08 {
	width:120px;
	height:12px;
}
.bt08 a{
	background: url(../imgs/bt08.png);
	width:120px;
	height:12px;
}
.bt08 a:hover{
	background: url(../imgs/bt08.png) 0 -12px;
	width:120px;
	height:12px;
}

.bt09 {
	width:127px;
	height:12px;
}
.bt09 a{
	background: url(../imgs/bt09.png);
	width:127px;
	height:12px;
}
.bt09 a:hover{
	background: url(../imgs/bt09.png) 0 -12px;
	width:127px;
	height:12px;
}

.bt10 {
	width:127px;
	height:12px;
}
.bt10 a{
	background: url(../imgs/bt10.png);
	width:127px;
	height:12px;
}
.bt10 a:hover{
	background: url(../imgs/bt10.png) 0 -12px;
	width:127px;
	height:12px;
}

.bt11 {
	width:89px;
	height:12px;
}
.bt11 a{
	background: url(../imgs/bt11.png);
	width:89px;
	height:12px;
}
.bt11 a:hover{
	background: url(../imgs/bt11.png) 0 -12px;
	width:89px;
	height:12px;
}

.logoSeara {
	display: block;
	float:left;
	width: 53px;
	height: 8px;
	background: url(../imgs/logoSeara.png);
	margin:2px 20px 0 45px;
}

.baseImgAmbienteInterior {
	display: block;
	float:left;
	width: 960px;
	height: 128px;
	margin-bottom:1px;
}

.baseConteudos {
	display: block;
	float:left;
	width: 640px;
}

.tituloInterior {
	display: block;
	width: 100%;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	color:#ff6600;
	background-image:url(../imgs/separadorPicotado.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin-bottom:20px;
}

.produtoInterior {
	display: block;
	float:left;
	width: 158px;
	height: 138px;
	border:1px solid #CCC;
	/*background: url(../imgs/logoProtelInterior.jpg);*/
	margin-right:20px;
}
.centerProdutoInterior {
	display: table-cell;
    text-align: center;
    vertical-align: middle;
	width: 158px;
	height: 138px;
}
.centerProdutoInterior img{
	vertical-align: middle;
}

.baseTexto {
	display: block;
	float:left;
	width: 460px;
}

.baseTextoInterior {
	display: block;
	float:left;
	width: 206px;
	min-height:250px;
	background: url(../imgs/fundoConteudoInterior.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding:20px;
}

.titOutrosProdutos {
	display: block;
	float:left;
	width: 220px;
	height: 42px;
	background: url(../imgs/titOutrosProdutos.gif);
	margin-bottom:30px;
}

.separadorProdutos {
	display: block;
	width: 206px;
	height:1px;
	background-image:url(../imgs/separadorPicotadoProdutos.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin:25px 0 25px 0;
}

.imgProdutos {
	display:block;
	margin-bottom:10px;
	border: none;	
}

.imgProdutos a img{
	border-style:none;

}

.bullet {
	display: block;
	float:left;
	width: 3px;
	height:5px;
	background-image:url(../imgs/bullet.gif);
	margin:5px 5px 0 0;
}

/*** DESTAQUES ***/

.boxDestaques{
	padding: 5px;
	width: 100%;
	margin-bottom: 10px;
}
.boxDestaques .image {
	float: left;
	margin: 0px 15px 15px 0px;	
}

.boxDestaques .data, .txt{
	padding: 5px;
}
.boxDestaques .tit{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#333;
}
.boxDestaques .data{
	font-size: 11px;
}
.boxDestaques .txt{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
}
.boxDestaques .mais{
	margin: 0px 0px 0px 5px;
}