body {
width:100%;
background-image:url(/public/images/bg_img.jpg);
background-repeat:repeat-x;
background-color:#ffffff;
background-position: 0px -80px;
text-align:center;
margin:0px;
padding:0px;
border:0px;
font-family:'Trebuchet MS', Verdana, sans-serif;
font-size:12px;
color:#000000;
}

#container { 
width:950px; 
/*margin: auto;*/
}

#wrapper {
clear:both;
margin-top: 0px;
}

#leftwrap {
width:150px;
float:left;
padding-top:0px;
text-align:left;
}

#rightwrap {
width:790px;
float:right;
padding-top:0px;
padding-bottom:0px;
padding-left:10px;
text-align:left;
}

#clear {
clear:both;
}

#footer {
width:950px;
height:66px;
}

#footerleft {
width:13px;
height:66px;
float:left;
background-image:url(/public/images/footer_left.jpg);
}

#footertext {
width: 700px;
float: left;
padding-top: 15px;
margin-left: 15px;
text-align: left;
}

#footerright {
margin-right: 15px;
margin-top: 5px;
width:100px;
height:66px;
float:right;
}

#menuHorizontal{
width:150px;	
}

div#menuHorizontal{
padding-left: 15px;
margin: 0px;
}

div#menuHorizontal ul{
display: block;
margin: 0px;
padding: 0px;
}

div#menuHorizontal ul a{
display:block;
padding: 5px 5px 5px 1px;
text-indent: 0px;
border: 0px;
font-size:13px;
font-family:'Trebuchet MS', Verdana, sans-serif;
color:#333366;
text-decoration:none;
}

div#menuHorizontal ul a:hover{
text-indent: 0px;
color:#0066CC;
border: 0px;
}

#barraHor01{
width:130px;
height: 5px;
font-size: 0;
background-color: #acb099;/*#DED7C9;*/
}

#barraHor02{
width:130px;
height: 1px;
font-size: 0;
background-color: #acb099;
}

#barraHor100{
height: 5px;
font-size: 0;
background-color: #acb099;
}

/* ==================================== TEXT ================================ */

h1 {
font-size:17px;
font-family:'Trebuchet MS', Verdana, sans-serif;
color:#333366;
line-height:20px;
}

h2 {
font-size:12px;
color:#698b0e;
}

p.heading {
font-size:18px;
font-family:'Trebuchet MS', Verdana, sans-serif;
color:#000;
line-height:30px;
}

p.bodytext {
font-size:14px;
font-family:'Trebuchet MS', Verdana, sans-serif;
color:#000;
line-height:16px;
text-align:justify;
}

p.copyright {
font-size:10px;
font-family:'Trebuchet MS', Verdana, sans-serif;
color:#504f25;
text-transform:uppercase;
}

img.picture01{
	/*float: left;
	clear: right;*/
	margin: 0px;	
}


.tabela3cols {
font-size:10px;
font-family:'Trebuchet MS', Verdana, sans-serif;
color:#000;
line-height:12px;
}



/* LINKS */

a.bodylinks {
font-size:12px;
font-family:'Trebuchet MS', Verdana, sans-serif;
color:#698b0e;
text-decoration:underline;
}

a.bodylinks:hover {
font-size:12px;
font-family:'Trebuchet MS', Verdana, sans-serif;
color:#405703;
text-decoration:underline;
}

a.footerlinks {
font-size:13px;
font-family:'Trebuchet MS', Verdana, sans-serif;
color:#333366;
text-decoration:none;
}

a.footerlinks:hover {
font-size:13px;
font-family:'Trebuchet MS', Verdana, sans-serif;
color:#0066CC;
text-decoration:none;
}

a.logo {
display:block;
width:200px;
height:140px;
}



/* MENU LINKS */

a.nav {
display:block;
width:231px;
height:73px;
float:left;
background-image:url(/public/images/menulinks.jpg);
}

a.about {background-position:0px 0px;}
a.about:hover {background-position:0px -73px;}
#index a.about {background-position:0px -73px;}

a.web {background-position:-231px 0px;}
a.web:hover {background-position:-231px -73px;}
#webdesign a.web {background-position:-231px -73px;}

a.graphic {background-position:-462px 0px;}
a.graphic:hover {background-position:-462px -73px;}
#graphicdesign a.graphic {background-position:-462px -73px;}

a.contact {background-position:-693px 0px;}
a.contact:hover {background-position:-693px -73px;}
#contact a.contact {background-position:-693px -73px;}



/* FOOTER-ICON LINKS */

a.icons {
display:block;
width:600px;
height:66px;
float:left;
background-image:url(/public/images/footer_icons.jpg);
}

a.twitter {background-position:0px 0px; width:60px;}
a.twitter:hover {background-position:0px -66px;}

a.behance {background-position:-60px 0px; width:65px;}
a.behance:hover {background-position:-60px -66px;}

a.stumbleupon {background-position:-125px 0px; width:60px;}
a.stumbleupon:hover {background-position:-125px -66px;}

