﻿/* --
cliente: Quintal de Ana
css criado por: Núcleo Q | Eric R.
data: 19/07/2010
email: contato@nucleoq.com
site: http://www.nucleoq.com
tel: 55 (21) 8507.0746 | 8588.2511
-- */

/* -- POSICIONAMENTO DAS DIVS PRINCIPAIS DO SITE -- */

/* -------------------------------------------------------------------------------- COMEÇA RESET -- */
*{
	color:#555;
	font-family:Tahoma, Arial, sans-serif;
	font-size:11px;
	list-style:none;
	margin: 0;
	outline: 0;
	padding: 0;
	text-decoration:none;
	vertical-align: baseline;
}

table{border-collapse:collapse; border-spacing:0;}/* tabelas precisam de 'cellspacing="0"' na marcação */

html, body {height:100%;} 

body{
	background-color:#F0FFFD;
	background-image:url(../imagens/fundo_site.png);
	background-position:top;
	background-repeat:repeat-x;
	position:relative;
	text-align:center;
}

#tudo{
	margin:0 auto;
	min-height:100%;/* importante para footer */
	position:relative;
	text-align:left;
	width:940px;
}

* html #tudo{height:100%;}/* hack para footer */

p{line-height:17px; margin-bottom:5px;}

img{margin:10px;}

hr{
	border-style:solid;
	border-width:1px 0 0;
	clear:both;
	margin:5px 0;
}

/* -------------------------------------------------------------------------------- TERMINA RESET -- */

/* -------------------------------------------------------------------------------- COMEÇA H1,H2,H3,H4,H5,H6 -- */
h1 a span{
	height:1px;
	overflow:hidden;
	position:absolute;
	width:1px;
}
h1 a{
	background-image:url(../imagens/h1.png);
	background-repeat:no-repeat;
	float:left;
	height:177px;
	margin-top:20px;
	position:relative;
	width:180px;
}

h2 span{
	height:1px;
	overflow:hidden;
	position:absolute;
	width:1px;
}
h2{
	background-image:url(../imagens/patrocinio.png);
	background-repeat:no-repeat;
	height:50px;
	margin:30px 0 0 660px;
	width:280px;
}

h3{
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:25px;
	margin-left:20px;
}

h4{
	color:#8A7400;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	margin-left:10px;
}

h5{
	color:#8A7400;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
}

h6{
	color:#fff;
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
	text-transform:uppercase;
}

/* -------------------------------------------------------------------------------- TERMINA H1,H2,H3,H4,H5,H6 -- */

/* -------------------------------------------------------------------------------- COMEÇA DIV HEADER -- */
#header{
	float:left;
	height:200px;
	margin-bottom:10px;
	position:relative;
	width:940px;
}

#header p{float:left; margin:30px 0 0 403px; width:55px;}

#menu{height:20px; margin:74px 0 0 240px; width:700px;}

#menu ul li a{
	display:block;
	float:left;
	font-weight:bold;
	padding:5px 7px;
}
#menu ul li a:hover{
	background-color:#008A74;
	display:block;
	color:#fff;
	float:left;
	font-weight:bold;
	padding:5px 7px;
}
#menu ul li a:active{
	background-color:#f0c900;
	display:block;
	color:#fff;
	float:left;
	font-weight:bold;
	padding:5px 7px;
}

#menu li{display:inline;}
/* -------------------------------------------------------------------------------- TERMINA DIV HEADER -- */

/* -------------------------------------------------------------------------------- COMEÇA DIV CONTAINER -- */
#container_fora{
	background-color:#F0FFFD;
	border:1px solid #008a74;
	float:left;
	margin-bottom:20px;
	padding:5px;
		voice-family:"\"}\"";
		voice-family:inherit;
	position:relative;
	text-align:center;
	width:928px;
}

#container_dentro{
	background-color:#fff;
	border:1px solid #008a74;
	float:left;
	padding:35px;
		voice-family:"\"}\"";
		voice-family:inherit;
	position:relative;
	text-align:left;
	width:856px;
}
/* -------------------------------------------------------------------------------- TERMINA DIV CONTAINER -- */

/* -------------------------------------------------------------------------------- COMEÇA DIV ROTATIVO -- */
#rotativo_fora{
	background-color:#fff;
	border:1px solid #008a74;
	float:left;
	margin-bottom:40px;
	padding:5px;
		voice-family:"\"}\"";
		voice-family:inherit;
	position:relative;
	text-align:center;
	width:846px;
}

