/*************************************
				**************************************
				Sistin Representações
				www.sistin.com.br
				contato@sistin.com.br
				http://www.sistin.com.br/css/espec.css
				**************************************
				*************************************/

				/*************************************
				**************************************
				Criado por: M2 Digital
				www.m2digital.com.br
				contato@m2digital.com.br
				**************************************
				*************************************/
.espec_tela, .espec_telha, .espec_esquadria, .espec_assoalho, .espec_outro{
text-indent: -9999em;
width: 520px;
height: 40px;
margin: 20px 0;
}
.espec_tela{
background: url(../images/espec_tela.jpg) bottom left no-repeat;
}
.espec_telha{
background: url(../images/espec_telha.jpg) bottom left no-repeat;
}
.espec_esquadria{
background: url(../images/espec_esquadria.jpg) bottom left no-repeat;
}
.espec_assoalho{
background: url(../images/espec_assoalho.jpg) bottom left no-repeat;
}
.espec_outro{
background: url(../images/espec_outro.jpg) bottom left no-repeat;
}
/*
CONTEUDO
++++++++++++++++++++++++++++++++++*/
div#conteudo{
width: 100%;
padding-bottom: 30px;
float: left;
}
/*
INCLUSAO
++++++++++++++++++++++++++++++++++*/
div#inclusao{
width: 520px;
text-align: left;
float: right;
}
div#inclusao p{
line-height: 1.2em;
font: 12px "Lucida Grande", Verdana, Arial, sans-serif;
padding:10px 0 20px 0;
}
div#inclusao li{
font-size: 12px;
list-style: square;
}
div#imagens{
width: 520px;
float: right;
text-align: left;
}
div#imagens h3{
padding-bottom: 10px;
}
div#imagens span{
width: 160px;
font-size: 12px;
display: block;
position: relative;
top: 2px;
left: 0;
float: left;
}
div#imagens h3{
font: 18px Georgia, "Times New Roman", Times, serif;
color: #960;
}
div#imagens h4{
font: 16px Georgia, "Times New Roman", Times, serif;
color: #960;
}
div#imagens p{
clear: both;
}
.hide{
display: none;
visibility: hidden;
}
.thumb{
width: 120px;
height: 120px;
float: left;
margin: 0;
padding: 4px;
}

/*
MENU LATERAL
++++++++++++++++++++++++++++++++++*/
div#sub-lateral{
width: 220px;
text-align: left;
float: left;
}
div#sub-lateral h3{
width: 200px;
height: 40px;
margin: 20px 0;
text-indent: -9999em;
background: url(../images/prod_outros.jpg) top left no-repeat;
}
div#sub-lateral ul{
margin: 0;
padding: 0;
}
div#sub-lateral li a{
color: #222;
padding-left: 20px;
font: 16px Arial, Helvetica, sans-serif;
line-height: 1.6em;
}
div#sub-lateral li a:hover{
text-decoration: none;
letter-spacing: 1px;
}
#ex_uso a{
width: 200px;
height: 52px;
display: block;
text-indent: -9999em;
background: url(../images/ex_uso.jpg) top left no-repeat;
}