/* CSS RESET ******/
html, span, iframe, h1, h2, h3, h4 a, font, img, p, ul, li, label, table, tr, td {
	margin: 0; padding: 0;
	border: 0; outline: 0;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
	outline:none;
}
form, fieldset {margin:0px; padding:0; border:none}
:focus{outline:0;}
img {border: none; text-decoration:none;}
ol, ul{list-style:none;}
p, input, textarea{ margin:0; padding:0}
frameset{ overflow-x:hidden}
#miolo h2{position:absolute; left:-9999px; top:-9999px;}

/*****************/
.a{
	color:#75291f;
	text-decoration:none;
}
body{
	margin:0px; padding:0px;
	background:#160806;
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#site{
	width:100%;
	background:url(../imgs/bg_wood.jpg) no-repeat center -20px;
}
.site_content{
	margin:0 auto;
	width:1000px;
	overflow:hidden;
}
.site_topo{
	float:left;
	width:1000px;
	height:96px;
	padding-top:15px;
}
.topo_logo{
	position:relative;
	float:left;
	width:219px;
	height:96px;
	padding-left:31px;
}
.logo_wesley{
	display:block;
	width:182px;
	height:95px;
	text-indent:-9999px;
	background:url(../imgs/logo.png) no-repeat left top;
}
.topo_menu{
	float:left;
	position:relative;
	width:500px;
	height:96px;
}
#menuhorz{width:465px; float:left; padding-top:35px; padding-left:35px}

#menuhorz li{display:inline;}

#menuhorz li a{background: url(../imgs/menu.png); float:left; height:20px; text-indent:-9999px; margin-right:36px; cursor:pointer}

#menuhorz .btn_home	{background-position: 0px 0px; width:49px;}
#menuhorz .btn_home:hover {background-position: 0px -21px;}

#menuhorz .btn_insp	{background-position: -86px 0px; width:81px;}
#menuhorz .btn_insp:hover {background-position: -86px -21px;}

#menuhorz .btn_port	{background-position: -201px 0px; width:67px;}
#menuhorz .btn_port:hover {background-position: -201px -21px;}

#menuhorz .btn_sobr	{background-position:right 0px; width:45px;}
#menuhorz .btn_sobr:hover {background-position:right -21px;}

.topo_switch{
	float:left;
	width:250px;
	height:66px;
	padding-top:30px;
}
.switch_txt_bg{
	float:left;
	width:140px;
	height:28px;
	padding-left:110px;
	background:url(../imgs/txt_switch.png) no-repeat 29px top;
}
.switch_bg_colors{
	float:left;
	width:138px;
	height:28px;
}
#switch_css li{
	margin-right:6px;
	display:inline;
}
#switch_css li a{
	float:left;
	height:28px;
	width:28px;
	text-indent:-9999px;
	background:url(../imgs/colors.png) no-repeat;
}
#switch_css .btwood	{background-position:left top; margin-right:6px;}
#switch_css .btmeta	{background-position:-34px top;}

#mesa_position{
	float:left;
	width:1000px;
	height:330px;
}
#mesa{
	float:left;
	position:relative;
	width:1000px;
	height:330px;
}
.mesa_slider{
	float:right;
	width:500px;
	height:330px;
	margin-top:-8px;
	overflow:hidden;
}
.mesa_texto{
	float:left;
	width:500px;
	height:95px;
	margin-top:28px;
	background:url(../imgs/main_text.png) no-repeat 53px top;
}
.mesa_objetos{
	position:absolute;
	width:465px;
	height:282px;
	text-align:right;
	padding-left:35px;
	margin-top:130px;
}
#miolo{
	float:left;
	width:1000px;
}
.miolo_servicos{
	float:left;
	width:250px;
	padding-top:37px;
	background:url(../imgs/tit_servicos.png) no-repeat 5px top;
}
.servicos_geral{
	float:left;
	width:179px;
	height:60px;
	padding-top:6px;
	margin-bottom:12px;
	padding-left:71px;	
	font-size:12px;
	color:#ccb09e;
}
.serv_web{padding-top:10px; height:56px; background:url(../imgs/icon_web.png) no-repeat 6px center;}
.serv_logo{padding-top:9px; height:57px; background:url(../imgs/icon_logo.png) no-repeat left top;}
.serv_vetor{background:url(../imgs/icon_vetor.png) no-repeat 7px top;}
.serv_print{background:url(../imgs/icon_print.png) no-repeat left top;}

