* {
	list-style: none;
	font-family: Tahoma;
	text-decoration: none;
	padding: 0;
	margin: 0;
	font-weight: normal;
}
* html #wapper {
	height: 100%;
}
html, body {
	background-image: url(images/background.gif);
	/*background-image: url(images/bg-n.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	background-attachment: fixed;*/
}
img {
	border: none;
}
p {
	color: #fff;
}
h1 {font-weight:bold;}
h2 {color:white;}
p.tags {font-size:13px; color:#000;}
h3 {margin-left:12px;} 

h1.agew-home {font-size:12px; font-weight:bold; }
#cria-sites h1 {font-size:16px; font-weight:bold; padding-bottom:5px; color:#c33b00;}
#page-post h2.notfound {color:#fff;}
#page-post p.pnotfound {margin-top:1px; color:#fff; width:auto;  padding-left:5px;}
#top {width:100%; height:10px; background-color:white;}

#wrapper {
	position: relative;
	width: 782px;
	margin: 0 auto;
}

/*-------//// navigation ////--------*/
.navigation .alignleft a, .navigation .alignright a {
	background:red;
	display:block;
	float:left;
	font-size:12px;
	color:#ffffff;
	height:23px;
	line-height:23px;
	width:77px;
	margin-left:4px;
	text-align:center;
}

.navigation {
	padding-top:5px;
}

/* --------//// Top ////------- */
.comments-header {color:#fff;}
#header {
	float: left;
	width: 782px;
	height:203px;
	margin: 0 auto;
}

#logo {float:left; margin-top:5px;}

/* --------//// Menu ////------- */

ul#menu {margin-top:10px; margin-left:1px;float:left; clear:both; border: 1px solid #DCDCD4; }

ul#menu li {float:left;}

ul#menu li a {
cursor /*\**/: pointer;
background:url(images/menu-hover.png) no-repeat scroll top left;
display:block;
height:48px;
position:relative;
}
ul#menu li a span {
background:url(images/menu-hover.png) no-repeat scroll bottom left;
display:block;
position:absolute;
margin:0;
height:48px;
z-index:100;
font-size:1px;
color:#fff;
}

ul#menu li a.home {
width:118px;
height:48px;
background-position:0px -0px;
}
ul#menu li a.portifolio {
width:175px;
height:48px;
background-position:-117px -0px;
}

ul#menu li a.blog {
width:106px;

height:48px;
background-position:-293px 0px;
}

ul#menu li a.freebies {
width:159px;
height:48px;
background-position:-398px 0px;
}

ul#menu li a.faleconosco {
width:219px;
height:48px;
background-position:-560px 0px;
}

/* HOVER */

ul#menu li a.home span {
background-position:0px -50px;
height:49px;
width:119px;
}
ul#menu li a.portifolio span {
width: 176px;
height:49px;
background-position:-117px -50px;
}

ul#menu li a.blog span {
width:107px;
height:49px;
background-position:-293px -50px;
}

ul#menu li a.freebies span {
width:160px;
height:49px;
background-position:-398px -50px;
}

ul#menu li a.faleconosco span {
width:220px;
height:49px;
background-position:-560px -50px;
}

/* --------//// FIM Menu ////------- */

#search-form {float:right;}

@media screen and (-webkit-min-device-pixel-ratio:0){
.bg-submit {width:35px; height:31px; background-color:white; float:left; margin:-7px 7px;}
}

#search-form .bg-search {float:left; width:144px; height:31px; background-color:white; margin:-7px 0;}
#search-form .bg-search input.serach-input {color:white; float:left; border:none; width:130px; height:21px; background-color:#c33b00; margin:3px 7px;}
#search-form .bg-submit {width:38px; height:31px; background-color:white; float:left; margin:-7px 7px;}
#search-form .bg-submit input.search-submit {cursor:pointer; color:white; border:none; padding:1px 4px 2px 4px;  background-color:#c33b00; margin:3px 5px;}

#callphone {clear:both; margin-top:-80px; margin-right:5px; width:204px; height:57px; float:right;}

/* --------//// CONTAINER - INTERNAL PAGES ////------- */

#news-slider {float:left; width:95px; height:89px; margin-top:-13px; margin-left:-16px; background: transparent url(images/news-slider.png)no-repeat; display: block; text-indent: -9999em;z-index: 999;}
#news-slider {position:absolute;}	
#animation{float:left; z-index:1; width:778px; height:257px; background-position:-10px 0; background: transparent url(images/bg-slider.png) repeat-x; margin:30px 2px;}
#animation #slider-content {
  float: left;
	margin: 5px 0 0 5px;
	width: 782px;
	height: 257px;
}



