@charset "utf-8";
/*
Theme Name: Snack Frutas
Description: Tema exclusivo do site Snack Frutas.
Version: 1.0
Author: Agência DDA
Author URI: http://www.agenciadda.com.br
*/

*{margin:0;padding:0;}
body{font:12px Verdana, Arial, Helvetica, sans-serif;background:url(images/back_body.jpg) no-repeat top center #e1e8ee;}
a:active, a:focus{outline:none;}
a{text-decoration:none;color:#c22525;}
a:hover{color:#000;}
img{border:none;}
@font-face{
	font-family: "Merge";
	src: url("merge.otf");
	src: local("Merge"), local("Merge"),
	url("merge.otf") format("opentype");
}

#wrapper{width:100%;float:left;}


/* ----------------- TOPO ----------------- */
#container_header{width:100%;height:140px;float:left;background:url(images/back_header.jpg) repeat-x;}
#header{width:965px;height:140px;margin:0px auto;position:relative;}
#logo{width:212px;height:148px;float:left;position:absolute;top:0;left:14px;*left:13px;}
#logo h2 a{
	width:212px;
	height:148px;
	float:left;
	overflow:hidden;
	background:url(images/img_sprites.jpg) no-repeat;
	border:#FFF 2px solid;
	border-top:none;
	text-indent:-99999px;
}
#top-links{height:45px;float:right;*width:330px;}
#top-links #social-links{padding:0 10px 0 0;height:45px;float:left;border-right:#CCC 1px solid;}
#top-links #social-links h3{
	width:64px;
	height:16px;
	float:left;
	margin:16px 0 0 0;
	overflow:hidden;
	background:url(images/img_sprites.jpg) no-repeat 0 -197px;
	text-indent:-99999px;
}
#top-links #social-links a{
	width:22px;
	height:22px;
	float:left;
	margin:13px 0 0 7px;
	overflow:hidden;
	background:url(images/img_sprites.jpg) no-repeat;
	text-indent:-99999px;
}
#top-links #social-links #icon_twitter{background-position:0 -175px;}
#top-links #social-links #icon_facebook{background-position:-22px -175px;}
#top-links #searchform{width:186px;height:27px;padding:10px 0 8px 10px;float:right;border-left:#FFF 1px solid;}
#top-links #searchform #s{
	width:141px;
	height:27px;
	padding:0 0 0 10px;
	float:left;
	background:url(images/img_sprites.jpg) no-repeat 0 -148px;
	border:none;
	font:12px/27px Verdana, Arial;
	font-style:italic;
	color:#777777;
}
#top-links #searchform #searchsubmit{
	width:35px;
	height:27px;
	float:right;
	border:none;
	overflow:hidden;
	background:url(images/img_sprites.jpg) no-repeat -151px -148px;
	cursor:pointer;
	text-indent:-99999px;
	*color:#FFF;
	*font-size:1px;
}

#upper-menu{width:715px;height:18px;float:right;margin:32px 0 0 0;}
#upper-menu ul{height:18px;float:right;list-style:none;}
#upper-menu ul li{height:18px;float:left;display:inline-block;}
#upper-menu ul li a{
	height:18px;
	float:left;
	margin:0 20px 0 20px;
	overflow:hidden;
	background:url(images/img_sprites.jpg) no-repeat;
	text-indent:-99999px;
}
#upper-menu ul #li_pedido-online{border-right:#7c7c7c 1px solid;}
#upper-menu ul #li_pedido-online a{width:120px;background-position:0 -219px;}
#upper-menu ul #li_blog a{width:121px;background-position:-122px -219px;margin:0 0 0 20px;}

#menu{width:715px;height:18px;float:right;margin:13px 0 0 0;}
#menu ul{height:18px;float:right;list-style:none;}
#menu ul li{height:18px;float:left;display:inline-block;}
#menu ul li a{
	height:18px;
	float:left;
	margin:0 0 0 24px;
	overflow:hidden;
	background:url(images/img_sprites.jpg) no-repeat;
	text-indent:-99999px;
}
#menu ul #li_home a{width:49px;background-position:0 -237px;}
#menu ul #li_quem-somos a{width:115px;background-position:-51px -237px;}
#menu ul #li_servicos a{width:71px;background-position:-168px -237px;}
#menu ul #li_produtos a{width:78px;background-position:-241px -237px;}
#menu ul #li_nutricao a{width:74px;background-position:-321px -237px;}
#menu ul #li_contato a{width:72px;background-position:-397px -237px;}


/* ----------------- RODAPÉ ----------------- */
#container_footer{width:100%;height:334px;float:left;margin:20px 0 0 0;background:url(images/back_footer.jpg) repeat-x #9f1e1e;}
#footer{width:965px;height:334px;margin:0px auto;position:relative;font-size:11px;color:#FFF;}