a.linkedin {background-position:-185px 0px; width:56px;}
a.linkedin:hover {background-position:-185px -66px;}

a.lb {background-position:-241px 0px; width:82px;}
a.lb:hover {background-position:-241px -66px;}




/* TABLES */

#rounded-corner-inicio
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 11px;
	width: 600px;
	text-align: left;
	border-collapse: collapse;
	background: #e8edff url('/public/images/table-images/bgPrecos3.jpg') left top no-repeat ;
}

#rounded-corner-inicio thead th.rounded-company
{
	background: #acb099 url('/public/images/table-images/left.gif') left -1px no-repeat;
}
#rounded-corner-inicio thead th.rounded-q4
{
	background: #acb099 url('/public/images/table-images/right.gif') right -1px no-repeat;
}
#rounded-corner-inicio tbody{
	
}
#rounded-corner-inicio th
{
	padding: 8px;
	font-weight: normal;
	font-size: 16px;
	color: #fff;
	background: #acb099;
}
#rounded-corner-inicio td
{	
	padding: 2px 1px 2px 1px;
	/*background: #e8edff;*/
	border-top: 1px solid #fff;
	color: #000;
	
}
#rounded-corner-inicio tfoot td.rounded-foot-left
{
	background: #e8edff url('/public/images/table-images/botleft.png') left bottom no-repeat;
}
#rounded-corner-inicio tfoot td.rounded-foot-right
{
	background: #e8edff url('/public/images/table-images/botright.png') right bottom no-repeat;
}
#rounded-corner-inicio tbody tr:hover td
{
	background: #acb099;
	color: #fff;
}






#rounded-corner
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 11px;
	width: 520px;
	text-align: left;
	border-collapse: collapse;
	background: #e8edff url('/public/images/table-images/bgPrecos.jpg') left top no-repeat ;
}

#rounded-corner thead th.rounded-company
{
	background: #acb099 url('/public/images/table-images/left.gif') left -1px no-repeat;
}
#rounded-corner thead th.rounded-q4
{
	background: #acb099 url('/public/images/table-images/right.gif') right -1px no-repeat;
}
#rounded-corner th
{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #013;
	background: #b9c9fe;
}
#rounded-corner td
{
	padding: 2px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #114;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background: #e8edff url('/public/images/table-images/botleft.png') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #e8edff url('/public/images/table-images/botright.png') right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
	background: #d0dafd;
}







.cursorseta{
	cursor: default;
}

#marcaSony{
width: 80px; height: 40px;
overflow: hidden;
background: url(/public/images/marcas/logo_sony_80.gif) top left no-repeat;
display: block;
text-indent: 10000px;
background-position: bottom left;
}
 
#marcaSony:hover{
background-position: top left;
}


#marcaLg{
width: 80px; height: 40px;
overflow: hidden;
background: url(/public/images/marcas/logo_lg_80.gif) top left no-repeat;
display: block;
text-indent: 10000px;
background-position: bottom left;
}
 
#marcaLg:hover{
background-position: top left;
}


#marcaSamsung{
width: 80px; height: 40px;
overflow: hidden;
background: url(/public/images/marcas/logo_samsung_80.gif) top left no-repeat;
display: block;
text-indent: 10000px;
background-position: bottom left;
}
 
#marcaSamsung:hover{
background-position: top left;
}


#marcaSanyo{
width: 80px; height: 40px;
overflow: hidden;
background: url(/public/images/marcas/logo_sanyo_80.gif) top left no-repeat;
display: block;
text-indent: 10000px;
background-position: bottom left;
}
 
#marcaSanyo:hover{
background-position: top left;
}


#marcaPanasonic{
width: 80px; height: 40px;
overflow: hidden;
background: url(/public/images/marcas/logo_panasonic_80.gif) top left no-repeat;
display: block;
text-indent: 10000px;
background-position: bottom left;
}
 
#marcaPanasonic:hover{
background-position: top left;
}


#marcaPioneer{
width: 80px; height: 40px;
overflow: hidden;
background: url(/public/images/marcas/logo_pioneer_80.gif) top left no-repeat;
display: block;
text-indent: 10000px;
background-position: bottom left;
}
 
#marcaPioneer:hover{
background-position: top left;
}


#marcaJvc{
width: 80px; height: 40px;
overflow: hidden;
background: url(/public/images/marcas/logo_jvc_80.gif) top left no-repeat;
display: block;
text-indent: 10000px;
background-position: bottom left;
}
 
#marcaJvc:hover{
background-position: top left;
}


#marcaBraun{
width: 80px; height: 40px;
overflow: hidden;
background: url(/public/images/marcas/logo_braun_80.gif) top left no-repeat;
display: block;
text-indent: 10000px;
background-position: bottom left;
}
 
#marcaBraun:hover{
background-position: top left;
}


#marcaTechnostar{
width: 80px; height: 40px;
overflow: hidden;
background: url(/public/images/marcas/logo_technostar_80.gif) top left no-repeat;
display: block;
text-indent: 10000px;
background-position: bottom left;
}
 
#marcaTechnostar:hover{
background-position: top left;
}


