@charset "utf-8";

@import "reset.css";
@import "../font.css";

.geral{
    background:url('../../images/default/bg-geral.png') no-repeat top center;
    width: 100%;
    position: absolute;
    overflow: hidden;
}

/* topo */
.topo{
    height: 48px;
    width: 885px;
    margin: 38px auto;
    position: relative;
}
.logo{
    width: 196px;
    height: 48px;
    float: left;
}
.top-menu{
    width: 170px;
    height: 48px;
    float: left;
    margin-left: 157px;
}
.top-menu li{
    display: block;
    float: left;
    font-family: "NissanAG-Bold";
    font-size: 10px;
    border-right: 1px solid #4261B3;
    margin-top: 35px;
}
.top-menu li.first{
    padding-right: 8px;
}
.top-menu li.last{
    border-right: none;
    margin-left: 8px;
}
.top-menu li a{
    text-decoration: none;
    color: #3C549C;
    position: relative;
    top: 3px;
}
.top-menu li a:hover{
    text-decoration: underline;
}

form.login{
    width: 343px;
    height: 48px;
    float: right;
    position: relative;
}
form.login .form-welcome{
    font-family: "NissanAG-Bold";
    font-size: 10px;
    color: #2B856E;
    margin-top: 12px;
}
form.login .form-field{
    width: 134px;
    height: 20px;
    float: left;
    margin-left: 5px;
}
form.login .first{
    margin-left:0;
}
form.login .form-field input{
    border: 1px solid #1BA38B;
    background: #FFF;
    font-family: "NissanAG-LightItalic";
    color: #268D76;
    font-size: 12px;
    padding-left: 3px;
    width: 131px;
}
form.login .form-submit{
    width: 52px;
}
form.login .form-submit button {
    background: url("../../images/default/bt-login.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-family: "NissanAG-Light";
    font-size: 13px;
    font-weight: bold;
    height: 27px;
    width: 59px;
    letter-spacing: 0.5pt;
    position: relative;
    bottom: 1px;
    padding-bottom: 1px;
}
form.login .form-submit button:hover{
    background: url("../../images/default/bt-login-over.png") no-repeat scroll left top transparent;
}
form.login .form-submit button:active{
    background: url("../../images/default/bt-login-click.png") no-repeat scroll left top transparent;
}

/* slider */
.slider{
    height: 103px;
    width: 885px;
    margin: 69px auto 0 auto;
    position: relative;
}

.slider .slider-image{
    float: left;
    position: relative;
}
.slider .educacao{
    height: 103px;
}
.slider .social{
    height: 95px;
}
.slider .saude{
    height: 98px;
}
.slider .lazer{
    height: 88px;
}
.slider .cultura{
    height: 89px;
}
.slider img {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.slider img.active {
    opacity: 1;
}

.slider .slider-text{
    float: right;
    width: 343px;
}
.slider .slider-text p{
    font-family: "NissanAG-Medium";
    font-size: 23px;
    color: #6C6D70;
    text-align: left;
}
.slider .slider-text p .sesi{
    color: #00A78C;
}
.slider .slider-text p {
    display: none;
}
.slider .slider-text p.active {
    display: inherit;
}


/* Timeline */

section.timeline{
    z-index: 997;
    width: 885px;
    height: 32px;
    position: relative;
    margin: 45px auto 0 auto;
    background: url("../../images/default/timeline/bg-navbar.png") repeat-x left top;
}

section.timeline .control{
    margin-top: 8px;
    border-right: 1px solid #FFF;
    width: 85px;
    height: 19px;
    float: left;
    position: relative;
}
section.timeline .control button{
    margin: 0 0 0 50px;
    cursor: pointer;
    border: none;
    width: 16px;
    height: 18px;
    float: left;
    background: url("../../images/default/timeline/bt-play.png") repeat-x left top;
}
section.timeline .control button:hover{
    background: url("../../images/default/timeline/bt-play-over.png") repeat-x left top;
}
section.timeline .control button:active{
    background: url("../../images/default/timeline/bt-play.png") repeat-x left top;
}


section.timeline .decadas{
    width: 775px;
    height: 19px;
    float: left;
    position: relative;
    margin-top: 8px;
}
section.timeline .decadas li {
    height: 19px;
    font-family: "NissanAG-Light";
    font-size: 16px;
    color: #FFF;
    display: block;
    float: right;
    margin-left: 12px;
}
section.timeline .decadas li a {
    color: #fff;
    text-decoration: none;
}
section.timeline .decadas li.display{
    float: left;
}

.time-bg{
    position: relative;
    bottom: 13px;
    width: 100%;
    height: 250px;
    background:url("../../images/default/timeline/bg-time.png") repeat-x left top;
}
p.label {
    color: #000000;
    font-family: "NissanAG-Light";
    font-size: 14px;
    height: 20px;
    left: 50%;
    margin: 34px auto 0 -450px;
    padding-left: 27px;
    position: absolute;
    width: 873px;
}
.time-bg .ruler {
    background: url("../../images/default/timeline/ruler.png") no-repeat scroll left top transparent;
    text-indent: -9999px;
    height: 27px;
    left: 50%;
    margin-left: -393px;
    position: absolute;
    top: 62px;
    width: 788px;
}

.time-bg .timer {
    height: 83px;
    left: 50%;
    margin: 99px auto 0 -450px;
    position: absolute;
}
.time-bg .timer li {
    display: block;
    float: left;
    margin-left: 12px;
    width: 101px;
    height: 72px;
    text-indent: -999pt;
}
.time-bg .timer li a{
    display: block;
    width: 101px;
    height: 72px;
}
.time-bg .timer li a:hover,.time-bg .timer li a:active{
    width: 116px;
    height: 83px;
}

.time-bg .timer li.dec50 a{
    background: url("../../images/default/timeline/50.png") no-repeat scroll left top transparent}
.time-bg .timer li.dec50 a:hover {
    background: url("../../images/default/timeline/50-over.png") no-repeat scroll left top transparent}
.time-bg .timer li.dec50 a:active {
    background: url("../../images/default/timeline/50-click.png") no-repeat scroll left top transparent}

.time-bg .timer li.dec60 {
    margin-left: 28px;
}
.time-bg .timer li.dec60 a {
    background: url("../../images/default/timeline/60.png") no-repeat scroll left top transparent}
.time-bg .timer li.dec60 a:hover {
    background: url("../../images/default/timeline/60-over.png") no-repeat scroll left top transparent}
.time-bg .timer li.dec60 a:active {
    background: url("../../images/default/timeline/60-click.png") no-repeat scroll left top transparent}

.time-bg .timer li.dec70 {
    margin-left: 28px;
}
.time-bg .timer li.dec70 a {
    background: url("../../images/default/timeline/70.png") no-repeat scroll left top transparent}
.time-bg .timer li.dec70 a:hover {
    background: url("../../images/default/timeline/70-over.png") no-repeat scroll left top transparent}
.time-bg .timer li.dec70 a:active {
    background: url("../../images/default/timeline/70-click.png") no-repeat scroll left top transparent}

.time-bg .timer li.dec80 {
    margin-left: 28px;
}
.time-bg .timer li.dec80 a {
    background: url("../../images/default/timeline/80.png") no-repeat scroll left top transparent}
.time-bg .timer li.dec80 a:hover {
    background: url("../../images/default/timeline/80-over.png") no-repeat scroll left top transparent}
.time-bg .timer li.dec80 a:active {
    background: url("../../images/default/timeline/80-click.png") no-repeat scroll left top transparent}

.time-bg .timer li.dec90 {
    margin-left: 32px;
}
.time-bg .timer li.dec90 a {
    background: url("../../images/default/timeline/90.png") no-repeat scroll left top transparent}
.time-bg .timer li.dec90 a:hover {
    background: url("../../images/default/timeline/90-over.png") no-repeat scroll left top transparent}
.time-bg .timer li.dec90 a:active {
    background: url("../../images/default/timeline/90-click.png") no-repeat scroll left top transparent}

.time-bg .timer li.dec00 {
    margin-left: 33px;
}
.time-bg .timer li.dec00 a {
    background: url("../../images/default/timeline/00.png") no-repeat scroll left top transparent}
.time-bg .timer li.dec00 a:hover {
    background: url("../../images/default/timeline/00-over.png") no-repeat scroll left top transparent}
.time-bg .timer li.dec00 a:active {
    background: url("../../images/default/timeline/00-click.png") no-repeat scroll left top transparent}

.time-bg .timer li.dec10 {
    margin-left: 30px;
}
.time-bg .timer li.dec10 a {
    background: url("../../images/default/timeline/10.png") no-repeat scroll left top transparent}
.time-bg .timer li.dec10 a:hover {
    background: url("../../images/default/timeline/10-over.png") no-repeat scroll left top transparent}
.time-bg .timer li.dec10 a:active {
    background: url("../../images/default/timeline/10-click.png") no-repeat scroll left top transparent}

.time-bg .timer li a:hover{
}

.bottom-content{
    position: relative;
    width: 885px;
    margin: 70px auto;
    overflow: hidden;
}
.bottom-content .midias {
    width: auto;
    float: left;
    margin-left: 25px;
}
.bottom-content form-login{
    float: left;
    width: 337px;
}

.bottom-content .midias h1 {
	height: 38px;
    background: url("../../images/default/back-head-midis.png") no-repeat scroll left center transparent;
    color: #fff;
    font: normal 16px "NissanAG-Medium";
    line-height: 35px;
    padding: 0 0 0 9px;
    margin: 0 0 0 -2px;
}

.bottom-content .midias #jingle-player {
    width: 444px;
    height: 68px;
    background: url("../../images/default/back-player.png") no-repeat scroll center center transparent;
}
.bottom-content .midias #jingle-player p {
    font: normal 15px NissanAG-Light;
    color: #2B856E;
    padding: 11px 0 0 10px;
    font-weight: normal;
}
.bottom-content .midias #jingle-player .controls {
    margin: 8px 0 0 9px;
}
.bottom-content .midias #jingle-player .controls li {
    float: left;
}
.bottom-content .midias #jingle-player .controls li a {
    text-decoration: none;
    text-indent: -9999px;
    color: #fff;
}

