* {
margin:0;
padding:0;
}

/*strong {
color:#dd564e;
}*/



body {
margin:0;
padding:0;
width:100%;
background:#f6f6f6;
font-family: "Trebuchet MS", Arial, Helvetica;
}

#box {
width:1004px;
margin:0 auto;
}

/*===================================== HEADER =====================================*/
#header {
height:116px;
width:1004px;
background:url(../images/topo.jpg) no-repeat right;
}

#logo {
float:left;
margin:10px 0 0 10px;
}

.botoes {
float:left;
}

#header p.botoes {
float:left;
margin:8px 0 0 5px;
}

#logo a img {
text-decoration:none;
border:0;
}

#barra-superior {
width:1004px;
background:url(../images/barra-superior.jpg) no-repeat;
height:28px;
}

#barra-superior ul {
padding-top:3px;
}

#barra-superior ul li {
float:left;
margin-left:20px;
list-style:none;
}

#barra-superior ul li a {
color:#FFFFFF;
font:13px bold "Trebuchet MS", Arial, Helvetica;
text-decoration:none;
}

#menu {
width:1004px;
height:36px;
background:url(../images/fundo-menu.jpg) no-repeat;
}

/*=================================== CONTEÚDO =======================================*/
#conteudo {
width:1004px;
font:14px "Trebuchet MS", Arial, Helvetica;
color:#333333;
}
/*======================================= MIOLO ===========================================*/

#homepg {
float:left;
width:1004px;
background:#f6f6f6 url(../images/centro-topo.jpg) no-repeat top;
height:auto;
}

.b1-int p {
font:15px "Trebuchet MS", Arial, Helvetica;
width:690px;
text-align:justify;
margin:5px 0 0 20px;
color:#333333;
}

.b1-int h2 {
width:690px;
font:16px "Trebuchet MS", Arial, Helvetica;
font-weight:bold;
text-align:justify;
margin:30px 0 0 20px;
color:#993300;
text-transform:uppercase;
}

.bloco1 {
width:650px;
}

.bloco1 h2 {
font:16px "Trebuchet MS", Arial, Helvetica;
font-weight:bold;
text-align:justify;
margin:20px 0 0 20px;
color:#993300;
}

.bloco2 {
width:650px;
float:left;
}

.bloco2 h2 {
font:16px "Trebuchet MS", Arial, Helvetica;
font-weight:bold;
text-align:justify;
margin:10px 0 0 20px;
color:#993300;
}

#homepg span.skype {
font:16px "Trebuchet MS", Arial, Helvetica;
font-weight:bold;
color:#993300;
}

#homepg span.skype a {
font:16px "Trebuchet MS", Arial, Helvetica;
font-weight:bold;
color:#993300;
}

#homepg p img {
float:left;
margin-right:12px;
}

#homepg span.sep-hor {
float:left;
background:url(../images/sep-h.jpg) no-repeat;
margin:20px 0 20px 10px;
width:690px;
height:2px;
}

span.sep-hor2 {
float:left;
background:url(../images/sep-h2.jpg) no-repeat;
margin:20px 0 20px 0;
width:980px;
height:2px;
}

.leia-mais {
width:690px;
float:left;
}

.leia-mais p a {
float:right;
color:#993300;
font:13px "Trebuchet MS", Arial, Helvetica;
}

.visite {
width:970px;
float:left;
}

.visite p a {
float:right;
color:#993300;
font:13px "Trebuchet MS", Arial, Helvetica;
}

#cx-lat {
float:right;
width:249px;
height:auto;
margin:0 10px 0 0;
}

#cx-topo {
float:left;
margin-top:15px;
width:249px;
height:32px;
background:url(../images/cx-topo.png) no-repeat bottom;
}

#cx-topo h3 {
float:left;
font:15px "Trebuchet MS", Arial, Helvetica;
font-weight:bold;
color:#333333;
padding:4px 0 0 10px;
text-decoration:underline;
}

#cx-meio {
float:left;
width:249px;
background:url(../images/cx-meio.png) repeat-y;
}

#cx-meio p {
float:left;
width:229px;
margin:6px 10px 6px 10px;
padding-top:4px;
font:15px "Trebuchet MS", Arial, Helvetica;
color:#/*dd564e*/333333;
text-align:left;
border-top:1px solid #CCCCCC;
}

#cx-base {
float:left;
width:249px;
height:6px;
background:url(../images/cx-base.png) no-repeat top;
}