#content {margin-top:7px; float:left;}
#content_home {margin-top:-15px; float:left;}

/**------- First box ------**/
#content #up {width:782px; height:161px; float:left;}

#content_home #up {width:782px; height:161px; float:left;}

#up #services {margin-top:10px; float:left; width:373px; height:144px;}
#services .s-title {width:206px; height:30px; /*background-image:url(images/services.png);*/}

#services .bg-itens-services {border: 1px solid #DCDCD4; margin-top:10px; float:left; padding:9px 7px 9px 7px; background-image:url(images/ghost.png);}
#services .itens-service {width:360px; height:82px; background-color:white;}

#services ul{float:left;}
#services ul li{float:left; padding:3px 2px 2px 7px;}

#services ul li a.otimiza {float:left; margin-top:3px;}
#services ul li a.midias {float:left; margin-top:4px;}
#services ul li a.ident {float:left; margin-top:6px;}

/**-------- QTIP -------**/

div#qTip {
 padding: 4px 3px 4px 3px;
 display: none;
 background: #c33b00;
 color: #FFF;
 font: 12px Tahoma;
 text-align: left;
 position: absolute;
 z-index: 1000;
}

/**-------- QTIP -------**/

#up #aboutus {margin-top:5px; float:right; width:373px; height:146px; margin-right:5px;}
#aboutus h1.a-title {width:168px; height:31px; background: transparent; margin-left:-11px;/*url(images/aboutus.png)*/; background-repeat:no-repeat;}

#aboutus .bg-itens-aboutus {border: 1px solid #DCDCD4; margin-top:10px; float:left; padding:9px 7px 9px 7px; background-image:url(images/ghost.png);}
#aboutus .itens-aboutus {width:360px; height:82px; background-color:white;}

#aboutus p {width:349px; font-size:13px; text-align:justify; padding-top:7px; padding-left:6px; padding-bottom:5px; background-color:white; color:#333;}
/**------- First box ------**/

/**------- Second box ------**/
#content #down {margin-top:7px;margin-bottom:15px;width:782px; height:205px; float:left;}
#content_home #down {margin-top:7px;margin-bottom:15px;width:782px; height:205px; float:left;}

#down #blognews {float:left; width:373px; height:199px;}
#blognews .b-title {width:129px; height:30px; background-image:none;}

#blognews .bg-news {border: 1px solid #DCDCD4; margin-top:10px; float:left; padding:8px 7px 4px 7px; background-image:url(images/ghost.png);}
#blognews .itens-news {}

div h1 {padding-left:12px; padding-top:5px; font-size:16px; font-weight:bold; background-color:white; color:#c33b00;} div h1 a{color:#c33b00;}

#blognews h1 {padding-left:8px; padding-top:5px; font-weight:bold; font-size:15px; background-color:white; color:#fff;} #blognews h1 a{ font-weight: bold; color:#c33b00;}

#blognews p {width:349px; font-size:13px; padding-left:8px; padding-bottom:9px; background-color:white; color:#333;}

#blognews .conteudo {margin-bottom:5px;}

#down #portifolio {float:right; width:373px; height:199px; margin-right:5px;}
#portifolio .p-title {width:235px; height:23px; background-image:url(images/portifolio.png);}

#portifolio .bg-folio {border: 1px solid #DCDCD4; margin-top:17px; float:left; padding:9px 7px 9px 7px; background-image:url(images/ghost.png);}
#portifolio .itens-folio .site1 {float:left;}
#portifolio .itens-folio .site2 {margin-left: 8px; float:left;}
#portifolio .itens-folio p {font-weight: bold; font-size:15px; text-align:center; margin-top:10px; padding-bottom:4px; background-color:white; color:#cc4500;}

/**------- Second box ------**/

/**------- PORTIFOLIO INTERNAL ---------*/

/* begin portfolio */
#news-post,#news-post-2,#news-post-2-folio{
  width:782px;
	margin:0 auto;
	background-color:#fff;
}
#folio-home-post {
  width:376px;
	margin:0 auto;
	background-color:none;
}
#news-post-2 p{margin-top:3px;}
.items{
  display:table;
}

.items .holder{
  margin:-10px 0 20px 138px;
  display:table;
}

.items .holder-blog{
  margin:0 0 0 auto;
  display:table;
}

.holder-contato{
  margin-left:6px;
  float:left;
  width:400px; 
}

