/* Agência WebSul - www.agenciawebsul.com.br */

header, footer, aside, nav, article, section {  
	display: block;  
}

blockquote {
  width: 660px;
  text-indent: 10px;
  border:silver solid;
  border-width: 0px 2px 0px 2px;
  background: #f9f9fe;
  margin: 0 auto;
  margin-top: 15px;
  padding: 12px 10px;
  font-style:italic;
} 

body {
	background-color: #5e5d5d;
}
.clear{
  clear: both;
}
section#website {
	width: 865px;
	margin: 0 auto;
	
}
section#website-dois{
  padding-top: 5px;
	width: 865px;
	height: 405px;
	margin: 0 auto;
}
section#website-tres{
	width: 865px;
	height: 731px;
	margin: 0 auto;
}
header{
	height: 105px;
	background-image: url(../img/bg-topo.png);
}
#content {
	background-color: white;
}
#content-dois {
	background-image: url(../img/bg-home-um.png);
	background-position: center top;
}
#content-tres {
	background-image: url(../img/bg-home-dois.png);
}
footer {
	height: 82px;

	background-image: url(../img/bg-footer.png);
	background-color: #5e5d5d;
}
.footer-text {font-family: Tahoma, 'Trebuchet MS'; float: left; padding-top: 10px;	font-size: 12px;color: white;}
.footer-text a {color: white;}
.footer-text a:hover {color: white;text-decoration:underline;}
.footer-text a:visited {color: white;}
.ws {font-family: Tahoma, 'Trebuchet MS'; float: right; padding-top: 10px;	font-size: 12px;color: white;}
.ws a {color: white;}
.ws a:hover {color: white;text-decoration:underline;}
.ws a:visited {color: white;}
.logo{
  float: left;
 
  margin-top: 13px;
}
nav{
	float: left;
	height: 34px;
	margin: 39px 0 0 50px;
}
#flash{
	width: 865px;
	height:	405px;
}

#website-tres img.frase {width:874px; height:30px; margin:10px -3px; }


#company-contact {float:left; width:865px; margin:0px 0; }

#company-contact-left {float:left;width:5px; height:266px; background: url(../img/left-company.png) no-repeat;}


/**** EMPRESA ****/

.company {width:575px; float:left; height:266px; background: url(../img/center-company.png) repeat-x;}

#empresa-home .thumbnail-empresa {padding:2px; margin:7px 3px 3px 15px; border: solid 4px #ccc; width:244px; height:175px; float:left;}

#empresa-home h1.title-empresa {font-size:14pt; text-transform:uppercase; color:#96bb04; margin:5px; font-family:Tahoma, 'Trebuchet MS';}

#empresa-home p{text-align:justify; color:white; line-height:22px; font-size:14px; margin:7px 3px 3px 15px; width:266px; float:left;}

#empresa-home a.leiamais {color:#96bb04; text-decoration:underline;}


/**** EMPRESA ****/


#company-contact-right {float:right;width:5px; height:266px; background: url(../img/right-company.png) no-repeat;}

#contact-left {float:left;width:5px; height:266px; background: url(../img/left-company.png) no-repeat;}


/**** INFORMAÇõES DE CONTATO ****/

#contact-center {width:265px; float:left; height:266px; background: url(../img/center-company.png) repeat-x;}

#contact-center h1{font-size:14pt; text-transform:uppercase; margin:8px 0 3px 10px; color:#96bb04; font-family:Tahoma, 'Trebuchet MS';}

#contact-right {float:right;width:5px; height:266px; background: url(../img/right-company.png) no-repeat;}

#contact {width:270px; float:right; height:266px; }

#local .bulsula {float:left; margin:20px 4px; width:41px; height:46px;}

#local p{width:210px; float:left; font-weight:bold; margin:20px 0;color:white; font-size:14px;}

#callphone {float:left; margin:30px -50px;}

#callphone .phone {float:left; margin:0 7px; width:37px; height:36px;}

#callphone p{ float:left; margin:7px 0; font-weight:bold; color:white; font-size:14px;}

#mail {float:left; margin:13px 5px;}

#mail .phone {float:left; margin:0 7px; width:36px; height:29px;}

#mail p{ float:left; margin:3px 0; font-weight:bold; color:white; font-size:14px;}
#mail p a{color:white; text-decoration:underline; font-weight:bold;}
#mail p a:hover{color:white; text-decoration:none;}
#mail p a:visited{color:white;text-decoration:underline;}
/**** INFORMAÇõES DE CONTATO ****/


#blog {float:left; margin:50px 0 0 3px;}
#blog .title-blog {width:865px; color:#96bb04; margin:10px 0 10px 0;}
#blog .title-blog h1 a:link {color:#929293;}
#blog .title-blog h1 a:visited {color:#929293;}
#blog .title-blog h3 a:visited {color:#fff;}
#blog .title-blog h3 a:link {color:#fff;}
#blog .title-blog h3{margin:0 3px;font-size:22px;}
#blog .title-blog h3 {
  font-family:tahoma;
}


