/*
Copyright EDUdigitalMoz - geral@edudigital.co.mz
*/

*{
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}

html,body{
color:#000;
font-family: 'Verdana', 'Geneva', sans-serif;
font-style:normal;
font-size:20px;
overflow:visible;
margin:0;
padding:0;
width:100%;
min-height:100%;
box-sizing:border-box;-moz-box-sizing:border-box;

background-color:#FFF;
background-image:url(bgGradiente.png),url(bgPadrao.png),url();
background-position:center center,center center,left center;
background-repeat:repeat,repeat,no-repeat;
background-size:100% 100%,auto,cover;
background-attachment:fixed,fixed,fixed;
}

br{
margin:0;
}

audio{
border-radius:0;
background-color:#117fcf ;-webkit-background-color:#117fcf ;-moz-background-color:#117fcf;
color:#117fcf ;-webkit-color:##117fcf ;-moz-color:#117fcf ;
}

p{
color:#333333;
font-size:1em;
line-height:125%;
margin:0 0 0.5em 0;
}

h1,h2,h3,h4,h5{
font-family: 'Verdana', 'Geneva', sans-serif;
line-height:100%;
padding:0.2em 0;
margin:0.5em 0;
font-weight:bold;
color:#117fcf;
}
h1{
font-size:1em;
text-shadow:#000 1px 1px 0;
color:#FFF;
}
h2{
font-size:3em;
}
h3{
font-size:2em;
}
h4{
font-size:1em;
}
h5{
font-size:0.9em;
}


a,a:visited{
color:#666;
text-decoration:none;
transition:all 0.5s ease;-webkit-transition:all 0.5s ease;
}
a:active,a:hover{
color:#666;
}

b,strong{
font-weight:bold;
}
i,em{
font-style:italic;
}
b i,i b,i strong,strong i,em b,b em,em strong,strong em{
font-weight:bold;
font-style:italic;
}

ul,ol{
margin:0 0 0 2em;
text-indent:0;
}
ul li,ol li{
margin:0.5em 0 0.5em 1em;
text-indent:0;
}


/* Menu */
#siteNav{
position:fixed;
bottom:3em;
font-family:'Verdana', 'Geneva', sans-serif;
top:4em;
left:-70%;
margin:0;
height:auto;
width:75%;
overflow:hidden;
line-height:120%;
padding:1em 5em 1em 1em;
background-color:#f5f7f7;
z-index:1000;
transition:all 1s ease;

background-image:url(menu-vertical.svg);
background-size:1.5em;
background-position:right;
background-repeat:no-repeat;

column-count:3;-moz-column-count:3;-webkit-column-count:3;

box-shadow:0 0.2em 0.2em rgba(0,0,5,0.3);
}
#siteNav a{
color:#117fcf ;
}
#siteNav a:active,#siteNav a:hover{
color:#666;
}
#siteNav:hover,#siteNav:active,#siteNav:focus{
left:0%;
}
#siteNav ul{
display:block;
margin:0 0 0 0;
height:100%;
list-style:none;
padding:0;
font-size:0.9;
}
#siteNav ul li{
text-align:left;
text-indent:-1em;
margin:0 0 0 1em;
}
#siteNav ul li ul{
margin:0 0 0 1em;
}
#siteNav ul li ul li ul{
display:none;
}


/* Topo */
#header{
position:fixed;
top:0;
left:0;
width:100%;
margin:0;
font-size:1em;
padding:0.5em 1em;
background-color:#117fcf;
z-index:1000;
text-align:center;

font-family: 'Verdana', 'Geneva', sans-serif;
font-weight:bold;
text-shadow:#000 1px 1px 0;
color:#FFF;

box-shadow:0.2em 0.2em 0.2em rgba(0,0,5,0.3);
}
#nodeTitle{
font-family:'Geneva', bold, sans-serif;
position:fixed;
top:2em;
left:0;
width:100%;
margin:0;
font-size:1em;
padding:0.5em 1em;
background-color: #FFCC00;
z-index:900;
text-align:center;
font-weight:bold;
text-shadow:#000 1px 1px 0;
color:#FFF;
box-shadow:0 0.1em 0.8em rgba(0,0,0,0.5);
}
.iDeviceTitle{
display:block;
background-color: ##117fcf ;
padding:0.2em;
margin:0.5em 0;
clear:both;
width:100%;
text-align:center;
font-weight:bold;
text-shadow:#000 1px 1px 0;
color:#FFF;
}

#skipNav{
display:none;
}
#topPagination{
display:none;
padding:0;
margin:0;
}

/* Conteúdo */
#content{
height:70%;
width:100%;
margin-bottom:3em;
}
#main{
position:absolute;
width:100%;
min-height:100%;
padding:4em 10% 4em 10%;
}

