/* CONFIGS GERAIS */

* { margin: 0; padding: 0; }

.btn.cadastro span{background-image:url(../img/icons/Actions-document-new-icon.png);}

 

.clearfix { display: inline-block; } 

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }



body {

	/* background: #DDDFE4; */

	font-family: "Tahoma";

	font-size: 15px;

	color: #727a8e;

	margin: 0;

	padding: 0;

	min-width:1000px;

}



legend { font-size: 20px; font-weight: bold; }

hr { width: 560px; height: 1px; border: 0; background-color: #000000; }



.hidden { display: none; }

.clr{ clear: both; height: 0; line-height: 0; }

img { border: 0; }



li { list-style: none; padding: 0; /* margin: 2px 0; */}



/* LINKS */

a, a:link a:active a:visited {

	text-decoration: none; 

	color: #FFFFFF;

	outline: none;

}



/* CORES DE TEXTO */

.cinza{

	color: #666666;

}



.conteudo{

}



.form-msg{

	color: #FF0000;

	margin: 10px 0 10px 0;

	height: 18px;

	overflow: hidden;

	line-height: 18px;

	font-size: 12px;

	display: none;

}

/* FIM DAS CONFIGS GERAIS

 REFERENTE A MODELO */

#site{ width: 100%; }



/* COLUNA DA ESQUERDA */

#site-topo{ width: 100%; position: relative; }

#site-topo .topo-conteudo{ color: #000 !important; font-size: 11px; background: repeat-x #222222; }



.logo{

float: left;

padding: 9px 9px;

margin-left: 10px;
}



.site-topo-info {

	float: right;

	color: #343434;

	width: 505px;

}



.site-topo-info a {

	text-decoration: underline;

	color: #424242;

}



.site-topo-info .site-infos { /* background: #FFFFFF; */ color: #fff; height: 69px;}



.site-topo-menu-bt {

	float:left;

	margin: 2px 0;

}



.site-topo-menu-bt ul li {

	float: left;		

	margin: 0 5px 0 5px;

}



.site-topo-menu-bt ul li a {

	color: #000;

	padding: 10px;

	display: block;

	background: url(../img/btn_azul_topo.jpg) repeat-x 0 -35px;	

}

.site-topo-menu-bt ul li a:hover,

.site-topo-menu-bt a.ativo {		

	color: #fff;

	background: url(../img/btn_azul_topo.jpg) repeat-x 0 0;

}

	

/* COLUNA A DIREITA */

#site-centro{

	width: 100%;

	margin: 0 auto;

}





/* REFERENTE AO MENU */

#menu { width: 15%; float:left; background: #404040;}

#menu > ul { /* margin-right:10px; */ max-width: 100%; /* margin: 0 7%; */}

#menu > ul > li { /* padding-bottom:4px; */ margin-bottom:4px; /* width: 100%; */}

#menu .ttl-princ {padding: 20px 20px;/* width: 100%; *//* margin: 20px 0; *//* border-radius: 5px; */font-size: 15px;font-weight: 500;display: block;background: #00b8ca;/* text-transform: uppercase; *//* border: 1px solid #0C0D0F; */color: #FFF;/* -webkit-border-top-left-radius: 4px; */-moz-border-top-left-radius: 4px;/* border-top-left-radius: 4px; *//* -webkit-border-top-right-radius: 4px; */-moz-border-top-right-radius: 4px;/* border-top-right-radius: 4px; */}



#menu > ul > li > ul { /* margin-left: 15px; */ }

#menu .ttl-sec { font-size: 13px; padding: 10px 12px; display: block; /* margin-left: 7px; */ /* background: url(../img/seta-sub-menu.gif) left center no-repeat; */ cursor: pointer ; border: solid #525252; border-width: 0 0 1px;}

#menu .ttl-sec.atv:hover,

#menu .atv {
    background: #303030;
    /* width: 100%; */
    border-right: 5px groove #00b8ca;
    /* margin-left: 7px; */
    color: #FFFFFF;
    /* border-right: 1px solid #fff; */
    /* border-top: 1px solid #FFFFFF; */
    -webkit-transition: 0.5s ease-in;
    -moz-transition: 0.5s ease-in;
    -o-transition: 0.5s ease-in;
    transition: 0.5s ease-in;
    border-width: 0 7px 0 0;
}
#menu .ttl-sec:hover {
    background: #252525;
 
    /* width: 100%; */
 
    /* margin-left: 7px; */
    color: #FFFFFF;
    /* border-right: 1px solid #fff; */
    /* border-top: 1px solid #FFFFFF; */
    -webkit-transition: 0.2s ease-in;
