/*  
Criado por Vinicius Wingnut
vinicius@wcria.com.br
WCRIA Design Criativo
http://wcria.com.br
*/
 


body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p{
	margin:0;
	padding:0;
	}
html{
	background-color:#270039;
	font-size:100%;
	}
body{
	font-size:0.8em;
	font-family: Arial, Helvetica, sans-serif;
	line-height:21px;
	position:relative;
	color:#666;
	}
a:focus, a:hover, a:active /* Firefox image outline fix */ {
	outline:none;
	}
	
	
/* BASICO */

h1 a, h2 a, h3 a, h4 a, h5 a h6 a {
	color:#5B5A5A;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:-0.02em;
	font-weight:500;
	}
a {
	color:#270039;
	text-decoration:none;
	font-weight:bold;
	}
a:hover {
	color:#270039;
	text-decoration:underline;
	font-weight:bold;
	}	
a img {
	border:none;
	}
p { 
	padding: 0 0 1em 0;
	}
ul, ol {
	list-style-position:outside;
	margin-left:20px;
	}
span.red {
	color:#f00;
	font-weight:bold;
	}

/* TOP */

#top{
	width:960px;
	margin:0 auto;
	position:relative;
	}


/* HEAD */	
	
#head{
	height:128px;
	position:relative;
	z-index:10;
	}
#head h1 a{
	display:block;
	height:99px;
	width:219px;
	position:absolute;
	left:8px;
	top:20px;
	outline:none;
	cursor:pointer;
	}
		
		
/* MAIN */

#main{
	position:relative;
	padding-top:45px;
	background:transparent url(../imgs/bg_slice_top.png) 0 0 no-repeat;
	float:left;
	}
			
			
/* MAINPAGE IMAGE SLIDER */	

#featured{
	height:300px;
	margin-bottom:25px;
	position:relative;
	background:transparent url(../imgs/bg_slice_middle.png) 0 0 repeat-y;
	color:#f5f5f5;
	}
.featured_item{
	height:285px;
	margin:0 auto;
	position:relative;
	top:-35px;
	width:940px;
	overflow:hidden;
	display:none;
	}
#top .current{
	display:block;
	}
.featured_text {
	letter-spacing:0;
	left:30px;
	line-height:26px;
	position:relative;
	top:30px;
	width:332px;
	z-index:2;
	}
#featured .entry{
	margin-bottom:8px;
	height:190px;
	overflow:hidden;
	border-bottom:none;
	padding-bottom:0;
	}
.featured_image{
	height:285px;
	position:absolute;
	right:0;
	top:0;
	width:940px;
	overflow:hidden;
	}
.featured_image img{
	position:absolute;
	right:0;
	top:0;
	}
#featured_bottom{
	position:absolute;
	height:60px;
	background:transparent url(../imgs/bg_slice2_bottom.png) 0 0 no-repeat;
	bottom:-10px;
	width:100%;
	}
.ticker{
	font-size:0.9em;
	margin:18px 15px 0 39px;
	width:550px;
	}
.ticker, .ticker a{
	color:#666;
	text-decoration:none;
	font-weight:normal;
	}
.ticker, .ticker a:hover{
	color:#270039;
	}
.ticker span{
	display:none;
	}
.ticker .active_ticker{
	display:block;
	}	
.preview_images{
	height:60px;
	line-height:60px;
	position:absolute;
	right:39px;
	top:10px;
	}
.preview_images a img{
	padding:1px;
	border:1px solid #afafaf;
	background-color:#fff;
	}
.preview_images a{
	outline:none;
	display:block;
	position:relative;
	margin-right:5px;
	float:left;
	}
.preview_images .current_prev img{
	border:1px solid #666;
	}
.pointer{
	background:transparent url(../imgs/pointer.png) no-repeat scroll left top;
	height:13px;
	left:18px;
	position:absolute;
	top:37px;
	width:13px;
	}
	
	
/* BREADCRUMB NAV */	
								
.breadcrumb{
	color:#ddd;
	font-size:0.9em;
	left:39px;
	position:absolute;
	bottom:-49px;
	z-index:5;
	}	
