* {
    margin: 0 auto;
}
body
{
    min-width: 900px;
	margin: 0;
	padding: 0;
	line-height: 1.7em;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #646464;
	background: url(../images/Background.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
a { cursor: pointer;}

#main
{
    background: url(../images/body_top.jpg) repeat-x;
    /* min-height: 800px; */
    min-height: 627px; 
}

#wrapper_outer {
	width: 100%;
	background: url(../images/body_bottom.png);
	background-repeat: repeat-x;
	background-position: bottom;
        position: relative;
}

/* site title */
#header  #site_title {
	float: left;
	/* width: 200px; */
	padding: 10px 0 0 30px;
}

#site_title a {
	margin: 0px;
	padding: 0px;
	font-size: 26px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

#site_title h1 a:hover {
	font-weight: bold;
	text-decoration: none;
}

#site_title a span {
	display: block;
	margin-top: 5px;
	color: #888888;
	font-size: 12px;
}
/* end of site title */

/* menu */
@media screen
{
    #header #identificacao {        
        text-align: right;     
        padding-top: 30px;  
        height: 20px;
    }
    
    #identificacao span{
        color: #fff;
    }
    
    #header #menu {
        float: right;
        height: 34px;
        margin-top: 12px;
        text-align: left;
        
    }    
    
    #menu span {
        float: right;
        margin-left: 10px;
        padding: 7px;
    }

    #menu span a:hover {
        color: #fff;
    }

    #menu ul {
        float: left;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #menu ul li {
        padding: 0;
        margin: 0;
        display: inline;
    }

    #menu ul li a {
        float: left;
        display: block;
        height: 27px;
        min-width: 60px;
        margin-left: 10px;
        padding: 7px 5px 0 5px;
        text-align: center;
        font-size: 12px;
        text-decoration: none;
        color: #fff;
        font-weight: normal;
        outline: none;
    }

    #menu li a:hover, #menu li .current {
        background: url(../images/menu_hover.png) no-repeat center;
    }
    
}
#content{
/*	background:url("../images/fundoGeral.gif");*/
    color: #000000;
/*    height:100%;  */
}

#container
{

    padding: 30px 20px 20px 20px;/*	background: url("../images/fundoTrasparente.png") repeat;*/
/*	background: url("../images/fundoTrasparente.png") repeat;*/
    margin: 0 auto;
/*    height:100%; */
}

.hint_layer
{
    display:none;
    width:250px;
    border:2px dashed;
    position:absolute;
    background:#ffffff;
    text-align:left;
    padding:10px;
    overflow: auto;
}

/*============================== | GENERAL LAYOUT | ===================================*/
#menu_lateral
{
    margin-left: 0px;
    margin-bottom: 40px;
    float: left;
    width: 20%;
    height:120%;
}
#dadospessoas-menu
{
    float:left;
    color:white;
    margin-left: 10px;
    padding: 7px;
}

.menu_nome
{
    background: url("../images/gridview/bg.gif") repeat scroll left top white;
    color: white;
    font-size: 18px;
    min-height: 15px;
    padding: 5px 10px;
    top: 0;
}
#menu_lateral ul
{
    background-color: #336699;
    width:90%;
    padding: 0px;
}
#menu_lateral li
{
    list-style: none;
    background-color: #FFFFFF;
    color: #000000;
    width:90%;
    font-size: 12/15px;
    min-height: 15px;
    padding:5px 10px;
    margin-bottom: 1px;
    text-align:left;
    top: 0;
}
#menu_lateral li.foot
{
    background-color: #336699;
    width:90%;
    line-height: 1px;
    font-size: 0px;
    height: 1px;
    top:0;
}
#menu_lateral a.link_pagina
{
    margin-left: 0px;
    color:#000000;
    text-decoration:none;
}
#menu_lateral a.link_pagina:ctive{
        color: black;
        text-decoration:none;
}
#menu_lateral a.link_pagina:link{
        color: black;
        text-decoration:none;

}
#menu_lateral a.link_pagina:visited{
        color: black;
        text-decoration:none;
}
#menu_lateral a.link_pagina:hover{
        color: #336699;
}
#menu_lateral .sub_menu
{
    padding-bottom:15px;
}
#menu_lateral hr.hr_menu_lateral{
    border-top: 50px none black;
    color: black;
    padding-left: -20%;
    width: 120%;
}