#loop-blog{
	width:865px;	margin:0 10px;
	margin:0 auto;
}

#loop-blog .thumbnail-ghost {width:205px; height:176px; position:absolute;  background: url(../img/ghost.png) no-repeat;}
#loop-blog .thumbnail {width:205px; height:176px; float:left; clear:both;}

#loop-blog h1{padding:0 0 5px 0; font-family:Tahoma, 'Trebuchet MS'; color:#929293; font-weight:normal; text-decoration:none; font-size:18px;}

#loop-blog h1 a{color:#fff; text-decoration:none; font-size:14px; font-weight:bold; font-family: Tahoma, 'Trebuchet MS';}
#loop-blog h1 a:hover {color:#fff;}
#loop-blog h1 a:visited {color:#fff;}
#loop-blog h3 a:visited {color:#fff;}

#loop-blog p a {padding:5px 0 5px 0; color:white; width:188px; float:left; font-family:Tahoma, 'Trebuchet MS';}
#loop-blog p a:hover{text-decoration:underline;}

#loop-blog .leiamais {float:left; color:#96bb04; font-size:14px; text-decoration:underline; }
#loop-blog .leiamais a{color:#96bb04;}
#loop-blog .leiamais a:hover{text-decoration:underline; color:#96bb04;}
#loop-blog .leiamais a:visited{color:#96bb04;}

#loop-blog .category-blog {
  padding:0 5px 0 5px;
	display: inline;
	margin:0 auto;
	float:left;
}


/** FOLIO  **/

#posts-portifolio{
	width:874px; 
	margin-left:2px;
	padding-bottom: 20px;
  margin: 0 auto;
  
}

#posts-portifolio .hentry img {
  padding:4px;
  float:left;
  height: 192px;
  width:237px;
  display:block;
	border: solid 3px #98bd04; 
}

#posts-portifolio .hentry img:hover{
float:left;
height: 192px;
width:237px;
background: url(../images/sombra-port.png)
}

#posts-portifolio .hentry h2{padding:10px 0; font-size:20pt;}
#posts-portifolio .hentry h2 a{color:black;}
#posts-portifolio .hentry h2 a:hover{color:#98bd04; text-decoration:underline;}
#posts-portifolio .hentry h2 a:visited{color:black;}

#posts-portifolio .hentry {
  padding:0 20px 0 19px;
	margin-left:1px;
	display: inline;
	float:left;
}


/* Portifolio */


/* Blog */


#blog-post .hentry, .category-blog {
	margin-left:1px;
	margin:0 auto;

}
#blog-post .post-blog{margin:0 auto; width:865px;}

#blog-post .thumbnail-ghost-blog {width:205px; height:176px; position:absolute;  margin:11px 11px; background: url(../img/ghost.png) no-repeat;}
#blog-post .thumbnail-blog {width:205px; height:176px;  float:left; margin:11px;}

.post-details {margin:13px 10px; margin-bottom:10px; font-size:13px; clear:both;}

#blog-post .category-blog p.post{margin:7px; 0; line-height:23px; font-size: 17px; font-size:13px; position:relative; }

p.post {font-size:18px;}

p.data {font-weight:bold; margin:10px 0; font-size: 14px;}

p.post a:link{color:#98bd04;}
p.post a:hover{text-decoration:underline; color:#98bd04;}
p.post a:visited{color:#98bd04;}


#blog-post  h1 {font-weight:bold; font-size:20px; font-family:tahoma; padding:17px 0px 10px 10px;}
#blog-post  h1 a {color:black;}
#blog-post  h1 a:hover {text-decoration:underline; color:black;}
#blog-post  h1 a:visited {color:black;}


#blog-post p.tags{ font-family: Tahoma, 'Trebuchet MS'; font-size:14px; clear:both; padding:10px 10px 20px 10px; } 
#blog-post p.tags a{text-decoration:underline;color:#98bd04; margin-left:5px;}
#blog-post p.tags a:hover{color:#98bd04;}


/* Empresa */

section#content-empresa p{text-align:justify; width:800px; margin:0 auto; line-height: 20px;font-size:15px; font-family:tahoma;}


#content-page{
	background: url(../img/bg-pages.png) no-repeat;
	background-position:center top;
	background-color: white;
	padding-top: 30px;
}
#title-page{
	margin: 0px auto;
  width: 876px;
	height: 88px;
	background-image: url(../img/bg-title.png);
}
#title-page .sombra {position: absolute; margin:-10px 0 0 20px; width:177px; height:26px; background: url(../img/sombra-e.png) no-repeat;}
#title-page .sombra-c {position: absolute; margin:-10px 0 0 20px; width:177px; height:26px; background: url(../img/sombra-c.png) no-repeat;}
#title-page .sombra-b {position: absolute; margin:-10px 0 0 20px; width:177px; height:26px; background: url(../img/sombra-b.png) no-repeat;}

#title-page h1 {
	font-weight: bold;
	font-size: 36px; 
	font-weight:normal; 
	padding: 22px 18px 18px 45px;
}
#title-page h1 a{color:white;}
#title-page h1 a:hover{color:white;}
#title-page span {color:#98bd04;}
#title-page span a{color:#98bd04;}
#title-page span a:hover{color:#98bd04;}