.breadcrumb a{
	color:#fff;
	text-decoration:none;
	}
.breadcrumb a:hover{
	color:#fff;
	text-decoration:underline;
	}
	
	
/* CONTENT AREA */	
						
.content_top{
	background:transparent url(../imgs/bg_slice2_top.png) 0 0 no-repeat;
	height:30px;
	padding:0 10px;
	width:940px;
	float:left;
	}		
#content{
	background:transparent url(../imgs/bg_slice2_middle.png) repeat-y scroll 0 0;
	float:left;
	padding:0 10px;
	position:relative;
	width:940px;
	}
#sidebar{
	float:left;
	padding:0 0 15px 50px;
	position:relative;
	width:275px;
	overflow:hidden;
	}
#top #sidebar .small_box{
	padding:0 0 15px 0;
	}


/* PORTFOLIO PAGE */	

#inner_content_big{
	float:left;
	width:880px;
	padding:0 0 15px 30px;
	position:relative;
	}
#inner_content_big img.dir {
	float:right;
	padding:0 0 15px 0;
	}
#inner_content_big img.esq {
	display:block;
	float:left;
	padding:10px 0 0 0;
	}
#inner_content_big img  {
	display:block;
	float:right;
	padding:0;
	}
#inner_content_big p.left {
	width:420px;
	float:left;
	}
#inner_content_big p.right {
	width:420px;
	float:right;
	}
a.orcamento {
	width:199px;
	height:23px;
	background:url(../imgs/btn_orcamento.png) 0 0 no-repeat;
	text-align:right;
	float:right;
	display:block;
	margin:15px 0;
	}
a.orcamento:hover {
	width:199px;
	height:23px;
	background:url(../imgs/btn_orcamento-hover.png) 0 0 no-repeat;
	}
#inner_content_big p span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	letter-spacing:-0.04em;
	font-weight:bold;
	}
#inner_content_big p span.request {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	letter-spacing:0;
	font-weight:normal;
	float:right;
	line-height:2.5em;
	margin-bottom:10px;
	}
a.wiki {
	text-decoration:none;
	cursor:help;
	color:#666;
	}
a.wiki:hover {
	text-decoration:none;
	cursor:help;
	color:#270039;
	}
.entry_portfolio{
	padding-bottom:30px;
	clear:both;
	float:left;
	width:100%;
	position:relative;
	}
#portfolio {
	margin-top:10px;
	width:450px;
	float:right;
	z-index:20;
	}
#portfolio img  {
	margin:5px 15px 10px 0;
	float:left;
	display:block;
	}
#portfolio h3 {
	color:#5b5a5a;
	letter-spacing:-0.04em;
	padding-bottom:5px;
	line-height:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.7em;
	font-weight:bold;
	}
#portfolio span {
	font-size:0.9em;
	display:block;
	}
.thumbs {
	width:450px;
	float:right;
	}
a.backport {
	width:199px;
	height:23px;
	background:url(../imgs/btn_voltar.png) 0 0 no-repeat;
	margin-top:15px;
	display:block;
	float:left;
	}
a.backport:hover {
	width:199px;
	height:23px;
	background:url(../imgs/btn_voltar-hover.png) 0 0 no-repeat;
	}


/* VIDEO */
.video {
	float:left;
	position:relative;
	z-index:1;
	}
	

/* GRID */
#content_folio {
	float:left;
	position:relative;
	width:960px;
	margin:0px;
	padding:0px;
	}
#folio .item { 
	width:300px; 
	background:transparent url(../imgs/item.bg.png) no-repeat;
	}
#folio .item:hover { 
	background-position: top right; 
	}
#folio .item img { 
	display:block; 
	width:266px; 
	height:150px; 
	margin:18px 17px 30px 17px;
	}
#folio .item img:hover { 

	}
#folio .item h4 a { 
	margin: 0px 17px; 
	line-height:1em;
	color: #666 !important; 
	font-size:1.1em;
	letter-spacing:-1px;
	font-weight:800;
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration:none;
	}