#timeline-scroller {
	background: transparent url(../../images/default/bg-timeline-scroller.png) repeat-x;
	height: 659px;
	position: relative;
    bottom: 13px;
}

div.decada {
	width: auto;
	height: 659px;
	display: table-cell;
}
div.decada h2 {
	font: normal 27.5px NissanAG-Light;
    color: #6C6C70;
	padding: 60px 0 35px 227px;
}

ul.block-timeline {
	color: #2E8C76;
	overflow: hidden;
}
ul.block-timeline li {
	width: 282px;
	height: 500px;
	display: table-cell;
	padding: 13px;
	overflow: hidden;
	color: #2F8C76;
}
ul.block-timeline li img {
	width: 280px;
	height: 270px;
	border: 1px solid #2A8871;
}
ul.block-timeline li span {
	text-align: left;
	font: normal 25px NissanAG-Medium;
	display: block;
	margin: 22px 0 18px 2px;
}
ul.block-timeline li p {
	font: normal 14px MyriadPro-Regular;
	text-align: left;
	margin: 0 0 35px 12px;
}
ul.block-timeline li p a {
	margin-left: -10px;
	font: normal 13px NissanAG-Medium;
	color: #2F8C76;
}

ul.block-timeline li.selected {
	background: transparent url(../../images/default/bg-li-timeline.png) no-repeat;
	color: #222222;	
}
ul.block-timeline li.selected p a {
	color: #222222;	
}

