/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
	width:100%;
	background: #CFC8A8;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
    font-weight:    bold;
	display:		block;
	position:		relative;
}
.sfHover a { cursor: pointer;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	1px solid #fff;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu li ul li a {
	border-top:	1px solid #fff;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#3F3D33;
	text-decoration:none;
}
.sf-menu li {
	background:		#CFC8A8;
}
.sf-menu li li {
	background:		#CFC8A8;
}
.sf-menu li li li {
	background:		#CFC8A8;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu li li.current,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#EFEAD1;
	text-decoration: none;
	outline:		0;
}

a.nolink { cursor: default; }
/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('/assets/css/img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('/assets/css/img/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}



.sf-menu li.current {
	background: #CFCCC2;
}/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr2
*/
/* reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* fonts */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}/* **************** GRIDS ***************** */
.line, .lastUnit {overflow: hidden;_overflow:visible;_zoom:1; }
.unit{float:left;_zoom:1;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit {float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}/* **************** CONTENT OBJECTS ***************** */
/* ====== Default spacing ====== */
*{font-family:"Trebuchet Ms","Verdana","Times New Roman";}
h1, h2, h3, h4, h5, h6, ul, ol,dl, p {padding:10px;}
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl {padding:0;}
/* ====== Elements ====== */
em{font-style: italic;}
strong{font-weight:bold;}
hr{border: 3px solid #BCBCBC; border-width: 0 0 3px 0; /* margin: 20px 20px 0 20px; */}
code{color:#0B8C8F;}
/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font-size:196%;  font-weight:normal; font-style: normal; color:#DF2B72;}
h2, .h2{font-size:167%; font-weight:normal; font-style: normal; color:#AE0345;}
h3, .h3{font-size:146.5%; font-weight:normal; font-style: normal; color:#DF2B72;}
h4, .h4{font-size:123.1%; font-weight:normal; font-style: normal; color: #333;}
h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color:#AE0345;}
h6, .h6{font-size:108%; font-weight:normal;  font-style: italic; color:#333;}
/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
.category{font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}
.category a{color: #333;}
.important a{font-weight:bold;}
/* heading links */
h1 a, .h1 a, 
h2 a, .h2 a,
h3 a, .h3 a, 
h4 a, .h4 a{color:#036; font-weight:normal;display:block;} 
h5 a, .h5 a{color:#993300; font-weight:normal;display:block;}
h6 a, .h6 a{color:#404040; font-weight:normal;display:block;}
.h1 a:visited, h1 a:visited{color:#036;} 
.h2 a:visited, h2 a:visited{color:#036;}  /* #829e00 */
.h3 a:visited, h3 a:visited{color:#036;} 
.h4 a:visited, h4 a:visited{color:#036;} 
.h5 a:visited, h5 a:visited{color:#993300;}
.h6 a:visited, h6 a:visited{color:#404040;}
/* ====== Media Blocks ======*/
.media, .mediaExt{}
.media, .media .text, .mediaExt .text, .mediaExt {overflow:hidden; _overflow:visible; zoom:1;}
.media .media {float:left; margin:20px 0 0 20px;}
.mediaExt .media{float:right; margin:10px 10px 0 0;}
.wrap .text{ _float:none; overflow:visible;}
.wrap .media{margin:10px !important;}
/* ====== Lists ======*/
/* numbered list */
ol.simpleList li{list-style-type: decimal; margin-left:40px;}
/* standard list */
ul.simpleList li{list-style-type:disc; margin-left:40px;}
/* ====== Tables ====== */
.data{padding: 20px; position:relative; zoom:1;vertical-align: top;border-right:solid 1px transparent;/* border fixes a FF2 bug which causes the data table to overlay its borders*/}
.data table {width:100%;border:1px solid #AE0345;}
th, td{vertical-align:top;border:1px solid #AE0345;}
.txtC, .data .txtC td, .data .txtC th{text-align:center;}
.txtL, .data .txtL td, .data .txtL th{text-align:left;}
.txtR, .data .txtR td, .data .txtR th{text-align:right;}
.txtT, .data .txtT td, .data .txtT th{vertical-align:top;}
.txtB, .data .txtB td, .data .txtB th{vertical-align:bottom;}
.txtM, .data .txtM td, .data .txtM th{vertical-align:middle;}
.data th,.data td{padding:3px 20px}
.data thead tr{background-color: #fff0f8;}
.data th{color: #000; font-weight:bold}
/* specification table - extends data table */
.spec{padding:20px 20px;}
.spec table{border-top: 1px solid #333; border-bottom-color:#fff;}
.spec th, .spec td{border:1px solid #000; border-width: 1px 0; padding-left:0;}
.spec .odd, .spec .even{background-color: #fff;}





#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	font-size:16px;
	font-family: "Times New Roman";
	}/******************************************************************************************************************************
 *
 * Geral
 *
 *****************************************************************************************************************************/

* { font-family: Garamond, "Times new Roman";}

div#main p { line-height: 20px; }

/* links */
a { color: #6F2107;text-decoration: none; outline: none;}
a:focus, a:hover { text-decoration: underline }
a:visited { color:#6F2107; }

/* Headers */
h3 {  color:#6F2107; }
h5 {  color:#6F2107; }

/* Classes */
p.fl:first-letter { font-size:30px;}
img.left { float: left; margin: 0px 10px 10px 10px;}
img.right { float: right; margin: 0px 10px 10px 10px;}
div.msg { border:1px solid #333; background-color:#eee; width:90%; margin:10px auto; padding:10px; }
div.error { border-color:#933; background-color:#fee; }
div.msg p { margin:0; padding:0; line-height: 9px;}

td{border:0;}



#container{
    width: 765px;
    margin: 0 auto;
}

#main{
    width: 765px;
    height: 490px;
    margin:0 auto;
    font-size:110%;
}



#container_guia {
    float:right;
    width: 520px;
    /* height: 350px; */
    height: 374px;
    overflow-y: auto;
    overflow-x: hidden;
}

#container_guia h3 { background-color:transparent;}
#container_guia h4 { margin:10px 0 10px 5px; padding: 0; font-size:16px;border-bottom:1px solid #ddd; font-weight: 700;}
#container_guia p  { margin:6px 0 0 15px; padding: 0;}
#container_guia div { margin-bottom:20px; padding-bottom:20px; border-bottom:0px solid #ccc;}


/******************************************************************************************************************************
 *
 * Cabecalho
 *
 *****************************************************************************************************************************/

h1{
    background: url(/assets/css/img/logo-peq.gif) top left no-repeat;
    margin:0;padding:0;
}
a.ah1 { display:block; text-indent:-9999px;   
        width: 288px; 
        height: 43px;
        /* height: 63px; /* mais 20 do breadcrumb */ */
        margin:0;padding:0;
}



/******************************************************************************************************************************
 *
 * Menu principal
 *
 *****************************************************************************************************************************/

/*
ul#menu{
    width:430px;
    float:right;    
    height: 44px; 
    position: relative; 
    top:-60px; 
    right:0; 
    margin-bottom:-100px;
}

ul#menu li { 
    width: 45px; 
    height: 45px;
    border: 0px solid #3F3D37;
    float: right;
    margin: 0px;
    background:url(/assets/css/img/menu.jpg);
}
ul#menu li a{
    display: block;
    text-indent: -9999px;
    height: 50px;
}

ul#menu li.orcamento        { background-repeat:no-repeat; background-position: -315px top; }
ul#menu li.onde-encontrar   { background-repeat:no-repeat; background-position: -270px top; }
ul#menu li.empresa          { background-repeat:no-repeat; background-position: -225px top; }
ul#menu li.fotos            { background-repeat:no-repeat; background-position: -180px top; }
ul#menu li.guia             { background-repeat:no-repeat; background-position: -135px top; }
ul#menu li.servicos         { background-repeat:no-repeat; background-position: -90px top; }
ul#menu li.produtos         { background-repeat:no-repeat; background-position: -045px top; }
ul#menu li.home             { background-repeat:no-repeat; background-position: -000px top; }
ul#menu li:hover.orcamento      { background-repeat:no-repeat; background-position: -315px -45px; }
ul#menu li:hover.onde-encontrar { background-repeat:no-repeat; background-position: -270px -45px; }
ul#menu li:hover.empresa        { background-repeat:no-repeat; background-position: -225px -45px; }
ul#menu li:hover.fotos          { background-repeat:no-repeat; background-position: -180px -45px; }
ul#menu li:hover.guia           { background-repeat:no-repeat; background-position: -135px -45px; }
ul#menu li:hover.servicos       { background-repeat:no-repeat; background-position: -090px -45px; }
ul#menu li:hover.produtos       { background-repeat:no-repeat; background-position: -045px -45px; }
ul#menu li:hover.home           { background-repeat:no-repeat; background-position: -000px -45px; }

ul#menu li.atual.orcamento      { background-repeat:no-repeat; background-position: -315px -45px; }
ul#menu li.atual.onde-encontrar { background-repeat:no-repeat; background-position: -270px -45px; }
ul#menu li.atual.empresa        { background-repeat:no-repeat; background-position: -225px -45px; }
ul#menu li.atual.fotos          { background-repeat:no-repeat; background-position: -180px -45px; }
ul#menu li.atual.guia           { background-repeat:no-repeat; background-position: -135px -45px; }
ul#menu li.atual.servicos       { background-repeat:no-repeat; background-position: -090px -45px; }
ul#menu li.atual.produtos       { background-repeat:no-repeat; background-position: -045px -45px; }
ul#menu li.atual.home           { background-repeat:no-repeat; background-position: -000px -45px; }

ul#menu li:hover { border-bottom:4px solid #333; height: 41px; }
ul#menu li.atual { border-bottom:4px solid #B6471F; height: 41px; }

/**/

/******************************************************************************************************************************
 *
 * Rodape
 *
 *****************************************************************************************************************************/

#rodape{
    clear:both;
    margin:10px auto;
    width:765px;
    text-align:right;
    color:#3F3D37;
    border-top:2px solid #E5C787;
    padding-top:5px;
}

#rodape address { display:inline; }
#rodape a { color: #747165; }


/******************************************************************************************************************************
 *
 * Tooltip
 *
 *****************************************************************************************************************************/

#tooltip { position: absolute; z-index: 3000; font-family:inherit; }
#tooltip h3, #tooltip div { margin: 0; font-size:14px; line-height: 25px; color:#000; font-family:inherit;}
#tooltip.fancy.viewport-right { font-family:inherit; }
#tooltip.fancy.viewport-bottom { background: url('/assets/css/img/shadow_top.png'); font-family:inherit;}
#tooltip.fancy.viewport-bottom h3, #tooltip.fancy.viewport-bottom div { line-height: 7px; font-family:inherit;}
#tooltip.fancy {
    font-family: "Arial";
	border: none;
	width: 180px;
	height: 36px;
    text-align:center;
	padding:10px ;
	opacity: 1;
	background: url('/assets/css/img/shadow_bottom.png');
}

/******************************************************************************************************************************
 *
 * Breadcrumb
 *
 *****************************************************************************************************************************/

#breadcrumb {
    display:block;
    height: 20px;
    float:left;
    width:500px;
    text-align: left;
    color:#666;
}
#breadcrumb span { color:#ddd; display:none;}
#breadcrumb a {
    color:#bbb;
    font-weight: normal;
}
#breadcrumb a strong {
    font-family: inherit;
    color:#999;
    display:inline;
}


/******************************************************************************************************************************
 *
 * Geral
 *
 *****************************************************************************************************************************/
div.bg1  {background: url(/assets/css/img/bg-servicos.jpg)     0px bottom no-repeat;}
div.bg2  {background: url(/assets/css/img/bg-servicos.jpg)  -235px bottom no-repeat;}
div.bg3  {background: url(/assets/css/img/bg-servicos.jpg)  -470px bottom no-repeat;}
div.bg4  {background: url(/assets/css/img/bg-servicos.jpg)  -705px bottom no-repeat;}
div.bg5  {background: url(/assets/css/img/bg-servicos.jpg)  -940px bottom no-repeat;}
div.bg6  {background: url(/assets/css/img/bg-servicos.jpg) -1175px bottom no-repeat;}
div.bg7  {background: url(/assets/css/img/bg-servicos.jpg) -1410px bottom no-repeat;}
div.bg8  {background: url(/assets/css/img/bg-servicos.jpg) -1645px bottom no-repeat;}
div.bg9  {background: url(/assets/css/img/bg-servicos.jpg) -1880px bottom no-repeat;}
div.bg10 {background: url(/assets/css/img/bg-servicos.jpg) -2115px bottom no-repeat;}
div.bg11 {background: url(/assets/css/img/bg-servicos.jpg) -2350px bottom no-repeat;}
div.bg12 {background: url(/assets/css/img/bg-servicos.jpg) -2585px bottom no-repeat;}
div.bg_medica {background: url(/assets/css/img/bg-servicos.jpg) -2585px bottom no-repeat;}
div.bg_repre  {background: url(/assets/css/img/bg-servicos.jpg) -2585px bottom no-repeat;}

div.bg_sac        {background: url(/assets/css/img/sac.jpg) right 230px no-repeat;}
div.bg_orcamento  {background: url(/assets/css/img/bg-geral.jpg)     0px bottom no-repeat;}

div.bg_originale            {background: url(/assets/css/img/bg-servicos.jpg)  -235px bottom no-repeat;}
div.bg_stucatto             {background: url(/assets/css/img/bg-servicos.jpg)  -470px bottom no-repeat;}
div.bg_sabbiato             {background: url(/assets/css/img/bg-servicos.jpg)  -705px bottom no-repeat;}
div.bg_terracal             {background: url(/assets/css/img/bg-servicos.jpg)  -940px bottom no-repeat;}
div.bg_velvet               {background: url(/assets/css/img/bg-servicos.jpg) -1175px bottom no-repeat;}
div.bg_silk                 {background: url(/assets/css/img/bg-servicos.jpg)  -235px bottom no-repeat;}
div.bg_stone                {background: url(/assets/css/img/bg-servicos.jpg)  -470px bottom no-repeat;}
div.bg_limestone            {background: url(/assets/css/img/bg-servicos.jpg)  -705px bottom no-repeat;}
div.bg_terraplus            {background: url(/assets/css/img/bg-servicos.jpg) -1645px bottom no-repeat;}
div.bg_terracal             {background: url(/assets/css/img/bg-servicos.jpg) -1645px bottom no-repeat;}
div.bg_terracryl-grafitto   {background: url(/assets/css/img/bg-servicos.jpg) -1175px bottom no-repeat;}
div.bg_terracryl-projetado  {background: url(/assets/css/img/bg-servicos.jpg)  -940px bottom no-repeat;}
div.bg_terracryl-plus       {background: url(/assets/css/img/bg-servicos.jpg)  -235px bottom no-repeat;}
div.bg_repint               {background: url(/assets/css/img/bg-servicos.jpg)  -470px bottom no-repeat;}
div.bg_massa-niveladora     {background: url(/assets/css/img/bg-servicos.jpg)  -705px bottom no-repeat;}
div.bg_selador-acrilico     {background: url(/assets/css/img/bg-servicos.jpg)  -940px bottom no-repeat;}
div.bg_fundo-preparador     {background: url(/assets/css/img/bg-servicos.jpg)  -470px bottom no-repeat;}
div.bg_acrilico             {background: url(/assets/css/img/bg-servicos.jpg)  -470px bottom no-repeat;}
div.bg_medicao              {background: url(/assets/css/img/bg-servicos.jpg) -470px bottom no-repeat;}ul#menu_linear{
    margin: 5px 0 0;
    padding:0;
    
    width: 765px;
    height: 30px;
    
    display:block;
    float:right;
    
}

ul#menu_linear li { 
    margin:0;
    padding:0;
    display:inline;
}

ul#menu_linear li a{
    margin:0;
    padding:0;
    float: left;
    line-height: 20px;
    display:block;
    width: 109px;
    height:20px;
    text-align:center;
}

ul#menu_linear li:hover a { text-decoration:inline;}
ul#menu_linear li.atual a { border-bottom:2px solid #B6471F;}
ul#menu_linear li.atual:hover a { text-decoration:none; cursor:default;}