#folio .item h4 a:hover { 
	text-decoration:none;
	color:#270039;
	}
#folio .item p {
	margin: 0 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height:0.6em;
	font-style:italic;
	}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{
	display:inline;
	float:left;
	margin-left:10px;
	margin-right:0px
	}
	
/* DIVISOR */
.divisor {
	margin:0 auto;
	position:relative;
	background:url(../imgs/divisor.png) 0 0 no-repeat;
	width:900px;
	height:45px;
	clear:both;
	}

/* PAGES WITH SIDEBAR */								
					
#inner_content{
	float:left;
	width:570px;
	padding:0 0 15px 30px;
	position:relative;
	}
#inner_content .entry{
	width:570px;
	}
.entry{
	clear:both;
	margin-bottom:28px;
	overflow:hidden;
	padding-bottom:20px;
	position:relative;
	}
.entry-head{
	position:relative;
	top:-3px;
	margin-bottom:20px;
	font-size:11px;
	}											
.categories, .comments, .entry-head a, .more-link, #top .portfolio_item h3 a{
	background-color:#000;
	color:#fff;
	text-decoration:none;
	padding:2px 0;
	}
.entry-head a:hover, .more-link:hover, #top .portfolio_item h3 a:hover{
	background-color:#e5e5e5;
	color:#270039;
	}									
#top .entry-head a, .more-link{
	padding:2px 4px;	
	}
#top .bg_sidebar{
	background:transparent url(../imgs/bg_sidebar.png) repeat-y scroll center top;
	}
.date{
	padding:2px 4px;
	}
#subpage #content{
	padding:20px 10px 0;
	}
						
						
/*****************************
7.) Small Boxes and Sidebar "Widgets"
/****************************/	
				
.small_box{
	float:left;
	padding:0 0 0 40px;
	position:relative;
	width:270px;
	}
#top .box1{
	padding:0 0 0 30px;
	}
.small_box h3{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:-0.03em;
	font-weight:400;
	font-size:2em;
	color:#5a5a5a;
	}
.small_box h3 a, .small_box h3 a:hover{
	text-decoration:none;
	font-weight:normal;
	}
.small_box img{
	float:right;
	display:block;
	padding:0 0 0 5px !important;
	padding:0;/*ie6 fix for png elemnts needs this*/
	}
.widget_categories a, .widget_pages a{
	padding:5px;
	display:block;
	text-decoration:none;
	width:250px; /*change if sidebarwidth changes*/
	border-bottom:1px solid #ddd;
	}
.widget_categories a:hover, .widget_pages a:hover{
	background:#f5f5f5;	
	}
								
										
/* uncomment this if you want sublevels with indents
.small_box ul ul a{
	padding-left:25px;
	width:230px;
	}
	
.small_box ul ul ul a{
	padding-left:45px;
	width:210px;
	}
	
.small_box ul ul ul ul a{
	padding-left:65px;
	width:190px;
	}
*/
				
		
/*****************************
#basic & common styles	
/****************************/

#sidebar ul, #sidebar ol{
	margin-left:0px;
	}
#sidebar li{
	list-style-type:none;	
	}
h1,h2,h3,h4,h5,h6, legend{
	color:#5b5a5a;
	font-weight:normal;
	letter-spacing:-0.02em;
	padding-bottom:5px;
	line-height:1.4em;
	}
h1{
	clear:both; 
	font-size:32px;
	font-weight:bold;
	}
h2{
	font-size:22px; 
	clear:both;
	}
h3, legend{
	font-size:1.5em; 
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	}
h4{
	font-size:1.3em; 
	font-weight:normal;
	letter-spacing:-0.01em;
	clear:both;
	}
h5{
	font-size:14px; 
	clear:both;
	}
h6{
	font-size:13px; 
	clear:both;
	}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	text-decoration:none;
	} 
#featured h2{
	margin-bottom:8px;
	padding-bottom:8px;
	border-bottom:1px solid #ddd;
	}
#featured h2, #featured h2 a{
	color:#fff;
	}
