﻿/* CSS Document */

.texto{
font-size:12px;
color:#666666;
font-family:Tahoma, Arial, Helvetica, sans-serif;
}

body{

	padding:0; margin:0;

	background-color:#FFFFFF; color:#000000;

	background-image:url(images/header_bg.jpg); background-repeat:repeat-x;

	}

	

input{ 

	padding:0; margin:0;

	}

	

label{ 

	padding:0; margin:0;

	}

	

form{ 

	padding:0; margin:0;

	}

	

h4{ 

	padding:0; margin:0;

	}

	

h3{ 

	padding:0; margin:0;

	}

	

h2{ 

	padding:0; margin:0;

	}

	

h1{ 

	padding:0; margin:0;

	}

	

a{ 

	padding:0; margin:0;
	text-decoration:none;
	color:#0057AE;
	}

a:hover{
text-decoration:underline;
color:#3AA4CE;
}
	

li{ 

	padding:0; margin:0;

	}

	

ul{ 

	padding:0; margin:0;

	}

	

p{ 

	padding:0; margin:0;

	}

	

div{ 

	padding:0; margin:0;

	}

	

.spacer{

	line-height:0; font-size:0; clear:both;

	}	



/*---------------------------------------Header Start------------------------------------*/

	

#header{

	width:778px; position:relative;

	margin:0 auto;

	height:240px;

	background-image:url(images/header_bg_1.jpg); background-repeat: repeat-x;

	background-position:bottom;

	}



#header ul{

	position:absolute;

	left:0px; top:0px;	

	list-style:none;

	}

	

#header ul li{

	float:left;

	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:1px;

	color:#375D0B; background:url(images/header_nav_bg.gif) repeat-x 0 0; 

	text-align:center;

	}

	

	/*menu*/

#header ul li a{

	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10px; 

	color:#3CA5C5; background:url(images/header_nav_bg.gif) repeat-x 0 0; 

	width:96px; height:23px; padding-top:34px;

	text-decoration:none; display:block;

	}

/*menu selecionado*/

#header ul li.home{

	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10px; 

	color:#375D0B; background:url(images/nav_bg.jpg) repeat-x 0 0; 

	width:96px; height:23px; padding-top:34px;

	text-decoration:none; display:block;

	text-align:center; float:left;

	}

	

	/*menu over*/

#header ul li a:hover{

	background:url(images/nav_bg_2.jpg) repeat-x 0 0 ;

	color:#999999; 

	height:23px; width:96px;

	}

	

.logo{

	position:absolute; 

	top:59px; left:0px;

	}

	

.promocoes{

	position:absolute; 

	top:59px; left:280px;

	}	

.menu_titulo{

	font-family:Tahoma, Arial, sans-serif; font-size:15px;

	font-weight:bold; color:#0057AE; 

	text-align:left; padding-top: 4px;

}

.menu_subtitulo{

	font-family:Arial, Helvetica, sans-serif; font-size:13px;

	color:#0057AE; text-align:left;	

	margin-top:10px;

}



.menu_titulo_produto{

	font-family:Arial, Helvetica, sans-serif; font-size:11px;

	color:#333333; text-align:left;	

	margin-top:10px;

}



.menu_tabtitulo{

	float:left;

	padding:0px 0px 0px 0px; margin-top:12px;

	font-weight:bold;

	font-family:Arial, Helvetica, sans-serif; font-size:12px;

	background:url(images/menu_tabbg.gif) repeat-x 0 0 #F9F442 ;			

	color:#0057AE; text-align:center;		

}



.menu_tab{

	font-family:Arial, Helvetica, sans-serif; font-size:12px;

	color:#0057AE; text-align:center;

	margin-top:0px; margin-right:2px; margin-left:2px;

	background:url(images/menu_tab.gif) repeat-y 0 0 #F9F442 ;
	background-repeat:no-repeat;

	height:35px;
	width: 99px;
	
	padding-top:10px;

	cursor:pointer;
	float:left;
}	

.menu_tab:hover{

	background:url(images/menu_tab2.gif)  ;		
	background-repeat:no-repeat;
	padding-top:5px;

}

.menu_tab2{

	font-family:Arial, Helvetica, sans-serif; font-size:12px;

	color:#0057AE; text-align:center;

	margin-top:0px; margin-right:2px; margin-left:2px;

	height:35px;
width: 99px;
	
	padding-top:10px;
	cursor:pointer;
	float:left;
	background:url(images/menu_tab2.gif) repeat-y 0 0 #F9F442 ;		
background-repeat:no-repeat;
}