#ly_conteudo
{
    background: #F0F0F0;
    /*float: right; */
    /* width: 100%; */
    margin-bottom: 50px;  
    padding: 0px 10px 30px 10px;
}
#sec_conteudo
{
    /* float: right;
    width: 77%; */
    background: #F0F0F0;
    margin-bottom: 50px;    
    padding: 0px 10px 30px 10px;
    
}
.timbre{ 
    /* background: url(../temas/secretaria/mod/site/front/images/secretaria/layout/testeira_editor.jpg) no-repeat;  */
    width:100%;
    height:100px;
    float: left;
    clear: both;
}

.titulo{
    line-height: 25px;
    margin: 20px;
    text-align: center;
}

#foot
{
    position: relative;
    bottom: 0px;
    width: 100%;
    height:40px;
    background: url(../images/body_top.jpg) repeat-x;
    clear: both;
}
#foot .texto_rodape
{
    margin: 0 auto;
    text-align: center;
    line-height:40px;
    height:40px;
}


/*====== | LOGIN PAGE | =====*/
.login{
    padding-left:150px;
    color:#000000;
}

/*============================== | GRID COMPONENTS| ===============================*/

#grid
{
	background-color: white;
	text-align:center;
	width: 100%
}
#advancedFilter
{
	background-color: white;
	table-layout:fixed;
	width:100%;
	word-wrap:break-word;
}
	#filtroAvancado
	{
	
	}
	.advancedLabelFields
	{
		background: url("../images/gridview/bg.gif") repeat scroll left top white;
		text-align: center;
		font-weight: bold;
	}
	.advancedGridFields
	{
		background-color: white;
		text-align: center;
		font-weight: bold;
	}
	.advancedTdGrid
	{
		background-color: #FFFFFF;
	}
	.advancedGridFields
	{
		background: url("../images/gridview/bg.gif") scroll left top white;
		text-align: center;
		font-weight: bold;
	}
	.novoRegistro
	{
		float:right;
		text-align: right;
	}
            #imageNewButton
            {
                width: 25px;
            height: 25px;
            margin-bottom: -8px;
            paddig-right: 100px;
            }
	.gridFields
	{
		background: url("../images/gridview/bg.gif") scroll left top white;
		text-align: center;
		font-weight: bold;
	}
	.inputResearchGrid
	{
		width:98%;
	}
	.gridFieldsResultsOdd
	{
		background-color:#D5DBE5;
	}
	.gridFieldsResultsEven
	{
		background-color:#E5ECF9;
	}
	.udGrid
	{
		width:100px;
	}
	.gridPagination
	{
		background: url("../images/gridview/bg.gif") repeat-x scroll left top white;
		text-align: center;
	}
	.link_novo
	{
		padding-right: 0px;
		text-align:right;
		color:#FFFFFF;
		font-weight: bold;
		line-height: 25px;
	}
	a.link_novo:active{
		color: black;
		text-decoration:none;
	}
	a.link_novo:link{
		color: black;
		text-decoration:none;
	
	}
	a.link_novo:visited{
		color: black;
		text-decoration:none;
	}
	a.link_novo:hover{
		color: black;
		text-decoration:underline;
	}
        /*===============Hint=================*/
        .link_hint
	{
		color:#FFFFFF;
	}
	a.link_hint:active{
		color: black;
		text-decoration:none;
	}
	a.link_hint:link{
		color: black;
		text-decoration:none;

	}
	a.link_hint:visited{
		color: black;
		text-decoration:none;
	}
	a.link_hint:hover{
		color: black;
		text-decoration:underline;
	}

	/*============== FiltroAvancado Link ==========*/
	.exibir
	{
		padding-right: 0px;
		text-align:right;
		color:grey;
		line-height: 25px;
	}
	a.exibir:active{
		color:grey;
		text-decoration:none;
	}
	a.exibir:link{
		color:grey;
		text-decoration:none;
	
	}
	a.exibir:visited{
		color:grey;
		text-decoration:none;
	}
	a.exibir:hover{
		color:grey;
		text-decoration:none;
	}
	/*============== Page Link ==============*/
	a.page_link:active{
		color: white;
		text-decoration:none;
	}
	a.page_link:link{
		color: white;
		text-decoration:none;
	
	}
	a.page_link:visited{
		color: white;
		text-decoration:none;
	}
	a.page_link:hover{
		color: black;
		font-weight:bold;
		text-decoration:none;
	}
