/* CSS Document */
/* Nesse documento, há um hack muito legal: */
/* Para fazer com que a configuração fun-   */
/* cione em determinado browser, há certos  */
/* símbolos para certos browsers. Exemplo:  */
/* -> _ (underline) funciona só pra IE 6    */
/* -> * (asterisco) funciona pra IE 6 e 7   */

/* Filtro de opacidade pode anular links!! Cuidado */

html{overflow-x:hidden;}

body {
background:#E9E4D6 url(layout/footerback.jpg) repeat-x bottom;
font-family:Helvetica, Arial, sans-serif;
font-size:15px;
margin:0;
padding:0;
}
a{
text-decoration:none;
}
a.blog{
background:#333;
color:#fff;
padding:0 3px 0 3px;
}
a:hover.blog{
background:#F9DC03;
color:#000;
}
li{
list-style-type:none;
}
h1, h2, h3{
padding-right:42px;
padding-left:42px;	
_padding-right:17px;

_padding-left:17px;
margin-top:0;
margin-bottom:0;
width:auto;
font-weight:normal;
}
h1{
font-size:2.67em;
color:#333;
margin-top:30px;
}
h2, h2.home{
font-size:1.1em;
}
h2.home{
width:350px;
}
h3{
font-size:1.5em;
}

#fita{
	width:200%;
	margin:22px -500px 0 -500px;
	height:158px;
	background: url(layout/wallpaper.jpg);
	float:left;
	position:absolute;
	left: -2px;
	top: 4px;
}

#total {
width:734px;
position:relative;	
margin:0 auto;
*margin-top:-180px;
background:url(layout/back.png) repeat-y;
	
_width:700px;
_background:#F3F1E9;
_border-left:1px #000 solid;
_border-right:1px #000 solid;	

}

#header{
margin:0 0 0 17px;
_margin-left:0;
background:url(layout/header.jpg) no-repeat;
width:700px;
height:158px;
}
#flash{
margin:1px 0 0 17px;
_margin-left:0;
height:133px;
}

/****************************************************
MENU
****************************************************/

#menu{
font-family:"Century Gothic", Helvetica, Arial, sans-serif;
height:35px;
width:700px;
margin:1px 0 0 17px;
_margin-left:0;
background:url(layout/menu_a.jpg);
}

#menu li{
display:table-cell;
margin:0;
_float:left;
*display:inline;
}

#menu li a{
background:url(layout/menu_a.jpg);
line-height:35px;
height:35px;
color:#000;
float:left;
padding:0 19px;
}
#menu li a:hover{
background:url(layout/menu_ahover.jpg);
color:#fff;
}

/****************************************************
MENU2
****************************************************/
#menu2{
font-family:"Century Gothic", Helvetica, Arial, sans-serif;
height:35px;
float:right;
margin-right:20px;
margin-top:123px;
_margin-right:10px;

}
#menu2 li{
display:table-cell;
margin:0;
_float:left;
*display:inline;
}
#menu2 li a{
line-height:35px;
height:35px;
color:#fff;
float:left;
padding:0 11px;
}
#menu2 li a:hover{
background:url(layout/menu2_ahover.jpg);
color:#000;
}
/***************************************************/

.barrinha{
margin:0 42px;
background:#F9DC03;
height:20px;
width:310px;
*width:350px;
text-align:right;
padding-right:17px;
_margin-left:17px;
line-height:20px;
}
.barrinha a{
background:#333;
color:#FFF;
padding:1px 0;
}
.barrinha a:hover{
background:#F9DC03;
color:#000;}


.imageleft{
float:right;
padding-right:42px;
_padding-right:17px;
*padding-top:30px;
	}
.image{
margin-left:40px;
_margin-left:15px;

	}

/****************************************************
MENU2
****************************************************/
#footer{
width:700px;
height:50px;
background:url(layout/footer.jpg) no-repeat;
margin:1px 0 0 17px;
_margin-left:0;
}

#footer li{
display:table-cell;
margin:0;
_float:left;
*display:inline;
}

#footer li a{
margin-top:2px;
line-height:45px;
height:48px;
_line-height:48px;
_height:48px;
color:#fff;
float:left;
padding:0 11px;
}

#footer li a:hover{
background:url(layout/menu2_ahover.jpg);
color:#000;
}

/****************************************************
PORTFOLIO
****************************************************/
#port{
width:660px;
padding-left:42px;
_padding-left:17px;

}
#port2{
float:right;
width:320px;
height:140px;
}


img.portinside, a .portinside, a:visited .portinside{
	border:#999 5px solid;
	margin:2px 4px 7px 0;
}
a:hover .portinside{
	color:#fff;
	border:#fff 5px solid;
}



img.thumbs, a .thumbs, a:visited .thumbs{
border:9px solid #252930;
margin:2px 7px 7px 0;
}
a:hover .thumbs{
border:#F9DC03 9px solid;
}



#port3{
width:660px;
padding-left:42px;
_padding-left:17px;
}
/****************************************************
CONTATO
****************************************************/
input.texto, textarea{
font-family:"Century Gothic", Helvetica, Arial, sans-serif;
font-size:1.4em;
background:#2C2C2C;
color:#F9DC03;
}
input.texto{
width:400px;
height:30px;
}
textarea{
width:400px;
height:75px;
}
.portcentro{
margin:0;
text-align:center;
}
/****************************************************
AREA PORTFOLIO NOVA
****************************************************/
.anova {
	float:left;
	width:312px;
	height:140px;
	margin-left:50px;
	margin-top:15px;
}
.anovad {
	float:left;
	width:312px;
	height:140px;
	margin-left:15px;
	margin-top:15px;
}
.anovac {
	float:left;
	width:312px;
	height:140px;
	margin-left:50px;
}
.anovadc {
	float:left;
	width:312px;
	height:140px;
	margin-left:15px;
}
#area_total {
	width:760px;
	height:600px;
}