#b2home {
float:left;
width:670px;
height:auto;
margin:20px 0 0 0;
}

#bcliente {
float:left;
width:1000px;
height:auto;
margin:20px 0 0 0;
}

.b2-int {
float:left;
width:325px;
height:180px;
margin:0 0 0 10px;
}

.b2-int img {
float:left;
background:#dd564e;
margin:0 8px 0 8px;
padding:4px;
border:1px solid #333333;
}

.b2-int h2 {
font:15px "Trebuchet MS", Arial, Helvetica;
font-weight:bold;
text-align:left;
color:#993300;
}

.b2-int p {
font:14px "Trebuchet MS", Arial, Helvetica;
text-align:justify;
margin:0 0 0 8px;
color:#333333;
}

/*=================================== PÁGINA SERVIÇOS ========================================*/

.bloco3 {
float:left;
width:325px;
height:180px;
margin:0 0 0 10px;
}

.bloco3 a {
text-decoration:none;
}

.bloco3 img {
float:left;
background:#dd564e;
margin:0 8px 0 8px;
padding:4px;
border:1px solid #333333;
}

.bloco3 h2 {
font:15px "Trebuchet MS", Arial, Helvetica;
font-weight:bold;
text-align:left;
color:#993300;
}

.bloco3 p {
font:14px "Trebuchet MS", Arial, Helvetica;
text-align:left;
margin:0 0 0 8px;
color:#333333;
}

.bloco4 {
float:left;
width:690px;
height:auto;
margin:0 0 0 10px;
}

.bloco4 img {
float:left;
background:#dd564e;
margin:0 8px 0 8px;
padding:4px;
border:1px solid #333333;
}

.bloco4 h2 {
font:20px "Trebuchet MS", Arial, Helvetica;
font-weight:bold;
text-align:left;
color:#993300;
}

.bloco4 h3 {
font:20px "Trebuchet MS", Arial, Helvetica;
text-align:left;
color:#333;
text-align:justify;
}

.bloco4 h3 a {
font:15px "Trebuchet MS", Arial, Helvetica;
font-weight:bold;
text-decoration:none;
text-align:left;
color:#993300;
}

.bloco4 h2 a {
font:15px "Trebuchet MS", Arial, Helvetica;
text-decoration:none;
text-align:left;
color:#993300;
}

.bloco4 p {
font:15px "Trebuchet MS", Arial, Helvetica;
text-align:justify;
margin:10px 0 0 8px;
color:#333333;
}

.bloco5 {
float:left;
width:980px;
height:auto;
margin:0 0 0 10px;
}

.bloco5 img {
float:left;
width:230px;
background:#dd564e;
margin:0 8px 0 8px;
padding:4px;
border:1px solid #333333;
}

.bloco5 h2 {
font:15px "Trebuchet MS", Arial, Helvetica;
font-weight:bold;
text-align:left;
color:#993300;
}

.bloco5 p {
font:15px "Trebuchet MS", Arial, Helvetica;
text-align:justify;
margin:10px 0 0 8px;
color:#333333;
}


/*=================================== PORTFOLIO ========================================*/
#latest_work {
	float: left;
	width: 690px;
	margin-top: 20px;
}

#latest_work ul {
	margin:0;
	padding:0;
	list-style:none;
}

#latest_work ul li {
width:110px;
height:auto;
overflow:hidden;
background:#666666;
display:inline;
float:left;
border:1px solid #333333;
margin:10px 8px 0 8px;
padding:4px;

}

.portfolio {
float:left;
width:690px;
height:auto;
margin:0 0 0 10px;
}

.portfolio img {
float:left;
border:0;
}

.portfolio h2 {
font:15px "Trebuchet MS", Arial, Helvetica;
font-weight:bold;
text-align:left;
color:#333333;
margin-left:10px;
}

.portfolio p {
font:15px "Trebuchet MS", Arial, Helvetica;
text-align:justify;
margin:10px 0 0 8px;
color:#333333;
}

/*======================================= EXPO HOME ===========================================*/
#expo-home {
	float:left;
	width:900px;	 
	padding:10px 50px 0 0;
	text-align:center;
	background:#f6f6f6;
}

#expo-home ul {
	list-style: none;
	margin:10px 0px;
	padding: 0;
}

#expo-home ul li {
	padding: 0px;
	margin:0 2px 0 10px;
	list-style:none;
	display:inline;
}