/* Rodapé */
#bottomPagination{
position:fixed;
bottom:0;
height:3em;
left:0;
right:0;
padding:0.2em;
width:100%;
border-top:0;
margin:0;
transition:all 0.5s ease;
background-color:#117fcf ;
box-shadow:0 0.1em 0.8em rgba(0,0,0,0.5);
}
#bottomPagination *{
color:rgba(255,255,255,0);
}
#bottomPagination a{
color:rgba(255,255,255,0);
overflow:hidden;
width:3em;
max-width:3em;
height:3em;
max-height:3em;
text-align:center;
text-align:center
}
#bottomPagination a:hover{
background-color: #4199D9;
}
#bottomPagination .prev{
overflow:hidden;
float:left;
width:3em;
max-height:3em;

background-image:url(prev.svg);
background-size:auto 100%;
background-position:center center;
background-repeat:no-repeat;
}
#bottomPagination .next{
overflow:hidden;
float:right;
width:3em;
max-height:3em;

background-image:url(next.svg);
background-size:auto 100%;
background-position:center center;
background-repeat:no-repeat;
}

#siteFooter{
position:fixed;
bottom:0;
height:3em;
left:3em;
right:3em;
margin:0;
text-align:center;
padding:0.2em;
overflow:hidden;
background-color:#117fcf ;
width:auto;
clear: both;
box-shadow:0 0.1em 0.8em rgba(0,0,0,0.5);
}
#siteFooter img{
height:100%;
}

/* Extras */
img.edu-thumbnail{
transition:all 1s ease;
}
img.edu-thumbnail:hover,img.edu-thumbnail:active,img.edu-thumbnail:focus{
transform:scale(1.4,1.4);-webkit-transform:scale(1.4,1.4);-moz-transform:scale(1.4,1.4);-ms-transform:scale(1.4,1.4);
}
.edu-rotate-cw-fast{
animation:edu-rotate-cw 1s infinite linear;-webkit-animation:edu-rotate-cw 1s infinite linear;
}
.edu-rotate-cw-medium{
animation:edu-rotate-cw 5s infinite linear;-webkit-animation:edu-rotate-cw 5s infinite linear;
}
.edu-rotate-cw-slow{
animation:edu-rotate-cw 25s infinite linear;-webkit-animation:edu-rotate-cw 25s infinite linear;
}
@keyframes edu-rotate-cw{
0% {transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);}
100% {transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);}
}
@-webkit-keyframes edu-rotate-cw{
0% {transform:rotate(0);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);}
100% {transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);}
}
.edu-rotate-ccw-fast{
animation:edu-rotate-ccw 1s infinite linear;-webkit-animation:edu-rotate-ccw 1s infinite linear;
}
.edu-rotate-ccw-medium{
animation:edu-rotate-ccw 5s infinite linear;-webkit-animation:edu-rotate-ccw 5s infinite linear;
}
.edu-rotate-ccw-slow{
animation:edu-rotate-ccw 25s infinite linear;-webkit-animation:edu-rotate-ccw 25s infinite linear;
}
@keyframes edu-rotate-ccw{
0% {transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);}
100% {transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);}
}
@-webkit-keyframes edu-rotate-ccw{
0% {transform:rotate(0);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);}
100% {transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);}
}
.edu-float-vertical{
animation:edu-float-vertical 5s infinite edu-float-vertical;-webkit-animation:edu-float-vertical 5s infinite edu-float-vertical;
}
@keyframes edu-float-vertical{
0% {transform:translate(0,1em);-webkit-transform:translate(0,1em);-moz-transform:translate(0,1em);-ms-transform:translate(0,1em);}
50% {transform:translate(0,-1em);-webkit-transform:translate(0,-1em);-moz-transform:translate(0,-1em);-ms-transform:translate(0,-1em);}
100% {transform:translate(0,1em);-webkit-transform:translate(0,1em);-moz-transform:translate(0,1em);-ms-transform:translate(0,1em);}
}
@-webkit-keyframes edu-float-vertical{
0% {transform:translate(0,1em);-webkit-transform:translate(0,1em);-moz-transform:translate(0,1em);-ms-transform:translate(0,1em);}
50% {transform:translate(0,-1em);-webkit-transform:translate(0,-1em);-moz-transform:translate(0,-1em);-ms-transform:translate(0,-1em);}
100% {transform:translate(0,1em);-webkit-transform:translate(0,1em);-moz-transform:translate(0,1em);-ms-transform:translate(0,1em);}
}
.edu-float-horizontal{
animation:edu-float-horizontal 1s infinite ease;-webkit-animation:edu-float-horizontal 1s infinite ease	;
}
@keyframes edu-float-horizontal{
0% {transform:translate(1em,0);-webkit-transform:translate(1em,0);-moz-transform:translate(1em,0);-ms-transform:translate(1em,0);}
50% {transform:translate(-1em,0);-webkit-transform:translate(-1em,0);-moz-transform:translate(-1em,0);-ms-transform:translate(-1em,0);}
100% {transform:translate(1em,0);-webkit-transform:translate(1em,0);-moz-transform:translate(1em,0);-ms-transform:translate(1em,0);}
}
@-webkit-keyframes edu-float-horizontal{
0% {transform:translate(1em,0);-webkit-transform:translate(1em,0);-moz-transform:translate(1em,0);-ms-transform:translate(1em,0);}
50% {transform:translate(-1em,0);-webkit-transform:translate(-1em,0);-moz-transform:translate(-1em,0);-ms-transform:translate(-1em,0);}
100% {transform:translate(1em,0);-webkit-transform:translate(1em,0);-moz-transform:translate(1em,0);-ms-transform:translate(1em,0);}
}