.holder-contato h2 {margin-top:10px; background-color:#c33b00; }

.holder-contato div {float:left; padding:0;}

.holder-contato h2 a{color:white;}

.holder-contato h2 a:hover{text-decoration:underline;}

.items .navegation {background-color:white; margin-top:10px;width:779px; margin-left:1px; height:28px;}

/** parte de formulariod e contato**/
.items p.detalhes {float:left; margin-left:6px; padding-left:2px; color:#c33b00; background-color:white; font-size:13px; width:505px;}
.items p.detalhes a{color:#c33b00;}
.items p.detalhes a:hover{color:#333; text-decoration:underline;}
.items-single p.detalhes {float:left; margin-left:18px; padding-left:2px; color:#c33b00; background-color:white; font-size:13px; width:505px;}
/** parte de formulariod e contato**/

.captcha {float:left; margin-top:5px; margin-bottom:5px;}

#cap {clear:both;}

#cap input{width:285px; height:22px; border:1px solid #fff;}

.navegation span {margin-left:50px; margin-top:7px; float:left; color:#c33b00; font-size:13px;}
.navegation span.cat-title a{font-family:tahoma; font-size:13px; color:#c33b00;}

.navegation span.cat-title a:hover {text-decoration:underline;}

.items ul#menu-services {float:left; background-color:white; margin-left:1px; padding-bottom:10px; width:130px; z-index:25; }

.items ul#menu-services li{padding:3px 5px 5px 1px; cursor:pointer;}

.items ul#menu-services li a {color:#c33b00; padding-left:10px; }

.items ul#menu-services li a:hover {color:#c33b00;text-decoration:underline;}

/** for items single **/

.items-single ul#menu-services {float:left; background-color:white; padding-bottom:10px; width:120px; z-index:25; }

.items-single ul#menu-services li{padding:3px 5px 5px 1px; cursor:pointer;}

.items-single ul#menu-services li a {color:#c33b00; padding-left:10px; }

.items-single ul#menu-services li a:hover {color:#c33b00;text-decoration:underline;}

.navegation img {float:left; margin-left:9px; margin-top:3px;}

.items .pagina {word-spacing: 10px; width:195px; height:42px; padding:7px 5px 0 7px; background-color:white; margin-left:137px; margin-bottom:20px; }

.items .pagina-blog {word-spacing: 10px; width:250px; height:42px; padding:7px 5px 0 7px; background-color:white; margin-left:137px; }

.pagina-blog a{color:#c33b00;}
.pagina-blog a:hover{text-decoration:underline;}
.pagina-blog a:visited{color:#c33b00;}

.items .pagina h3 {font-size:25px; font-weight:bold; color:#c33b00;}

.items .pagina-blog h3 {font-size:25px; font-weight:bold; color:#c33b00;}

.items .pagina-faleconosco { width:220px; height:42px; padding:7px 5px 0 7px; background-color:white; margin-left:137px; margin-bottom:20px; }

.items .pagina-faleconosco h3 {font-size:25px; font-weight:bold; color:#c33b00;}

.items .pagina-faleconosco h3 {font-size:25px; font-weight:bold; color:#c33b00;}

.items h4 {font-size:12px; margin-left:-1px; border-right:1px solid #fff; background-color:#fff; color:#333;  height:29px; padding-left:7px; padding-top:3px; }
.items h4 span {color:#cc4500;}

.items h2 {
  font-weight:bold;
  margin-left:137px;
  margin-bottom:30px;
  width:192px;
  padding:5px 5px 5px 10px;
  background-color:white; 
  font-family:tahoma;
  font-size:19px; 
  color:#c33b00;
}

.holder .portfolio_box{
	display:table;
}
.holder h4 {width:292px;}
.portfolio_image{
  width:206px;
	height:131px;
	display:table;
	background-image:url(images/ghost.png);
}

.portfolio_image-identidade{
  margin-top:40px;
  width:206px;
	height:131px;
	display:table;
	background-image:url(images/ghost.png);
}

.portfolio_image-identidade .img { float:left; padding-left:7px; padding-top:7px;}

.portfolio_image .img { float:left; padding-left:7px; padding-top:7px;}

.items .holder .portfolio_box_last{
  width:190px;
	float:right;
	display:table;
}

.portfolio_content{
	width:215px;
}

.portfolio_content a{
  margin-left:7px;
  font-size:13px;
  color:#c33b00;
}

.portfolio_content a:hover{
	background-color:white;
	color:#c33b00;
	text-decoration:underline;
}

.holder .websites {margin-top:25px; width:310px; height:150px; float:left; }
.holder .layouts {margin-top:25px; margin-left:20px;width:310px; height:150px; float:left; }
.holder .layouts a.link-wl{color:white;} .websites a.link-wl{color:white;}
.holder .layouts a.link-wl:hover{background: white; color:#c44d0a;} .websites a.link-wl:hover{background: white; color:#c44d0a;}
.holder .layouts p{text-align:center;} .websites p{text-align:center;}

#galleryWrap 												{ margin: 20px 0 0 0; width: 940px; overflow: hidden; }
#gallery 														{ width: 640px; overflow: hidden; float: left; display: inline; }
.title																{ /*border: 1px solid #DCDCD4;*/ height: 25px; /*background: #FFF;*/ margin-right: 20px; margin-bottom: 15px; }
.title p.bread												{ padding-left: 5px; font-size: 11px; color: #323429; line-height: 25px; float: left; display: inline; }
.title p.bread a 											{ color: #323429; text-decoration: underline; }
.title p.bread a:hover 									{ text-decoration: none; }
.title p.bread span 										{ font-weight: bold; }
.title p.rss 													{ padding-right: 5px; font-size: 11px; line-height: 25px; float: right; display: inline; }
.title p.rss a													{ padding-right: 17px; text-decoration: none; color: #323429; background: url(images/rss_icon_cats.jpg) no-repeat right; }
.title p.rss a:hover 										{ text-decoration: underline; }
.thumbs														{ margin: 0 20px 50px 0; width: 298px; height: 182px; float: left; display: inline; background-image:url(images/ghost.png); border: 1px solid #DCDCD4; position: relative;}


.thumbs a img 												{ margin: 6px 6px 8px 6px; width: 284px; height: 147px; display: block; border: 1px solid #DCDCD4; }
.thumbs h2 													{ margin: 0 0 0 6px; font-size: 11px; font-weight: normal;}	 											
.thumbs h2 a 												{ color: #323429; text-decoration: none; display: block;}
.thumbs h2 a span 										{ position: absolute; right: 6px; color: #657600;}
.thumbs h2 a:hover 									{ text-decoration: underline; }

.site1 {display: inline; width:360px;}
.thumbs1														{ margin: 0 3px 30px 0; width: 177px; height: 100px; float: left; display: inline; background-image:url(images/ghost.png); border: 1px solid #DCDCD4; position: relative;}
.thumbs1 p{margin-top:5px;}

.thumbs1 a img 												{ margin: 0px 0px 0px 0px; width: 177px; height: 100px; display: block;  }
.thumbs1 h2 													{ margin: 0 0 0 6px; font-size: 11px; font-weight: normal;}	 											
.thumbs1 h2 a 												{ color: #323429; text-decoration: none; display: block;}
.thumbs1 h2 a span 										{ position: absolute; right: 6px; color: #657600;}
.thumbs1 h2 a:hover 									{ text-decoration: underline; }


/** ---------- BLOG -----------**/

#blog-news-post {width:643px; margin-top:-20px;}
#blog-news-post h4 {margin-left:10px;}
#blog-news-post div {
width:642px; float:left; 
background-color:white;
background-repeat:no-repeat;
}

#blog-news-post p.post-c {text-align:justify; color:#c33b00; width:620px; padding:3px 3px 3px 12px;}

#blog-news-post h2{background-color:#c33b00; color:white; width:628px; margin-top:10px; float:left; margin:30px 0 0 0; }

#blog-news-post h2 {color:#fff;}

#blog-news-post h2 a{color:#fff;}

#blog-news-post h2 a:visited{color:#fff;}

#back {border:1px solid #fff; float:left; margin-bottom: 15px;margin-left:10px; margin-top:5px; padding:4px 4px 4px 4px; background-color:#c33b00; }
#back a{ border:1px solid #fff; float:left; color:#c33b00; background-color:#fff;font-size:13px; padding:1px;  }


#blog-news-post div a.leiamais {margin-top:-20px;}
#blog-news-post div a.leiamais{font-size:14px; color:#333;}
#blog-news-post div a.leiamais:hover{text-decoration:underline;}

#blog-news-post .thumbnail {width:121px; height:101px; float:left;  margin:2px 2px; background-color: #ccc; border:2px solid #333; padding:3px;}

/**--------- Single Post ------**/


#single{
  width:782px;
  display:table;
}

#single-post{
  width:630px;
  margin:10px 0 20px 137px;
}

#single-post ul li {font-size:14px; color:#333; padding:5px 5px 5px 15px; list-style-type:dotted;}

#single-post h2 {margin-top:10px; margin-bottom:10px; margin-left:0; float:left; font-size: 25px; width:630px; color:#fff; background-color:#c33b00; }

#single-post div {
  -moz-border-radius-bottomleft: 10px; 
  -moz-border-radius-bottomright: 10px; 
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
float:left;background:white; width:644px; }

#single-post div p {color:#c33b00; font-size: 13px; text-align:justify;  padding:3px 3px 10px 13px; line-height:18px; float:left; width:615px; }

#single-post div h4 {width:auto; padding:10px 0 10px 11px; float:left; font-size:14px; font-weight:bold; }

#single-post div strong {width:auto; margin-top:10px; font-size:14px; font-weight:bold; padding:0px 3px 6px 15px;}

#single-post div strong span {width:auto; margin-top:10px; font-size:14px; font-weight:bold; padding:0px 0px 6px 0px;}

#single-post div h4 span {color:#333; width:auto; margin-top:10px; font-size:14px; font-weight:bold; padding:0px 0px 6px 0px;}

#single-post h2 a{color:white;}

#single-post h2 a:hover{text-decoration:underline;}

#single-post div .single-thumbnail {border:2px solid #ccc; background-color:#c33b00; padding:6px; width:627px; height:154px; margin-left:0; } 


/**------------------ page: POST ---------------------------**/


#page-post{
  width:630px;
  margin:10px 0 20px 137px;
  
}

#page-post h2 {margin-top:1px; margin-bottom:10px; margin-left:0; float:left; font-size: 25px; width:628px; background-color:#c33b00; }

#page-post div {
  -moz-border-radius-bottomleft: 10px; 
  -moz-border-radius-bottomright: 10px; 
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
padding:7px 5px 7px 3px; float:left; background:white; width:635px; }

#page-post div p {color:#c33b00; font-size: 13px; text-align:justify;  padding:3px 3px 10px 11px; line-height:18px; float:left; width:615px; }

#page-post div h4 {width:auto; padding:6px 6px 6px 0; font-size:14px; font-weight:bold; }

#page-post div strong {width:auto; margin-top:10px; font-size:14px; font-weight:bold; padding:0px 3px 6px 0px;}

#page-post div strong span {width:auto; margin-top:10px; font-size:14px; font-weight:bold; padding:0px 0px 6px 0px;}

#page-post div h4 span {color:#333; width:auto; margin-top:10px; font-size:14px; font-weight:bold; padding:0px 0px 6px 0px;}

#page-post h2 a{color:white;}

#page-post h2 a:hover{text-decoration:underline;}

#page-post div .single-thumbnail {border:2px solid #ccc; background-color:#c33b00; padding:6px; width:628px; height:155px; margin-left:0; }  



/**--------- Equipe -------------------**/

#equipe img {float:left;}

#equipe {margin-top:2px; margin-left:3px; width:642px; float:left; }

#equipe div {margin-top:-15px; float:left; background-color:white;}

#equipe h2.titulo-post-equipe {width:628px; background-color:#c33b00; margin-left:0px; margin-top:5px; float:left; }

#equipe h2.titulo-post-equipe a{color:#fff;}

#equipe h2.titulo-post-equipe a:hover{text-decoration:underline;}

#equipe p {color:#c33b00; float:left; width:620px; float:left; padding:3px 5px 6px 10px;}

#equipe strong{font-weight:bold; font-size:15px; color:#d82a03;}



/**------------------ blockquote ---------------------**/

blockquote {
width:625px;
float:left;
background: #c33b00 url(images/blockquote.png) no-repeat top left;
background-position:20px 0;
font-size: 11px;
color: #fff;
text-align: justify;
padding: 10px 0px 10px 20px;
font-size: 13px;
text-align: justify;
}
blockquote code {margin-left:10px;color:#fff;}

blockquote strong {color:#fff;}

#header .chat {float:right; margin-right: 10px; margin-top:-20px; *margin-top:10px; clear:both;width:197px; height:25px;}

/** ------------ Comentarios ---------- **/

#comments-form textarea{border:1px solid #c33b00; width:610px;}
#comments-form textarea:hover {background-color:#c33b00; color:#fff;}
#comments-form input.form-submit {background-color:#c33b00; color:white; padding:6px;border:none;}
/* Footer */
#footer {
	border: 1px solid #DCDCD4;
  float: left;
	height: 51px;
	text-align: left;
	margin:0 1px 5px 1px;
	width:777px;
  line-height: 5px;
	background-image:url(images/ghost.png);
}
#footer-center {width:765px; height:40px; margin:6px auto; background-color:white;}
#footer p {
	float: left;
  font-size: 12px;
	margin-top: 17px; margin-left:50px;
	color: #c33b00;
}	
#footer p a{color:#c33b00;}
#footer p a:hover {text-decoration:underline; color:#333;}