@charset "UTF-8";
@import "reset.css";
@import "960.css";

/* +geral */
html, body
{
    height: 100%;
}
body{
	background:#F8F8F8;
	font-size: 62.5%;
	font-family: arial, verdana, helvetica, sans-serif;
}
/* end geral */

/* +header */
#header{
	position: relative;
	height: 190px;
}

#skip-nav{
	display: none;
}

#logo{
	position: absolute;
	top: 39px;
	left: 34px;
}

#nav{
	height: 99px;
	width: 438px;
	position:absolute;
	left: 220px;
	top: 43px;
}

#nav li{
	float:left;
	width: 146px;
	height: 99px;
}

#nav a{
	display:block;
	width: 146px;
	height: 99px;
	text-indent:-999em;
}

#nav a.home{
	background: url(../imgs/titles/home.gif) no-repeat 0 0;
}

#nav a.program{
	background: url(../imgs/titles/sobre-o-programa.gif) no-repeat 0 0;
}

#nav a.contact{
	background: url(../imgs/titles/fale-conosco.gif) no-repeat 0 0;
}
/* end header */

/* +sidebar */
#sidebar a.mascote{
	display: block;
	width: 220px;
	height: 176px;
	background: url(../imgs/titles/conheca-o-mascote-fiel.gif) no-repeat 0 0;
	margin: 30px 0 20px 0;
	text-indent: -9999em;
}

#johndeere a.mascote
{
    height: 141px;
    background: url(../imgs/titles/conheca-os-mascotes.gif) no-repeat 0 0;
    margin: 50px 0 20px 0;
}

#sidebar .friend-invite{
	background: #FFF;	
	padding-bottom: 5px;
}

#sidebar .friend-invite h2{
	background: #74CA00 url(../imgs/bg/indicar.gif) no-repeat bottom right;
	padding: 8px 10px 15px 10px;
	color: #FFF;
	font-size: 1.6em;
	font-weight:bold;
}

#sidebar .friend-invite p{
	margin: 10px;
}

#sidebar .friend-invite p, #sidebar .friend-invite a{
	font-size: 1.1em;
	line-height:1.2em;
}

#sidebar .friend-invite a.terms{
	display: block;
	color: #0070B1;
	padding: 2px 0  2px 10px;
	font-weight: bold;
	margin: 10px;
	background: url(../imgs/bg/bullet.gif) no-repeat left center;
	text-decoration: none;
}

#sidebar .friend-invite a.invite{
	float:right;
	margin: 0 10px;
	color:#FFF;
	display:block;
	padding: 5px 0;
	background: #74CA00;
	width: 90px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
/* end sidebar *

/* +content */
#content{
	position: relative;	
}

#content h2 { 
	padding:0 0 0 19px;
	height:47px;
	line-height:40px;
	color:#fff;
	font-size:1.8em;
	font-weight:normal;
}

#content p{ 
	margin-bottom:16px;
	font-size:1.1em;
	line-height:1.2em;
}
/* end content */

/* #home */
.home #banner{
	width: 700px;
	height: 270px;
	margin-bottom: 25px;
	position: relative;
}

.home #banner ul li{
    width: 700px;
    height: 270px;
    position: relative;
}

.home #banner img.highlight{
    position:absolute;
    left:0; top:0;
    z-index:1;
}

.home #banner .promo{
    position:absolute;
    z-index: 10;
    width: 450px;
    top:70px;
    left:30px;
}

.home #banner .promo strong{
    padding: 10px 10px 0 10px;
    background: url(../imgs/bg/bg.png);
    font-size: 20px;
    font-weight:bold;
    display: inline-block;
}

.home #banner .promo p{
    padding: 10px 10px 20px 10px;
    background: url(../imgs/bg/bg.png);
    position:relative;
}

.home #banner .promo p a{
    text-align:center;
    text-decoration: none;
    padding: 5px 5px;
    position:absolute;
    bottom: -10px;
    color: #FFF;
    background: #0070B1;
    font-weight:bold;
}

.home #banner .promo p a.terms{
    width: 120px;
    right: 130px;
}
.home #banner .promo p a.join{
    width: 100px;
    right: 10px;
}

.home #banner .promo div.terms, #sidebar div.terms{
    display:none;
}


.home #banner #pager{
	position: absolute;
	right:13px;
	top: -2px;
	z-index: 100;
}

.home #banner #pager a{
	width: 20px;
	text-align:center;
	float:left;
	padding: 5px 2px;
	color: #FFF;
	background: #FF8E08;
	margin-right: 2px;
	text-decoration:none;
	font-weight: bold;
	font-size: 1.1em;
}