.miolo_portfolio{
	float:left;
	position:relative;
	z-index:999;
	width:430px;
	padding-top:37px;
	padding-left:45px;
	padding-right:25px;
	background:url(../imgs/tit_portfolio.png) no-repeat 47px top;
}
#portfolio_tabs{
	float:left;
	width:100%;
}
.btn_ptud {width:77px;}
.btn_pweb {width:83px;}
.btn_pvet {width:94px;}
.btn_plog {width:82px;}
.btn_ppri {width:89px;}

#menuport{
	display:block;
	width:100%;
	padding-bottom:13px;
}
.portolio_lista li{
	float:left;
	padding:0 6px 0 2px
}
.portolio_lista li a{
	color:#FFF;
}
.portolio_lista li img{
	border:2px solid #421709;
	margin-bottom:6px;
}
.portfolio_link{
	float:left;
	position:relative;
	margin-top:-3px;
	width:420px;
	padding-right:10px;
	text-align:right;
}
.portfolio_link a{color:#75291f; text-decoration:none;}
.portfolio_link a:hover{color:#deb091; text-decoration:underline;}

.miolo_contato{
	float:left;
	width:250px;
	padding-top:37px;
	background:url(../imgs/tit_contato.png) no-repeat 5px top;
}
#contato{
	float:left;
	width:250px;
	padding-bottom:27px;
}
.redes_sociais{
	float:left;
	width:247px;
	padding-top:37px;
	padding-left:3px;
	background:url(../imgs/tit_redes.png) no-repeat 5px top;
}
.redes_sociais a{
	float:left;
	width:40px;
	height:40px;
	margin:0 20px 0 2px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../imgs/redes_sociais.png) no-repeat;
}
.redes_sociais a.rede_facebook{background-position:left top}
.redes_sociais a.rede_twitter{background-position:-47px top}
.redes_sociais a.rede_orkut{background-position:-93px top}
.redes_sociais a.rede_flickr{background-position:-140px top; margin-left:0px!important;}


.contato_inputs{
	float:left;
	width:245px;
	padding-left:5px;
	padding-bottom:7px;
}
.contato_enviar{
	float:left;
	width:67px;
	height:21px;
	padding-right:20px;
	padding-left:163px;
}
.btn_enviar{
	width:66px;
	height:21px;
	text-indent:-9999px;
	display:block;
	background:url(../imgs/btn_enviar.png) no-repeat left top;
}
.btn_enviar:hover{background-position:right top}

.cls_inputs{
	width:222px;
	height:19px;
	padding:1px 0 1px 4px;
	border:none;
	line-height:19px;
	font-size:12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#97452f;
	background:url(../imgs/bg_inputs.png) no-repeat left top;
}
.cls_textarea{
	width:222px;
	height:68px;
	border:none;
	padding-left:4px;
	padding-top:3px;
	color:#97452f;
	min-height:68px;
	max-height:68px;	
	min-width:222px;
	max-width:222px;
	overflow:auto;
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	background:url(../imgs/bg_textarea.jpg) no-repeat left top;
}

#loadBar, #emailSuccess{
	display:none;
	color:#deb091;
	font-size:11px;
	padding-left:7px;
	padding-bottom:5px;
}
#loadBar img{margin-right:10px;}
#footer{
	width:100%;
	clear:left;
	height:124px;
	background:url(../imgs/bg_wood.jpg) center -50px no-repeat;
}
.footer_content{
	margin:0 auto;
	width:1000px;
	height:89px;
	padding-top:35px;
}
.footer_cursor{
	float:left;
	width:250px;
	height:89px;
	background:url(../imgs/cursores.png) no-repeat center top;
}
.footer_menu{
	float:left;
	width:500px;
	height:80px;
	padding-top:9px;
	font-size:12px;
	line-height:19px;
	text-align:center;
	color:#deb091;
}
.footer_logo{
	float:left;
	width:250px;
	height:85px;
	padding-top:4px;
	text-align:center;
	background:url(../imgs/ajax-loader.gif) no-repeat right 100px
}
#menu_rodape{color:#75291f}
#menu_rodape li{
	text-align:center;
	display:inline
}
.footer_menu a{
	color:#75291f;
	text-decoration:none
}
.footer_menu a:hover{
	color:#deb091;
	text-decoration:underline
}
/* LOOPSLIDER **/
ul.pagination a {display:block; width:19px; height:15px; background:url(../imgs/pagination.png) 0px 0px no-repeat} 
ul.pagination li.active a {background-position:0 -15px}
a.previous {position:absolute; top:110px; left:-32px; width:23px; height:40px; display:block; background:url(../imgs/previous.png) 0px 0px no-repeat}
a.next {position:absolute; top:110px; right:-32px; width:23px; height:40px; display:block; background:url(../imgs/next.png) 0px 0px no-repeat}
/* STYLES ******/
.hidden {visibility:hidden}
.bg_none{background:none!important}
.bg_bottom{background-position:bottom}

