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

#inner-body
{
	padding-top: 20px;
	padding-bottom: 20px;
	min-height: 80%;
	position:relative;
}

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

/* ------------- HEADER ------------- */
.header-menu-button
{
	height : 20px;
	cursor:pointer;
	padding:10px;
	position:relative;
}

.header-menu-button:after , #header-menu-drop-container .drob-button.sub:after
{
	content:"";
	background-image : url('../images/arrow-menu.png');
	width: 13px;
	height: 9px;
	display:inline-block;
	margin-left:5px;
}

#header-menu-drop-container .drob-button.sub:after
{
	position:absolute;
	right:10px;
	-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

#header-menu-drop-container { position:absolute; z-index:100; }
#header-menu-drop-container .drob-button { padding:10px 20px; white-space: nowrap; }

/* ------------- 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 #box1
{
	width:170px;
	padding: 20px 0px;
	position:relative;
	height:270px;
}

#top-footer #box1 .social-icon
{
	position:absolute;
	bottom:20px;
	width:33px;
	height:33px;
}

#top-footer { background-image:url('../images/rodape-bg.jpg'); height:305px; }
#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'); }
#top-footer #box1 .subbox { margin-bottom:15px; }
#top-footer #box2 { width:675px; padding: 17px 0px 17px 86px; }
#top-footer #box2 .subbox { width:140px; margin-right:20px; }
#top-footer #box2 .subbox .sub-subbox { margin-bottom:10px; }
#bottom-footer { padding:20px; width: 984px; }
#bottom-footer .bottom-footer-subbox img { margin-right:5px; }
#bottom-footer #box2 { margin-left:99px; }
#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:472px; }
select.small { width:112px; }
select.medium { width:232px; }
select.large { width:484px; }


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;
}

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

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

.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;
}

.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;
}

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

.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: 166px; }
.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; }

.mr-small { margin-right:10px;}
.mr-medium { margin-right:20px;}
.mr-large { margin-right:40px;}

.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;}

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