.home #banner #pager a.activeSlide{
	background:#D77600;	
}

.home #banner img{
	display: block;
}

.home .right-box, .home .left-box {
	width: 340px;
	float:left;
	margin-bottom:20px;
	background: #FFF;
}

.home .right-box .content, .home .left-box .content{
	padding: 20px 20px 20px 10px;
	height: 137px;
	overflow: hidden;
}

.home .right-box .content p a{
    color:#0070B1;
    display:block;
    font-weight:bold;
    margin:10px;
    text-decoration: none;
}

.home .right-box .content p a:hover{
    text-decoration: underline;       
}

.home .left-box{
	margin-right: 20px;
}

.home #content .left-box h2, .home #content .right-box h2{
	padding: 20px 12px 27px 12px;
	line-height: 0;
	height: auto;
	font-size: 1.8em;
	font-weight: bold;
}

.home #content .right-box h2{
	background: #0096F0 url(../imgs/bg/box-left.gif) no-repeat right bottom;
}

.home #content .left-box h2{
	background: #0070B1 url(../imgs/bg/box-right.gif) no-repeat right bottom;
}

.home .right-box .content img, .home .left-box .content img{
	margin: 0 10px 0 0;
}

#home.intro
{
    background: #FFF;  
}

#home.intro #wrapper
{
    min-height: 100%;
}

#home.intro #wrapper #content
{
    overflow: auto;
    padding-bottom: 45px;
}

#home.intro h1
{
    margin: 100px auto 60px auto;
    width: 425px;
}

#home.intro p.intro
{
    display:block;
    width: 301px;
    height: 14px;
    margin: 0 auto;
    background: url(../imgs/titles/escolha.gif) no-repeat 0 0;
    text-indent: -999em;
}

#home.intro ul.segments
{
    width: 890px;
    margin: 30px auto 0 auto;
}

#home.intro ul.segments li
{
    text-align:center;
    width: 218px;
    height: 110px;
    padding-top: 35px;
    float:left;
    border-right: 3px solid #E5E5E5;
}

#home.intro ul.segments li.last
{
    border-right: none;
}

#home.intro ul.segments li a
{
    display:block;
    margin: 0 auto;
    text-indent: -9999em;
}

#home.intro a.johndeere
{
    
    width: 135px;
    height: 51px;    
    background: url(../imgs/titles/johndeere.gif) no-repeat 0 0;
}

#home.intro a.consorciorandon
{
    width: 123px;
    height: 46px;
    background: url(../imgs/titles/consorciorandon.gif) no-repeat 0 0;
}

#home.intro a.volare
{
    width: 91px;
    height: 77px;
    background: url(../imgs/titles/volare.gif) no-repeat 0 0;
    margin-top: -15px !important;
}

#home.intro a.racon
{
    width: 92px;
    height: 69px;
    background: url(../imgs/titles/racon.gif) no-repeat 0 0;
    margin-top: -10px !important;
}

#home.intro #footer
{
    text-align: center;    
    background:#003A7F;
    margin: 0;
    position: relative;
	margin-top: -45px; /* negative value of footer height */
	height: 15px;
	clear:both;
}

#home.intro #footer
{
    padding: 15px;
    text-align:left;
}

#home.intro #footer p
{
    height: auto;
    float:none;
    margin:0;
    line-height: normal;    
}

#home.intro #footer p.sac
{
    width: 440px;
    float:left;
    position: relative;
    top: 2px;
}

#home.intro #footer p.copyright
{
    width: 400px;
    float:right;
    height: 14px;
}
    
#home.intro #footer p.sac span.sac
{
    display:block;
    width: 186px;
    height: 14px;
    background: url(../imgs/titles/home-central-relacionamento.gif) no-repeat;
    text-indent: -9999em;
    margin: -2px 15px 0 0;
    float:left;
}

#home.intro #footer #w3haus
{
    width: 52px;
    height: 11px;
    background: url(../imgs/titles/w3haus.gif);
    display:block;
    text-indent: -999em;
    float:right;
    position: relative;
    top: 2px;
}
/* end home */

/* +fale-conosco */
body.contact #content{
	background: #FFF;
	padding-bottom: 70px;
}

body.contact #content h2{
	background: url(../imgs/bg/contato.gif) no-repeat;
}

body.contact #content form{
	padding: 50px 0 0 20px;
}