#inner_content h2, #inner_content h2 a, #inner_content_big h2, #inner_content_big h2 a{
	color:#3d3d3d;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:3.2em;
	letter-spacing:-2px;
	}
blockquote p{
	padding:11px 0px;
	}
blockquote{
	margin:0 0 22px 5px;
	padding:0 15px;
	}
.floatleft{
	float:left;
	}
.floatright{
	float:right;
	}
.clearboth{
	clear:both;
	}
.alignleft{
	float:left;
	margin:0px 15px 15px 0pt;
	}
.alignright{
	float:right;
	margin:0px 0pt 15px 15px;
	}
.aligncenter{
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	clear:both;
	display:block;
	margin:10px auto;
	padding: 10px 0;
	}
#top .wp-smiley{
	border:none;
	padding:0;
	}
.meta{
	color:#a0a0a0;
	display:block;
	position:relative;
	font-size:1em;
	line-height:1.2em;
	}
.read-more, .show-next{
	background:transparent url(../imgs/read_more.png) no-repeat scroll right top;
	color:#555;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11.5px;
	font-weight:bold;
	height:41px;
	left:-2px;
	line-height:41px;
	position:relative;
	text-align:center;
	text-decoration:none;
	width:165px;
	}	
#top .show-next{
	bottom:0;
	left:165px;
	position:absolute;
	}
.read-more:hover, .show-next:hover{
	background:transparent url(../imgs/read_more.png) no-repeat scroll right bottom;
	color:#666;
	}
.entry ul, .entry ol{
	list-style-type:disc;
	list-style-position:inside;
	margin:0;
	padding:0 0 20px 0;
	border-top:1px solid #ddd;
	}
#top .entry ol{
	list-style-type:decimal;
	}
.entry li{
	padding:3px 10px;
	border-bottom:1px solid #ddd;
	}	
blockquote{
	font-size:13px;
	font-style:italic;
	margin:0 0 20px;
	padding:10px 20px 10px 41px;
	background:transparent url(../imgs/quotes.png) no-repeat scroll left 6px;
	color:#555555;
	}
	
	
/*CONTACT FORM*/

.valid .text_input, .valid .text_area{
	border:1px solid #DBE0E6;
	} /*#70A41B*/
.error .text_input, .error .text_area{
	border:1px solid #EE2A00;
	}
.ajax_alert .text_input, .ajax_alert .text_area{
	border:1px solid #ffb628;
	}
#searchsubmit, #send, #top #submit{
	cursor:pointer;
	background-color:#333;
	cursor:pointer;
	color:#fff;
	}
#s, .text_input, .text_area{
	padding:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#270039;
	}
#s, .text_input, .text_area, textarea, #commentform input{
	border:1px solid #ababab;
	color:#270039;
	font-weight:bold;
	width:300px;
	background:#FFFFFF url(../imgs/bg_input.gif) repeat-x scroll center top;
	border:1px solid #DBE0E6;
	}
#searchsubmit, #send {
	padding:4px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	background-color:#270039;
	}
.hidden{
	display:none;
	}
#commentform{
	padding-bottom:20px;
	}
fieldset{
	border:none;
	padding:0;
	margin:0;
	overflow:hidden;
	}
fieldset label{
	padding-left:7px;
	width:130px;
	float:left;
	font-weight:bold;
	}
.blocklabel{
	display:block;
	padding:10px 0 0 7px;
	}
.button {
	position:relative;
	top:0;
	left:137px;
	background:url(../imgs/btn_enviar.png) 0 0 no-repeat;
	width:101px;
	height:28px;
	border:0;
	font-size:0;
	text-indent:-9999px;
	}
#top .text_area{
	width:300px;
	}
.corner_left, .corner_right{
	background:transparent url(../imgs/jquery_corners.png) no-repeat scroll top left;
	position:absolute;
	top:0;
	height:5px;
	width:5px;
	z-index:6;
	left:0;
	}	
#top .corner_right{
	left:935px;
	background:transparent url(../imgs/jquery_corners.png) no-repeat scroll top right;
	}
	
	
