@import url(https://fonts.googleapis.com/css?family=Open+Sans:800);

/* ------------- STRUCTURE ------------- */

/*última alteração 25.02.16*/

/* STRUCTURE MOBILE */

#inner-body {
	margin: auto;
	clear: both;
	width: 100%;
	padding: 20px 0 20px 0;
}

#inner-content {
	padding: 0 5%;
}





/* STRUCTURE DESKTOP */
@media screen and (min-width: 1041px) {

#outer-body {
	width:100%;
	background-image: url('../images/bg.jpg');
	background-repeat: no-repeat;
	background-position:top center;
	background-attachment:fixed;
}

#inner-body , #top-footer {
	width: 960px;
	padding-left: 32px;
	padding-right: 32px;
}

#header, #footer {
	width: 1024px;
	margin: auto;
	clear: both;
}

#inner-content {
	padding: 0px;
}

#inner-content img {
	width: auto;
}

}


/* ------------- HEADER ------------- */
#header {
	z-index: 2;
	position:relative;
}

#header-banner {
	height: auto;
	background-color: #efde0f;
	padding: 20px;
	background-image: url(../images/header-bg.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#header-banner img {
	display:none;
}


@media screen and (min-width: 570px) {

#header-banner {
	min-height: 150px;
	padding: 20px 0px;
}

#header-banner img {
	display:inline;
	padding: 0px 20px;
}

}

@media screen and (min-width: 1041px) {

#header-banner {
	height: 150px;
	padding: 20px 0px;
}

#header-banner img {
	padding: 0px 50px;
}

}

/* ------------- MENU ------------- */
#main-menu {
	background: #efb80f;
	width: 100%;
	height: 50px;
	color: #fff;
}

#main-menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
}

#main-menu li {
	display:inline-block;
	float: left;
}

#main-menu li a {
	display:block;
	padding: 0 10px;
	height: 50px;
	line-height: 50px;
	background: #efb80f;
	font-weight: normal;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration:none;
	color: #fff;
}

#main-menu .seta-menu:after {
	content:"";
	background-image : url('../images/arrow-menu.png');
	width: 13px;
	height: 9px;
	display:inline-block;
	margin-left:5px;
}

#main-menu li:hover a {
	background: #d79311;
	text-decoration:none;
}

#main-menu li:hover ul a {
	background: #d79311;;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	text-transform: none;
}

#main-menu li:hover ul a:hover {
	background: #b37620;
}

#main-menu li ul {
	display: none;
}

#main-menu li ul li {
	display: block;
	float: none;
}

#main-menu li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

#main-menu ul li a:hover + .hidden, #main-menu .hidden:hover {
	display: block;
}

/* Botão celular */
#main-menu #show-menu {
	display:none;
}

#main-menu .show-menu {
	background: #efb80f;
	padding: 15px 0 0 10px;
	display: none;
	height: 30px;
}

#main-menu .show-menu:hover {
	background: #d79311;
}

#main-menu input[type=checkbox]{
    display: none !important;
}

#main-menu input[type=checkbox]:checked ~ #menu{
    display: block;
}


/*MENU TABLET*/

@media screen and (max-width : 1000px ){
#main-menu li a { font-size: 12px; }

#main-menu .seta-menu:after { content:none; }

}

/*MENU MOBILE*/

@media screen and (max-width : 765px ){
#main-menu ul { position: static; display: none;}
#main-menu ul li, #main-menu li a { width: 100%; }
#main-menu li a { font-size: 16px; }
#main-menu .show-menu { display:block;	}

}


/* ------------- ADM HEADER ------------- */
#adm-header { position:relative; margin-bottom:20px; z-index:3;}
#adm-header.adm2 { margin-top:10px; }
#adm-header #logo { position:absolute; left:0px; z-index:3; }
#adm-header.adm2 #logo { top:-15px; }
#adm-header #top { height:45px; margin-left:37px; width:Calc(100% - 30px); }
#adm-header #top h2 { margin-left:60px; }
#adm-header #top span { vertical-align:bottom; }
#adm-header #bottom {  margin-left:37px; padding-left:60px; height:13px;}
#adm-header #log-out
{
	width:51px;
	height:45px;
	cursor:pointer;
	background-image : url('../images/icon-admin-close.jpg');
	float:right;
}

#adm-header #log-out:hover{  background-image : url('../images/icon-admin-close-hover.jpg'); }


/* ------------- FOOTER ------------- */

#top-footer {background-color: #efde0f; background-image:url('../images/rodape-bg-mob.jpg');}

