body { color:#07181c; font: 13px/18px "Trebuchet MS", Arial, sans-serif; margin:0; padding:0; text-align:left; background-color:#1f99b1; }
h1, h2, h3, h4, h5, h6, p, ul, li, form, div, img, fieldset, legend, label, input, select, textarea, button, span, table, caption, td, tr, th { margin:0; padding:0; }

a img { border:none; }
ul { list-style:none; }

a { color:#f84a0d; text-decoration:none; }
a:hover { color:#1f99b1; text-decoration:none;}

.clear { clear:both; height:0; }
.disappear { visibility:hidden; }
.bold { font-weight: bold; }
.italic { font-style: italic; }

.active	{ color:#f84a0d !important; padding:3px 5px; margin:5px; text-decoration:none; }
.inactive { color:#000000; cursor:default; text-decoration:none; padding:3px 5px; margin:5px; }

.addthis_toolbox { float:left; font-weight:bold; margin:24px 0 0 4px; }

/* ________________________________________________ 2. Blocks __________________________________________________________ */
div#page-wrapper { width:1034px; text-align:left; margin:0 auto; padding:0 }
div#header { margin:0 0 15px; padding:0; height:238px; background: url(../imgs/bkg_header.jpg) no-repeat left top; }
div#contents  { clear:both; margin:0 0 30px; width:1014px; overflow:hidden; background: #FFF; -moz-border-radius:40px;
-webkit-border-radius:40px; border-radius:40px;  border: 1px solid #fff; padding: 10px 10px 35px; }

/* _______________________________________________ 3. Header Contents __________________________________________________ */
div#logo { width:304px; height:152px; float:left; position:relative; display: block; margin:18px 0 25px 374px; }
div#carrinho { width:304px; clear:both; display: block; margin-left:380px; background:url(../imgs/icon_carrinho.png) no-repeat left top; padding-left:40px; font:18px "Trebuchet MS", Arial, sans-serif; color:#fff; height:70px; }
	div#carrinho a { color:#fff; text-decoration:none; }
	div#carrinho a:hover { color:#f84a0d; text-decoration:none;}
	
div#flags { width:200px; height:23px; padding:4px 60px; text-align:left; color:#FFF; font-size:11px; background:url(../imgs/bkg_flags.png) no-repeat left top;  float:left; }
div#flags.en {  padding:4px 50px;  }
	div#flags span { float:left; text-align:left; line-height:12px; }
	div#flags img { margin-left:5px; text-align:left; }
	div#flags a img  { border:1px solid #b42f32; text-decoration:none; }
	div#flags a:hover img,
	div#flags a.active img { border:1px solid #fff; text-decoration:none;}
	
/* _______________________________________________ 4. Navigations __________________________________________________ */
div#navigation { width:200px; margin:0; font:normal 20px "Arial Black", Arial; }
ul#nav li { margin-bottom:10px; line-height:38px; width:201px; text-shadow: 0.1em 0.1em 0.1em #ad5d09; }
ul#nav li a { display: block; text-decoration:none; color: #fff; text-align:center; background:url(../imgs/menu_off.png) no-repeat left top;}
ul#nav li a:hover { color:#abe51c; }

	#home ul#nav li#nav-home a,
	#animamix ul#nav li#nav-sobre a, 
	/*#servicos ul#nav li#nav-servicos a,
	#produtos ul#nav li#nav-produtos a,*/
	#promocoes ul#nav li#nav-promocoes a,
	#comprar ul#nav li#nav-comprar a,
	#contactos ul#nav li#nav-contactos a  { color:#abe51c; }

	ul#nav li#nav-servicos a.menuPink,
	ul#nav li#nav-produtos a.menuPink { background:url(../imgs/menu_on.png) no-repeat left top;}
			
	.submenu + ul { display:none; }	
	
	ul#nav > li > ul.categorias { display: none; text-decoration:none; font-size:12px; color: #fff; text-align:left; background:#de4258 url(../imgs/bkg_submenu.jpg) no-repeat left bottom; padding:18px 15px; width:170px; }
	
	ul#nav > li#nav-produtos > ul.categorias li a,
	ul#nav > li#nav-servicos > ul.categorias li a { display: block; text-decoration:none; font-size:12px; color:#fff; line-height:15px; text-align:left; background: url(../imgs/star_green.png) no-repeat left top; padding-left:15px; text-transform: uppercase; width:160px; }
	
	ul#nav > li#nav-produtos > ul.categorias li a:hover,
	ul#nav > li#nav-servicos > ul.categorias li a:hover { background: url(../imgs/star_bluelight.png) no-repeat left top; }
	
	.submenu1 { margin-top:5px;  }
	ul#nav > li#nav-produtos > ul.categorias li > ul.submenu1 li a { display: block; color:#b3f3ff/*#b4fb06*/; text-align:left; background:none; padding:0; width:160px; margin:0 0 0 15px; font:bold 12px/12px Arial, Helvetica, sans-serif; text-transform:none; }
	
	ul#nav > li#nav-produtos > ul.categorias li > ul.submenu1 li a:hover { color:#fff; }
				
		
	/*ul#nav > li:hover > ul { display: block; text-decoration:none; font-size:12px; color: #fff; text-align:left; background:#de4258 url(../imgs/bkg_submenu.jpg) no-repeat left bottom; padding:18px 15px; width:170px; }
	
		ul#nav > li:hover > ul li a,
		ul#nav > li#nav-servicos:hover > ul li a,
		ul#nav > li#nav-produtos:hover > ul li a { display: block; text-decoration:none; font-size:12px; color:#fff; line-height:15px; text-align:left; background: url(../imgs/star_green.png) no-repeat left top; padding-left: 15px; text-transform: uppercase; width:160px; }
				
		ul#nav > li:hover > ul li a:hover,
		ul#nav > li#nav-servicos:hover > ul li a:hover,
		ul#nav > li#nav-produtos:hover > ul li a:hover,
		#servicos ul#nav > li#nav-servicos:hover > ul li a,
		#produtos ul#nav > li#nav-produtos:hover > ul li a { color: #fff; background: url(../imgs/star_bluelight.png) no-repeat left top; }
		
		#servicos ul#nav > li#nav-servicos:hover > ul li a:hover,
		#produtos ul#nav > li#nav-produtos:hover > ul li a:hover { color: #fff; background: url(../imgs/star_green.png) no-repeat left top; }*/
		
/*_____4.1 secNavigation ____*/
	
div#secNavigation { clear:both; margin:0; font:bold 18px "Trebuchet MS", Arial, sans-serif; }
ul#secNav li { margin-top:10px; line-height:18px; width:200px; }
ul#secNav li a { display: block; text-decoration:none; color: #1f99b1; text-align:left; background: url(../imgs/star_orange.png) no-repeat left center; padding-left:24px;  }
ul#secNav li a:hover { color:#f94406; }
	#termos ul#secNav li#secNav-termos a, 
	#faqs ul#secNav li#secNav-faqs a { color:#f94406;  }
	
	ul#secNav li#secNav-redes { background: url(../imgs/star_blue.png) no-repeat left center; padding-left:24px; float:left; margin:16px 0 50px 0;}
	ul#secNav li#secNav-redes a { background: none; padding-left:10px; float:left;}

		 
/* _____________________________________________ 5. Padding ______________________________________________________________________ */	
.padding { padding:3px 27px 27px; }
#news .padding,
#search .padding { padding:13px }
.destaques .padding { padding:15px 19px 19px; }
.promo .padding { padding:14px 0 14px 2px; }
#itens .promo .padding { padding:0; }

/* _____________________________________________ 6. Cols ______________________________________________________________________ */
#mainCol { float:left; position:relative; width:731px; margin:-20px 0 0 25px; padding: 0; overflow:hidden;  }
#secCol { float:left; position:relative; width:210px; overflow:hidden; margin:0; padding:0;  }

	/* ___________ 6.1 Inside Cols____________ 	*/
	#news { clear:both; height:99px; margin-top:10px; background: url(../imgs/bkg_newsletter.png) no-repeat left top; }
	#search { height:81px; margin-top:10px; background: url(../imgs/bkg_search.png) no-repeat left top; }
	.intro { float:left; width:230px; margin-right:17px; }
	.destaques { float:left; width:483px; background:url(../imgs/bkg_destaque.jpg) no-repeat right bottom; height:210px; margin-bottom:30px; }
	.promo { clear:both; background-color:#1f99b1; overflow:hidden; margin-bottom:20px; }
	.blocoPromo { float:left; width:150px; margin:0 15px 39px; }
	.detalhe { margin-top:40px; clear:both;}
	.alignLeft { float:left; width:250px; }
	.alignRight { float:right; }	
	#shadowMain { background-color:#FFFFFF; padding:20px;}
	
/* ____________________________________________ 7. headdings __________________________________________________________________ */
h1 { font:bold 28px "Arial Black", Arial, sans-serif; color:#c53483; padding:0 0 25px 33px; margin:0; background:url(../imgs/bkg_h1.png) no-repeat left 8px; }
h2 { font:normal 18px "Trebuchet MS", Arial, sans-serif; color:#1f99b1; padding:10px 0 20px; margin:0;  }
h3 { font:normal 18px/20px "Trebuchet MS", Arial, sans-serif; color:#fff; padding:0 0 10px; margin:0; height:35px; }
h4 { font:bold 13px "Trebuchet MS", Arial, sans-serif; color:#fff; padding:0; margin:0; }
h5 { font:bold 11px "Trebuchet MS", Arial, sans-serif; color:#1f99b1; padding:0 0 20px 0; margin:0; }
h6 { font:bold 10px "Trebuchet MS", Arial, sans-serif; color:#f84a0d; padding:0 0 0 15px; margin:0; }

	/*_______________ h1_____________*/
	#logo h1 { width:304px; height:152px; background: url(../imgs/logo.png) no-repeat left top; }
	#news h1 { height:19px; padding:0 15px 0; background: url(../imgs/h1_news.png) no-repeat left center; }
	#search h1 { height:19px; padding:0 15px 0; background: url(../imgs/h1_pesquisa.png) no-repeat left center; }
	#search h1.en { background: url(../imgs/h1_pesquisa_uk.png) no-repeat left center; }
	.destaques h1 { background: url(../imgs/bkg_h1_destaques.png) no-repeat center top; font-weight:normal; line-height:38px; color:#fff; font-size:24px; padding:0 0 0 181px;  }
	.destaques h1.en { padding:0 0 0 179px;  }
	.intro h1 { font:bold 28px "Trebuchet MS", Arial, sans-serif;  margin:0; padding:0 0 10px 33px;}
	.promo h1 { background: url(../imgs/bkg_h1_promo.jpg) no-repeat center top; font-weight:normal; line-height:38px; color:#fff; font-size:24px; padding:0 0 0 318px; }
	#home .promo h1 {  padding-left:293px; }
	#home .promo h1.en {  padding-left:291px; font-size:20px; }
	.promo h1.en {  padding-left:308px; }
	#itens .promo h1.en {  padding-left:308px; }
	/*#promocoes .promo h1,
	#produtos .promo h1 {  padding-left:307px; }*/
	h1.small { font-size:20px; background:url(../imgs/bkg_h1.png) no-repeat left 0; }
	
	/*_______________ h2_____________*/
	.detalhe h2 { font-size:24px; padding:0 }
	#produtos #mainCol h2,
	#promocoes #mainCol h2  { color:#f84a0d; }
	#resultados #mainCol h2  { padding:0; margin:0; }

	/*_______________ h3_____________*/
	#faqs h3 { background: url(../imgs/star_blue.png) no-repeat left 5px; padding:0 0 5px 25px; color:#1f99b1; margin:0 0 5px; border-bottom:1px dashed #63a1ad; cursor:pointer; height:auto; }
	
	/*_______________ h4_____________*/
	.detalhe h4 { background: url(../imgs/star_blue.png) no-repeat 395px top; padding-left:415px; color:#1f99b1; margin:15px 0; }
	#termos #mainCol h4,
	#comprar #mainCol h4 { font:bold 14px "Trebuchet MS", Arial, sans-serif; color:#1f99b1; padding:0; margin:0; }
	#resultados #mainCol h4 { color:#1f99b1; text-align:right; float:right; margin:-30px 0 20px 0; }
	#servicos #mainCol h4 { font:bold 16px "Trebuchet MS", Arial, sans-serif; color:#f84a0d; padding:0 0 5px; margin:0; }
	#servicos #mainCol h4.marginTop { margin-top:25px; }
	
	/*_______________ h6_____________*/
	#produtos h6,
	#promocoes h6  { text-align:right; margin-top:-55px; }
			
/* ____________________________________________ 8. Paragraphs & txt ___________________________________________________________ */
p { padding-bottom:10px; }
.destaques p { line-height:normal; font-size:12px; }
p.mensagem  { margin-top:15px; font-weight:bold; }

/* ____________________________________________ 9. Listas ___________________________________________________________ */
.detalhe ul { float:left; width:335px;}

.blocoPromo ul li,
.detalhe ul li { display:block; padding:0; margin:0;}

.blocoPromo ul li.adicionar,
.detalhe ul li.adicionar { float:left; background:url(../imgs/adicionar.png) no-repeat left top; padding-left: 27px; color:#000; font-size:10px; font-weight:bold; cursor:pointer; width:42px; margin:10px 0 0 4px; }

.blocoPromo ul li.preco,
.detalhe ul li.preco { float:right; font-size:18px; font-weight:bold; text-align:right; color:#a2ff00; margin-top:-7px; line-height:15px; }
	.detalhe ul li.preco { float:right; color:#000; font-size:12px; margin-top: 10px; }
	

span.antes { color:#fd9aaf; font-size:13px; text-decoration: line-through; }
span.agora { font-size:18px; font-weight:bold; }



#produtos span.agora { font-size:18px; font-weight:bold; }
#produtos .detalhe span.agora,
#resultados .detalhe span.agora,
#promocoes .detalhe span.agora { color:#f84a0d; }

#comprar #mainCol li,
#termos #mainCol li { display:block; padding:0 0 0 15px; margin:0 0 10px 0; background:url(../imgs/bullet.png) no-repeat left 5px; }

/* ____________________________________________ 10. imgs _______________________________________________________________________ */

#secCol img { float:left;  margin-bottom:10px; }
.destaques img { float:left; margin-right:20px; }
.margin img  {  margin-right:6px;}

.blocoPromo img { border:4px solid #fff; margin-bottom:7px; height:150px; width:150px; }
.detalhe img { border:8px solid #1f99b1; margin:0 30px 10px 0; float:left }

#servicos #mainCol img { float:right; margin:10px 0 10px 10px; border:2px solid #c53483 }
#animamix #mainCol img { float:right; margin:0 0 10px 20px; border:2px solid #c53483 }
#servicos #mainCol img.decor { float:left; margin:10px 23px 10px 0; border:2px solid #c53483 }

/* ____________________________________________ 11. Links ______________________________________________________________________*/ 

h6 a { background: url(../imgs/icon_saiba.png) no-repeat left center; color:#f84a0d; padding:0 0 0 15px; }
h3 a { color:#fff; }
h3 a:hover { color:#A2FF00; }

#produtos h6 a,
#promocoes h6 a { background: url(../imgs/arrow_voltar.png) no-repeat left center; color:#c53483 }
#produtos h6 a:hover,
#promocoes h6 a:hover,
#resultados h4 a { color:#1f99b1 }

#resultados h4 a:hover { color:#f84a0d; text-decoration:none; }
/* ______________________________________________ Tables_______________________________________________________________________ */

table { border-collapse:collapse; width:731px; font-family:"Trebuchet MS", Arial, sans-serif }
	
table td,
table th { padding:5px; border:1px solid #fff; border-width:0 1px 1px 0;  }
	
thead th,
tfoot th { background-color:#F4F1E5; color:#6E999E; font-size:16px }

thead th { text-align:center; color:#1f99b1; padding: 10px 15px; }
	
tbody th,
tfoot th { text-align:left; background-color:#F4F1E5; color:#BA8017; font-size:16px }
	
tbody td { text-align:center; background-color:#E8E8E8; }	
	
tfoot th[colspan] { text-align:center; }
		
tfoot td { background:#aac129; padding:10px 13px 10px; font-size:16px; }
		
tbody tr.odd td { background-color:#fb8d8f; color:#fff }

tfoot th a { color:#FFF; }
tfoot th a:hover { color:#030303;}
/*.active { color:#030303;}*/
td img { float:left; padding-right:5px;}
td.artigo { width:270px; text-align:left; font-weight:bold; }
td.artigo p {  padding:10px 3px 3px; }

/* ____________________________________________ 12. Forms ______________________________________________________________________*/ 
form ul { list-style:none; margin:0; padding:0; }
form li	{ padding: 0 10px 1px 0; line-height:20px; float:left; }
form label { text-align:right; width:100px; margin-right:8px; float:left; }
form input,
form textarea,
form select  { border:1px solid #fb7275; font-size:11px; padding:3px 10px; width:300px; margin-bottom:15px; }
	form textarea { width:300px; }
	form select { width:320px; }

	form input:focus,
	form textarea:focus { border:1px solid #d1cec0;}
	form input.button { height:22px; width:70px; padding:0; border:none; background:none; font:bold 10px/14px "Trebuchet MS", Arial, sans-serif; color:#fff; margin-top:45px; cursor:pointer; }
	form input.buttonEnviar { width:92px; margin:0; border:none; background: url(../imgs/button_submit.png) no-repeat left top; margin-left:120px; color:#fff; padding:3px 0 4px 0; cursor:pointer; }
	
	form input.small { width:150px; }
	
	
	/*___________________ artigos _____________________*/
	#produtos #mainCol form select,
	#promocoes #mainCol form select { width:225px; }
	#itens #mainCol form label { width:200px; }
	
	#itens #mainCol form input.buttonEnviar { width:92px; margin:0; border:none; background: url(../imgs/button_submit.png) no-repeat left top; margin:20px 0 20px 320px; color:#fff; padding:3px 0 4px 0; cursor:pointer; }
	
	/*___________________ News & Search _____________________*/
	#news form li,
	#search form li	{ padding:0; margin:6px 0 0; list-style:none; }
	#news form input,
	#search form input { border:none; background:url(../imgs/bkg_input.png) no-repeat left top; font-size:11px;  width:131px; height:22px; color:#1f99b1; font:bold 12px "Trebuchet MS", Arial, sans-serif; display:block; float:left; }
	
	#news form input.button { height:20px; width:19px; margin:0; padding:0; border:none;  background:url(../imgs/button_news.png) no-repeat left top; margin-left:3px; cursor:pointer; }
	#search form input.button { height:16px; width:21px; margin:0; padding:0; border:none;  background: url(../imgs/buttom_search.png) no-repeat left top; margin-left:3px; cursor:pointer; }
	.detalhe form label { font-size:11px; }
	
	/*___________________ table _____________________*/
	form input.checkbox { border:1px solid #fb7275; font-size:11px; padding:0; width:15px; height:15px; margin-bottom:0; }
	form select.smallInput { width:80px; padding:3px 5px; margin-bottom:0; }
	form select.little { width:50px; padding:3px 5px; margin-bottom:0; }
	form input.buttonApagar { width:58px; margin:0; padding:3px 0 4px 9px; border:none; background: url(../imgs/button_apagar.png) no-repeat left top; margin-left:3px; color:#fff; cursor:pointer;  }
	form input.buttonActualizar { width:73px; margin:0; border:none; background: url(../imgs/button_actualizar.png) no-repeat left top; margin-left:3px; color:#fff; padding:3px 0 4px 7px; cursor:pointer;}
	form input.buttonSeguinte { width:70px; margin:0; border:none; background: url(../imgs/button_seguinte.png) no-repeat left top; margin-left:20px; color:#fff; padding:3px 0 4px 0; cursor:pointer; }
	
	/*___________________ contactos & serviços_____________________*/
	#servicos #mainCol form { margin-top:20px; }
	#contactos #mainCol form input,
	#servicos #mainCol form input,
	#contactos #mainCol form textarea,
	#servicos #mainCol form textarea { width:450px; }
	#contactos #mainCol form input.buttonContactos,
	#servicos #mainCol form input.buttonContactos{ width:92px; border:none; background: url(../imgs/contactos_button.png) no-repeat left top;color:#fff; padding:3px 0 4px 0; margin:0 0 0 300px; cursor:pointer; }
	
	#servicos #mainCol form input.small { width:300px; }
	

	/* ______________________________________________ 13. Footer _______________________________________________________________________*/ 
#footer { clear:both; text-align:left; color:#ef680b; margin-top:50px; }
		#footer p a { color:#1f99b1; }
		#footer p a:hover { color:#b42f32; }
		
		

	/*_____________________________________________ 14. Efeitos __________________________*/
.ui-effects-transfer { border: 1px solid transparent; 	background: url(../imgs/balao.gif) no-repeat;	height:70px;} 
.ui-effects-transfer2 { border: 1px solid transparent; 	background: url(../imgs/balao.gif) no-repeat;	height:70px;} 
.transferring {	position:relative; left:390px; display:block; border: 1px solid transparent; background: url(../imgs/balao.gif) no-repeat;	width:32px; 	height:70px;} 
#balao {  background: url(../imgs/balao.gif) no-repeat; width:32px; 	height:70px; position:relative; left:390px;	}