#footer a{color:#FFF;}
#footer a:hover{color:#000;}
#footer-logo{width:166px;height:219px;position:absolute;top:-2px;left:10px;}
#footer-logo h2 a{
	width:166px;
	height:219px;
	float:left;
	background:url(images/img_sprites.jpg) no-repeat -212px 0;
	overflow:hidden;
	text-indent:-99999px;
}

#footer-info{
	width:650px;
	height:251px;
	padding:0 0 0 72px;
	float:right;
	margin:23px 0 0 0;
	background:url(images/back_footer-info.jpg) no-repeat top left;
}

#footer-box_snacks-blog{width:188px;height:160px;float:left;position:relative;}
#footer-box_faq{width:270px;height:160px;float:left;margin:0 15px 0 15px;position:relative;}
#footer-box_online-order{width:650px;height:42px;float:left;margin:40px 0 0 0;position:relative;}

#footer-info h3{height:24px;float:left;background:url(images/img_sprites.jpg) no-repeat;overflow:hidden;text-indent:-99999px;}
#footer-info #h3_blog-da-snack{width:147px;background-position:0 -255px;}
#footer-info #h3_perguntas-frequentes{width:229px;background-position:-149px -255px;}
#footer-info #h3_contato{width:89px;background-position:-380px -255px;}
#footer-info #h3_pedido-online{width:144px;height:20px;background-position:-64px -197px;}

#footer-info ul{width:100%;float:left;margin:5px 0 0 0;list-style:none;}
#footer-info ul li{width:100%;float:left;display:inline-block;}
#footer-info ul li a{float:left;font:11px/17px Verdana, Arial, Helvetica, sans-serif;}

#footer-info .link_foward-to-page{position:absolute;bottom:0;left:0;font-size:11px;}

#footer-box_contact{width:162px;height:160px;float:left;position:relative;}
#footer-box_contact p{width:162px;float:left;margin:5px 0 5px 0;line-height:17px;}
#footer-box_contact p span{float:left;margin:2px 0 0 0;}
#footer-box_contact p #footer-icon_twitter{
	width:22px;
	height:22px;
	float:left;
	margin:0 0 0 7px;
	overflow:hidden;
	background:url(images/img_sprites.jpg) no-repeat -44px -175px;
	text-indent:-99999px;
}
#footer-box_contact p #footer-icon_facebook{
	width:22px;
	height:22px;
	float:left;
	margin:0 0 0 7px;
	overflow:hidden;
	background:url(images/img_sprites.jpg) no-repeat -66px -175px;
	text-indent:-99999px;
}

#footer-credits{width:965px;float:left;margin:33px 0 0 0;}
#footer-credits #copyrights{float:left;margin:0 0 0 10px;}
#footer-credits #credits{float:right;}


/* ----------------- SIDEBAR ----------------- */
#sidebar{width:316px;float:right;margin:20px 0 0 0;}

#sidebar #box-sidebar_online-order{width:316px;height:193px;float:left;background:url(images/img_sprites.jpg) no-repeat 0 -612px;}
#sidebar #box-sidebar_online-order h1{width:220px;height:21px;float:left;margin:22px 0 0 22px;overflow:hidden;text-indent:-99999px;}
#sidebar #box-sidebar_online-order p{width:210px;float:left;margin:8px 0 0 65px;font-style:italic;color:#777;}
#sidebar #box-sidebar_online-order a{margin:16px 0 0 155px;}

#sidebar #box-sidebar_phone-order{
	width:316px;
	height:193px;
	float:left;
	margin:15px 0 0 0;
	background:url(images/img_sprites.jpg) no-repeat 0 -419px;
}
#sidebar #box-sidebar_phone-order h1{width:206px;height:21px;float:left;margin:22px 0 0 22px;overflow:hidden;text-indent:-99999px;}
#sidebar #box-sidebar_phone-order p{width:225px;float:left;margin:8px 0 0 26px;font-style:italic;color:#777;}

#sidebar #box-sidebar_random{width:316px;float:left;margin:15px 0 0 0;}
#sidebar #box-sidebar_top{width:316px;height:67px;float:left;background:url(images/img_sprites.jpg) no-repeat 0 -279px;}
#sidebar #box-sidebar_middle{width:286px;padding:0 15px 0 15px;float:left;background:url(images/back_sidebar-middle.jpg) repeat-y;}
#sidebar #box-sidebar_bottom{width:316px;height:73px;float:left;background:url(images/img_sprites.jpg) no-repeat 0 -346px;}


/* ----------------- CONTEÚDO ----------------- */
#container_content{width:100%;float:left;position:relative;}
#wrapper_content{width:965px;margin:0px auto;}
#content{width:620px;padding:20px 0 0 10px;float:left;background:url(images/back_content.jpg) no-repeat top left;}