#rotativo_dentro{
	float:left;
	height:250px;
	position:relative;
	text-align:left;
	width:846px;
}
/* -------------------------------------------------------------------------------- TERMINA DIV ROTATIVO -- */

/* -------------------------------------------------------------------------------- COMEÇA DIV FOOTER -- */
#footer_geral{
	background-image:url(../imagens/topo_footer_completo.png);
	background-position:top right;
	background-repeat:no-repeat;
	float:left;
	margin-bottom:20px;
	width:934px;
}

#footer_fora{
	border:1px solid #008a74;
	float:left;
	margin-top:40px;
	padding:5px;
		voice-family:"\"}\"";
		voice-family:inherit;
	position:relative;
	text-align:center;
	width:928px;
}

#footer_dentro{
	background-color:#008a74;
	background-image:url(../imagens/topo_footer_completo2.png);
	background-position:top right;
	background-repeat:no-repeat;
	float:left;
	padding:35px;
		voice-family:"\"}\"";
		voice-family:inherit;
	position:relative;
	text-align:left;
	width:858px;
}

#footer_dentro p{color:#fff;}
/* -------------------------------------------------- footer_dentro_1 -- */
#footer_dentro_1{
	border:1px solid #fff;
	float:left;
	margin-right:30px;
	padding:5px;
		voice-family:"\"}\"";
		voice-family:inherit;
	width:158px;
}

#footer_dentro_1_interno{
	border:1px solid #fff;
	float:left;
	padding:10px;
		voice-family:"\"}\"";
		voice-family:inherit;
	width:136px;
}

#footer_dentro_1_interno ul li:hover{
	background-color:#f0fffd;
	font-weight:bold;
	line-height:20px;
}

#footer_dentro_1_interno ul li:hover a{
	color:#008a74;
}

#footer_dentro_1_interno ul li a{
	color:#fff;
	font-weight:bold;
	line-height:20px;
}

#footer_dentro_1_interno ul li a:hover{
	color:#008a74;
	font-weight:bold;
	line-height:20px;
}

/* -------------------------------------------------- footer_dentro_2 -- */
#footer_dentro_2{
	float:left;
	margin-right:30px;
	width:190px;
}

#footer_dentro_2 ul li{
	color:#fff;
	line-height:15px;
	margin-bottom:2px;
}

#footer_dentro_2 ul li a{
	color:#fff;
	line-height:15px;
}
#footer_dentro_2 ul li a:hover{
	background-color:#f0fffd;
	color:#008a74;
	line-height:15px;
}

/* -------------------------------------------------- footer_dentro_3 -- */
#footer_dentro_3{
	float:left;
	margin-right:20px;
	width:170px;
}

#footer_dentro_3 ul li a{
	color:#fff;
	font-weight:bold;
	line-height:15px;
	margin-left:10px;
}

#footer_dentro_3 ul li a:hover{
	color:#F0C900;
	font-weight:bold;
	line-height:15px;
	margin-left:10px;
}

/* -------------------------------------------------- footer_dentro_4 -- */
#footer_dentro_4{
	float:left;
	margin-top:80px;
	text-align:right;
	width:248px;
}

#footer_dentro_4 ul li a:hover{
	color:#F0C900;
	font-weight:bold;
	line-height:15px;
	margin-left:10px;
}
/* -------------------------------------------------------------------------------- TERMINA DIV FOOTER -- */

/* custom-nivo-slider.css */
/*
 * Note: Include the nivo-slider.css file that comes
 * with the main download before including this file.
 */

#slider {
	position:relative;
	background:#fff url(loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:block;
}
#slider a {
	position:absolute;
	top:0px;
	left:0px;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:47%;
	bottom:-30px; /* editado */
}
.nivo-controlNav a { /* quadradinhos embaixo da imagem */
	display:block;
	width:10px;
	height:10px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:50px;
	height:100px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-32px 0;

}
a.nivo-prevNav {

}

/* nivo-slider.css */
/*
 * jQuery Nivo Slider v2.0
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#fff; /* cor da caixa do banner */
	color:#f00;
	opacity:0.8; /* Overridden by captionOpacity setting do arquivo javascript "jquery.nivo.slider.js" */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	color:#000; /* cor do texto da caixa do banner */
	padding:5px;
	margin:0;

}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