/*============================== | RELATEFORM COMPONENTS| ===============================*/
.link_selecionar
	{
		padding-right: 0px;
		text-align:right;
		color:#FFFFFF;
		font-weight: bold;
		line-height: 25px;
		font-size: 12px;
	}
	a.link_selecionar:active{
		color: black;
		text-decoration:none;
	}
	a.link_selecionar:link{
		color: black;
		text-decoration:none;
	
	}
	a.link_selecionar:visited{
		color: black;
		text-decoration:none;
	}
	a.link_selecionar:hover{
		color: black;
		text-decoration:underline;
	}
/*============================== | CREATE COMPONENTS| ===============================*/
#createGrid
{
	width:100%;
}
.inputCreate
{
	width:100%;
}
.textareaCreate
{
	border:1px solid #999999;
    width:100%;
    margin:5px 0;
    padding:1%;

}
	a.link_arquivo:active{
		color: black;
		text-decoration:none;
	}
	a.link_arquivo:link{
		color: black;
		text-decoration:none;
	
	}
	a.link_arquivo:visited{
		color: black;
		text-decoration:none;
	}
	a.link_arquivo:hover{
		color: white;
		text-decoration:none;
	}
/*============================== | VIEW COMPONENTS| ===============================*/
#viewGrid
{
	width:100%;
}
	#resultGrid
	{
		background-color: white;
		width:100%;
	}
	.resultLabelPar
	{
		font-weight: bold;
		text-align:right;
		background-color: lightblue;
		width: 20%;
	}
	.resultAttributePar
	{
		text-align:left;
		background-color: silver;
		width: 80%;
	}
	.resultLabelImpar
	{
		font-weight: bold;
		text-align:right;
		background-color: white;
		width: 20%;
	}
	.resultAttributeImpar
	{
		text-align:left;
		background-color: lightblue;
		width: 80%;
	}
	
/*============================== | CREATEFORM AND UPDATE GRID RELATIONS | ===============================*/
#gridCreateFormRelations
{
	width: 100%;
	border-collapse: separate;
    border-spacing: 0;
}
	.gridCreateFormFields
	{
            background: url("../images/gridview/bg.gif") repeat scroll left top white;
	    font-family: inherit;
	    font-size: 100%;
	    font-style: inherit;
	    font-weight: inherit;
	    margin: 0;
	    padding: 0;
	    vertical-align: baseline;
	    font-weight: bold;
	}
	.trGridResultCreateFormRelations
	{
            background-color:#D5DBE5;
	}
	.tdGridResultCreateFormRelations
	{
		padding:5px 5px 5px 5px;
	}
	.udCreateForm
	{
		min-widhth: 5%;
	}
	.trGridNewRelationUpdateForm
	{
		background-color: #D5DBE5;
		text-align: left;
	}
/*============================== | LOGIN FORM | ===============================*/
	.login
	{
		margin-left: 20px;
	}
	.form_login
	{
		margin-left: 100px;
		margin-top: 20px;
                line-height: 15px;
	}