-moz-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
transition: 0.2s ease-in;
}


/* REFERENTE AO SUB-MENU ( AÇÕES ) */

#sub-menu{ /* margin-bottom: 5px; */ margin: 0 0 0 33px;}

.sub-menu-item{

	float: left;

	padding: 10px 5px 10px 10px;

	margin: 0 10px 0 0;

	font-size: 11px;

	background: url(../img/seta-sub-menu.gif) left no-repeat;

}

/* REFERENTE AO RODAPÉ */

#rodape{

	font-size: 10px;

	color: #666;

	margin:10px 0;

	display: none;

	text-align: right;

}

/* REFERENTE AO BLOCO PRINCIPAL */

#principal{

	float: left;

	width: 85%;

}



#principal .box-principal{

	padding-bottom: 24px;

	/* border: 1px solid #ccc; */

	/* border-top: 1px solid #ccc; */

	/* padding: 20px; */

	clear: both;

	position:relative;

	-moz-border-radius: 4px;

	/* background: #dddfe4; */

	/* height: 80%; */

	/* padding: 20px; */

}



.fechado {

	display: none;	

}

.aberto {

	display:block;	

}



/* REFERENTE A PÁGINA DE FORM */



.ttl-form {

	display:block;

	/* text-transform:uppercase; */

	background: #F1F1F1;

	/* border-radius: 7px; */

	margin: 0px 0 27px 0;

	color: #404040;

	font-size: 17px;

	text-align: center;

	box-shadow: 0 1px 1px 0 rgba(111, 105, 105, 0.2);

	/* background: url(../img/backTop.png); */;

	height: 98px;

}

.ttl-form strong { font-size: 14px }



.form-quebra-topo{

}

.form-quebra-topo2{

}

.input-text {

	width: 100%;

	padding: 5px;

	border: 1px solid #ccc;

	resize: none;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}



.input-text.date-pick,

.input-text.required {
    background: #FFFFFF;
 
    padding: 8px 15px;
    border: 1px solid #D0D1D5;
}



.input-text.error {

	border: 1px solid #ff0000 !important;	

}



.input-dt{

	width: 134px;

	border: 1px solid #979797;

}





.date-pick {

	width: 150px;

	padding: 5px;

	border: 1px solid #979797;

	resize: none;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}



.color-pick { width: auto; }

.color-pick-box { width: 12px; height: 12px; border: 1px solid #CCCCCC;}

.color-pick-box.fManyToMany { float: left; margin-left: 5px; }



#ColecaoCorID {float: left;} /*id do campo com o fcolor*/



.dp-choose-date { }



#frmPesquisa .input-text {

	width: 300px;

}



.input-multi-select{

	width: 200px;

	border: 1px solid #979797;

}

.form-campo-titulo {

	width: 25%;

	margin: 6px 15px 0 0;

	float: left;

	/* font-weight: bold; */

	text-align:right;

	color: #727a8e;

	font-size: 16px;

}

.form-campo-titulo .obrigatorio {

	font-size: 10px;

	font-weight: normal!important;

	color: #FF0000;

}

.form-campo {

	margin: 0 0 20px 0;

	float: left;

	position: relative;

	z-index:0;

	vertical-align:middle;

	width: 60%;

}



.form-campo .ajuda {

	display: block;

	font-size: 11px;

	color: #999;

	font-weight: normal;

	font-style: italic;

	width: 550px;

}



/*.form-campo .site-url { display: none }*/



.campoManyToMany {

	height:120px;

	overflow-x:hidden;

	width:250px;

	padding:3px;

	border: 1px solid #ccc;

}



.campoRadio label {

	margin-right: 10px;

}



.filtroMany { margin-bottom:10px; border: 1px solid #ccc; padding:2px; }





.form-campo select { 

	width: 81%;

	padding:2px;

	border: 1px solid #979797;

}

.form-campo select option {

	padding: 2px;

}



.form-campo select optgroup {

	font-style: normal;

	padding-left:3px;

}



.form-campo select optgroup > option {

	padding-left:10px;

}



.form-campo .checkboxComboAdd {

	margin:0 5px 0 5px;	

}



.form-campo .date-pick { 

	padding: 5px;

}



#form-botoes{

	position:relative;

	height:42px;

	margin-top:20px;

	padding: 0 0 0 18px;

	background: #f1f1f1;

	padding: 14px 0;

}

#form-botoes a{

	float: left;

	margin-right:10px;

}