#expo-home ul li a {
	display: inline-block!important;
	overflow: hidden;
	height: 110px;
	line-height:110px;
	width: 128px;
	white-space:nowrap;
	text-align:left;
	text-decoration:none;
}

#expo-home ul li a p {
	padding:0 0 0 145px;
	line-height:normal;
	font:16px Georgia, "Trebuchet MS", Arial, Helvetica;
	font-style:italic;
	color:#666666;
}

#expo-home ul li a p strong {
	font-size:20px;
	color:#a13f39;
	font-style:italic;
}

#expo-home ul li a.site1 {
	background:url(../images/img1.jpg) top left no-repeat;
}

#expo-home ul li a.site2 {
	background:url(../images/img2.jpg) top left no-repeat;
}

#expo-home ul li a.site3 {
	background:url(../images/img3.jpg) top left no-repeat;
}

#expo-home ul li a.site4 {
	background:url(../images/img4.jpg) top left no-repeat;
}

/*===================================== GALERIA HOME =======================================*/
#galeria-home {
	width:400px;
	height:250px;
	margin:40px 0 20px 20px;
}

#featured{ 
	width:400px; 
	padding-right:250px; 
	position:relative; 
	border:5px solid #ccc; 
	height:250px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:400px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('../images/galeria/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:400px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('../images/galeria/transparent-bg.png'); 
	width:400px;
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
	width:400px;
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
	width:390px;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

/* ----------------------------------- FALE CONOSCO -----------------------------------*/

#formcontato {
pdding:20px 0;
}

#formcontato fieldset {
border:0;
margin:0 0 5px 15px;
}

#formcontato input {
background:#FFFFFF;
padding:3px 5px;
border:1px solid #999999;
color:#333333;
font:14px "Trebuchet MS", Arial, Helvetica;
}

#formcontato fieldset legend {
color:#333333;
font:15px "Trebuchet MS", Arial, Helvetica;
}

#formcontato input:hover {
cursor:pointer;
border:1px solid #000000;
}

#formcontato textarea {
background:#FFFFFF;
padding:3px 5px;
border:1px solid #999999;
color:#333333;
font:14px "Trebuchet MS", Arial, Helvetica;
}

#formcontato textarea:hover {
cursor:pointer;
border:1px solid #000000;
}

#formcontato select {
background:#FFFFFF;
padding:3px 5px;
border:1px solid #999999;
color:#333333;
font:14px "Trebuchet MS", Arial, Helvetica;
}

#formcontato select:hover {
cursor:pointer;
border:1px solid #000000;
}

.yes {
color:#990000;
font-weight:bold;
}

/* ------------------------------- FALE CONOSCO ORÇAMENTO ---------------------------------*/

#formcontato2 {
pdding:20px 0;
}

#formcontato2 fieldset {
border:0;
margin:0 0 5px 15px;
}

#formcontato2 input {
background:#FFFFFF;
padding:3px 5px;
border:1px solid #999999;
color:#333333;
font:14px "Trebuchet MS", Arial, Helvetica;
}

#formcontato2 fieldset legend {
color:#333333;
font:15px "Trebuchet MS", Arial, Helvetica;
}

#formcontato2 input:hover {
cursor:pointer;
border:1px solid #000000;
}

#formcontato2 textarea {
background:#FFFFFF;
padding:3px 5px;
border:1px solid #999999;
color:#333333;
font:14px "Trebuchet MS", Arial, Helvetica;
}

#formcontato2 textarea:hover {
cursor:pointer;
border:1px solid #000000;
}

#formcontato2 select {
background:#FFFFFF;
padding:3px 5px;
border:1px solid #999999;
color:#333333;
font:14px "Trebuchet MS", Arial, Helvetica;
}

#formcontato2 select:hover {
cursor:pointer;
border:1px solid #000000;
}

.yes2 {
color:#990000;
margin:0 0 5px 15px;
}

/*====================================== RODAPÉ =========================================*/


#rodape {
float:left;
width:1004px;
height:233px;
text-align:center;
background:url(../images/rodape.jpg) no-repeat center;
}

.text-rodape {
margin:20px;
}

.text-rodape p {
line-height:20px;
font:normal "Trebuchet MS", Arial, Helvetica;
font-size:13px;
color:#666666;
}

#rodape ul {
width:1004px;
text-align:center;
}

#rodape ul li {
float:left;
list-style:none;
margin:0 45px 0 45px;
}

#rodape ul li a {
font:normal "Trebuchet MS", Arial, Helvetica;
font-size:13px;
color:#333333;
}