.menu_tab_a{

	color:#0057AE;

	text-decoration:none;

}





.titulo{

	float:left;

	width:500px;

	padding:10px 22px 5px 12px;	margin-top:12px;

	font-weight:bold;

	font-family:Arial, Helvetica, sans-serif; font-size:13px;

	background:url(images/menu_left.gif) repeat-x 0 0 #F9F442 ;	

	color:#0057AE; text-align:left;		

}

	

#header h2{

	background:url(images/punch_line.jpg) no-repeat;

	width:219px; height:18px;

	position:absolute;

	top:159px; left:16px;

	text-indent:-2000px;

	}



/*---------------------------------------Header End------------------------------------*/



/*----------------------------------left side Start-----------------------------------------------------*/	



#container{

	width:778px; position:relative;

	margin:0 auto; padding:0 0 24px 0;

	}	

	

#box{

	height:165px;

	float:left;

	}

	

#blog{

 	border:#BFC897 solid 1px;

	background:url(images/blog.jpg) no-repeat top left #FFFFFF;

	width:216px; height:144px;

	margin:5px 3px 7px 3px;

	float:left; color:#000000;

	padding:9px 20px 0 16px;

 	}

	

#blog h2{

	height:40px;

	background:url(images/box-bg.gif) repeat-x 0 9px #fff;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:30px; color:#5C6731; line-height:40px;

}



#blog h2 span{

	width:82px; display:block; background:#fff; 

	float:left; color:#5C6731; 

	padding:0 0 0 16px;

	}

	

#blog h2 span.no{

	width:40px;

	height:40px;

	background:url(images/01.jpg) no-repeat 0 0;

	font-size:0px;

	text-indent:-1000px;

	padding:0;

}



#jobs{

 	border:#BFC897 solid 1px;

	background-image:url(images/jobs.jpg);

	background-position:top left; background-repeat:no-repeat;

	background-color:#FFFFFF; color:#000000;

	width:216px; height:144px;

	margin:5px 3px 7px 0;

	float:left;

	padding:9px 20px 0 16px;

 	}

	

#jobs h2{

	height:40px;

	background:url(images/box-bg.gif) repeat-x 0 9px #fff;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:30px; color:#5C6731; line-height:40px;

	}

	

#jobs h2 span{

	width:82px; display:block; background:#fff; 

	float:left; color:#5C6731; 

	padding:0 0 0 17px;

	}

	

#jobs h2 span.no{

	width:40px;

	height:40px;

	background:url(images/02.jpg) no-repeat 0 0;

	font-size:0px;

	text-indent:-1000px;

	padding:0;

	}

	

#ideas{

 	border:#BFC897 solid 1px;

	background-image:url(images/jobs.jpg);

	background-position:top left; background-repeat:no-repeat;

	background-color:#FFFFFF; color:#000000;

	width:216px; height:144px;

	margin:5px 3px 7px 0;

	float:left;

	padding:9px 20px 0 16px;

 	}

	

#ideas h2{

	height:40px;

	background:url(images/box-bg.gif) repeat-x 0 9px #fff;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:30px; color:#5C6731; line-height:40px;

	}

	

#ideas h2 span{

	width:82px; display:block; background:#fff; 

	float:left; color:#5C6731; 

	padding:0 0 0 17px;

	}

	

#ideas h2 span.no{

	width:40px;

	height:40px;

	background:url(images/03.jpg) no-repeat 0 0;

	font-size:0px;

	text-indent:-1000px;

	padding:0;

	}

	

ul.box{

	margin-bottom:15px; padding-left:60px;

	list-style:none;

	}

	

ul.box li{

	line-height:20px; 

	background-image:url(images/list_icon.jpg); background-repeat:no-repeat;

	background-position:0px 5px; background-color:#FFFFFF;

	font-family:Arial, Helvetica, sans-serif; font-size:13px;

	color:#1F3400;

	padding-left:15px;

	}

	

ul.box li a{

	line-height:20px; 

	background-color:#FFFFFF;

	font-family:Arial, Helvetica, sans-serif; font-size:13px;

	color:#1F3400; text-decoration:none;

	}

	

ul.box li a:hover{

	background-color:#EBF8D8; color:#1F3400;

	}

	

#blog p{

	background-color:#86C826; 

	clear:both;

	height:11px;

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:9px; color:#fff; font-weight:bold;

	text-align:right;

	}

	

#blog p a{

	text-align:left;

	display:block; 

	background-color:#477406; background-image:url(images/blog_arrow.gif);

	background-repeat:no-repeat; background-position:48px;

	padding:0 0 0 13px; line-height:11px;

	width:45px;

	text-decoration:none;

	color:#FFFFFF;

	float:right;

	}