/* ----------------- HOME ----------------- */
#wrapper_content_home{width:990px;margin:0px auto;}
#content_home{width:990px;float:left;background:url(images/back_content-home.jpg) no-repeat top left;}

#box-home_fruit-delivery{width:595px;float:left;margin:34px 0 0 36px;font-family:"Merge";}
#box-home_fruit-delivery h1{width:402px;height:35px;float:left;overflow:hidden;text-indent:-99999px;}
#box-home_fruit-delivery p{width:595px;float:left;margin:10px 0 0 0;font-size:18px;font-style:italic;color:#7c7c7c;}
#box-home_fruit-delivery a{
	width:184px;
	height:40px;
	float:left;
	margin:10px 0 0 0;
	overflow:hidden;
	text-indent:-99999px;
	background:url(images/back_content-buttons.png) no-repeat 0 0;
}
#box-home_fruit-delivery a:hover{background-position:0 -40px}

#box-home_online-order{width:310px;height:185px;float:right;margin:15px 12px 0 0;}
#box-home_online-order h1{width:220px;height:21px;float:left;margin:22px 0 0 22px;overflow:hidden;text-indent:-99999px;}
#box-home_online-order p{width:210px;float:left;margin:6px 0 0 59px;font-style:italic;color:#777;}
#box-home_online-order a{margin:16px 0 0 145px;}

.content-button{width:122px;height:27px;float:left;background:url(images/back_content-buttons.png) -184px 0;overflow:hidden;text-indent:-99999px;}
.content-button:hover{background-position:-184px -27px;}

#box-home_slider{width:592px;height:273px;float:left;margin:75px 0 0 10px;}
#box-home_slider .wrapper{width:592px;height:273px;float:left;}
#box-home_slider .wrapper ul{width:32700px;float:left;}
#box-home_slider .wrapper ul li{width:592px;height:273px;float:left;}
#box-home_slider .wrapper ul li h1{width:281px;height:43px;float:right;margin:22px 31px 0 0;clear:left;overflow:hidden;text-indent:-99999px;}
#box-home_slider .wrapper ul li p{
	width:199px;
	height:23px;
	float:right;
	margin:20px 51px 0 0;
	clear:right;
	text-align:right;
	font-style:italic;
	color:#777;
}
#box-home_slider .wrapper ul li a.content-button{float:right;margin:20px 51px 0 0;clear:right;}
#thumbNav{height:30px;float:right;margin:13px 15px 0 0;clear:right;list-style:none;position:absolute;top:156px;right:10px;}
#thumbNav a{
	width:30px;
	height:30px;
	float:left;
	margin:0 6px 0 0;
	background:url(images/img_sprites.jpg) no-repeat -316px -279px;
	font-size:18px;
	color:#FFFFFF;
	text-align:center;
	line-height:27px;
}
#thumbNav a:hover{background-position:-316px -309px;}
#thumbNav a.cur{background-position:-316px -309px;}

#box-home_phone-order{width:310px;height:185px;float:right;margin:65px 12px 0 0;clear:right;}
#box-home_phone-order h1{width:206px;height:21px;float:left;margin:22px 0 0 22px;overflow:hidden;text-indent:-99999px;}
#box-home_phone-order p{width:225px;float:left;margin:8px 0 0 26px;font-style:italic;color:#777;}


