/*
 * Piemonte
 * http://www.piemonte.com.br/
 *
 * Date: Junho/2009
 */
 
/*............................................................................................................
Arquivos Externos
............................................................................................................*/

@import url("reset.css");

/*............................................................................................................
Objetos
............................................................................................................*/

body{
	background:url(../_imagens/layout/bg-master.jpg) repeat-x top left #467412;
	color:#333;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	line-height:20px;
	overflow-x:hidden;
}

a{
	background:transparent;
	color:#333;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

/*............................................................................................................
Typografia
............................................................................................................*/

h1{
	background:transparent;
	border-bottom:#ccc 1px solid;
	color:#000;
	font-family:"Arial Narrow", Arial, Tahoma;
	font-size:36px;
	font-weight:normal;
	height:55px;
	margin-bottom:10px;
}

h2{
	background:transparent;
	color:#666;
	font-family:"Arial Narrow", Arial, Tahoma;
	font-size:30px;
	font-weight:normal;
	margin-bottom:10px;
}

h2 em{
	font-size:14px;
	font-style:normal;
}

h3{
	background:transparent;
	color:#fff;
	font-family:"Arial Narrow", Arial, Tahoma;
	font-size:24px;
	font-weight:normal;
	margin-bottom:10px;
	padding-left:15px;
}

h3.green{
	background:url(../_imagens/layout/bg-h3-green.jpg) no-repeat;
	height:39px;
	padding-top:8px;
}

h3.yellow{
	background:url(../_imagens/layout/bg-h3-yellow.jpg) no-repeat;
	height:41px;
	padding-top:11px;
}

h3.orange{
	background:url(../_imagens/layout/bg-h3-orange.jpg) no-repeat;
	height:39px;
	padding-top:8px;
}

h3.red{
	background:url(../_imagens/layout/bg-h3-red.jpg) no-repeat;
	height:39px;
	padding-top:8px;
}

h4{
	background:transparent;
	color:#fff;
	font-family:"Arial Narrow", Arial, Tahoma;
	font-size:24px;
	font-weight:normal;
	height:38px;
	margin-bottom:10px;
	padding:9px 0 0 15px;
}

h4.green{
	background:url(../_imagens/empreendimentos/bg-empreendimento-green.jpg) no-repeat;
}

h4.yellow{
	background:url(../_imagens/empreendimentos/bg-empreendimento-yellow.jpg) no-repeat;
}

h4.orange{
	background:url(../_imagens/empreendimentos/bg-empreendimento-orange.jpg) no-repeat;
}

h4.red{
	background:url(../_imagens/empreendimentos/bg-empreendimento-red.jpg) no-repeat;
}

small{
	background:transparent;
	color:#C00;
	font-size:12px;
	font-weight:bold;
}

.texto-maior{
	font-size:12px;
}

/*............................................................................................................
Geral
............................................................................................................*/

#wrapper{
	background:url(../_imagens/layout/bg-wrapper.gif) transparent;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	margin:0 auto;
	padding:0 15px 10px 15px;
	position:relative;
	width:952px;
}

.clear{
	clear:both;
}

.text-center{
	text-align:center;
}

.text-right{
	text-align:right;
}


/*............................................................................................................
Header
............................................................................................................*/

#header{
	height:130px;
	position:relative;
}

#header #logo-piemonte{
	float:left;
	padding:15px 0 0 0;
	height:76px;
	width:239;
}

#header ul{
	background:url(../_imagens/layout/bg-icons-header.png) no-repeat left top ;
	float:right;
	height:120px;
	padding-left:20px;
	margin-right:-12px;
	width:495px;
}

#header li{
	float:left;
}

/*............................................................................................................
Menu Principal
............................................................................................................*/

#menu-principal{
	background:url(../_imagens/layout/bg-menu.png) transparent;
	color:#fff;
	float:left;
	height:50px;
	left:-29px;
	padding-top:4px;
	position:relative;
	width:1008px;
}

#menu-principal li a{
	background:transparent;
	color:#fff;
}

#menu-principal ul li{
	border-left:#809dbf 1px solid;
	border-right:#315176 1px solid;
	float:left;
	font-size:15px;
	height:30px;
	padding-top:10px;
	position:relative;
	text-align:center;
	width:140px;
}

#menu-principal ul li.none{
	padding-top:0 !important;
	height:40px;
}

#menu-principal a{
	background:transparent;
	color:#fff;
	font-family:"Arial Narrow", Arial, Tahoma;
}

#submenu-principal{
	left:-29px;
	position:relative;
	top:0;
	z-index:1000;
}

#submenu-principal ol{
	display:none;
	height:400px;
	position:absolute;
	top:0;
	width:142px;
}

#submenu-principal ol li{
	background:#173f6d;
	border-top:#315176 1px solid;
	display:block;
	float:none;
	height:26px;
	padding:0;
}

#submenu-principal ul li.none{
	padding-top:0 !important;
	height:40px;
}

#submenu-principal ol.menu-institucional{
	left:141px;
}

#submenu-principal ol.menu-empreendimentos{
	left:284px;
}

#submenu-principal ol.menu-dicas{
	left:710px;
}

/*............................................................................................................
Footer
............................................................................................................*/

#footer{
	background:url(../_imagens/layout/bg-footer.png) no-repeat transparent;
	margin:0 auto;
	padding:0 0 10px 0;
	position:relative;
	text-align:center;
	top:-5px;
	width:1009px;
}

#footer p{
	background:transparent;
	color:#fff;
}

#footer p strong{
	font-size:12px;
}

#footer ul{
	padding:18px 100px 40px 100px;
}

#footer li{
	border-left:#333 1px solid;
	display:inline;
	padding:0 15px;
}