#top-footer #box1 {	width: 100%; padding: 4%;}
#top-footer #box1 .social-icon { width:60px; height:60px; float:left; margin-right: 20px; }
#top-footer #box1 #fb-icon { background-image:url('../images/facebook60.png'); }
#top-footer #box1 #fb-icon:hover { background-image:url('../images/facebook-hover60.png'); }
#top-footer #box1 #ytb-icon { background-image:url('../images/youtube60.png'); left:75px; }
#top-footer #box1 #ytb-icon:hover { background-image:url('../images/youtube-hover60.png'); }
#top-footer #box1 .subbox { float:left;	margin:0 15px 15px 0; }
#top-footer #box1 .subbox2 { clear:both; margin:0 15px 15px 0; }

#top-footer #box2 { display:none; }

#bottom-footer { padding: 4%; }
#bottom-footer #box1 { display:none; }
#bottom-footer #box2 { margin-right: 40px; padding-bottom: 20px; }


@media screen and (min-width: 1041px) {
#top-footer { background-image:url('../images/rodape-bg.jpg'); height:265px; width:1024px; padding: 20px 0; }

#top-footer #box1 { width:180px; padding: 0 10px 0 20px; position:relative; height:270px;}
#top-footer #box1 .social-icon { position:absolute; bottom:10px; width:33px; height:33px; }
#top-footer #box2 { width:675px; padding: 17px 0px 17px 86px; display:inline; }
#top-footer #box2 .subbox { width:140px; margin-right:20px;  }
#top-footer #box2 .subbox .sub-subbox { margin-bottom:10px; }
#top-footer #box1 #fb-icon { background-image:url('../images/facebook.png'); }
#top-footer #box1 #fb-icon:hover { background-image:url('../images/facebook-hover.png'); }
#top-footer #box1 #ytb-icon { background-image:url('../images/youtube.png'); left:75px; }
#top-footer #box1 #ytb-icon:hover { background-image:url('../images/youtube-hover.png'); }

#bottom-footer { padding:20px; width: 984px; }
#bottom-footer .bottom-footer-subbox img { margin-right:5px; }
#bottom-footer #box1 { display:inline; }
#bottom-footer #box2 { margin-left:99px; margin-right: 0px;  }
#bottom-footer #box3 { margin-left:92px; }
#bottom-footer .box-title { margin-bottom:15px; }

}

/* ------------- HTML ELEMENTS ------------- */
/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video 
{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}


img {  }
img.right { float:right; margin-left:20px; }
img.full { margin-bottom:20px; width:100%; height:auto; }
body { line-height: auto; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration:none; cursor:pointer;}
h2 { margin-top: 10px; margin-bottom: 15px; }
h3 { margin-bottom: 10px; }
input[type="text"], input[type="password"], select { border-style: solid; border-width:1px; padding:5px;}
input[type="text"].small, input[type="password"].small { width:100px; }
input[type="text"].medium, input[type="password"].mediu { width:220px; }
input[type="text"].large, input[type="password"].large { width: 100%; }
select.small , select.medium , select.large { width:300px; }


/*ul {padding-left:40px; }*/
table { width:100%; margin-bottom:10px;}
table th , table td{ padding:5px 8px; border-right-style: solid; border-right-width: 8px; }
table th:last-child , table td:last-child{ border-right-width: 0px; }
table .paginator th{   position:relative; }
table .paginator:first-of-type th{  border-bottom-style: solid; border-bottom-width: 8px;  }
table .paginator:last-of-type th{   border-top-style: solid; border-top-width: 8px; }
table .paginator th a { cursor:pointer; position:absolute; top:-6px; display:none;}
table .paginator th a.left { cursor:pointer; left: 10px; }
table .paginator th a.right { cursor:pointer; right: 10px; }
table .loading { position: relative; }
table .loading img { position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; }
table .drob-button { padding: 5px; }
table .drob-button img { display: inline-block; vertical-align: middle; margin-right: 10px;}
hr { height:4px; border:none; float:right; width:100%;}
.loading { position: relative; }
.loading #loading-img { position: absolute; left: 0px; right:0px; top:0px; bottom:0px; margin:auto; }


button 
{
	padding:3px 10px;
	cursor:pointer;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border-style:solid;
	border-width:2px;
}


/* -------- SCROLL MENU -------- */

#anchorContent { width: 100%; cursor:pointer; }
#anchorText { width: 100%; }
#scroll-menu { display: none; }

#scroll-menu li {
	display:inline-block;
	float: left;
}

#scroll-menu li a { text-decoration:none; }


@media screen and (min-width: 767px) {
	
	
#anchorContent { cursor:pointer; width: calc(100% - 10px); }	
	
#scroll-menu {
	display:inline;
	width: 250px;
	position:fixed;
	right: -230px;
	z-index: 1;
}