body.contact #content p{
	clear: both;
	margin-bottom: 20px;
}

body.contact #content p label{
	font-size: 1.1em;
	display: block;
	width: 165px;
	float:left;
	text-align: right;
	padding: 2px 5px 0 0;
}

body.contact #content p input, body.contact #content p textarea{
	font-size: 1.1em;
	display: block;
	width: 370px;
	float:left;
}

body.contact #content p textarea{
	height: 120px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1.1em;
}

body.contact #content form button{
	width: 247px;
	height: 36px;
	background: url(../imgs/buttons/enviar.gif) no-repeat;
	border: none;
	text-indent: -999em;
	cursor: pointer;
	position:absolute;
	right: -7px;
	bottom: 15px;
}

body.contact .contact-us{
	background: #FFF;	
}

body.contact .contact-us h2{
	background: #FF8E08 url(../imgs/bg/contato-endereco.gif) no-repeat bottom center;
	padding: 7px 10px 15px 10px;
	font-size: 1.6em;
	color: #FFF;
}

body.contact .contact-us p{
	font-size: 1.1em;
	padding: 15px 10px 15px 15px;
	line-height: 1.3em;
}

body.contact .contact-us p strong{
	display:block;
	margin-bottom: 3px;
}

body.contact .validation-summary-errors
{
    margin: 0 0 20px 174px;
}

.validation-summary-errors li
{
    color: red;
    font-size: 1.1em;    
    margin: 0 0 8px 0;
}
/* end fale-conosco */

body.estar #content{
	background:#fff;
}

body.estar #content h2 { 
	background:url(../imgs/bg/titles/estar.gif) no-repeat left bottom; 
}

/* +sobre-o-programa */
.about #content, .pet #content, .promo #content{
	background:#fff;
}

.about #section, .pet #section, .estar #section, .promo #section {
	padding:26px 39px 24px 24px;
}

.about #content h2, .promo #content h2{ 
	background:url(../imgs/bg/titles/program.gif) no-repeat left bottom; 
}

.about #content h3 {
	margin:28px 0 16px;
	font-size:1.2em;
	color:#0096F0;
}

.about #content h4 {
		font-weight: bold;
		font-size:1.1em;
}

.about #section img.right {
	display:block;
	position:relative;
	top:-6px;
	right:-12px;
}
/* end sobre-o-programa */

/* +conheca-o-mascote-fiel */
.pet #content h2 { 
	background:url(../imgs/bg/titles/pet.gif) no-repeat left bottom; 
}

.pet #content h3 {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:5px;
}

.pet #content
{
    position:relative;
}

.pet #content .anim
{
    position: absolute;
    top: 30px;
    left: 10px;     
    width: 372px;
    height: 353px; 
    z-index: 2;
}

.pet #content .text-box {
	width:281px;
	position:relative;
	padding-top:26px;
	left:380px;
}

#draws { 
	width:386px;
	position:relative;
	margin-top:50px;
	left:272px;
}

#draws p, #draws h3 { 
	padding-left:10px;
}
 
#download-draws  {
	width:386px;
	height:169px;
	position:relative;
	z-index: 3;
}

#download-draws li {
	height:169px;
	float:left;
}

#download-draws li a {
	display:block;
	height:169px;
	text-indent:-9999em;
}

a.draw1 {
	background:url(../imgs/others/pet/draw.jpg) no-repeat 0 0;
	width:123px;
}

#johndeere a.draw1 {
	background:url(../imgs/others/pet/draw1.jpg) no-repeat 0 0;
	width:180px;
}

a.draw2 {
	background:url(../imgs/others/pet/draw.jpg) no-repeat -123px 0;
	width:141px;
}

#johndeere  a.draw2 {
	background:url(../imgs/others/pet/draw1.jpg) no-repeat -180px 0;
	width:180px;
}

a.draw3 {
	background:url(../imgs/others/pet/draw.jpg) no-repeat -264px 0;
	width:122px;
}

#wallpapers {
	position:relative;
	left:18px;
	margin-bottom:10px;
}

#wallpapers h3 {
	padding-bottom:8px;
}

#wallpapers-list {
	width:573px;
	height:194px;
}

#wallpapers li.node1 {
	width:273px;
	height:194px;
	position:relative;
}

#wallpapers li.wallpaper1{
	float:left;
}

li.wallpaper1 p{
	height:194px;
	width:195px;
	background:url(../imgs/others/pet/wall1.jpg) no-repeat left top;
	text-indent:-9999em;
}