.edu-float-horizontal{

}

/* Responsivo */
.exe-layout-2-cols.exe-layout-2-50-50,.exe-layout-2-cols.exe-layout-2-30-70,.exe-layout-2-cols.exe-layout-2-70-30,.exe-layout-3-cols{
width:100%;
padding:0;
margin:0;
}
.exe-clear{
clear:both;
}
.exe-layout-2-cols.exe-layout-2-50-50 .exe-col.exe-col-1,.exe-layout-2-cols.exe-layout-2-50-50 .exe-col.exe-col-2{
width:50%;
float:left;
padding:0;
margin:0;
}
.exe-layout-2-cols.exe-layout-2-30-70 .exe-col.exe-col-1,.exe-layout-2-cols.exe-layout-2-70-30 .exe-col.exe-col-2{
width:30%;
float:left;
padding:0;
margin:0;
}
.exe-layout-2-cols.exe-layout-2-30-70 .exe-col.exe-col-2,.exe-layout-2-cols.exe-layout-2-70-30 .exe-col.exe-col-1{
width:70%;
float:left;
padding:0;
margin:0;
}
.exe-layout-3-cols .exe-col.exe-col-1,.exe-layout-3-cols .exe-col.exe-col-2,.exe-layout-3-cols .exe-col.exe-col-3{
width:33%;
float:left;
padding:0;
margin:0;
}

@media screen and (min-width:1400px){
html,body{
font-size:24px;
}
#siteNav{
padding:0.5em;
left:0;
width:15em;
overflow-y:auto;
column-count:auto;-moz-column-count:auto;-webkit-column-count:auto;
}
#main{
position:absolute;
width:100%;
padding:4em 5em 4em 17em;
}
}
@media screen and (max-width:1400px) and (min-width:1300px){

}
@media screen and (max-width:1200px) and (min-width:700px){
html,body{
font-size:18px;
}
#main{
padding:4em 2em 4em 6%;
}
#siteNav{
column-count:2;-moz-column-count:2;-webkit-column-count:2;
}
#siteNav ul li ul{
display:none;
}
}
@media screen and (max-width:700px){
html,body{

font-style:normal;
font-size:14px;
overflow:visible;
margin:0;
padding:0;
width:100%;
background-color:#CCC;
background-attachment:fixed;
background-position:center; 
}
#main{
padding:0.5em 0.5em 4em 0.5em;
}
#siteNav{
position:relative;
left:0;
top:0;
bottom:none;
width:100%;
height:1em;
overflow:hidden;
padding:2em 0.5em 1em 0.5em;

background-image:url(menu-horizontal.svg);
background-size:2em;
background-position:center top;
background-repeat:no-repeat;

column-count:auto;-moz-column-count:auto;-webkit-column-count:auto;
}
#siteNav:hover,#siteNav:active,#siteNav:focus{
clear:float;
overflow:auto;
height:auto;
color:#033471;
}
#siteNav a{
color:rgba(255,255,255,0);
}
#siteNav:hover a,#siteNav:active a,#siteNav:focus a{
color:##117fcf ;

}
#siteNav a:hover{
font-size: 1.2em;
color: #666;
}
ul,ol{
margin:0 0 0 0.2em;
text-indent:0;
}
ul li,ol li{
margin:0;
text-indent:0;
}
#header{
position:relative;
left:0;
top:0;
}
#nodeTitle{
position:relative;
left:0;
top:0;
}
img{
width:100%;
clear:both;
}

img.important{
display:block;
}
audio{
width:100%;
}
.exe-layout-2-cols.exe-layout-2-50-50 .exe-col.exe-col-1,.exe-layout-2-cols.exe-layout-2-50-50 .exe-col.exe-col-2,.exe-layout-2-cols.exe-layout-2-30-70 .exe-col.exe-col-1,.exe-layout-2-cols.exe-layout-2-70-30 .exe-col.exe-col-2,.exe-layout-2-cols.exe-layout-2-30-70 .exe-col.exe-col-2,.exe-layout-2-cols.exe-layout-2-70-30 .exe-col.exe-col-1,.exe-layout-3-cols .exe-col.exe-col-1,.exe-layout-3-cols .exe-col.exe-col-2,.exe-layout-3-cols .exe-col.exe-col-3{
width:100%;
}
}