/*============================== | CHAT | ===============================*/
	a.link_turma_chat
	{
		font-weight: bold;
		line-height: 25px;
	}
	a.link_turma_chat:active{
		color: black;
		text-decoration:none;
	}
	a.link_turma_chat:link{
		color: black;
		text-decoration:none;
	
	}
	a.link_turma_chat:visited{
		color: black;
		text-decoration:none;
	}
	a.link_turma_chat:hover{
		color: white;
		text-decoration:none;
	}

/*============================== | COMENTARIOS | ===============================*/
#grid_comentarios
{
	background-color: white;
	text-align:center;
	width: 100%
}
	.grid_comentariosFields
	{
		background: url("../images/gridview/bg.gif") repeat-x scroll left top white;
		text-align: center;
		font-weight: bold;
	}
    .grid_comentariosResults{
        	background-color:#F5DEB3;
    }
	.grid_comentariosResultsOdd
	{
		background-color:#FFFFFF;
	}
	.grid_comentariosResultsEven
	{
		background-color:#E5ECF9;
	}
	.sem_comentarios
	{
		line-height: 25px;
		text-align: center;
	}

		a.link_gridComentario
		{
			font-weight: bold;
			line-height: 20px;
		}
		a.link_gridComentario:active{
			color: black;
			text-decoration:none;
		}
		a.link_gridComentario:link{
			color: black;
			text-decoration:none;
		
		}
		a.link_gridComentario:visited{
			color: black;
			text-decoration:none;
		}
		a.link_gridComentario:hover{
			color: red;
			text-decoration:none;
		}

