@charset "utf-8";
/* Reset CSS teste
 * --------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
a { text-decoration: none; }
table { border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-weight: normal; font-style: normal; }
strong { font-weight: bold; }
ol, ul { list-style: none; margin: 0; padding: 0; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0; padding: 0; color: #444; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
/* Custom CSS
 * --------------------------------------- */
body { font-family: "Trebuchet MS", Helvetica, sans-serif; color: #333; color: rgba(0,0,0,0.5); min-width: 970px !important; min-height: 700px !important; position: relative; background: #C96700;}
body.menu1 { background: #C96700 !important}
body.menu2 { background: #FFFFFF !important}
body.menu3 { background: #F5A753 !important}
.wrap { margin-left: auto; margin-right: auto; width: 960px; position: relative; }
/**/
body > nav { position: fixed; top: 50%; left: 0; height: 300px; z-index: 70; width: 160px; padding: 0; margin: 0; display: table; font-size: 14px; letter-spacing: -1px; -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%);}
#menu { position: relative; z-index: 70; width: 160px; padding: 0; margin: 0; display: table-cell; vertical-align: middle; }
#menu li { display: block; margin: 5px 0 5px 0; padding: 0; color: #FFF; }
#menu li.active { background: #C83800; color: #fff; }
/**/
.fp-tableCell { height: 100% !important }
/**/
#menu li a, #menu li span { text-decoration: none; color: #000; text-transform: uppercase; cursor:pointer }
#menu li.active a:hover { color: #000; }
#menu li:hover { background: #C83800; }
#menu li a, #menu li.active a, #menu li span { padding: 5px 12px; display: block; color: #fff; }
#menu li.active a, #menu li.active span { color: #fff; }
/**/
#menu li.logo { height: 69px; }
#menu li.logo a { height: 70px; display: block; background: url(images/todos-contam-menu-2.png) no-repeat 12px;    height: 69px; cursor: default;}
#menu li.logo:hover { background: transparent}
.menu1 #menu li.logo { height: 69px; }
.menu2 #menu li.logo { height: 69px; }
.menu3 #menu li.logo { height: 69px; }
.menu2 #menu li.logo { height: 69px;}
.menu3 #menu li.logo { height: 69px;}
#menu .moodlelink {margin: 20px auto 0 auto;}
/**/
#section0 {/* background: url(images/fundo-slide1.jpg) top center repeat-x #5B0B35; */}
#section0 header { position: absolute; left: 0; top: 0; width: 100%; height: 100px; z-index: 1; background: #fff;}
#section0 header h1 { width: 195px; height: 71px; overflow: hidden; text-indent: -1000px; background: url(images/todos-contam.jpg) no-repeat left top; position: absolute; top: 15px; left: 10px; }
#section0 header h1 a { display: block; width: 266px;  height: 97px;}
#section0 header p { width: 440px; margin: 24px auto 0 auto; position: relative; text-align: center; color: #666565; text-transform: uppercase; font-size: 12px; line-height: 2; }
#section0 .bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; }
#section0 .bg .left { position: absolute; width: 50%; height: 100%; left: 0; display: block; background-size: auto 100%; }
#section0 .bg .left span.det { display: block; right: 0; top: 100px; position: absolute; width: 14px; height: 24px; background: url(images/left.png) }
#section0 .bg .right span.det { display: block; left: 0; top: 100px; position: absolute; width: 14px; height: 24px; background: url(images/right.png) ;z-index: 1;}
#section0 .bg .right .images { position: absolute; top: 0;display: block; width: 100%; height: 100%;}
#section0 .bg .odet {     background: url(images/detail.png);
    width: 28px;
    height: 24px;
    display: block;
    top: 99px;
    position: absolute;
    left: 50%;
    margin-left: -14px;}
#section0 article { background: #AD274D; z-index: 3; position: relative; width: 400px; margin: 0 auto 0 auto; padding: 15px 10px; text-align: center; text-transform: uppercase; }
#section0 article h2 { color: #FFC688 }
#section0 article p { color: #fff; font-size: 14px; }
/**/
/*#section0 .bg .right { position: absolute; width: 50%; height: 100%; left: 50%; display: block; background: url(images/a.jpg) left no-repeat; background-size: auto 100%; }
#section0 .bg .right.img1 { position: absolute; width: 50%; height: 100%; left: 50%; display: block; background: url(images/b.jpg) center no-repeat; background-size: auto 100%; }
#section0 .bg .right.img2 { position: absolute; width: 50%; height: 100%; left: 50%; display: block; background: url(images/c.jpg) center no-repeat; background-size: auto 100%; }
*/
/**/
#section1 { background: #F6E7D6; }
#section1 #slide1 { background: #550A31; }
#section1 #slide1 nav { position: relative; width: 50%; left: 0; top: 0; height: 100%; display: table; float: left; background: #C96700; /* background: #C96700 url(images/sombra.png) top right no-repeat; */ max-height: 100%; }
#section1 #slide1 nav .center { /* margin-top: 50%; */ position: relative; /* top: -100px; */ display: table-cell; /* height: 100%; */ overflow: hidden; vertical-align: middle; }
#section1 #slide1 nav .center div { /*width: 315px;*/ display: block; position: relative; /*margin-left: auto;*/ padding-bottom: 15px; padding-top: 15px; /*padding-right: 7px;*/ /*background: url(images/capitulo.png) repeat-x left bottom;*/ }
#section1 #slide1.closed nav .center div { background: url(images/capitulofull.png) repeat-x left bottom; width: 360px; padding-right: 20px; }
#section1 #slide1 nav div p { width: 200px; margin-left: auto; margin-right: 30px; font-size: 12px; color: #FFC17F; display: none; }
#section1 #slide1 nav div h2 { /* width: 260px; */ margin-left: auto; /* margin-right: 30px; */ color: #fff; text-transform: uppercase; font-size: 18px; min-height: 62px; padding-left: 85px; padding-top: 10px;   max-width: 270px; }
#section1 #slide1 nav div.familia h2 { background: url(images/familiar.png) 0px 0px no-repeat; }
#section1 #slide1 nav div.poupar h2 { background: url(images/poupanca.png) 0px 0px no-repeat; }
#section1 #slide1 nav div.credito h2 { background: url(images/credito.png) 0px 0px no-repeat; }
#section1 #slide1 nav div.seguro h2 { background: url(images/seguro.png) 0px 0px no-repeat; }
#section1 #slide1 nav div.open { background: url(images/seleccao-capitulo.png) -57px 0px no-repeat; height: 236px; }
#section1 #slide1 > div { vertical-align: top; overflow: hidden; width: 100%; }
#section1 #slide1 .subcapitulos { position: relative; width: 50%; left: 0; top: 0; height: 100%; float: right; display: table; background: #550A31; }
#section1 #slide1 .folio { background: #C96700; position: relative; width: 50%; left: 0; top: 0; height: 100%; display: table; float: left; max-height: 100%; }
#section1 #slide1 div.subcapitulos h2 { display: none; }
#section1 #slide1 div.subcapitulos .left { display: table-cell; /*width: 50%; */ width: 220px; background: #550A31; height: 100%; padding: 20px; margin: 0; vertical-align: middle; }
#section1 #slide1 .left dl { display: block; /* width: 100%; */ /* height: 100%; */ z-index: 1; padding: 0; margin: 0; padding-top: 0px; min-height: 495px; }
#section1 #slide1 .left dl:first-of-type { }
#section1 #slide1 .left dl dt:first-child { margin-top: 0; }
#section1 #slide1 .left dl dt { display: block; color: #F27EBB; border-bottom: 1px dashed #972147; margin-bottom: 10px; position: relative; text-transform: uppercase; z-index: 1; padding: 0; min-height: 50px; margin-top: 20px; }
#section1 #slide1 .left dl dd { display: none; }
#section1 #slide1 .left dl dt:last-of-type { border-bottom: 0px }
#section1 #slide1 .left dl dt.open, #section1 #slide1 .left dl dt:hover { color: #FFF; }
#section1 #slide1 .left dl dt.open .pointer { display: block; position: absolute; width: 24px; height: 100%; min-height: 63px; background: url(images/seleccao-subcaptiulo.png) left center; top: -13px; right: -38px; }
#section1 #slide1 div.subcapitulos .right { display: table-cell; /* height: 100%; */ background: #fff; /* width: 50%; */ padding: 30px; vertical-align: middle; }
#section1 #slide1 div.subcapitulos .right .rightBox { height: 505px; }
#section1 #slide1 div.subcapitulos h3 { color: #393F3F; text-transform: uppercase; margin-bottom: 20px; font-size: 17px; }
#section1 #slide1 div.subcapitulos .right p { color: #636565; font-size: 14px; margin-bottom: 20px; }
#section1 #slide1 div.subcapitulos .right a { background: #C96700; display: block; padding: 10px 30px; text-transform: uppercase; color: #FFF; width: 130px; text-align: center; margin-top: 40px; }
/**/
#section1 #slide1.closed { }
#section1 #slide1 nav { width: 100%; }
#section1 #slide1 nav .center div { margin: 5px auto 0 auto; }
#section1 #slide1 nav .center div a { display: inline-block; color: #fff; background: #9E3108; padding: 10px 10px; margin-top: 10px; text-transform: uppercase }
#section1 #slide1.closed nav div p { margin-right: 70px;  }
/**/
#section1 #video { position: relative; display: block; }
#section1 #video > div { display: block; }
#section1 #video iframe { z-index: 1; position: absolute; top: 0; left: 0; }
#section1 #video a { position: absolute; left: 0; top: 50%; background: #F5A753 url(images/voltar.gif) 25px no-repeat; display: none; padding: 5px 5px 5px 60px; z-index: 100000002; width: 130px; height: 30px; color: #FFF; line-height: 2; text-transform: uppercase; cursor: pointer; }
/**/
#section2.section { }
#section2.section div.sponsor { width: 700px; margin: 0 auto 0 auto; position: relative; left: 40px;  }
#section2.section div.sponsor > p { text-transform: uppercase; color: #93360D; font-size: 14px; text-align: center; margin-bottom: 20px; padding-bottom: 15px; background: url(images/rosa.jpg) bottom center no-repeat; line-height: 1.5; }
#section2.section div.sponsor div { display: table; }
#section2.section div.sponsor div article { display: table-cell; padding: 160px 20px 20px; width: 33%; position: relative;}
#section2.section div.sponsor div article.banco-portugal { background: url(images/banco-portugal.png) top center no-repeat; }
#section2.section div.sponsor div article.cmvm { background: url(images/cmvm.png) top center no-repeat; }
#section2.section div.sponsor div article.isp { background: url(images/asf.png) top center no-repeat; }
#section2.section div.sponsor div article a.play { display: block; width: 40px; height: 40px; background: url(images/play.png) no-repeat; overflow: hidden; text-indent: -100px; margin-left: auto; margin-bottom: 30px; position: relative; right: -20px; z-index: 1; visibility:hidden}
#section2.section div.sponsor div article a.link { display: block; width: 254px; height: 223px; position: absolute; top:0;}
#section2.section div.sponsor div article a.link span { display: none}
#section2.section div.sponsor div article h3 { color: #313333; text-transform: uppercase; font-weight: bold; text-align: center; margin-bottom: 20px; min-height: 33px; font-size: 12px; }
#section2.section div.sponsor div article p { font-size: 13px; color: #313333; line-height: 1.2; text-align: left }
/**/

#section0.active + .section { background: #5B0B35 !important;  }
#section1.active + .section { background: #C96700 !important; -webkit-transition: background 1s;
    -moz-transition: background 1s;
    -o-transition: background 1s;
    transition: background 1s; 
}


/*1400*/
@media only screen and (min-width : 1100px) and (max-width : 1280px) {
#section2.section div.sponsor { width: 830px; margin: 0 auto 0 auto; }
}

/*1400*/
@media only screen and (min-width : 1281px) and (max-width : 1600px) {
body > nav { width: 170px; }
#menu { width: 170px; }
#menu li { padding-left: 9px; }
#section0 header { height: 180px; }
#section0 header h1 { width: 226px; height: 82px; background: url(images/todos-contam2.jpg) no-repeat left top; top: 45px; }
#section0 header p { width: 440px; margin: 55px auto 0 auto; font-size: 14px; }
#section0 .bg .left span { top: 180px; }
#section0 .bg .right span { top: 180px; }
#section0 article h2 { font-size: 17px; }
#section0 article p { font-size: 15px; }
/**/	
#section1 #slide1 div.subcapitulos .left { width: 290px; }
#section2.section div.sponsor { width: 770px; margin: 0 auto 0 auto; }
}

/*1900*/
@media only screen and (max-height: 775px), (min-width: 1601px) {
body > nav { width: 200px; }
#menu { width: 200px; font-size: 15px; }
#menu li { padding-left: 26px; }
#section0 header { height: 220px; }
#section0 header h1 { width: 266px; height: 97px; background: url(images/todos-contam3.jpg) no-repeat left top; top: 57px; }
#section0 header p { width: 480px; margin: 68px auto 0 auto; font-size: 16px; }
#section0 .bg .left span { top: 220px !important; }
#section0 .bg .right span.det { top: 220px !important; }
#section0 .bg .odet { top: 219px; }
#section0 article h2 { font-size: 18px; }
#section0 article p { font-size: 16px; }

/**/	
#section1 #slide1 nav .center div { width: 400px; display: block; position: relative; margin-left: auto; padding-bottom: 15px; padding-top: 15px; padding-right: 7px; background: url(images/capitulo2.png) no-repeat left bottom; }
#section1 #slide1 nav div.familia h2 { background: url(images/familiar2.png) 0px 0px no-repeat; }
#section1 #slide1 nav div.poupar h2 { background: url(images/poupanca2.png) 0px 0px no-repeat; }
#section1 #slide1 nav div.credito h2 { background: url(images/credito2.png) 0px 0px no-repeat; }
#section1 #slide1 nav div.seguro h2 { background: url(images/seguro2.png) 0px 0px no-repeat; }
#section1 #slide1 nav div h2 { /*margin-right: 30px;*/ margin-left:auto; font-size: 16px; min-height: 40px; padding-left: 85px; padding-top: 10px; width:270px }
#section1 #slide1 nav div p { width: 274px; margin-left: auto; margin-right: 15px; font-size: 14px; }
#section1 #slide1 div.subcapitulos .left { width: 330px; }
#section1 #slide1.closed nav div p {  margin-right: -10px; }
/**/
#section2.section div.sponsor { width: 950px; margin: 0 auto 0 auto;  }
#section2.section div.sponsor > p { font-size: 20px; }
#section2.section div.sponsor div article { padding: 237px 20px 20px; }
#section2.section div.sponsor div article.banco-portugal { background: url(images/banco-portugal2.png) top center no-repeat; }
#section2.section div.sponsor div article.cmvm { background: url(images/cmvm2.png) top center no-repeat; }
#section2.section div.sponsor div article.isp { background: url(images/asf2.png) top center no-repeat; }
#section2.section div.sponsor div article a.play { display: block; width: 49px; height: 48px; background: url(images/play2.png) no-repeat; overflow: hidden; text-indent: -100px; margin-left: auto; margin-bottom: 30px; position: relative; right: -20px; z-index: 1;}
#section2.section div.sponsor div article a.link { display: block; width: 296px; height: 284px; position: absolute; top:0;}
#section2.section div.sponsor div article h3 { font-size: 18px; margin-bottom: 30px; min-height: 45px; }
#section2.section div.sponsor div article p { font-size: 15px; }
/**/
.menu2 #menu li.logo { height: 69px; }
.menu3 #menu li.logo { display: block; height: 69px; }
}
/**/
@media only screen  and (orientation : portrait) { 
	body > nav, body > nav *, body > div { display: none; !important}
	body:before { content:"Por favor rode o seu dispositivo para a disposição horizontal."; font-size: 50px; color:#FFF; text-align: center; display: block; position:fixed; width:100%; height:100%; background: url(images/rotate-device.png) center center no-repeat black; box-sizing:content-box; vertical-align: center; padding-top:20%; z-index: 1000 }
	
}
/**/
@media only screen and (max-device-width: 736px) { 
#section1 #slide1 div.subcapitulos .right p { font-size: 12px; margin-bottom:10px}
#section1 #slide1 nav .center div { padding-top:5px; padding-bottom: 5px; }

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
#section2 div.sponsor { top: -50px !important; position: relative}	
#section1 #slide1  .fp-tableCell2 > nav > .center {  top: -50px !important; }

}

@media only screen 

and (max-width : 1024px) 
{

#section1 #slide1 nav .center div {     padding-bottom: 10px;
    padding-top: 10px; }
}

/**/
.hide { display: none !important }
/**/
.transition { -webkit-transition: all 3s ease-in-out; transition: all 1s ease-in-out; -webkit-perspective: 1000; -webkit-transform: translateZ(0); }
/**/
.fullscreen { width:100%; height: 100%; background:black; z-index: 10000; position: fixed; top: 0; left: 0;}
.FSMode, .FSMode #fullpage, .FSMode .fp-slides, .FSMode .fp-slidesContainer  { -webkit-transition: all 0s ease !important;  transition: all 0s ease !important;}