#blog p a:hover{

background-color:#D0EEA5; color:#477406; background-image:url(images/blog_arrow_h.gif);

	}

#jobs p{

	background-color:#4F91D5; 

	clear:both;

	height:11px;

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:9px; color:#fff; font-weight:bold;

	text-align:right;

	}	



#jobs p a{

	text-align:left;

	display:block; 

	background-color:#17487B; background-image:url(images/jobs_arrow.gif);

	background-repeat:no-repeat; background-position:48px;

	padding:0 0 0 13px; line-height:11px;

	width:45px;

	text-decoration:none;

	color:#FFFFFF;

	float:right;

	}

#jobs p a:hover{

background-color:#CBE0F9; color:#17487B; background-image:url(images/blog_arrow_h.gif);

	}

#ideas p{

	background-color:#E3C55B; 

	clear:both;

	height:11px;

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:9px; color:#fff; font-weight:bold;

	text-align:right;

	}

	

#ideas p a{

	text-align:left;

	display:block; 

	background-color:#8F7004; background-image:url(images/ideas_arrow.gif);

	background-repeat:no-repeat; background-position:48px;

	padding:0 0 0 13px; line-height:11px;

	width:45px;

	text-decoration:none;

	color:#FFFFFF;

	float:right;

	}

#ideas p a:hover{

background-color:#F4E5B2; color:#8F7004; background-image:url(images/blog_arrow_h.gif);

	}

	

#left{

	float:left;

	width:520px;

	padding:12px 22px 0 12px;

	}

	

#left_submenu{

	float:left;

	width:520px;

	padding:2px 22px 0 0px;

	}	

	

#left_titulo{

	float:left;

	width:594px;

	padding:12px 0px 0 6px;

	}	



#left h2{

	font-family:Arial, Helvetica, sans-serif;

	font-size:30px; color:#333333; background-color:#FFFEFA;

	margin-bottom:19px;

	}

	

#left p{

	font-family:Arial, Helvetica, sans-serif; font-size:14px;

	color:#333333;

	}

	

#left table{

	font-family:Arial, Helvetica, sans-serif; font-size:14px;

	color:#333333;

	}





#left p.bg{

	margin:21px 0 34px 0;

	background-color:#D8E5C4; color:#334714;

	height:11px;

	}

	

#left p a.bottom{

	background:#657D40;

	background-image:url(images/read_arrow.gif);

	background-repeat:no-repeat;

	background-position:80px;

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:9px; color:#FFFFFF;

	text-decoration:none;

	line-height:11px;

	display:block;

	padding:0 20px 0 16px;

	float:right;

	text-transform:uppercase;

	font-weight:bold;	

	}

#left p a.bottom:hover{

	background-color:#D8E5C4; color:#657D40; background-image:url(images/blog_arrow_h.gif);

	}

	

#left img{

	margin-bottom:24px;

	}

	

#left ul{

	margin:0; padding:0;

	}



#left ul li{

	list-style:none;

	background:url(images/leaf.gif) no-repeat ;

	}

	

#left ul li a{

	background:url(images/leaf.gif) no-repeat #F8FFED;;

	font-family:Arial, Helvetica, sans-serif;

	color:#775C14; font-size:14px;

	line-height:18px; text-decoration:none;

	font-weight:bold; text-transform:uppercase;

	padding-left:20px; 

	}

	

#left ul li a:hover{

	color:#990000; background-color:#DCEBC4;

	}

	

/*----------------------------------left side End-----------------------------------------------------*/	



/*----------------------------------right side Start-----------------------------------------------------*/



#menulat{

	position:relative;

	float:left;

	text-align:center;

	width:140px;

	padding:6px 6px 31px 7px;

	margin-top:6px;

	background:url(images/menu_left.gif) repeat-x 0 0 #F9F442 ;

	color:#000000;

	}

#menulat a {

	

	font:normal 11px/16px Tahoma, Arial, Helvetica, sans-serif; 

	color:#333333; text-decoration:none;

	}

	

#menulat a:hover{

	color:#3CA5C5;

	text-decoration:underline;



		}



	

#menulat h4{

	background-image:url(images/computer_1.gif);

	background-repeat:repeat-x; background-color:#999999;

	height:80px; color:#000000; line-height:0;

	margin-bottom:17px; padding:0 0 0 115px;

	}



#menulat h4 span.small{

	font:normal 20px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;

	color:#FFFFFF;

	margin:0; padding:0;

	}