/*============================== | MENU LATERAL | ===============================*/
.cursos h1{ margin-bottom:15px; }
.cursos .conteudo{ float:left; margin-right:30px; }
.cursos .conteudo h3{ color:#003366; font:20px Verdana,Geneva,sans-serif; width:300px; height:60px; }
.cursos .conteudo p{ text-align:right; }

.meus-cursos{ clear:both; }
.meus-cursos h1{ color:#003366; font:28px Verdana,Geneva,sans-serif; }

.mais-cursos{ clear:both; }
.mais-cursos h1{ color:#FF0000; font:28px Verdana,Geneva,sans-serif; }

.view-cursos ul li{list-style-type: none;}

.view-cursos{ margin-bottom:10px; }

.view-cursos .col-left{ float:left; width:280px; padding:10px; }
.view-cursos .col-left h2{ color:#666666; font-size:14px; font-weight: bold; }
ul.aulas li h3,h4 a{ color:red; font-size:12px; font-weight: bold; }

.view-cursos .col-main{ float:left; padding:10px; border-left: 1px dotted #999999; min-height: 300px; width: 660px; }
.view-cursos .col-main h1,h2,h3{ color:#666666; text-decoration: none;}
.view-cursos .modulos{ padding:0 0 0 15px; }
.view-cursos .modulos-back li a{ color:#336699; text-decoration: none;}
.view-cursos .modulos-back li h3{ font-size:12px; font-weight: bold; padding:6px 0; color:#336699; }

.view-cursos .modulos-back .aulas{ padding:0 0 0 15px; }
.view-cursos .modulos-back .aulas li a{ color:#666666; font-size:12px; line-height: 180%; }

.view-cursos .col-left .h4 { color:#000000; font-size:30px; line-height: 180%; }

.view-cursos .col-main .descricao h2.disciplina{ color:#336699; margin-bottom: 12px;}


	

/*============================== | GENERAL | ===============================*/
.tdNoBorder
{
	border: 0px;
	border-spacing: 0px;
}
.halfFullInput
{
	width:90%;	
}
		.label_navegation
		{
			font-weight: bold;
			line-height: 20px;
		}
		.spacer_navegation
		{
			line-height: 20px;
			font-size: 12px;
		}
		a.link_navegation
		{
			font-weight: bold;
			line-height: 20px;
		}
		a.link_navegation:active{
			color: #336699;
			text-decoration:none;
		}
		a.link_navegation:link{
			color: #336699;
			text-decoration:none;
		
		}
		a.link_navegation:visited{
			color: #336699;
			text-decoration:none;
		}
		a.link_navegation:hover{
			color: #336699;
			text-decoration:underline;
		}
/*                
.report-header { 
    margin-left: 40px; 
}*/
#report {
    float: left;
    width: 80%;
}

.gridreport {
    /*margin-left: -40px;*/
    width: 100%;
    /*border-spacing: 0px;*/
    background-color: #fff;
}

.gridreporttitle {
    text-align: left;
}

.csv {
    float: right;
    margin-top: -37px;
    background-repeat: no-repeat;    
    height: 32px;
    width: 32px;
    border: none;
    background-color: transparent;
    cursor:pointer;
    background-image: url(../images/gridview/csv.png);
}

#pup {
    background-image: url("../images/bg-pup.png");
    border: 2px solid #666;
    color: #FFFFFF;
    font-family: "courier new",tahoma,verdana,arial,sans-serif;
    font-size: 11pt;
    font-weight: bold;
    padding: 5px;
    position: absolute;
    text-align: left;
    width: 375px;
    z-index: 200;
}


/* configuração para impressão */
@media print {  
	table {
        border-collapse: collapse;
    }
    table, th, td {
        border: 1px solid #D8D8D8 !important;
    }
	
    #ly_conteudo {
        background: #FFF;
        float: right;
        width: 100%;
        margin-bottom: 50px;       
        padding: 0px 0px 30px 10px;
    }
    #menu {display: none;}
    #menu_lateral { display:none; }
    #foot{ display:none; }
    #wrapper_outer { display:none; }
    #sec_conteudo { 
        background: #fff;
        float: left;  
        width: 664px;
    }    
    .noprint{display: none;}
    #container {padding: 0px;}    
    .titulo{
        width: 664px;
        margin: 0px;
    }
    .titulo h1{
        font-size: 16px;        
    }
    .link_navegation {display: none}
    .label_navegation {display: none}    
    .novoRegistro {display: none}    
    .inputResearchGrid {display: none}    
    .udGrid {display: none}   
    .jMenu {display: none}   
}

@media screen {
    .timbre {display: none; } 
}

.select_nivel {
    color: #000;    
    font-size: 6px/10px;
    font-weight: normal;
    letter-spacing: 0;
}

.select_nivel_1 {
    color: #D60000;    
    font-size: 6px/10px;
    font-weight: normal;
    letter-spacing: 0;
}
.select_nivel_2 {
    color: #FF6600;    
    font-size: 6px/10px;
    font-weight: normal;
    letter-spacing: 0;
}
.select_nivel_3 {
    color: #0066CC;    
    font-size: 6px/10px;
    font-weight: normal;
    letter-spacing: 0;
}
.select_nivel_4 {
    color: #008000;    
    font-size: 6px/10px;
    font-weight: normal;
    letter-spacing: 0;
}
.select_nivel_5 {
    color: #000000;    
    font-size: 6px/10px;
    font-weight: normal;
    letter-spacing: 0;
}

.avisos{
    margin: 10px;
    padding-left: 20px;
    background: #F5DEB3;
    /* box-shadow: 5px 5px 2px #888888; */
    border:2px solid #888888;
    border-radius:25px;
}
.avisosmensagens{
    margin: 10px;
    padding-left: 20px;
    background: #CCFF99;
    border:2px solid #888888;
    border-radius:25px;
}
.avisosalerta{
    margin: 10px;
    padding-left: 20px;
    background: #ffffbb;
    /* box-shadow: 5px 5px 2px #888888; */
    border:2px solid #888888;
    border-radius:25px;
}
.avisoserros{
    margin: 10px;
    padding-left: 20px;
    background: #F5DEB3;    
    border:2px solid #888888;
    border-radius:25px;
}

.breadcrumb {
    padding-left: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* padding: 0.75rem 1rem;  */
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

.breadcrumb .breadcrumb-item{
    
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 20px;
}