#form-botoes.fixed{

	position: fixed;

	bottom: 0;

}

#form-botoes.fixed .corpo-botoes{

	position: relative;

	z-index: 1;

	width: 100%;

}

#form-botoes.fixed .bg-form{

	position: fixed;

	bottom: 0;

	left: 0;

	z-index:0;

	width:100%;

	height: 80px;

	background:#999;

	opacity:0.5;

	filter:alpha(opacity=50);

}



.campoMicroModulo,

.campoManyMany {

	width: 119%;

	clear: both;

}



.campoManyMany label {float: left;width: 33%;}



.bt-listagem { display:block; margin-top:5px; }

.bt-excluir { cursor: pointer; }

.btn.bt-exportar { width: 140px; }



/* MULTIPLE UPLOAD */

.form-multiple-upload,

.imgExistentes {

	padding: 5px;

	border: 2px solid #666;

	background-color: #eee;

	margin-top: 10px;

}

.form-multiple-upload #msg_foto {

	font-weight: bold;	

}



/* REFERENTE A LISTAGEM */

.tbl-listagem{

	font-size: 12px;

	color: #000 !important;

	background: #404040;

	width: 100%;

	margin: 2%;

	max-width: 96%;

}



.tbl-fixed { 

	position: fixed; 

	top:0;

	height: 35px;

	background: #404040;

	/* margin-left: 2%; */

	width: 100%;

}



.tbl-fixed th a { color: #fff; }



.tbl-linha{

	cursor: pointer;

}



.tbl-listagem td.tbl-linha-over, ul.tbl-listagem li.tbl-linha-over {

	/*background-color: #000;*/

}



.tbl-fixed th, 

.tbl-listagem th{

	text-align: left;

	padding: 10px;

	/*width: 10%;*/

	color: #000 !important;

}

.tbl-listagem td{

	text-align: left;

	padding: 10px 0 10px 10px;

	background-color: #FFFFFF;

	border-bottom: 1px dotted #cccccc;

	color: #64676E;

}



.listando { text-align:right; }



.divUpload {

	width: 500px;

	float: left;

	clear: both;

}



.divImgContainer {

	float: left;

	padding: 5px;

	width: 500px;

}



.divImgContainer > div {

	padding-bottom:5px;

}



.divImgContainer > img {

	margin: 0 10px 10px ;

	float:left;

}



.divImgContainer .input_legenda,

.divImgContainer .input_text {

	padding:2px;

	width:250px;

	border: 1px solid #ccc;

}







/* PESQUISA */

.pesquisa{

	margin: 0 auto;

	padding: 20px 0;

	max-width: 517px;

	margin: 0px 2% 0 34px;

	background: #FFF;

	border-radius: 0 5px 5px 5px;

}

.pesquisa-campo{

	float: left;

	margin: 0 10px 10px 0;

	text-align: right;

	width: 100px;

}

.pesquisa-campo2{

	float: left;

	margin: 0 10px 0 10px;

}

.pesquisa-valor{

	float: left;

	margin: 0 0 10px 0;

}



.pesquisa-valor .input_select {

	border: 1px solid #ccc;

	padding:2px;

}



.pesquisa-valor .input_select option {

	padding:2px;

}



.pesquisa-valor .checkboxComboAdd {

	margin-right:5px;

}



.pesquisa-check {

	float: left;

	margin: 2px 10px 10px 0;

}

.input-text-pesquisa{

	width: 350px;

	border: 1px solid #979797;

}



/* PAGINAÇÃO */

.paginacao#paginacao-topo .corpoPaginacao { float:right;}

.paginacao#paginacao-topo .botao { float:left;}

.paginacao{

	/* background: #f1f1f1; */

	margin: 20px 2% 0 2%;

	/* padding: 6px; */

	height: 35px;

}

.paginacao-anterior{

	float: left;

	margin: 3px -1px 0 0;

}

.paginacao-proxima{
  float: left;
  margin: 3px 0 0 -1px;
}

.paginacao-paginas{

	float: left;

}



.divImgContainer {

	float: left;

	padding: 5px;

	width: 100%;

}



.divUpload {

	float: left;

	clear: both;

}

.bt-limpar{

	float:left;

	margin-left:5px;

	cursor:pointer;	

}

.pesquisar{

	display:none;

}



/* Ordenação */



ul.tbl-listagem {

	list-style: none;	

	background: #FFF;

}



ul.tbl-listagem li.tbl-linha {

	border-top: 1px solid #CCC;

}



ul.tbl-listagem li {

	padding: 10px;

}



dt {

	font-weight: bold;

}



dt, dd {

	display: block;

	float: left;

}



#URL-Ordem {

	display: none;

}