#scroll-menu:hover , #scroll-menu:focus {
	right: 0px;
}

#scroll-menu li {
	padding: 10px 0px;
	width: 250px;
	background: #efde0f;
}

#scroll-menu li:hover , #scroll-menu li:focus {
	background: #ffef81;
}

#scroll-menu li a {
	display:inline;
	padding: 0px;
	width: 250px;
	line-height: 18px;
	background: none;
}
	
}

@media screen and (min-width: 1041px) {
	
#anchorContent { cursor:default; }	
	
#scroll-menu {
	display:inline;
	width: 250px;
	position:fixed;
	top: 260px;
	right:inherit;
	z-index: 1;
}

#scroll-menu:hover , #scroll-menu:focus {
	right: inherit;
}

#scroll-menu li {
	background: none;
}

#anchorContent {
	width: 960px;
	position: relative;
}

#anchorText {
	width: 670px;
	float: right;
}

#closeSublist {
	display:none;
}

}

/* ------------- Banco de questões ------------- */

#container-nivel{ 
	width: 250px;
}
#nivel-select{ 
	width: 100%;
}
#assunto{ 
	width: 500px;
}

#table-questions thead p{
	margin-left: 25%;
}

#generate-pdf{ 
	float: right;
}


/* CLASSES ALTERADAS PARA COORDENADORES REGIONAIS */
@media screen and (min-width: 700px) {

#coordinator-ajax-container .mr-medium { margin-right:0; }
#coordinator-ajax-container .box { width:46%; }

#yearTxt {
	width: 75%;
	height: 70px;
	float:left;
	padding-top:50px;
	}

}


@media screen and (max-width: 895px){
	#container-selects .selects-schools{
		float: none;
	}
}


/* MARGENS */
.mr-small { margin-right:10px;}
.mr-medium { margin-right:20px;}
.mr-medium2 { margin-right:2%;}
.mr-large { margin-right:40px;}
.mr-large2 { margin-right:3%;}

.ml-small { margin-left:10px;}
.ml-medium { margin-left:20px;}
.ml-large { margin-left:40px;}

.mt-small { margin-top:10px;}
.mt-medium { margin-top:20px;}
.mt-large { margin-top:40px;}
.mt-mobile { margin-top:15%; }

.mb-small { margin-bottom:10px;}
.mb-medium { margin-bottom:20px;}
.mb-large { margin-bottom:40px; }


#selos { background-color:#fff8ca; padding:15px; text-align:center;}
#selos .mr-large { margin-right: 0px; margin-bottom: 20px;}
#selos .mt-medium { margin-top: 0px; margin-bottom: 20px;}

#mapa { display:none; }

#table-questions img { width:auto; height:auto; }


/* ------------- CLASS ------------- */
.meiaColuna {
	width: 100%;
	float:left;
	margin-top: 20px;
}

.meiaColuna p {
	text-align: left;
	}

.inline
{
	display: inline-block;
	vertical-align: top;
}

.box , .box2
{
	padding:10px;
	border-style:solid;
	border-width:1px;
	width:96%;
	position:relative;
}

#coordinator-ajax-container .box { width:96%; }

.box img , .box2 img
{
	max-width: 120px;
	margin-right: 10px;
}

.boxCaixa
{
	padding:10px;
	border-style:solid;
	border-width:1px;
	width:650px;
	position:relative;
}


.box-title
{
	height:27px;
	padding-left:10px;
	padding-top:10px;
}

.box-text
{
	padding-top:5px;
	padding-bottom:5px;
}


.map
{
	width: 100%;
	height: 300px;
	border-bottom-style: solid;
	border-bottom-width: 10px;
}


#painelMapa{
	width: 100%;
	height: 400px;
}

.big-column
{
	width:49%;
	display:inline-block;
	vertical-align:top;
}

.table-info-box
{
	height:20px;
	width:40px;
	margin-right:10px;
	display:inline-block;
	vertical-align:top;
}

#black-screen
{
	z-index:100;
	position:fixed;
	width:100%;
	height:100%;
}

#black-screen #background
{
	width:100%;
	height:100%;
	position:absolute;
}

#black-screen #alert-background
{
	padding:20px;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
}

#imgTimeline {
	width: 400px;
	height: 225px;
	background-image: url(../images/linhaTempo-completa-mob.jpg); 
	cursor: pointer;
}


/*.default-paginator { display:none; }*/
.default-paginator .cell { padding:0px; margin:0px 10px; width: 30px; height:30x; float:left; padding-top:2px;}
.default-paginator .page { vertical-align:middle;}
.default-paginator #paginator-window {overflow:hidden; max-width:150px; height:20px;}
.default-paginator #paginator-body { height:60px; }
.default-paginator #page-right
{
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

#paginator img {
	width: 20px;
	height: 20px;
}