#menulat h4 span.big{

	font:normal 39px/39px "Trebuchet MS", Arial, Helvetica, sans-serif;

	color:#FFFFFF;

	padding:0; margin:0; 

	}



#menulat h4 span.click{

	background-color:#F8FFED;

	width:67px; color:#1B3100;

	}

	

#menulat h4 span.click a{

	background:url(images/click_arrow.gif) no-repeat 50px 3px;

	background-color:#F8FFED;

	width:51px;

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:10px; font-weight:bold; text-align:left;

	line-height:11px; text-decoration:none;

	color:#1B3100; padding-left:16px; margin:5px 0 0 0;

	display:block;

	}

	



/*----------------------------------right side End-----------------------------------------------------*/	



/*----------------------------------footer Start-----------------------------------------------------*/	



#footer{

	clear:both;

	background:url(images/footer_bg.gif) 0 0 #3BA9CE;

	background-repeat:repeat-x; position:relative;

	margin:0 auto 44px;

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#F8FFED;

	height:120px;

	padding:15px 0 0 60px;

	}



#footer ul.nav{

	margin:auto auto auto auto;

	padding:0 0px 0 0px;

	text-align:center;

	width:600px;	

	}

	

#footer ul.nav li{

	list-style:none;

	float:left;text-align:center;

	}

	

#footer ul.nav li a{

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:11px;color:#333333; 

	padding:0 6px 0 10px;

	text-decoration:none;

	}



#footer ul.nav li a:hover{

	background-color:#EFE641;

	color:#333333;}



#footer p{

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:11px; color:#333333;

	background-color:#EFE641;	

	line-height:29px;

	text-align:center;

	}

	

#footer ul.box1{

	margin:0 auto; padding:0;

	width:120px;

	}

	

#footer ul.box1 li{

	list-style:none;

	margin-right:1px; padding:0 5px 0 0; 

	background-color:#050400; color:#F8FFED;

	float:left;

	}   

	

#footer ul.box1 li a{

	background:url(images/footer_arrow.gif) no-repeat right 4px;

	background-color:#050400; 

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px; font-weight:bold;

	color:#F8FFED;

	text-align:left; padding:0 10px 0 8px;

	display:block;

	line-height:15px;

	text-decoration:none;

	}

	

#footer p.design {

	background:none;

	margin:5px auto 0 auto;

	width:500px;

	font:normal 11px/16px Tahoma, Arial, Helvetica, sans-serif; 

	color:#333333; text-decoration:none;

	}





#footer p.design a {

	

	font:normal 11px/16px Tahoma, Arial, Helvetica, sans-serif; 

	color:#333333; text-decoration:none;

	}

	

#footer p.design a:hover{

	color:#3CA5C5;

		}

	



/*----------------------------------footer End-----------------------------------------------------*/	





/*----------------------   tabela de foto  ---------------------------------------*/

#foto{

	width:485px;

	border:1px;

	border-color:#A4D6E8;

	border-style:solid;

}





.fotoSelect{

	width:485px;

	border:1px;

	border-color:#A4D6E8;

	border-style:solid;

	 background-color:#FDFDC9;



}





#foto:hover{

 border-color:#3AA3CD;

 background-color:#FDFDC9;

 cursor:pointer;

}







#foto img{

	margin:6px;

	border:1px;

	border-color:#A4D6E8;

	border-style:solid;

}





#foto p{

	font-family:Tahoma, Arial, Helvetica, sans-serif; 

	font-size:14px; 

	color:#808080;

	padding-top:6px;

}



#foto  a {

	

	font:normal 11px/16px Tahoma, Arial, Helvetica, sans-serif; 

	color:#333333; text-decoration:none;

	}

	

#foto  a:hover{

	color:#3CA5C5;

		}

/*----------------------  end tabela de foto  ---------------------------------------*/

.asterisco {

	font-family: Arial, Helvetica, sans-serif;

	color: #FF0000;

	vertical-align: top;

	text-align: right;

}





/*----------------------------- categoria  ---------------------*/





#categorias{

	border:1px;

	border-color:#A4D6E8;

	border-style:solid;

	 background-color:#FDFDC9;

	 margin-bottom:15px;

	 padding:5px;

}



#categorias a{

	font:bold 12px Tahoma, Arial, Helvetica, sans-serif; 

	color:#3AA4CE; text-decoration:none;



}



#categorias a:hover{

	text-decoration:underline;

		}

		

		

.catSelect{

	color:#B8D6E2;text-decoration:underline;



}







/*----------------------------- end categoria  ---------------------*/