#johndeere li.wallpaper1 p{
    background:url(../imgs/others/pet/jd2.jpg) no-repeat left top;
    	
}
#johndeere li.wallpaper2 p {
    background:url(../imgs/others/pet/jd1.jpg) no-repeat left top;
}

li.wallpaper2 p {
	height:194px;
	width:195px;
	background:url(../imgs/others/pet/wall2.jpg) no-repeat left top;
	text-indent:-9999em;
}

#wallpapers li ul {
	position:absolute;
	top:51px;
	right:0;
	height:76px;
	width:78px;
	background:url(../imgs/others/pet/numbers.jpg) no-repeat left top;
}

#wallpapers li ul li, #wallpapers li ul li a{
	height:20px;
	width:78px;
	margin-bottom:8px;
}

#wallpapers li ul li a{
	display:block;
	height:20px;
	width:78px;
	text-indent:-9999em;
	margin-bottom:0;
}

#wallpapers li.wallpaper2{
	float:right;
}

.pet .friend-invite
{
    margin-top: 101px;    
}
/* end conheca-o-mascote-fiel */

/* +promoção */
.promo.agricultor #content{
    font-size: 12px;
}

.promo.agricultor #content label{
    display: block;
    margin: 0 0 3px 0;
}

.promo.agricultor #content label em{
    font-size: 10px;
}

.promo.agricultor #content textarea{
    width: 350px;
    height: 100px;
}

.promo.agricultor #content .required{
    color: #C43B1D;
}
/* end promoção */

/* +estar-com-voce */
.estar .info-list{
    width: 200px;
    float:left;
    padding: 0 15px 0 50px;
    border-right: 2px solid #CCC;
    margin-right: 50px;
}

.estar .info-list strong{
    font-size: 14px;
    margin-top: 15px;
    display:block;
}

.estar .info-list p{
    margin: 5px !important;
    font-size: 12px;
    background: url(../imgs/bg/arrow.gif) no-repeat 0 3px;
    padding: 0 0 0 15px;
}

.estar .label{
    width: 250px;
    float:left;
}

#flickr-list{
    margin: 15px 0 15px 24px;
}
#flickr-list li{
    margin: 5px;
    float:left;
}

.error-message{
    margin-bottom:20px;
    color:#C43B1D;
}
/* +end estar-com-voce */

/* +footer */
#footer{
	margin:15px 10px 64px;
	font-family:tahoma, arial, verdana, sans-serif;
	font-size:1.1em;
}

#onsbudman {
	float:left;
	width:463px;
	height:60px;
	background:#fff url(../imgs/titles/central-relacionamento.gif) no-repeat left top;
}

#onsbudman  h2{
	position:absolute;
	left:-9999em;
	outline:0;
}

#onsbudman  address{
	display:block;
	height:60px;
	padding-right:21px;
	line-height:60px;
	text-align:right;
	font-style:normal;
	color:#b8b8b8;		
}

#footer p {
	float:right;
	height:60px;
	margin-right:10px;
	line-height:60px;
	color:#bfbfbf;
}

a.signature  {
	margin-left:15px;
}

a.signature img {
	border:0;
}
/* end footer */

/* +class */
.left {
	float:left;
}

.right {
	float:right;
}

.bottom
{
    margin-bottom:0 !important;
}

.green {
	color:#73CA00;
}

.orange {
	color:#FF8D07;
}

.annotation {
	color:#666;
	font-size:0.9em !important;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.richtext p, .richtext h1, .richtext h2, .richtext h3, .richtext h4, .richtext h5{
    margin: 0 0 10px 0 !important;
    line-height: 1.2em !important;
}

.richtext p{font-size:12px !important;}
.richtext h5{font-size:12px !important;}
.richtext h4{font-size:14px !important;}
.richtext h3{font-size:16px !important;}
.richtext h2{font-size:18px !important;}
.richtext strong, .richtext b{font-weight:bold !important}
.richtext i, .richtext em{font-style:italic !important;}
.richtext ul{list-style-type:square  !important}
.richtext ol{list-style-type:decimal !important}
.richtext a.close-ui{
    position:absolute !important; 
    top: 5px !important; 
    right: 10px !important;
    display: block;
    width: 23px;
    height: 23px;
    background: url(../imgs/buttons/close.gif) no-repeat 0 0;
    text-indent: -999em;
}

.richtext h2{
    padding: 6px 10px 7px 20px !important;
    background: #FF8E08 !important;
    text-align:left !important;
    color: #FFF !important;
}
/* end classes */