/*
	Copyright (C) 2009-2010 Garra Engenharia, todos os direitos reservados.
	version/CSS: 0.1 2010
	author: klausmadeira
	url: http://www.garra.eng.br
*/
*{margin: 0; padding: 0;}
body{background: #0061B9 url("images/bg.png") no-repeat top center;}
#total{margin: 0 auto 60px auto; width: 900px; height: auto; background: #FFF;}
#menu{width: 900px; height: 140px; background: #0061B9 url("images/bg.png") no-repeat top center;}
#spot{width: 530px; height: auto; float: left;}
#esquerda{width: 490px; height: auto; padding: 40px 0 0 40px; float: left;}
#direita{
	width: 330px;
	height: auto;
	padding-right: 40px;
	background: #FFF url("images/bg_right.jpg") no-repeat right top;
	text-align: right;
	float: right;
}
#imgs{
	width: 820px;
	height: 240px;
	padding: 12px 40px;
	background: #FFF url("images/bg_display.jpg") no-repeat center top;
	clear: both;
}
#rodape{
	width: 900px;
	height: 100px;
	background: url("images/bg_inf.jpg") no-repeat left bottom;
	margin: 0 auto;
	clear: both;
}
h1{
	font: bold 58px/42px "Humanst521 BT", "trebuchet ms", arial, helvetica, sans-serif;
    color: #004AB9;
	text-shadow: 1px 1px 1px #CCC;
	letter-spacing: -2px;
	padding: 20px 0 12px 0;
}
h1 span{font-size: 74px; font-weight: normal;}
h2{
	font: bold 42px/24px "Humanst521 BT", "trebuchet ms", arial, helvetica, sans-serif;
    color: #004AB9;
	text-shadow: 1px 1px 1px #CCC;
	letter-spacing: -2px;
	padding: 12px 0;
}
h3{
	font: 26px/18px "Humanst521 BT", "trebuchet ms", arial, helvetica, sans-serif;
    color: #004AB9;
	text-shadow: 1px 1px 1px #CCC;
	letter-spacing: -1px;
	padding-bottom: 26px;
}
h4{
	font: bold 22px "Humanst521 BT", "trebuchet ms", arial, helvetica, sans-serif;
    color: #004AB9;
	text-shadow: 1px 1px 1px #CCC;
	padding-bottom: 10px;
}
h5{
	font: 36px "Humanst521 BT", "trebuchet ms", arial, helvetica, sans-serif;
    color: #004AB9;
	text-shadow: 1px 1px 1px #CCC;
	padding-bottom: 16px;
	letter-spacing: -1px;
}
h6{
	font: 20px "Humanst521 BT", "trebuchet ms", arial, helvetica, sans-serif;
    color: #004AB9;
	text-shadow: 1px 1px 1px #CCC;
}
p{font: 16px arial, "trebuchet ms", arial, helvetica, sans-serif; color: #999;}
.bairro{
	font: bold 14px, arial, helvetica, sans-serif;
	color: #0061B9;
	margin-bottom: 8px;
	padding-bottom: 6px;
	border-bottom: 1px dotted #CCC;
}
.bairro span{font-weight: bold; font-size: 13px; background: #DDEEFF; padding: 2px 4px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; float: right;}
.about{
	font: 14px/20px arial, "trebuchet ms", arial, helvetica, sans-serif;
	color: #000;
	padding-top: 20px;
	text-align: justify;
}
.slogan{
	font: 18px "times new roman", "trebuchet ms", arial, helvetica, sans-serif;
	color:: #999;
	padding: 40px 0 0 40px;
}
address{
	font: 17px arial, "Humanst521 BT", "trebuchet ms", helvetica, sans-serif;
	color: #666;
	text-align: right;
	padding-right: 40px;
}
/*nav*/
ul#nav{margin: 0; padding: 0;}
ul#nav li{list-style-type: none; display: inline; margin-right: 20px; float: right;}
ul#nav li a{
	font: 22px/35px arial, helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	letter-spacing: -1px;
	padding: 0 2px;
}
ul#nav li a:hover{text-decoration: none; border-bottom: 8px solid #FFF; padding-bottom: 2px;}
/*links*/
a.more:link,a.more:active,a.more:visited,a.more:hover{
	font: 20px "Humanst521 BT", "trebuchet ms", arial, helvetica, sans-serif;
    color: #004AB9;
	text-shadow: 1px 1px 1px #CCC;
	text-decoration: none;
	background: url("images/icon_obra.png") no-repeat right 50%;
	padding: 23px 46px 23px 0px;
}
/* start  id' s */
body#mor ul#nav li a#mor, body#plantas ul#nav li a#plantas, body#sobre ul#nav li a#sobre, body#obras ul#nav li a#obras, body#contato ul#nav  li a#contato{text-decoration: none; border-bottom: 8px solid #FFF; padding-bottom: 2px; cursor: default;}

ul#desc{margin: 0; padding: 0;}
ul#desc li{list-style-type: none; font: 17px arial, helvetica, sans-serif; color: #666;}
/* thumbnails */
ul#galeria{margin: 0; padding: 0;}
ul#galeria li{display: inline; list-style-type: none; margin-right: 4px;}
ul#galeria li a img{border: 4px solid #F2F3F4;}
ul#galeria li a img:hover{border: 4px solid #006ED2;}