/* CSS Document */

/*clearfix*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/*geral*/
* { margin:0px; padding:0px; }
body { font-family:Helvetica; font-size:12px; color:#333; background-position:center top; background-repeat:no-repeat; }
.mainWindow { 
	background:
		 linear-gradient(
		     rgba(139, 161, 200, 0.7),
		     rgba(139, 161, 200, 0.7)
		 ),
	     url("../img/background-escuro.jpg") no-repeat center center fixed; 
	  
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	 
	 background-size: 100% 100%;
}

/*login*/
/*
#login { position:absolute; padding:20px; width:360px; height:260px; left:50%; top:40%; margin-left:-200px; margin-top:-150px; background-image:url(../img/background-login.png); }
#login img { vertical-align:middle; }
#login div { margin-bottom:20px; text-align:center; font-family:Tahoma; font-size:14px; }
#login form label { width:100%; margin:3px 0px; display:inline-block; }
#login form label input, select { width:95%; }
#login form button { padding:2px; margin-top:15px; margin-right:5px; }
*/
/*topo*/
#topo { width:930px; height:auto; margin:15px auto; padding:0px 5px; }
#topo #logo { float:left; width:70%; }
#topo #logo img { vertical-align:text-top; float:left; margin-right:15px; }
#topo #logo div { margin-top:7px; }
#topo #logo div.nome-biblioteca { color:#FFF; font-size:14px; }
#topo #logo div.pediodo-escola { color:#CCC; font-size:14px; }
#topo #user { float:left; width:30px; }
#topo #user #img { float:left;  }
#topo #user #dados { float:right; }
#topo #user img { margin-right:15px; }
#topo #user ul { list-style:none; font-family:Tahoma; }
#topo #user ul li { margin:4px 0px; color:#CCC; }
#topo #user ul li strong { color:#FFF; }
#topo #user ul li strong a { color:#222; }
#topo #user ul li strong a:hover { text-decoration:none; }

/*menu*/
#menu { width:940px; height:auto; margin:0px auto; padding-left:20px; }

/*conteudo*/
#conteudo { width:924px; height:auto; min-height:500px; margin:0px auto; margin-bottom:45px; padding:15px 20px; background-image:url(../img/background-conteudo.png); background-position:center top; background-repeat:no-repeat; }
#conteudo2 { background-color:#FFF !important; height:auto; min-height:500px; }

/*navegacao*/
#navegacao { font-family:Tahoma; font-size:11px; padding:7px 10px; /*background-color:#EEE;*/ border:1px solid #CCC; margin-bottom:15px; }
#navegacao a { margin:0px 3px; color:#888; text-decoration:none; }
#navegacao a:hover { margin:0px 3px; color:#888; text-decoration:underline; }

/*rodape*/
#rodape { position:fixed; z-index:9999; left:0px; bottom:0px; margin-bottom:0px; width:100%; height:auto; padding-top:10px; padding-bottom:10px; background-image:url(../img/background-rodape.png); background-repeat:repeat; font-family:Verdana; letter-spacing:-0.5px; font-size:11px; color:#444; border-top:1px solid #7E9BBB; }
#rodape #w { width:940px; height:auto; margin:0px auto; }
#rodape #w #atendimento { float:left; width:60%; height:auto; }
#rodape #w #atendimento img { vertical-align:middle; border:none; }
#rodape #w #atendimento a { text-decoration:none; color:#444; }
#rodape #w #copyright { float:left; width:40%; height:auto; text-align:right; margin-top:11px; }

/*modelos*/
.p { width:100px; margin-right:20px; }
.m { width:200px; margin-right:20px; }
.g { width:300px; margin-right:20px; }
.gg { width:840px; margin-right:20px; }
.e { text-align:left !important; }
.d { text-align:right !important; }
.c { text-align:center !important; }
.j { text-align:justify !important; }

/*distancia entre os botões*/
.distanciaBotao {margin-left:10px;}

/*posicoes dos objetos*/
/*alinhado a direita*/
.alinhaDireita { position:absolute; right:0px;}

/*formulario*/
/*
div form fieldset { position:relative; padding:0px 10px; margin-bottom:10px; border:1px solid #CCC; background-color:#D7E1E8; }
div form fieldset.filtro { padding:10px 10px; background-color:#EDF1F4; margin-bottom:15px; }
div form fieldset legend { font-weight:bold; color:#999; }
div form fieldset label { float:left; display:block; }
div form fieldset div { width:100%; margin:15px 0px; float:left; display:block; }
div form fieldset input,select {}
div form fieldset button { padding:0px; }
*/
/*grid*/
.grid { width:100%; margin:10px 0px; border-collapse:collapse; }
.grid { background-color:#FFF; }
.grid tr,th,td { border:1px solid #999; padding:5px; }
.grid tr th { text-align:left; background-color:#CCC; }
.grid tr:hover { background-color:#FFC; }
tr.selected { background-color:#D7E1E8; }
td.result input { width:40px; }
td.editme input { font-size:11px; }

/*teclado virtual*/
.teclado-virtual { background-color:#EEE; border-collapse:collapse; border:5px solid #EEE; }
.teclado-virtual tr,th,td { border:inherit; }
.teclado-virtual button { min-width:50px; padding:3px; background-color:#FFF; border:1px solid #999; }
.teclado-virtual textarea { padding:2px; font-size:11px; font-family:Helvetica; color:#333; width:200px; background-color:#FFF; border:1px solid #999; }


/*Fonte dos Dialogs*/
.ui-widget, .ui-widget button {font-size: 10px;}

.foto{border:solid 1px black; width:180px; height:180px; position:absolute;}
.iframeUploadImage{-moz-opacity: 0;filter: alpha(opacity=0);opacity:0;}


.tela{display:none;position:absolute;top:50%;left:50%;margin-left:-150px;margin-top:-100px;padding:10px;width:90%;height:70%;border:1px solid #d0d0d0}

/*Inicio para modal*/
.modal_2,
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 0, 0, 0, .5 ) 
                url('../img/ajax-loading.gif') 
                50% 50% 
                no-repeat;
}

.modal_2 {
    background: rgba( 0, 0, 0, .5 ) url('../../img/ajax-loading.gif') 50% 50% no-repeat;
}

body.loading {
    overflow: hidden;   
}

body.loading .modal_2,
body.loading .modal {
    display: block;
}
/*$body = $("body");
$body.addClass("loading"); */
/*Fim para modal*/

#wrapper { 
    width: 100%;
    margin: 0 auto;
}

#buttonShareGoogleClassRoom {
    position: relative; 
    z-index: 100;
    margin: 0 auto;
    width: 48px;
    height: 48px;
}

.gSuite button {
	padding: 1px 4px;
    margin: 3px;    
}

.gSuite button:hover {
    opacity: 0.7;
    cursor: pointer;
}

.gSuite {
	margin:  0  5px;
}

body.classGoogleSuite .g {
    width: 190px;
    margin-right: 20px;
    display: block;
}

body.classGoogleSuite textarea { border: 1px solid #edf1f4; width: 500px; margin: 2px 0; }
body.classGoogleSuite label  { margin: 3px 0; float:left; display:block; color: #7E9BBB; }
body.classGoogleSuite label input  { border: 1px solid #edf1f4; height: 24px; margin: 2px 0; }
body.classGoogleSuite label select { border: 1px solid #edf1f4; height: 24px; margin: 2px 0; }
body.classGoogleSuite button { 
	padding: 0 15px;
    margin-top: 16px;
    background: #e6e6e6;
    border: 1px solid #ccc;	
    cursor: pointer;
    height: 24px;
}
body.classGoogleSuite button:hover{ 
	background: #cccccc;
}
body.classGoogleSuite  fieldset {   
    margin-bottom: 10px;
    padding: 10px;   
    background-color: #f6f8f9;
    border:  2px solid #edf1f4;
}
body.classGoogleSuite fieldset legend {
    margin-left: 30px;
    padding: 0 20px;
    font-weight: bold;
    color: #7E9BBB;
}

body.classGoogleSuite li#tabTelaListar {
    color: #7E9BBB;
    background-color: #fff;
    padding: 5px 25px;   
    border-bottom: 1px solid #fff;
}

body.classGoogleSuite tr.odd {
	
}

body.classGoogleSuite tr.even {
	background: #f9f9f9;
}

body.classGoogleSuite .back {width: 100%}
body.classGoogleSuite .back button {display: block; margin: 0 auto;}

body.classGoogleSuite .TabbedPanelsContentVisible {
    overflow: auto;
}

body.classGoogleSuite #tabTelaCriaTrabalhoTurma textarea[name="description"] {width: 750px;}
body.classGoogleSuite #tabTelaCriaTrabalhoTurma input[name="title"] {
	width: 500px;
}

#topo #logo {
    float: left;
    width: 96%;
}

#user {
	float: left;
    width: 30px;
    margin-top: 20px;
}

#spanNoBiblioteca {
   color: #384E70;
    font-size: 18px;
    font-weight: bold;
	text-transform: uppercase;
}

#spanPeriodoLetivo {
    display: block;
    margin-top: 8px;
    font-size: 14px;
    color: #486590;
	font-weight: bold;
}
.nome-biblioteca {
	float: left;
    width: 59%;
}

.perfil-biblioteca {
	float: left;
    width: 30%;
}

.nome-usuario {
	display: block;
    color: #384E70;
    font-size: 17px;
    font-weight: bold;
}

.perfil-usuario {
	display: block;
    margin-top: 8px;
    font-size: 14px;
    color: #486590;
	font-weight: bold;
}

.periodo-escola {
	display: none;
}