div.history {
	width: 347px;
	float: right;
	background: transparent url(../../images/default/bg_history.png) top no-repeat;
	margin: 0 20px 0 0;
}
div.history div {
	width: 347px;
	height: 380px;
	display: block;
}
div.history div h1 {
	width: 270px;
	height: 53px;
	margin: 0 auto;
	margin-top: 50px;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(../../images/default/bg-history-h1.gif) no-repeat;
}
div.history p {
	width: 270px;
	margin: 0 auto;
	margin-top: 18px;
	text-align: center;
	font: normal 14px NissanAG-Light;
	color: #A96728;
}
div.history span.selo {
	width: 45px;
	height: 37px;
	margin: 12px 0 12px 148px;
	display: block;
	background: transparent url(../../images/default/60-anos.gif) no-repeat;
}
div.history form {
	width: 271px;
	border-top: 1px solid #CBCBCF;
	margin: 0 auto;
	clear: both;
}
div.history form fieldset {
	margin-top: 21px;
}
div.history form input[type="text"] {
	width: 182px;
	height: 31px;
	padding: 0 9px;
	border: 1px solid #DDDDDD;
	font: bold 18px NissanAG-LightItalic;
	color: #C8C8CF;
	float: left;
}
div.history form input[type="image"] {
	margin-top: -3px;
	float: right;
}
div.history span.auth {
	display: block;
	text-align: center;
	font: normal 10px "NissanAG-Light";
	color: #817992;
	margin-top: 3px;
}