/* AJAX BOX ****/
#abox{
	margin:0 auto;
	position:relative;
	z-index:501;
	width:653px;
	padding-top:3px
}
#abox_load{
	position:absolute;
	top:90px;
	width:35px;
	height:30px;
	left:50%;
	margin-left:-15px;
	text-align:center;
	padding-top:6px;
	z-index:500;
	background:url(../imgs/bg_ajax_load.png) no-repeat top
}
#abox_load2{
	position:absolute;
	top:240px;
	width:35px;
	height:30px;
	left:50%;
	margin-left:-17px;
	text-align:center;
	padding-top:6px;
	z-index:500;
	background:url(../imgs/bg_ajax_load.png) no-repeat top
}
#abox .top{
	float:left;
	width:653px;
	height:20px;
	font-size:0px;
	background:url(../imgs/abox_top.png) no-repeat left top;
}
#abox .middle{
	float:left;
	width:600px;
	padding:0 25px 0 28px;
	background:url(../imgs/abox_mid.png) repeat-y left top;
}
#abox .bottom{
	float:left;
	width:653px;
	height:45px;
	font-size:0px;
	background:url(../imgs/abox_bot.png) no-repeat left top;
}
/*INSPIRATION **/
.inspiration_tit{
	width:583px;
	height:25px;
	color:#deb091;
	padding-top:10px;
	padding-left:20px;
}
.inspiration_tit h2{font-size:16px; display:block; font-weight:normal;}

.inspiration_txt{
	width:579px;
	height:191px;
	padding:0 10px 5px 10px;
	margin-bottom:5px;
	background:url(../imgs/bg_inspiration.png) no-repeat center top
}
.insp_list{
	float:left;
	width:156px;
	margin:0;
	padding:1px 30px 0 14px
}
.list_last{padding-right:0px !important;}