.full { width:100%; }
.box.full { width: Calc(100% - 20px); }
.books-container .box button { position:absolute; bottom:10px; right:10px;}
.line-title { position:relative; width:100%; height:20px; margin-bottom:20px;z-index:1;}
.line-title:before { content: ""; display: block; height:4px; width: 100%; position: absolute; top: 8px; z-index: 1; }
.line-title span { position: absolute;  padding-right: 20px; z-index: 2; }
/*.coordinator-box .right-box { width: 100%; }*/
.coordinator-box img { width:100px; height:130px; }
.table-parent .coordinator-box { display:table-cell; }
.caixa-box .right-box { width: 500px; }
.caixa-box img { width:100px; height:130px; }
.table-parent .caixa-box { display:table-cell; }

.medium-space { width:20px; height:20px; display:table-cell; }

.hidden , .start-hidden { display:none; }
.button-mode { cursor:pointer; }
.clear { clear:both; }

#alert-internal-box {
    border: solid 1px #FFA200;
    padding: 20px;
    background-color: #E9E9E9;
}


.selects-schools{ float: left;}
.button-mode{ cursor: pointer;}

#container-selects img{ width: 14px !important; height: 13px !important;}
#container-selects #search-school{ padding: 5px; }

#timeline { text-align:center;}
#timeline img {
	max-width: 70%;
}

#peciTable img { width:auto; height:auto;}
#adm-header img { width:auto; height:auto;}

#main-calendar-table .label-td {
	padding: 20px 10px;
	width:50%;
}

#coordReg img { height:auto; width:auto;}

.bullet-sidebar{
	float: left;
}
.link-sidebar{
	float: right;
	width: calc(100% - 25px);
	line-height: 20px;
}

.quatroCol , .duasCol {
	width: 90%;
	padding: 5%;
}

.tresCol {
	width: 98%;
	padding: 1%;
}

.duasCol img {
	max-width: 100%;
}

.topicImg {
	width:100%;
	height:auto;
	background-color:#f2f2f2;
	text-align:center;
}

.topicImg img {
	height:auto;
	width:auto;
	margin: 15px 0;
}

#coordReg .seta-menu:before {
	content:"";
	background-image : url('../images/arrow-menu-black.png');
	width: 13px;
	height: 9px;
	display:inline-block;
	margin-right:5px;
}

.newTopic:after {
	content:"";
	background-image : url('../images/novo2.gif');
	width: 40px;
	height: 13px;
	display:inline-block;
	margin-leftt:5px;
}



/* CLASSES ALTERADAS PARA TABLET*/

@media screen and (min-width: 501px) {

.meiaColuna {
	width: 46%;
	margin-right: 4%;
 }
 
.box { width:44.3%; }
.box img { max-width: 112px; }
.books-container .mr-large , .books-container .mr-medium { margin-right:0; }

.mt-mobile { margin-top:0; }

#timeline { text-align:left;}

#yearTxt {
	width: 65%;
	height: 120px;
	float:left;
	padding-top:0px;
	}

#timeline img {
	width: 140px;
	height: auto;
	float: left;
}

#main-calendar-table .label-td {
	width:30%;
}

.quatroCol {
	width: 42%;
	padding: 3%;
	float: left;
}

.duasCol {
	width: 46%;
	padding: 2%;
	float: left;
}

.tresCol {
	width: 44%;
	padding: 3%;
	float: left;
}


}


/* CLASSES ALTERADAS PARA DESKTOP*/
@media screen and (min-width: 1041px) {

.box { width:281px;}
.box2 { width: 440px;}

#coordinator-ajax-container .box { width:281px;}
#coordinator-ajax-container .mr-medium { margin-right:20px; } 

.books-container .mr-medium { margin-right:20px;}
.books-container .mr-large { margin-right:40px;}

input[type="text"].large, input[type="password"].large { width:400px; }

select.small { width:112px; }
select.medium { width:232px; }
select.large { width:484px; }

#paginator img {
	width: 20px;
	height: 20px;
}

#selos .mr-large { margin-right: 40px; margin-bottom: 0px;}
#selos .mt-medium { margin-top: 20px; margin-bottom: 0px;}

#mapa { display:inline; }
#UFSelector { display: none; }

#imgTimeline {
	width: 960px;
	height: 153px;
	background-image: url(../images/linhaTempo-completa.jpg); 
	cursor: pointer;
}

.quatroCol {
	width: 23%;
	padding: 1%;
}

.tresCol {
	width: 31%;
	padding: 1%;
}

}