/* < Button */

.btn {

	display: block;

	outline: none;

	text-decoration: none;

	color: white;

	font-weight: bold;

	font-size: 12px;

	background: #999; 

	border-radius: 2px; 

	width: 120px;

	text-align: center; 

	float: left; 

	border-radius: 5px;

	margin-right: 10px; 

}



.btn:hover { background: #AEAEAE; }

.btn:active { background: #818181; }



.btn span {

	display: block;

	padding: 5px 11px;

	line-height: 26px;

	/* border: solid #BE3F3F; */

	/* border-width: 0 0 3px 0; */

	/* border-radius: 0 0 5px 5px; */

}



.btn.novo-registro,

.btn.salvarMicromodulo,

.btn.salvar,

.btn.salvar-continuar { 

	background: #46be9c; 

	width: 80px;

}

.btn.novo-registro { width: 120px; margin: 20px 0 0 0;}



.btn.salvar-continuar { width: 150px; }



.btn.novo-registro:active,

.btn.salvar:active,

.btn.salvar-continuar:active {

	background: #27527E;

}



.btn.novo-registro:hover,

.btn.salvar:hover,

.btn.salvar-continuar:hover {

	/*background: #4189D1;*/

}



.btn.cancelar {

	width: 80px;

}



.campoMicroModulo .btn { width:70px; margin-bottom: 5px; padding: 4px 0; }

.campoMicroModulo .salvarMicromodulo {

	width: 100px;

	margin-top: 5px;

	padding: 4px 0;

	float: none;

	margin-bottom: 0;

}





/* > Button */



/* < LOGIN */

#pagina-login { background: #f1f1f1; background-image: url(../img/backL.png); background-repeat: no-repeat; background-position: center bottom;}

#pagina-login .tit-princ { font-size: 19px; margin-bottom: 10px; text-align: center;  color: #A19595; padding: 0 0 20px 0; font-weight: 500;}

#pagina-login #site-topo { margin-bottom:60px; }

#formLogin {

	width: 308px;

	margin: 0 auto;

	/* border: 1px solid #ccc; */

	/* border-right: 1px solid #999; */

	/* border-bottom: 2px solid #999; */

	background: #fff;

	padding: 39px;

	border-radius: 5px;

}



#formLogin .form-campo-titulo {

	width: 60px;

}

#formLogin .form-campo {

	width: 210px;

}

#formLogin .form-campo .input-text {

	width: 200px;

}



#formLogin .login-msg {

	padding: 10px 3px;

	color: #ff0000;

}



#formLogin .login-msg ul li {

	margin-left: 20px;

	list-style: square;

}



/* > LOGIN*/



/* < fCheckBox */



.fCheckBox { width:600px; }

.fCheckBox .item { list-style-image: url("../img/setinha.png"); }

.fCheckBox .item ul { margin-left: 15px; padding-left: 5px; }

.fCheckBox > .item { float:left; width: 275px; list-style: none; }

/* > fCheckBox */



/* Videos */

.btn-add-video { background: url("../img/icons/ico-plus.png"); width:16px; height:16px; border:0; cursor:pointer;}

.divVideoContainer {

	padding: 20px;

	width: 500px;

}



.divVideoContainer > div {

	padding-bottom:5px;

}



.divVideos ul li img {

	margin-left: 59px;

}



.divVideoContainer > img {

	margin: 0 10px 10px ;

	float:left;

}



.divVideoContainer .input_legenda,

.divVideoContainer .input_text {

	padding:2px;

	width:250px;

	border: 1px solid #ccc;

}



.form-bt { float:left; margin-right: 10px; }

.ui-widget-content .form-campo-titulo { width: 100%; display: block; text-align: left; }

.ui-widget-content .form-campo { width: 100%; }