#marcaGrundig{
width: 80px; height: 40px;
overflow: hidden;
background: url(/public/images/marcas/logo_grundig_80.gif) top left no-repeat;
display: block;
text-indent: 10000px;
background-position: bottom left;
}
 
#marcaGrundig:hover{
background-position: top left;
}


#marcaNordmende{
width: 80px; height: 40px;
overflow: hidden;
background: url(/public/images/marcas/logo_nordmende_80.gif) top left no-repeat;
display: block;
text-indent: 10000px;
background-position: bottom left;
}
 
#marcaNordmende:hover{
background-position: top left;
}


#marcaSharp{
width: 80px; height: 40px;
overflow: hidden;
background: url(/public/images/marcas/logo_sharp_80.gif) top left no-repeat;
display: block;
text-indent: 10000px;
background-position: bottom left;
}
 
#marcaSharp:hover{
background-position: top left;
}


#marcaDenver{
width: 80px; height: 40px;
overflow: hidden;
background: url(/public/images/marcas/logo_denver_80.gif) top left no-repeat;
display: block;
text-indent: 10000px;
background-position: bottom left;
}
 
#marcaDenver:hover{
background-position: top left;
}


#marcaMoulinex{
width: 80px; height: 40px;
overflow: hidden;
background: url(/public/images/marcas/logo_moulinex_80.gif) top left no-repeat;
display: block;
text-indent: 10000px;
background-position: bottom left;
}
 
#marcaMoulinex:hover{
background-position: top left;
}


#marcaElectricco{
width: 80px; height: 40px;
overflow: hidden;
background: url(/public/images/marcas/logo_electricco_80.gif) top left no-repeat;
display: block;
text-indent: 10000px;
background-position: bottom left;
}
 
#marcaElectricco:hover{
background-position: top left;
}


#marcaKenwood{
width: 80px; height: 40px;
overflow: hidden;
background: url(/public/images/marcas/logo_kenwood_80.gif) top left no-repeat;
display: block;
text-indent: 10000px;
background-position: bottom left;
}
 
#marcaKenwood:hover{
background-position: top left;
}


#marcaTaurus{
width: 80px; height: 40px;
overflow: hidden;
background: url(/public/images/marcas/logo_taurus_80.gif) top left no-repeat;
display: block;
text-indent: 10000px;
background-position: bottom left;
}
 
#marcaTaurus:hover{
background-position: top left;
}


#marcaFirstline{
width: 80px; height: 40px;
overflow: hidden;
background: url(/public/images/marcas/logo_firstline_80.gif) top left no-repeat;
display: block;
text-indent: 10000px;
background-position: bottom left;
}
 
#marcaFirstline:hover{
background-position: top left;
}


#marcaMitsai{
width: 80px; height: 40px;
overflow: hidden;
background: url(/public/images/marcas/logo_mitsai_80.gif) top left no-repeat;
display: block;
text-indent: 10000px;
background-position: bottom left;
}
 
#marcaMitsai:hover{
background-position: top left;
}


#marcaJocel{
width: 80px; height: 40px;
overflow: hidden;
background: url(/public/images/marcas/logo_jocel_80.gif) top left no-repeat;
display: block;
text-indent: 10000px;
background-position: bottom left;
}
 
#marcaJocel:hover{
background-position: top left;
}


#marcaKrups{
width: 80px; height: 40px;
overflow: hidden;
background: url(/public/images/marcas/logo_krups_80.gif) top left no-repeat;
display: block;
text-indent: 10000px;
background-position: bottom left;
}
 
#marcaKrups:hover{
background-position: top left;
}


#marcaUfesa{
width: 80px; height: 40px;
overflow: hidden;
background: url(/public/images/marcas/logo_ufesa_80.gif) top left no-repeat;
display: block;
text-indent: 10000px;
background-position: bottom left;
}
 
#marcaUfesa:hover{
background-position: top left;
}


#marcaAg{
width: 80px; height: 40px;
overflow: hidden;
background: url(/public/images/marcas/logo_ag_80.gif) top left no-repeat;
display: block;
text-indent: 10000px;
background-position: bottom left;
}
 
#marcaAg:hover{
background-position: top left;
}


#marcaPhilips{
width: 80px; height: 40px;
overflow: hidden;
background: url(/public/images/marcas/logo_philips_80.gif) top left no-repeat;
display: block;
text-indent: 10000px;
background-position: bottom left;
}
 
#marcaPhilips:hover{
background-position: top left;
}


#marcaBecken{
width: 80px; height: 40px;
overflow: hidden;
background: url(/public/images/marcas/logo_becken_80.gif) top left no-repeat;
display: block;
text-indent: 10000px;
background-position: bottom left;
}
 
#marcaBecken:hover{
background-position: top left;
}


#marcaThomson{
width: 80px; height: 40px;
overflow: hidden;
background: url(/public/images/marcas/logo_thomson_80.gif) top left no-repeat;
display: block;
text-indent: 10000px;
background-position: bottom left;
}
 
#marcaThomson:hover{
background-position: top left;
}