#text-bottom {
	width: 836px;
	clear: both;
	margin: 70px auto 0;
	border-top: 1px solid #4DBDA3;
}
#text-bottom p {
	margin-top: 15px;
	padding: 0 10px;
	text-align: center;
	font: normal 14px "NissanAG-Light";
	color: #4DBDA3;
}

footer {
	width: 100%;
	height: 300px;
	background: #4DBDA3;
	margin-top: 83px;
	overflow: hidden;
}
footer div.footer {
	width: 885px;
	margin: 67px auto 0;
	background: transparent url(../../images/default/group.png) 770px 40px no-repeat;
}
footer div.footer p {
	font: bold 16px "NissanAG-Light";
	color: #2B856D;
	clear: both;
}
footer div.footer div {
	width: 225px;
	height: 106px;
	float: left;
	display: block;
	margin: 26px 0 31px 0;
}
footer div.footer div span {
	font: normal 14px NissanAG-Bold;
	color: #FFF;
	display: block;
	margin: 0 0 23px 0; 
}
footer div.footer div p {
	font: normal 14px NissanAG-Medium;
	color: #FFF;
}
footer div.footer p small {
	font: normal 10px NissanAG-Medium;
	color: #FFF;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 998;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

#overlay-content {
    width: 806px;
    margin: 0 auto;
    height: 800px;
    z-index: 999;
    position: absolute;
    left: 50%;
    margin-left: -443px;
}

#overlay-content p.caption {
    font: normal 14px "NissanAG-Light";
    color: #fff;
    margin: 21px 0 21px -35px;
}

#overlay-content span.ano {
    color: #fff;
    font-family: "NissanAG-Light";
    font-size: 40px;
    float: left;
    margin: -10px 0 10px -20px; 
}

#overlay-content ul.midias {
    background: #F0F0E1;
    width: 102px;
    height: 43px;
    border-radius: 3px;
    float: right;
    margin: -10px 34px 0 0;
}

#overlay-content ul.midias li {
    float: right;
    margin: 1px 5px 0 0;
    overflow: hidden;
}

#overlay-content ul.midias li a {
    float: right;
    margin: 10px 0 0 0;
}

#overlay-content ul.midias li.pin a {
    background: transparent url(../../images/default/pin.png) center center no-repeat;
    width: 42px;
    height: 23px;
}

#overlay-content ul.midias li.facebook a {
    background: transparent url(../../images/default/facebook.png) center center no-repeat;
    width: 19px;
    height: 19px;
}

#overlay-content ul.midias li.twitter a {
    background: transparent url(../../images/default/twitter.png) center center no-repeat;
    width: 18px;
    height: 19px;
}

#overlay-content a.close-overlay {
    float: right;
    width: 41px;
    height: 41px;
    margin: -10px 12px 0 0;
    background: transparent url(../../images/default/close-overlay.png) center center no-repeat;
}

#overlay-content h2 {
    color: #fff;
    font-size: 20px;
    font-family: "NissanAG-Medium";
    font-weight: normal;
    border: 1px solid #fff;
    border-width: 0 0 1px 0;
    padding: 0 0 5px 0;
}

#overlay-content .description {
    font-family: "MyriadPro-Regular";
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    margin: 27px 0 55px 0;
}

form.comentarios {
	margin: 20px 0;
	overflow: hidden;
}
form.comentarios input[type="text"] {
	width: 204px;
	height: 31px;
	float: left;
	border: 1px solid #DDDDDD;
	font: bold 14px;
	color: #9797A6;
	margin: 0 8px 0 0;
	padding: 0 11px; 
}
form.comentarios textarea {
	width: 700px;
	height: 105px;
	border: 1px solid #555555;
	float: left;
	margin-top: 8px;
}
form.comentarios input[type="image"] {
	float: right;
	margin: -35px -7px 0 0;
}

ul#comment {
	clear: both;
}
ul#comment li {
	list-style-type: none;
	background: transparent url(../../images/default/bg_comment.gif);
	border: 1px solid #555555;
	border-width: 1px 1px 0 1px;
	padding: 16px;
}
ul#comment li span {
	width: 100%;
	display: block;
	color: #313131;
}
ul#comment li span.date,
ul#comment li span.region {
	font: normal 12px NissanAG-Medium;
}
ul#comment li span.name {
	font: normal 15px ;
}
ul#comment li p {
	font: normal 13px;
	color: #545454;
	margin: 16px 0 2px 0;
}