.insp_list li{
	height:20px;
	margin:0;
	padding-top:4px;
	list-style:none;
	font-size:12px;
	list-style-position:outside;
	background:url(../imgs/sep_inspiration.png) no-repeat left bottom
}
.insp_list li a{color:#a05c44; text-decoration:none}
.insp_list li a:hover{color:#deb091; text-decoration:none}

/* PORTFOLIOBOX */
.portfolio_txt{
	width:580px;
	height:195px;
	padding:1px 9px 0 10px;
	margin-bottom:5px;
	background:url(../imgs/bg_inspiration.png) no-repeat center top;
}
#portbox {height:196px;}
#portbox li{
	list-style:none;
	list-style-position:outside;
	float:left;
	width:144px;
	height:193px;
	margin:0;
	padding:0;
	background:#341009;
	border-left:1px solid #1b0705;
}
.portnews{background:url(../imgs/cantinho.png) no-repeat right top #341009 !important}
/* ABOUT **/
.about_c1{
	float:left;
	width:299px;
	height:234px;
	color:#deb091;
	padding-top:2px;
	border-right:1px solid #300c09;
	background:url(../imgs/bg_about1.png) repeat-x left top #2a0b08;
}
.about_foto{
	float:left;
	height:110px;
	width:90px;
	background:url(../imgs/bg_about2.png) no-repeat right top;
}
.about_desc{
	float:left;
	width:200px;
	height:98px;
	padding:12px 0 0 9px;
	color:#deb091;
	line-height:20px
}
.about_desc h2{color:#f7f3d6; font-size:17px; font-weight:normal}

.about_redes{
	float:left;
	width:204px;
	height:111px;
	color:#a05c44;
	padding-top:2px;
	padding-left:95px;
	line-height:29px;
	background:url(../imgs/bg_about3.png) no-repeat 12px 13px
}
.about_redes a{color:#a05c44; text-decoration:none;}
.about_redes a:hover{color:#deb091}

.about_c2{
	float:left;
	width:253px;
	height:220px;
	color:#a05c44;
	padding:10px 23px 0 23px;
	background:url(../imgs/bg_about4.png) no-repeat center 34px
}
.about_c2 a{color:#c59668; text-decoration:none}
.about_c2 a:hover{color:#deb091; text-decoration:underline}
.about_c2 h3{color:#deb091; padding-left:4px; display:block; height:31px;font-size:16px;font-weight:normal}
.about_c2 p{margin:2px 0 10px 0}

/*PORTFOLIO ***/
.portfolio_bg{background:url(../imgs/bg_woodfull.jpg) no-repeat center top #180a09 fixed}

#sub_baloon{
	position:absolute;
	width:380px;
	height:24px;
	top:55px;
	left:107px;
	padding-top:12px;
	background:url(../imgs/port_baloon.png) no-repeat left top
}
#sub_baloon li{float:left; height:24px; text-align:center; margin:0;}
#sub_baloon li a{color:#333; font-size:14px; text-decoration:none; display:block;}
#sub_baloon li a:hover{color:#990000;}
#sub_baloon .web{width:91px}
#sub_baloon .log{width:86px}
#sub_baloon .vet{width:103px}
#sub_baloon .new{width:98px}

#portfolio{
	float:left;
	width:980px;
	padding:12px 10px 0 10px;
}

#portfolio div{float:left}

#portfolio .titulo{
	width:930px;
	padding:5px 25px 22px 25px;
	height:28px;
	text-align:center;
}
#portfolio .titulo h1{
	float:left; height:28px; width:118px; text-indent:-9999px; background:url(../imgs/h1_portfolio.png) no-repeat left;
}
#portfolio .titulo h2{float:left; text-indent:-9999px; height:28px; background-position:left 1px}

.h2_web{width:127px; background:url(../imgs/h2_web.png) no-repeat}
.h2_vet{width:145px; background:url(../imgs/h2_vet.png) no-repeat}
.h2_log{width:113px; background:url(../imgs/h2_log.png) no-repeat}
.h2_new{width:134px; background:url(../imgs/h2_new.png) no-repeat}

#portfolio .item_new{
	width:245px;
	height:195px;
	text-align:center;
	padding:0 0 40px 0;
}
#portfolio .item_new a{color:#FFF;}

#portfolio .item_vet{
	width:195px;
	padding:0 25px 43px 25px;
	height:157px;
	text-align:center;
	background:url(../imgs/sombra_thumb.png) no-repeat center 134px
}
#portfolio .item_vet a{color:#FFF; text-decoration:none}
#portfolio .item_web{
	width:460px;
	height:169px;
	padding-left:20px;
	padding-right:10px;
	padding-bottom:39px
}
#portfolio .item_web .foto{
	width:244px;
	height:151px;
	padding-top:18px;
	background:url(../imgs/portfolio_browser.png) no-repeat left;
}
#portfolio .item_web .desc{
	width:187px;
	height:169px;
	padding-left:19px;
	padding-right:10px;
	color:#a05c44;
	font-size:12px;
}
#portfolio .item_web .desc p{
	padding:8px 0 5px 0;
}
#portfolio .item_web .desc a{
	display:block; color:#a05c44; text-decoration:none;
}
#portfolio .item_web .desc a:hover{text-decoration:underline}
.desc_topic{
	clear:left;
	color:#DEB091;
	font-size:13px;
	padding-top:9px;
}
#footer_port{
	width:100%;
	height:124px;
}
/* WAIT */
#wait{
	margin:0 auto;
	width:182px;
	height:96px;
	text-align:center;
	padding-top:99px;
}
.wait_404{
	width:100%;
	height:37px;
	padding-top:25px;
	text-align:center;
	color:#FFCC99;
	font-size:14px;	
	background:url(../imgs/404.png) no-repeat center bottom;
}

/* Natal Theme */

#christmas{
	position:absolute;
	z-index:1000;
	left:23px;
	top:4px;
	width:63px;
	height:76px;
	background:url(../imgs/christmas.png) no-repeat;
}