@charset "ISO-8859-1";

.content { min-height: 695px; position: relative; width: 610px; }
.toolTipMenu { margin-left: 7px!important; }
#footer { margin-top: 60px!important; }

.content h2 { margin-bottom: 0; float: left;}
.content h3 { float: left; margin: 29px 0 0 16px; }
.content h4 { float: right; margin: 33px 16px 0 0; }
.content h4 img { margin-left: 6px; }
dl, dt, dd, ul, li { margin: 0; padding: 0; list-style: none; }

#tecEspecText p { width: 545px; margin:0; padding: 50px 0 0 50px; text-align: justify; }

.feature {
	width: 165px;
	height: 258px;
	background-repeat: no-repeat;
	float: left;
	margin: 40px 0 0 27px;
	border-top: 1px solid #e0e0e0;
	padding-top: 10px;
}

#texturaContent {
	position: relative;
	padding: 50px 0 0 50px;
	width: 550px;
	color: #666;
}

#texturaContent #exemplos { width: 160px; float: left; }

#texturaContent #exemplos dt  {
	width: 160px;
	height: 28px;
	background: #68a4f2 url(/img/tecEspec/bgDtExemplos.gif) no-repeat ;
	text-indent: -5000em;
	margin-bottom: 20px;
}

#texturaContent #exemplos dd img { margin: 20px 0 -2px ; }
#texturaContent #exemplos dd p { margin: 0; padding: 4px 0 4px 8px; background-color: #f7f7f7; width: 151px; color: #999; }

#texturaContent #description {
	width: 365px; margin-right: 20px; float: left;
}

#texturaContent #description ul li { list-style: disc outside; }
#texturaContent #description ul { margin: 0 5px 15px 15px; }

.feature div {
	padding: 142px 2px 0 2px;
	text-align: justify;
	height: 80px;
}

#texturaDesign { margin-left: 50px!important; margin-left: 20px; }

#texturaDesign { background: url(/img/tecEspec/bgTexturaDesign.jpg) bottom no-repeat; }
#texturaLisa { background: url(/img/tecEspec/bgTexturaLisa.jpg) bottom no-repeat; }
#texturaRustico { background: url(/img/tecEspec/bgTexturaRustico.jpg) bottom no-repeat; }

.content div h1 {	margin: 0; padding: 0; }

.content div h1 a {
	text-indent: -5000em; 
	width: 71px;
	height: 9px;
	display: block;
	margin: 17px 0 0 89px;
}

#exemplos dl { color:#999;}

/*Interna*/
#texturaContent #description dl { width: 366px; margin: 0 0 0 0; clear: both; }
#texturaContent #description dt { height: 29px; width: 100%; font-size: 11px; color: #666666; font-weight: bold; }
#texturaContent #description dt div { padding: 8px 20px; float: left; }
#texturaContent #description dd { padding: 0 22px 17px 0; }
#texturaContent #description dd { padding-right: 8px; clear: both; }
#texturaContent #description dd div { position: relative; padding-top: 20px; clear: both; }
#texturaContent #description dd img { margin-right: 20px; float: left; }
#texturaContent #description dd span { float: right; width: 170px; clear: right; text-align:left; }
#efeitox { background-color: #d1e4fb; }
#efeitoEsp { background-color: #e7f0e7; }
#texturaContent #description dt div { padding: 8px 20px; float: left; } 

#texturaContent #description .hideMnu { float: right; }
#texturaContent #description .showMnu { float: left; }

.gLine {width: 100%; position: relative; background: #ccc; height: 1px; margin: 7px 0; clear: both;}

/*Show Hide Class*/
.dtOn .showMnu {
	display: none;
}
.dtOn .hideMnu {
	display: block;
}
.dtOff .showMnu {
	display: block;
}
.dtOff .hideMnu {
	display: none;
}
.ddOn {
	display: block;
}
.ddOff {
	display: none;
}
.GuideList dt {
	cursor: pointer;
}

/*TollTip*/
.colorToolTip ul, .colorToolTip li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.colorToolTip li {
	margin: 3px auto;
	width: 132px;
}

.colorToolTip #prodTTMnu1 a, .colorToolTip #prodTTMnu2 a, .colorToolTip #prodTTMnu3 a, .colorToolTip #prodTTMnu4 a, .colorToolTip #prodTTMnu5 a {
	text-indent: -5000em;
	display: block;
	width: 132px;
	height: 17px;
}

.colorToolTip ul li ul li a {
	color: #666;
	font-weight: bold;
	text-decoration: none;
	text-indent: 0;
	width: 132px;
	padding: 2px 0 0 1px;
	display: block;
	height: 15px;
}

.colorToolTip ul li dl dd { margin-left: 6px; }
.colorToolTip ul li dl dd a { font-weight: normal; width: 126px; }
.mnuDesign .mnuDesign,
.mnuLisa .mnuLisa,
.mnuRustica .mnuRustica { background-color: #d7d7d7; }
.mnuHmProbInt { display: none; }
.mnuHmProb .mnuHmProbInt { display: block; }
.mnuHmProb1 .mnuHmProb1 a, .mnuHmProb2 .mnuHmProb2 a, .mnuHmProb3 .mnuHmProb3 a, .mnuHmProb4 .mnuHmProb4 a, .mnuHmProb5 .mnuHmProb5 a, .mnuHmProb6 .mnuHmProb6 a { font-weight: bold; }

a, a:link { color: #666666;}
.colorToolTip ul li ul li a:hover, .colorToolTip ul li ul li a:active { background-color: #d7d7d7; }

#prodTTMnu1 { background-color: #0c4da2; }
#prodTTMnu2 { background-color: #2778e2; }
#prodTTMnu3 { background-color: #68a4f2; }
#prodTTMnu4 { background-color: #8db7ee; }
#prodTTMnu5 { background-color: #a6c7f2; }

#prodTTMnu1 a { background-image: url(/img/produto/prodTTMnu1.gif); }
#prodTTMnu2 a { background-image: url(/img/produto/prodTTMnu2.gif); }
#prodTTMnu3 a { background-image: url(/img/produto/prodTTMnu3.gif); }
#prodTTMnu4 a { background-image: url(/img/produto/prodTTMnu4b.gif); }
#prodTTMnu5 a { background-image: url(/img/produto/prodTTMnu5b.gif); }

.prodTTMnuOn { background-image: url(/img/produto/prodTTMnuOn.gif); }
.prodTTMnuOff { background-image: url(/img/produto/prodTTMnuOff.gif); }

.prodTTMnuOn a { cursor: default; }

#prodTTMnu1 a, #prodTTMnu2 a, #prodTTMnu3 a,  #prodTTMnu4 a, #prodTTMnu5 a, .prodTTMnuOn, .prodTTMnuOff { background-repeat: no-repeat; }
.prodTTMnuOn, .prodTTMnuOff { background-position: 95% 50%; }



/*footer*/
#footer { margin-top: 40px; }