/*MENU*/

.navwrap{
	height:50px;
	right:5px;
	background:transparent url(../imgs/menu.png) no-repeat scroll right bottom;
	line-height:50px;
	padding-right:18px;
	position:absolute;
	top:50px;
	font-size:1em;
	z-index:6;
	}
#top #nav{
	float:right;
	background:transparent url(../imgs/menu.png) left top no-repeat;
	height:50px;
	line-height:50px;
	padding-left:13px;
	}
#nav, #nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:50px; 
	z-index:5;
	}
#top #nav a {
	color:#888;
	height:33px;
	display:block;
	padding:0 13px;
	text-decoration:none;
	text-align:center;
	line-height:28px; 
	outline:none;
	z-index:35;
	position:relative;
	font-family:Lucida Sans Unicode, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:0;
	float:left;
	font-size:0.9em;
	font-weight:normal;
	}
#top #nav ul a{
	line-height:33px; 
	}
#top #nav li{
	float:left;
	position:relative;
	z-index:20;
	margin-top:11px;
	}
#top #nav li li{
	border-left:none;
	margin-top:0;
	}
#top #nav ul {
	position:absolute;
	display:none;
	width:230px;
	top:33px;
	left:-1px;
	border:1px solid #DFDFDF;
	border-top:none;
	}
#top #nav li ul a{
	width:188px;
	height:auto;
	float:left;
	text-align:left;
	padding:0 21px;
	border-bottom:1px solid #fff;
	border-top:1px solid #DFDFDF;
	}
#top #head #nav ul a, #top #head #nav ul li{
	background-color:#f5f5f5;
	background-image:none;
	}
#top #head #nav ul a:hover, #top #head #nav ul a:focus {
	background-color:#fff;
	color:#270039;
	}
#top #head #nav a:hover, #top #head #nav a:focus {
	color:#270039;
	}
#top #nav .current_page_item a{
	color:#270039;
	}
#top #nav .current_page_parent .current_page_item a, #top #nav .current_page_item ul a{
	border-right:1px solid #f5f5f5;
	border-left:none;
	background-image:none;
	color:#444;
	}
#top #nav ul ul{
	top:auto;
	border-top:none;
	}	
#top #nav li ul ul {
	left:172px;
	top:0px;
	}
#top #nav li:hover ul ul, #top #nav li:hover ul ul ul,#top  #nav li:hover ul ul ul ul{
  	display:none;	
	}
#top #nav li:hover ul, #top #nav li li:hover ul, #top #nav li li li:hover ul, #top #nav li li li li:hover ul{
	display:block;
	}
	
	
/* FOOTER */	

#footer{
	clear:both;
	padding:25px 15px 40px 15px;
	position:relative;
	font-size:0.9em;
	width:930px;
	background:transparent url(../imgs/bg_slice_bottom.png) 0 0 no-repeat;
	color:#888;
	}
#footer a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	}
#footer a:hover {
	text-decoration:underline;
	}
.copyright{
	float:left;
	display:block;
	color:#fff;
	}
.scroll-top{
	float:right;
	display:block;
	color:#fff;
	}
	
/* 404-403 */
#main_error {
	position:relative;
	padding:30px 10px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	}
#main_error h1 {
	font-weight:bold;
	font-size:3.8em;
	letter-spacing:-2px;
	color:#fff;
	}
#main_error span {
	color:#fff;
	font-weight:bold;
	font-size:1.6em;
	letter-spacing:-0.03em;
	}
#main_error p {
	margin-top:15px;
	color:#fff;
	font-weight:normal;
	font-size:1.3em;
	letter-spacing:-0.03em;
	}
#main_error a {
	text-decoration:none;
	color:#fff;
	}
#main_error a:hover {
	text-decoration:none;
	color:#ff0;
	}
#footer_error{
	clear:both;
	padding-left:10px;
	position:relative;
	font-size:0.9em;
	width:930px;
	}
.copyright{
	float:left;
	display:block;
	color:#fff;
	}