.botao-paginacao { width: 300px; margin: 0 auto; margin-top: 5px; background-color:#366FA8; }

.botao-paginacao .btn-paginacao { height: 29px; background:url(../img/sprite_scroll.gif) no-repeat -300px 0; display: block; text-indent: -999px; overflow: hidden; }

.botao-paginacao .btn-paginacao:hover { background-position:-300px -29px; }

.botao-paginacao .btn-paginacao:active { background-position:-300px -58px; }

.botao-paginacao.btn-voltar-paginacao .btn-paginacao { background-position:-300px -87px; }



.help { display: inline; padding: 5px; cursor: help; position: relative; z-index: 2; }

.help span { display: none !important; position: absolute; left: -220px; top: 0; width: 200px !important; background-color: #B3D5F6; border: 1px solid #A5CDF3; padding: 10px; }

.help span ul { margin-top: 5px; }

.help span li { list-style: disc outside none; margin-left: 13px; }

.help:hover span { display: block !important; }



.remover {

	background: url("../img/remove.gif") no-repeat scroll 0 0 transparent;

	display: inline-block;

	height: 15px;

	overflow: hidden;

	text-indent: -999px;

	width: 15px;

}



.listaTag { width: 550px; }



.listaTag li {

	background-color: #DFEFFC;

	border: 1px solid #C5DBEC;

	color: #2E6E9E;

	cursor: pointer;

	float: left;

	list-style: none outside none;

	margin: 2px;

	padding: 4px;

	position: relative;

}

#frmCadastro{
    background: #fff;
	
    padding: 30px 20px 20px 20px;
    width: 73%;
    border-radius: 5px;
    margin: auto;
    /* box-shadow: 0 1px 1px 0 rgba(50,50,50,0.2); */
}

input[type="checkbox"]{
	background: #000;
}
.leftSairEditar{
    float: right;
    background: #766A6A;
    width: 70px;
    /* height: 69px; */
    /* padding-top: 14px; */
    text-align: center;
}
.leftSairEditar .editarU{
    display: block;
    color: #fff;
    font-size: 14px;
    padding: 9px 0;
    text-decoration: none;
    background: #46BE9C;
    -webkit-transition: 0.5s ease-in;
-moz-transition: 0.5s ease-in;
-o-transition: 0.5s ease-in;
transition: 0.5s ease-in;
}
.leftSairEditar .sairU{
    display: block;
    color: #fff;
    font-size: 14px;
    padding: 9px 0;
    text-decoration: none;
    background: #D76370;
    -webkit-transition: 0.5s ease-in;
-moz-transition: 0.5s ease-in;
-o-transition: 0.5s ease-in;
transition: 0.5s ease-in;
}
.leftSairEditar .editarU:hover{
	background: #68D5B6;
}
.leftSairEditar .sairU:hover{
	background: #E48993;
}
.rightNome{
    width: 432px;
    height: 69px;
    float: left;
}
.rightNome p{
    font-size: 17px;
    text-align: right;
    padding: 23px 20px 0 0;
    color: #F7F7F7;
}
.corpo-botoes{
    margin-left: 25%;
	
}
.bt-pesquisar{
    margin: 5px 0 0 33px;
	
    background: #404040;
    width: 110px;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
    text-align: center;
    font-size: 12px;
}
#pagina-login .btn{
	width: 305px;
	margin: auto;
	display: block;
	background: #00b8ca;
	font-size: 18px;
}

a#btn-login {}
.imgPerfil{
    /* background: #766A6A; */
    width: 50px;
    float: left;
    height: 50px;
    border-radius: 50%;
    margin-top: 10px;
    background: url(../img/usuarioPerfil.png);
    display: none;
    /* box-shadow: 0 0 5px #666; */
}
.imgPerfil img{
	max-width: 50px;
	height: 50px;
	/* border-radius: 50%; */
	border-radius: 50%;
}
/*.redes{
    float: left;

    background: #EFEFEF;
    width: 326px;
    height: 70px;
}
.face{
    width: 37px;
	
    height: 70px;
    background: #000;
}*/
.nRegistros{
    padding: 3px 0 0 38px;
	
}
.radio {
    height: 30px;

    vertical-align: middle;
}
input.radio {

}
.TitutloCadastro{
    padding-top: 33px;
    font-weight: 500;
    font-family: tahoma;
    font-size: 28px;
}

input.input-text{
	background: transparent;
  color: #727a8e;
  font-size: 12px;
    padding: 8px 15px;
}

#pagina-login #site-topo{
	display: none;
}

html, body{
	height: 100%;
}
.loginLogo{
    padding: 49px 0 18px 0;
	
    margin: auto;
    display: block;
}
.Imagem{}




/*------------*/


.paginacao strong{
	padding: 5px 7px;
	background: #FFF;
	color: #FFFFFF;
	border: #666 1px solid;
	background: #404040;
	font-family: tahoma;
	font-size: 12px;
}
.paginacao a{
    padding: 5px 7px;        
    color: #404040;    border: #666 1px solid;    
    background: #FFFFFF;    font-family: tahoma;    font-size: 12px;
}