/* ----------------- POSTS ----------------- */
.post{width:620px;float:left;margin:20px 0 0 0;}
.post.with_border{padding:0 0 20px 0;border-bottom:#CCC 1px solid;}
.post h1{width:620px;float:left;font:27px "Merge", Arial;font-style:italic;color:#c22525;}
.post h1 a{color:#c22525;}
.post h1 a:hover{color:#000;}
.post h2{width:620px;float:left;font:24px "Merge", Arial;font-style:italic;color:#c22525;}
.post h2 a{color:#c22525;}
.post h2 a:hover{color:#000;}
.post h3{width:620px;float:left;font:21px "Merge", Arial;font-style:italic;color:#c22525;}
.post h3 a{color:#c22525;}
.post h3 a:hover{color:#000;}
.post .post-date{width:620px;float:left;margin:3px 0 0 0;font-size:10px;font-style:italic;color:#666666;}
.post p{width:620px;float:left;margin:5px 0 5px 0;text-align:justify;line-height:16px;color:#666666;}
.post .post-meta{width:620px;float:left;margin:10px 0 0 0;}
.post .post-meta .post-tags{width:310px;float:left;}
.post .post-meta .post-comments{width:310px;float:right;text-align:right;}

.post ul{text-decoration:none; margin-left:18px;}
.post ul li{text-align:justify;line-height:16px;color:#666666;font-style:italic;}

.post p img{padding:0;max-width:100%;}
.post img.centered{display:block;margin-left:auto;margin-right:auto;}
.post img.alignright{padding:4px;margin:0 0 2px 7px;display:inline;}
.post img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline;}
.post .alignright{float:right;}
.post .alignleft{float:left;}

.navigation{width:620px;float:left;margin:20px 0 0 0;}
.navigation div{width:310px;float:left;}
.navigation .alignright{text-align:right;}
.navigation div a{font-size:16px;font-weight:bold;}

.pagetitle{width:620px;float:left;margin:30px 0 0 0;font:27px "Merge", Arial;font-style:italic;color:#c22525;}

/* ----------------- COMENTÁRIOS ----------------- */
#wrapper_comments{width:620px;padding:20px 0 0 0;float:left;margin:20px 0 0 0;border-top:#bfc8d0 1px solid;}
#wrapper_comments h3{width:620px;float:left;font:18px "Merge", Arial;font-style:italic;color:#c22525;}
.commentlist{width:620px;float:left;margin:10px 0 0 0;list-style:none;}
.commentlist li{width:600px;padding:20px 10px 20px 10px;float:left;border-bottom:#bfc8d0 1px solid;}
.commentlist li:nth-child(2n+0){background:#f0f4f7;}
.commentlist li .comment-body{width:620px;float:left;position:relative;}
.commentlist li .comment-body .comment-author{width:600px;float:left;}
.commentlist li .comment-body .comment-author img{width:32px;height:32px;float:left;}
.commentlist li .comment-body .comment-author cite{float:left;margin:0 0 0 10px;font-weight:bold;color:#c22525;}
.commentlist li .comment-body .comment-author span{float:left;margin:0 0 0 5px;}
.commentlist li .comment-body .comment-meta{position:absolute;top:0;right:20px;}
.commentlist li .comment-body .comment-meta a{font-size:11px;color:#999999;}
.commentlist li .comment-body p{width:558px;float:right;margin:-5px 0 0 0;}

#respond{width:588px;padding:15px;float:left;margin:10px 0 0 0;background:#f0f4f7;border:#FFF 1px solid;}
#respond h3{width:588px;font-size:22px;}
#respond form{width:588px;float:left;margin:10px 0 0 0;}
#respond form p{width:588px;float:left;margin:10px 0 0 0;}
#respond form p label{width:160px;float:left;margin:5px 0 0 0;font-weight:bold;color:#666666;}
#respond form p input{width:400px;padding:5px;float:right;border:#bfc8d0 1px solid;font:12px Verdana, Arial, Helvetica, sans-serif;color:#333;}
#respond form p textarea{
	width:400px;
	height:90px;
	padding:5px;
	float:right;
	border:#bfc8d0 1px solid;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}
#respond form p #submit{width:auto;background:#bfc8d0;cursor:pointer;color:#333;font-weight:bold;}
#respond form p #submit:hover{background:#c22525;cursor:pointer;color:#FFF;}

/* ----------------- FAQ ----------------- */
#faq-titles{width:620px;float:left;margin:20px 0 10px 0;list-style:none;}
#faq-titles li{width:620px;float:left;display:inline-block;border-bottom:#e1e8ee 1px solid;}
#faq-titles li:nth-child(2n+0){background:#FFF;}
#faq-titles li a{width:606px;padding:10px 7px 10px 7px;float:left;font-weight:bold;color:#666;}
#faq-titles li a:hover{color:#c22525;}

.questions{width:620px;padding:20px 0 20px 0;float:left;border-bottom:#CCC 1px solid;}
.questions h1{width:580px;float:left;font:20px "Merge", Arial;font-weight:bold;font-style:italic;color:#c22525;}
.questions a.btn_back-to-top{width:40px;float:right;font-weight:bold;color:#666;}
.questions .questions_content{width:620px;float:left;margin:5px 0 0 0;}
.questions .questions_content p{width:620px;float:left;margin:5px 0 5px 0;text-align:justify;line-height:16px;color:#666666;}

/* ----------------- NEWSLETTER ----------------- */
#sidebar #box-sidebar_middle .container{height:135px; margin-top:-40px;}
#sidebar #box-sidebar_middle h2{float:left;font:25px "Merge", Arial;font-style:italic;color:#c22525; margin-left:8px;}
#sidebar #box-sidebar_middle .container form{width:247px;float:left;margin:17px 10px 0 2px;}
#sidebar #box-sidebar_middle .container form #emailInput{
	width:203px;
	padding:0 5px 0 5px;
	height:20px;
	float:left;
	border:#7f9db9 1px solid;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#777;
}
#sidebar #box-sidebar_middle .container form #bt{
	width:27px;
	height:22px;
	float:right;
	background:#A2CB12;
	border:none;
	cursor:pointer;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
}
#sidebar #box-sidebar_middle .container form #bt:hover{background:#c22525;}
#sidebar #box-sidebar_middle .container p{width:210px;float:left;margin:8px 0 0 10px;font-style:italic;color:#666666;}
