@charset "utf-8";
/* CSS Document */

/*
Rosa claro		#fef0ef
Rosa escuro		#f9c6cb
Roxo claro		#94458d
Verde BarTitulo	#d6ead1
Marrom textos	#603526
Marron Header	#5b3020

*/

* {margin:0; padding:0; text-decoration:none;} img {border:none;} a {outline:none;}
.clear {clear:both;}

html, body {margin:0; padding:0; height:100%;}


/***************************************/
/*        ESTRUTURA PRINCIPAL          */

body {background:#fef0ef;}
#container {min-height:100%; position:relative;}
	#content {padding-bottom:160px; /* Height of the footer */ width:960px; margin:0 auto;}
	#header {}
	#footer {position:absolute; bottom:0; width:100%; height:140px; /* Height of the footer */ background:#fdedf0;}
/* source to footer bottom: matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page */


.box {height:490px; margin-top:20px; float:left; background:#f9c6cb;}
	.full {width:960px;}
	.left_nav {width:240px; margin-right:20px;}
	.right {width:700px;}

.box_title {width:100%; height:50px; background:#d6ead1;}
.box_text_left {padding:30px 15px;} /* contato e personalizados menu  TEXTO */
.text_main {margin:20px 40px;}


/* HEADER */
#container {background:url(../image/bg_header_choco.png) repeat-x top;}
.content_header {width:960px; margin:0 auto; padding-top:10px;}
	.header_choco {width:180px; height:180px; float:left; margin-left:20px;} /* div Logotipo */
	.content_header h1 {background:url(../image/h1_chocoholic.png) no-repeat; width:180px; height:180px; text-indent:-9999px; cursor:pointer;}

	#header div.nav {width:580px; height:22px; margin:60px 0 0 0; float:left;} /* max width:960px - 200px */
		#header .nav ul {list-style:none; margin-left:18px;}
		#header .nav ul li {float:left; display:inline; height:22px; font-family:Tahoma, Arial; font-size:0.9em; text-align:center;}
		#header .nav ul li a {float:left; color:#fff; height:22px; padding:0 35px;} /* tamanho total com itens 552px */
		#header .nav ul li a:hover, #header .nav ul li a.active {font-weight:bold;}
		.nav ul li.contato a {width:58px;} .nav ul li.informacoes a {width:88px;} .nav ul li.degustacao a {width:82px;} .nav ul li.pedidos a {width:54px;}
		
		#header div.socialnet {width:160px; margin:50px 0 0 0; float:left;}
		#header .socialnet ul {list-style:none; margin-left:48px;}
		#header .socialnet ul li {float:left; display:inline; height:34px; width:34px; margin-left:20px;}
		#header .socialnet ul li a {float:left; width:34px; height:34px; text-indent:-9999px;}
			#header .socialnet ul li a:hover {margin-top:4px;}
		#header .socialnet ul li.blog a {background:url(../image/nav2_blog.png) no-repeat;}
		#header .socialnet ul li.facebook a {background:url(../image/nav2_facebook.png) no-repeat;}

		#header div.nav2 {width:420px; height:55px; margin:110px 0 0 320px; position:absolute; z-index:101;}
		#header .nav2 ul {list-style:none; margin:0;}
		#header .nav2 ul li {float:left; display:inline; height:55px; font-family:Tahoma, Arial; font-size:0.9em; text-align:center;}
		#header .nav2 ul li a {float:left; color:#000; height:55px; text-indent:-9999px;}
		.nav2 ul li.produtos a {width:130px; background:url(../image/nav2_produtos.png) no-repeat 0 -55px;}
		.nav2 ul li.personalizados a {width:159px; margin-left:120px; background:url(../image/nav2_personalizados.png) no-repeat 0 -55px;}
		.nav2 ul li.produtos a:hover, .nav2 ul li.produtos a.active {background-position:0 0;}
		.nav2 ul li.personalizados a:hover, .nav2 ul li.personalizados a.active {background-position:0 0;}


/* FOOTER */
#footer {background:url(../image/bg_footer_rainbow.png);}


/* TITLES */
.box_title h1 {width:100%; display:block; height:50px; text-indent:-9999px;}
	h1.produtos {background:url(../image/h1_produtos.png) no-repeat center 8px;}
	h1.personalizados {background:url(../image/h1_personalizados.png) no-repeat center 8px;}
	h1.contato {background:url(../image/h1_contato.png) no-repeat center 8px;}
	h1.informacoes {background:url(../image/h1_informacoes.png) no-repeat center 8px;}
	h1.degustacao {background:url(../image/h1_degustacao.png) no-repeat center 8px;}
	h1.pedidos {background:url(../image/h1_pedidos.png) no-repeat center 8px;}
		.h1_left {background-position:left !important;}
	
.box h2 {width:100%; height:34px; text-indent:-9999px;}
	h2.ok {background:url(../image/h2_ok.png) no-repeat 12px 8px;}
	/*h2 personalizados ->> Personalizados */

h3.contact {font-family:"Century Gothic", Tahoma, Arial; color:#603526; font-size:16px; letter-spacing:0.05em; margin-bottom:8px;}
h3.null {font-family:"Century Gothic", Tahoma, Arial; color:#603526; font-size:16px; letter-spacing:0.05em; margin:12px;}
	
/* textos - degustação / pedido / contato */
.text_main p {font-family:Arial; font-size:0.9em; color:#603526; line-height:1.6em; padding-bottom:6px;}
	.text_main p a {color:#603526;}
	.text_main p a:hover {text-decoration:underline;}


/***************************************/
/*                HOME                 */

.box_title_home {width:100%; height:22px; background:#d6ead1; padding-top:3px;}
	.box_title_home p {font-family:"Century Gothic", Tahoma, Arial; color:#603526; font-size:16px; letter-spacing:0.05em; text-align:center;}

.home_col1 {width:255px; margin-left:10px; margin-top:10px; float:left;} 
.home_col2 {width:195px; margin-left:10px; margin-top:10px; float:left;} 
	.home_cat {width:193px; height:58px; border:1px solid #fff; text-indent:-9999px; cursor:pointer;}
		.hcat_produtos {background:#feeeeb url(../image/home_cat_produtos.png) no-repeat center center;}
		.hcat_personalizados {background:#feeeeb url(../image/home_cat_personalizados.png) no-repeat center center;}
		.home_cat:hover {background-color:#facdce;}
	.home_boxSq, .home_boxRc, .home_cat {margin-bottom:10px;}
	.home_space_center {margin-right:10px;}
	.home_col1 img, .home_col2 img {border:1px solid #fff;}

.home_footer {width:400px; height:40px; margin:0 40px; float:left;}
	.home_footer p {font-family:Tahoma, Arial; color:#603526; font-size:0.8em; font-weight:bold; text-align:center;}

.home_selo {position:absolute; z-index:51; width:100px; height:100px; margin-left:430px; margin-top:-60px; background:url(../image/home_selo.png) no-repeat; text-indent:-9999px;}


/***************************************/
/*               CONTATO               */

	.left_contato p {font-family:"Century Gothic", Tahoma, Arial; color:#603526; font-size:16px; line-height:1.8em; padding-bottom:20px;}
	.left_contato p span {font-weight:bold; font-family:Arial;}
	.left_contato .m_ail {width:210px; height: 42px; background:url(../image/contato_m.png) no-repeat;}

.sent {margin-top:26px;}

/* FORMULARIO */
.contact form p {margin-bottom:7px;}
.contact form p label {width:160px; display:block; margin-right:16px; float:left; text-align:right; font-family:"Century Gothic", Tahoma, Arial;}
.contact form input[type="text"], .contact form textarea {width:360px; padding:0.3em; font-size:0.9em; font-family:Arial; background:#fef0ef;}
.contact form fieldset {border:none;}
.contact form input[type="submit"]{border:none; background:url(../image/contato_button.png) no-repeat; width:140px; height:45px; cursor:pointer; margin-left:410px;}

.errormsg {display:block; width:80%; height:30px; font-family:Arial; font-size:0.8em; font-weight:bold; color:#603526; background:url(../image/contato_error.png) no-repeat 2px center; padding: 2px 10px 2px 46px; margin: 2px 0;}



/***************************************/
/*             INFORMACOES             */

.list_info {width:880px; margin:10px 40px;}
	.list_info h3 {font-family:Tahoma, Arial; font-size:0.9em; padding-top:4px; margin:1px 1px 4px 1px; outline:none; background:#fef0ef;}
	.list_info h3 a {outline:none; color:#603526; background:url(../image/ul_bombom.png) no-repeat 0 4px; margin-left:30px;}
	.list_info p, .list_info ul {font-family:Arial; font-size:0.8em; color:#603526; line-height:1.4em;}
	.list_info ul li {list-style:none;}

.ui-accordion .ui-accordion-header {cursor:pointer; position:relative;}
.ui-accordion .ui-accordion-li-fix {display: inline;}
.ui-accordion .ui-accordion-header-active {border-bottom: 0 !important;}
.ui-accordion .ui-accordion-header a {padding: .5em .5em .5em 2.2em;}
.ui-accordion .ui-accordion-content {padding: 1em 2.2em; border-top: 0; margin-top: -1px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none;}
.ui-accordion .ui-accordion-content-active {display: block;}



/***************************************/
/*              DEGUSTACAO             */

.img_degusta {float:right; margin:20px 40px 20px 0; background:url(../image/degusta_img_1.jpg) no-repeat; width:280px; height:390px;} 
.degusta {float:left; width:560px;}



/***************************************/
/*               PRODUTOS              */

/* MENU PRODUTOS - SUBMENU */
.nav_produtos {list-style:none; margin:10px 10px;}
.nav_produtos li {width:220px; height:40px; margin-bottom:8px;}
.nav_produtos li a {width:220px; height:40px; text-indent:-9999px; display:block;}
	.nav_produtos li.bombons a {background:url(../image/navp_bombons.png) no-repeat 0 -40px;}
	.nav_produtos li.trufas a {background:url(../image/navp_trufas.png) no-repeat 0 -40px;}
	.nav_produtos li.docinhos a {background:url(../image/navp_docinhos.png) no-repeat 0 -40px;}
	.nav_produtos li.paodemel a {background:url(../image/navp_paodemel.png) no-repeat 0 -40px;}
	.nav_produtos li.guloseimas a {background:url(../image/navp_guloseimas.png) no-repeat 0 -40px;}
	.nav_produtos li.cupcakes a {background:url(../image/navp_cupcakes.png) no-repeat 0 -40px;}
	.nav_produtos li.cxbombons a {background:url(../image/navp_cxbombons.png) no-repeat 0 -40px;}
	.nav_produtos li a:hover, .nav_produtos li a.active {background-position:0 0px;}

/* BOX DOS PRODUTOS */
.list_prods {width:690px; height:460px; margin:0 5px;}
.list_prods .prods {width:210px; height:200px; float:left; padding:15px 10px;} /* width/height 230px; */
	.prods img {margin-left:13px;}
	.prods ul {font-family:Arial; color:#603526; list-style:none; padding-top:5px;}
	.prods ul li {font-size:0.8em; line-height:1.2em;}
		.prods ul li.cod, .prods ul li span {font-weight:bold;}
		.prods ul li.descri {font-size:0.75em;}

/* PAGINAÇÃO */
.pags_prods {width:100%; height:20px; margin-top:5px; text-align:center;}
	.pags_prods ul {list-style:none; text-align:center; font-family:"Century Gothic", Tahoma, Arial; font-size:14px;}
	.pags_prods ul li {padding:0 8px; display:inline; color:#603526; font-weight:bold;}
	.pags_prods ul li a {color:#603526;}
	.pags_prods ul li a:hover {color:#94458d; text-decoration:underline;}
	.pags_prods ul li.active {font-size:16px;}



/***************************************/
/*           PERSONALIZADOS            */

	.left_perso p {font-family:"Century Gothic", Tahoma, Arial; color:#603526; font-size:16px; letter-spacing:0.03em; text-align:center; line-height:1.8em;}

.list_nav_perso {width:690px; margin:0 5px;}
	.nav_perso_col {width:210px; margin:19px 9px; border:1px solid #fff; background:#fef0ef; float:left;}
	.nav_perso {list-style:none;}
	.nav_perso li {width:204px; height:22px; margin:10px 0 26px 3px; display:block; font-family:Tahoma,Arial; font-size:0.8em; font-weight:bold; color:#603526;}
		.nav_perso li.subnav_max {height:54px;}
	.nav_perso li a {width:204px; height:22px;  display:block; color:#603526;} /* text-indent:-9999px; */
		.nav_perso li a:hover {margin-left:3px;}

	.nav_perso ul {list-style:none;}
			.nav_perso li li {width:184px; height:16px; margin:0 0 5px 23px; font-size:1em;}
			.nav_perso li li a {width:184px; height:16px; display:block; color:#603526; font-weight:normal;} /* text-indent:-9999px; */
				.nav_perso li li a:hover {margin-left:3px;}
	
	img.temp_perso {position:absolute; margin-top:-8px;}

/* LISTA PRODUTOS */
.list_perso ul ul li {list-style:none; font-family:Tahoma, Arial; font-size:0.8em; color:#713825; display:block; width:300px;}
	.list_perso li.cod, .list_perso li.descri span {font-weight:bold;}
.list_perso ul li a {}
	.list_perso p.temp {font-family:Tahoma, Arial; font-size:1em; color:#713825; padding:24px 12px; width:560px; text-align:justify; margin-left:120px;}

/*h2.MA {background:url(../image/h2_maternidade.png) no-repeat 12px 8px;}*/
h2.CSS {background:url(../image/h2_css.png) no-repeat 12px 8px;}
h2.CSL {background:url(../image/h2_csl.png) no-repeat 12px 8px;}
h2.CCS {background:url(../image/h2_ccs.png) no-repeat 12px 8px;}
h2.CCL {background:url(../image/h2_ccl.png) no-repeat 12px 8px;}
h2.MAS {background:url(../image/h2_mas.png) no-repeat 12px 8px;}
h2.MAL {background:url(../image/h2_mal.png) no-repeat 12px 8px;}
h2.BAS {background:url(../image/h2_bas.png) no-repeat 12px 8px;}
h2.BAL {background:url(../image/h2_bal.png) no-repeat 12px 8px;}
h2.NAS {background:url(../image/h2_nas.png) no-repeat 12px 8px;}
h2.NAL {background:url(../image/h2_nal.png) no-repeat 12px 8px;}
h2.CO {background:url(../image/h2_co.png) no-repeat 12px 8px;}

h2.AL {background:url(../image/h2_al.png) no-repeat 12px 8px;}
h2.AN {background:url(../image/h2_an.png) no-repeat 12px 8px;}
h2.CA {background:url(../image/h2_ca.png) no-repeat 12px 8px;}
h2.CI {background:url(../image/h2_ci.png) no-repeat 12px 8px;}
h2.DG {background:url(../image/h2_dg.png) no-repeat 12px 8px;}
h2.FE {background:url(../image/h2_fe.png) no-repeat 12px 8px;}
h2.FL {background:url(../image/h2_fl.png) no-repeat 12px 8px;}
h2.HK {background:url(../image/h2_hk.png) no-repeat 12px 8px;}
h2.ML {background:url(../image/h2_ml.png) no-repeat 12px 8px;}

h2.MN {background:url(../image/h2_mn.png) no-repeat 12px 8px;}
h2.MM {background:url(../image/h2_mm.png) no-repeat 12px 8px;}
h2.UM {background:url(../image/h2_um.png) no-repeat 12px 8px;}
h2.OV {background:url(../image/h2_ov.png) no-repeat 12px 8px;}
h2.PP {background:url(../image/h2_pp.png) no-repeat 12px 8px;}
h2.SA {background:url(../image/h2_sa.png) no-repeat 12px 8px;}
h2.UU {background:url(../image/h2_uu.png) no-repeat 12px 8px;}
h2.CF {background:url(../image/h2_cf.png) no-repeat 12px 8px;}
h2.HA {background:url(../image/h2_ha.png) no-repeat 12px 8px;}
h2.CCD {background:url(../image/h2_ccd.png) no-repeat 12px 8px;}