#title-post{
	margin: 0px auto;
    width: 876px;
	height: 88px;
	background: url(../img/bg-title.png);
}
#title-post h1 {
	font-weight: bold;
	font-size: 28px; 
	font-weight:normal; 
	padding: 25px 18px 18px 45px;
}
#title-post h1 a{color:white;}
#title-post h1 a:hover{color:white;}
#title-post span {color:#98bd04;}
#title-post span a{color:#98bd04;}
#title-post span a:hover{color:#98bd04;}


#title-post-tags{
	margin: 0px auto;
    width: 876px;
	height: 88px;
	background: url(../img/bg-title.png);
}
#title-post-tags h1 {
	font-weight: bold;
	color:#fff;
	font-size: 28px; 
	font-weight:normal; 
	padding: 25px 18px 18px 45px;
}
#title-post-tags h1 a{color:white;}
#title-post-tags h1 a:hover{color:white;}
#title-post-tags span {color:#98bd04;}
#title-post-tags span a{color:#98bd04;}
#title-post-tags span a:hover{color:#98bd04;}


section#content-empresa{
	text-align: justify;
	font-family: "Trebuchet MS";
	font-size: 14pt;
	width: 865px;
	margin: 0 auto;
	padding: 15px 0;
}

/*Empresa*/
#boxes { width:864px; height:182px; margin: 0 auto; }
#boxes a.boxes{ width:215px; height:133px; margin-left:35px;}
#boxes img.boxes{margin-top:10px;}

#boxes .box1 {margin-top:15px; width:288px; float:left; height:152px; background: url(../img/box.png) no-repeat;}
#boxes .box2 {margin-top:15px; width:288px; float:left;height:152px; background: url(../img/box.png) no-repeat;}
#boxes .box3 {margin-top:15px; width:288px; float:left;height:152px; background: url(../img/box.png) no-repeat;}


section#content-contact{
	width: 865px;
	margin: 0 auto;
}
#form{
  position: absolute;
  width: 340px;
}
#endereco{
  margin-left: 340px;
  padding: 21px;
  width: 485px;
}
#endereco p{
  text-align: justify;
  font-family: "Trebuchet MS";
  font-size: 14px;
}
#maps{
  padding-top: 20px;
  width: 505px;
}
.mailto{
  color: #373636;
}
a.mailto:hover{
  text-decoration: underline;
}

section#content-single{
	text-align: justify;
	font-family: "Trebuchet MS";
	font-size: 14pt;
	width: 865px;
	margin: 0 auto;
	padding: 15px 0;
}

section#content-single p {font-size:15px; line-height:20px; text-align:justify; width:865px; margin:0 auto;}

.alignleft {float:left;}
.alignright {float:right;}


section#content-single p img {margin:3px 6px 0px 6px;}

h1.title-tags {font-size:20px; padding:20px 0 20px 0; }
h1.title-tags a{color:#000; text-decoration:underline;}
h1.title-tags a:hover{color:#98bd04;}
h1.title-tags a:visited{color:#000;}

div#qTip {
 padding: 4px 3px 4px 3px;
 display: none;
 background: #fff;
 border:1px solid #333;
 color:#788f1b;                  
 font: 12px Tahoma;
 text-align: left;
 position: absolute;
 z-index: 1000;
}

section#content-post-page{
	width: 865px;
	margin: 0 auto;
}

/** Style Rolagem Jquery Fotos Empresa**/

#jcarosel{overflow:hidden; margin: 0 auto; width: 800px; height: 220px;}
.carosel { margin: 0 49px; padding-top: 20px;}
ul{list-style:none;}
ul li{float:left; display:inline;}
.carosel img { width: 190px; height:134px; padding: 10px; background: #f5f5f5; margin: 10px; border: solid 2px #dddddd;}
#jcarosel .prev{cursor: pointer;width: 30px; height: 31px; margin-top: -100px; margin-left: 0px; float: left; background: url(../img/prev.png) no-repeat; border: none;}
#jcarosel .next{cursor: pointer;width: 30px; height: 31px; margin-top: -120px; margin-right: 0px; float:right; background: url(../img/next.png) no-repeat; border: none;}
#jcarosel .prev:hover{cursor: pointer;background: url(../img/prev-h.png) no-repeat;}
#jcarosel .next:hover{cursor: pointer;background: url(../img/next-h.png) no-repeat;}

/** Style Rolagem Jquery Fotos Empresa**/