/**
 *   Css CRA - Editado dia 09/01/2015
 */

/* ==========================================================================
   Objetos e propriedades de estilo
   ========================================================================== */

body {
	background-color: #313232;
	font-family: LatoRegular;
	font-size: 62.5%
}
.bg-body {
	background: url(../img/bg-geral.gif) repeat
}
hr {
	border: 1px solid;
	border-top: solid 1px #c6c5c5;
	border-left: solid 1px #f2f2f2;
	border-right: solid 1px #f2f2f2;
	border-bottom: solid 1px #fff;
	height: 1px
}
p {
	color: #575757;
	font-size: 1.4em
}
a {
	color: #1c3d77;
	text-decoration: none
}
a:hover {
	color: #091b3b
}
.texto-vermelho {
	color: #e55025!important
}

/* ==========================================================================
   Header
   ========================================================================== */
.logo {
	background: url(../img/logo-cra-rj.png) no-repeat
}
.menu {
	color: #1c3d77;
	font-family: LatoLightRegular;
	font-size: 1.5em
}
.menu a {
	color: #1c3d77;
	text-decoration: none
}
.menu a:hover {
	text-decoration: underline
}
.mensagem h2 {
	color: #1c3d77;
	font-size: 2.0em;
	font-weight: 400
}
.mensagem p {
	color: #575757;
	font-size: 1.4em
}
.localizador {
	color: #6c6c6c;
	font-size: 1.4em;
	font-family: LatoLightRegular
}
.info-gerais{
	color: #929292;
	font-size: 1.6em;
	font-family: LatoRegular
}

.menu-azul {
	width: 700px;
	display: block;
	float: left;
	margin: 12px 0;
}

.menu-azul a{
	color:#fff !important;
}

.menu-azul a:hover{
	background-color:#4667a0 !important;
}

/* ==========================================================================
   Menu usuario auto atendimento
   ========================================================================== */
.logo-menu {
	background: url(../img/logo-cra-menu-atendimento.png) center no-repeat
}
.logo-menu h1 {
	visibility: hidden
}
#bg-menu-atendimento {
	border-bottom:solid 3px #15274d;
	background: #1c3d77;
}
.menu-interno {
	font: 1.2em LatoBold
}
.menu-interno ul {
	border: 1px solid #b9b8b9;
	background: #fff
}
.menu-interno ul ul {
	background: #fff
}
.menu-interno ul li {
	border: 0;
	background: 0
}
.menu-interno>li:hover {
	background: #486dad;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	transition-duration: .5s
}
.menu-interno li a {
	text-decoration: none;
	color: #FFF;
	font:14px LatoRegular, Tahoma, Geneva, sans-serif;
	background: url(../img/menu-li-decoration.png) no-repeat center right;

}
.menu-interno ul li a {
	color: #5f5e5e;
	background-image: none
}
.menu-interno ul li a:hover {
	background: #e7e7e6;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	transition-duration: .5s
}
.menu-interno .sem-seta {
	background-image: none
}

.notific-num,
.notific-novo {
	position: absolute;
	top: 5px;
	right: 10px;
	display: block;
	color: #fff;
	text-align: center;
	background-color: #e13131;
}

.notific-num {
	width: 21px;
	height: 20px;
	font-size: 11px;
	line-height: 21px;
	border-radius: 50%;
}

.notific-novo {
	top: 7px;
	padding: 2px 5px;
	font-size: 9px;
  border-radius: 3px;
}


/* ==========================================================================
   Sub menu atendimento
   ========================================================================== */

.bg-sub-menu{
	border-bottom:solid 6px #000000;
	background:#1c1e22 url(../img/img-bg-sub-menu-atendimento.jpg) repeat-x;
}

.sub-menu{
	padding:15px 0;
}

.sub-menu, .sub-menu li a{
	color:#f2f2f2;
	font-size:16px;
}

.sub-menu li:first-child{
	color:#ababab;
}

.sub-menu li a:hover{
	background:#0e0807;
}

.sub-menu a.ativo{
	color:#408fcd;
}

.sub-menu a.ativo:active{
	color:#FFFFFF;
}

.sub-menu ul{
	background:#0e0807;
}

.sub-menu>li a:hover{
	background:#0e0807;
}

.sub-menu ul li a{
	font-size:12px;
    color:#f2f2f2;
}

.sub-menu ul li a:hover{
	background:#3c3e43;
}

/* ==========================================================================
   Menu perfil
   ========================================================================== */

.menu-perfil {
	font: 1.2em LatoBold
}
.menu-perfil li {
	cursor: pointer;
	background: url(../img/menu-li-decoration-usuario.png) no-repeat 55px 30px
}
.menu-perfil li img {
	border: solid 1px #f5f6f6
}
.menu-perfil .menu-nome-usuario {
	color: #FFF;
	background-image: none
}

/* ==========================================================================
   Drop do sub-menu perfil
   ========================================================================== */
.menu-perfil>li:hover {
	background-color: #486dad;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	transition-duration: .5s
}
.menu-perfil .submenu-opcoes-perfil {
	border: solid 1px #b9b8b9
}
.submenu-opcoes-perfil li a {
	text-decoration: none;
	color: #5f5e5e;
	background: #fff
}
.submenu-opcoes-perfil li a:hover {
	background: #e7e7e6;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	transition-duration: .5s
}

/* ==========================================================================
   Conteudo
   ========================================================================== */

#container .fattoria-form h1 {
	font-size: 3.0em;
	color: #1c3d77;
	font-family: LatoRegular;
	text-transform: uppercase;
}
#container h1 {
	font-size: 3.0em;
	color: #1c3d77;
	font-family: LatoRegular;
	text-transform: uppercase;
	font-weight: 400
}
#container h2 {
	font-size: 1.6em;
	text-transform: uppercase;
	color: #575757;
	font-weight: 700
}
#container h3 {
}

/* ==========================================================================
   Conteudo auto atendimento
   ========================================================================== */

#container .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10 {
	font-family: Tahoma, Geneva, sans-serif!important
}
.sub-titulo{
	color:#1c3d77;
	font:18px Tahoma, Geneva, sans-serif;
}
.status-usuario {
	color: #5f5f5f
}
.status-usuario span {
	color: #1c3d77
}
.status-usuario .situacao {
	color: #779e42;
	font-weight: 700
}
.status-usuario .pagamento {
	font-style: normal;
	color: #989898
}
.opcoes-usuario-topico {
	cursor: pointer
}
.opcoes-usuario-topico:hover {
	background: #e3e2e2;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	transition-duration: .5s
}
.opcoes-usuario-topico h3 {
	color: #1c3d77;
	font-weight: 700
}
.opcoes-usuario-topico:hover h3 {
	color: #4c75ba;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	transition-duration: .5s
}
.opcoes-usuario-topico p {
	color: #575757;
	padding: 5px 0 0 0
}
.opcoes-usuario-topico:hover p {
	color: #878888;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	transition-duration: .5s
}
.opcoes-usuario-conteudo h4 {
	color: #1c3d77;
	font-weight: 700;
}

.paginacao li {
	color: #9a9a99
}
.paginacao li a {
	color: #9a9a99;
	text-decoration: none
}
.paginacao li a:hover {
	color: #1c3d77
}
.paginacao .anterior a {
	background: url(../img/paginacao-anterior.png) no-repeat;
	position: relative;
	top: -5px
}
.paginacao .anterior a:hover {
	background: url(../img/paginacao-anterior-hover.png) no-repeat
}
.paginacao .proxima a {
	background: url(../img/paginacao-proxima.png) no-repeat;
	position: relative;
	top: -5px
}
.paginacao .proxima a:hover {
	background: url(../img/paginacao-prox-hover.png) no-repeat
}
.paginacao .ativo {
	color: #1c3d77
}
.paginacao .ativo:hover {
	color: #9a9a99
}
#container .identificacao-processo h3 {
	color: #1c3d77
}

/* ==========================================================================
   Conteudo Pre-cadastro
   ========================================================================== */
.pre-cadastro-valor {
	color: #1C3D77;
	font-size: 1.3em
}
.pre-cadastro-protocolo {
	font-size: 1.6em;
	color: #1c3d77
}
.nome-pre-cadastrado-protocolo {
	font-family: LatoRegular;
	font-size: 1.8em;
	line-height: 1.2em;
	color: #1c3d77
}
.topico-pagamento {
	color: #1c3d77;
	font-family: LatoRegular;
	font-size: 1.8em
}

/* ==========================================================================
   Auto atendimendo
   ========================================================================== */

.titulo-nome-profissional{
	text-transform:none !important;
}

.foto-prof-atendimento span{
	background:url(../img/moldura-foto-atendimendo.png);
}

.btn-assinatura, .btn-digital, .btn-mais-op{
	color:#FFF;
	font:12px Tahoma, Geneva, sans-serif;
	background:#1c3d77;
}

.btn-assinatura:hover, .btn-digital:hover{
	color:#FFF !important;
	background:#0f264f;
}

.btn-assinatura:active, .btn-digital:active{
	background:#3f8fcd;
}

.btn-mais-op{
	background-color: #8e8f8f;
}

.btn-mais-op:hover, .btn-mais-op-ativo{
	color: #ffffff;
	background-color: #6c6c6d;
}

.btn-mais-op:active{
	background-color: #545556;
}



/* ==========================================================================
   Loader
   ========================================================================== */
.controle-form span {
	font: 1.2em LatoRegular;
	color: #575757
}

/* ==========================================================================
   Lista
   ========================================================================== */

.lista-valor p {
	color: #1C3D77;
	font-size: 1.8em;
	font-family: LatoBold
}
.lista-descricao p {
	color: #474747;
	font-size: 1.5em;
	line-height: 1.2em
}
.lista-servicos {
	list-style-image: url(../img/ico-seta.png);
	font-size: 1.8em
}

/* Lista de profissionais
   ========================================================================== */

.lista-profissionais{}

.lista-profissionais li p{
	color:#FFF;
	font:14px Tahoma, Geneva, sans-serif;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
	background:#1c3d77;
}

.lista-profissionais li span{
	background: url(../img/moldura-foto-atendimendo.png);
}

/* Lista atendimento
   ========================================================================== */
.lista-atendimento{

}

.lista-atendimento li{
	font-size:1.8em;
	background:#385e99;
}

.lista-atendimento li a{
	display:block;
	color:#FFF;
	background:url(../img/img-seta-lista.png) no-repeat;
}

.lista-atendimento li a:hover{
	padding-left:60px;
	background-position:0 -55px;
}

.lista-atendimento li:active{
	background:#1d3c6a;
}

/* Lista parcelamento Cartao
   ========================================================================== */
.coluna-list-parc {
	margin-top:0 !important;
	}

.texto-parc {width:100%;}

.lista-parcelamento{
	float:left;
	margin:10px 80px 10px 10px;
	}

.lista-parcelamento li{
	width:100%;
	height:auto;
	}

.lista-parcelamento p>div{
	margin:0 10px 0 0;
	}

.lista-parcelamento span{
	margin:0 30px 0 10px;
	}

.lista-parcelamento li:hover>p{
	color:#1c3d77;
	}

/* Lista parcelamento Boleto
   ========================================================================== */
.lista-parcelamento-boleto {
	margin:10px;
	}

.lista-parcelamento-boleto span{
	margin:0 50px 0 20px;
	}

.lista-cond-parcelamento-boleto{
	background-color:#FFFFFF;
	border:1px solid #E2E2E2;
	padding:5px 15px 15px 15px;
	box-shadow:2px 2px 2px #EBEBEB;
	}


/* ==========================================================================
   Botões
   ========================================================================== */

.voltar-perfil{
	font:14px "LatoLightRegular", Tahoma, Geneva, sans-serif;
	background:url(../img/ico-seta-voltar.png) no-repeat 0 5px;
}

.voltar-perfil:hover{
	color:#4e4f50;
}

.voltar-perfil:active{
	color:#1c3d77;
	background-position:0 -26px;
}

.voltar-perfil .nome-perfil{
	font:24px "Myriad Pro", Tahoma, Geneva, sans-serif;
}

.btn-padrao, .btn-padrao-icon{
	text-decoration: none;
	color: #FFF;
	font: 1.4em Tahoma, Geneva, sans-serif;
	display: inline-block;
	border-radius: 3px
}
.estilo-azul {
	color: #FFF;
	border: 1px solid #1c3563;
	box-shadow:
		inset 0 1px 0 0 #6b8cbb,
		inset -1px 0 0 0 #2b6096,
		inset 1px 0 0 0 #2a639a,
		inset 0 -1px 0 0 #2e598d,
		0px 0 2px 2px rgba(0,0,0,.2);
	background: #2e568b; /* Old browsers */
	background: -moz-linear-gradient(top, #2e568b 0%, #2c436c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e568b), color-stop(100%,#2c436c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2e568b 0%,#2c436c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2e568b 0%,#2c436c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #2e568b 0%,#2c436c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #2e568b 0%,#2c436c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e568b', endColorstr='#2c436c',GradientType=0 ); /* IE6-9 */
}
.estilo-azul:hover {
	color: #FFF;
	background: #2c6eb3; /* Old browsers */
	background: -moz-linear-gradient(top, #2c6eb3 0%, #2e568b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c6eb3), color-stop(100%,#2e568b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2c6eb3 0%,#2e568b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2c6eb3 0%,#2e568b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #2c6eb3 0%,#2e568b 100%); /* IE10+ */
	background: linear-gradient(to bottom, #2c6eb3 0%,#2e568b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c6eb3', endColorstr='#2e568b',GradientType=0 ); /* IE6-9 */
}

.estilo-azul:active {
	color: #FFF;
	background-color: #2a426b;
	background-image: -moz-linear-gradient(top, #2a426b 0, #2d578c 53%, #2d578c 100%);
	background-image: -webkit-linear-gradient(top, #2a426b 0, #2d578c 53%, #2d578c 100%);
	background-image: -ms-linear-gradient(top, #2a426b 0, #2d578c 53%, #2d578c 100%);
	background-image: linear-gradient(top, #2a426b 0, #2d578c 53%, #2d578c 100%);
	box-shadow-image: 0 0 0 1px rgba(180,180,181,.3) inset
}

.estilo-verde {
	color: #FFF;
	border: 1px solid #6da144;
	box-shadow:
		inset 0 1px 0 0 #92b743,
		inset -1px 0 0 0 #a7c378,
		inset 1px 0 0 0 #92b743,
		inset 0 -1px 0 0 #84b244,
		0px 0 2px 2px rgba(0,0,0,.2);
	background: #a2bd3f; /* Old browsers */
	background: -moz-linear-gradient(top, #a2bd3f 0%, #77a543 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a2bd3f), color-stop(100%,#77a543)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a2bd3f 0%,#77a543 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a2bd3f 0%,#77a543 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #a2bd3f 0%,#77a543 100%); /* IE10+ */
	background: linear-gradient(to bottom, #a2bd3f 0%,#77a543 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2bd3f', endColorstr='#77a543',GradientType=0 ); /* IE6-9 */
}

.estilo-verde:hover {
	color: #FFF;
	background: #75a444; /* Old browsers */
	background: -moz-linear-gradient(top, #75a444 0%, #72a344 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#75a444), color-stop(100%,#72a344)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #75a444 0%,#72a344 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #75a444 0%,#72a344 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #75a444 0%,#72a344 100%); /* IE10+ */
	background: linear-gradient(to bottom, #75a444 0%,#72a344 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75a444', endColorstr='#72a344',GradientType=0 ); /* IE6-9 */
}

.estilo-verde:active {
	color: #FFF;
	background-color: #2a426b;
	background: #77a543; /* Old browsers */
	background: -moz-linear-gradient(top, #77a543 0%, #a2bd3f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77a543), color-stop(100%,#a2bd3f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #77a543 0%,#a2bd3f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #77a543 0%,#a2bd3f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #77a543 0%,#a2bd3f 100%); /* IE10+ */
	background: linear-gradient(to bottom, #77a543 0%,#a2bd3f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77a543', endColorstr='#a2bd3f',GradientType=0 ); /* IE6-9 */
}

.estilo-vermelho {
	border: solid 1px #c83427;
	-webkit-box-shadow: inset 0 0 0 1px #f2925d, 0px 0 2px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 0 0 1px #f2925d, 0px 0 2px 2px rgba(0,0,0,.2);
	background: #e65526;
	background: -moz-linear-gradient(top, #e65526 0, #dd4727 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e65526), color-stop(100%, #dd4727));
	background: -webkit-linear-gradient(top, #e65526 0, #dd4727 100%);
	background: -o-linear-gradient(top, #e65526 0, #dd4727 100%);
	background: -ms-linear-gradient(top, #e65526 0, #dd4727 100%);
	background: linear-gradient(to bottom, #e65526 0, #dd4727 100%);
filter:progid:dximagetransform.microsoft.gradient(startColorstr='#e65526', endColorstr='#dd4727', GradientType=0)
}

.estilo-vermelho:hover {
	color: #FFF;
	background: #f16624;
	background: -moz-linear-gradient(top, #f16624 0, #de4926 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f16624), color-stop(100%, #de4926));
	background: -webkit-linear-gradient(top, #f16624 0, #de4926 100%);
	background: -o-linear-gradient(top, #f16624 0, #de4926 100%);
	background: -ms-linear-gradient(top, #f16624 0, #de4926 100%);
	background: linear-gradient(to bottom, #f16624 0, #de4926 100%);
filter:progid:dximagetransform.microsoft.gradient(startColorstr='#f16624', endColorstr='#de4926', GradientType=0)
}

.estilo-vermelho:active {
	color: #FFF;
	background: #de4426;
	background: -moz-linear-gradient(top, #de4426 0, #e75325 100%);
	background: -webkit-linear-gradient(top, #de4426 0, #e75325 100%);
	background: -ms-linear-gradient(top, #de4426 0, #e75325 100%);
	background: linear-gradient(top, #de4426 0, #e75325 100%);
	box-shadow: 0 0 0 1px rgba(180,180,181,.3) inset
}

.estilo-cinza {
	color: #FFF;
	border: 1px solid #ababab;
	-webkit-box-shadow: inset 0 0 1px #fff;
	-moz-box-shadow: inset 0 0 1px #fff;
	box-shadow: inset 0 0 1px #fff;
	-webkit-box-shadow: 0 0 3px #a5a08b;
	-moz-box-shadow: 0 0 3px #a5a08b;
	box-shadow: 0 0 3px #a5a08b;
	background-color: #c4c3c3;
	background-image: -moz-linear-gradient(top, #c4c3c3 0, #9b9c9c 100%);
	background-image: -webkit-linear-gradient(top, #c4c3c3 0, #9b9c9c 100%);
	background-image: -ms-linear-gradient(top, #c4c3c3 0, #9b9c9c 100%);
	background-image: linear-gradient(top, #c4c3c3 0, #9b9c9c 100%);
	-moz-transition-duration: 1s;
	-webkit-transition-duration: 1s;
	transition-duration: 1s
}
.estilo-cinza:hover {
	color: #FFF;
	background: #cdd0d4;
	border: 1px solid #cdd0d4;
	box-shadow: 2px 0 3px -1px rgba(0,0,0,.3)
}
.estilo-cinza:active {
	color: #FFF;
	background: #9b9c9c;
	background: -moz-linear-gradient(top, #9b9c9c 0, #c4c3c3 100%);
	background: -webkit-linear-gradient(top, #9b9c9c 0, #c4c3c3 100%);
	background: -ms-linear-gradient(top, #9b9c9c 0, #c4c3c3 100%);
	background: linear-gradient(top, #9b9c9c 0, #c4c3c3 100%);
	box-shadow: 0 0 0 1px rgba(180,180,181,.3) inset
}

.btn-peq{
	padding: 5px;
	font-size: 12px;
	display: inline-block;
	background-color: red;
}

.estilo-verde-nograd{
	color: #FFF;
	border: 1px solid #6da144;
	background: #a2bd3f;
}

.estilo-verde-nograd:hover {
	color: #FFF;
	background: #75a444;
}

.estilo-verde-nograd:active {
	color: #FFF;
	background-color: #2a426b;
}

.estilo-azul-nograd{
	color: #FFF;
	border: 1px solid #1c3563;
	background: #2e568b;
}
.estilo-azul-nograd:hover{
	color: #FFF;
	background: #2c6eb3;
}

.estilo-azul-nograd:active{
	color: #FFF;
	background-color: #2a426b;
}

.estilo-laranja-nograd{
	color: #FFF;
	border: solid 1px #c83427;
	background: #e65526;
}

.estilo-laranja-nograd:hover{
	color: #FFF;
	background: #f16624;
}

.estilo-laranja-nograd:active{
	color: #FFF;
	background: #de4426;
}

.estilo-cinza-nograd{
	color: #FFF;
	border: 1px solid #ababab;
	background-color: #c4c3c3;

}

.estilo-cinza-nograd:hover{
	color: #FFF;
	background: #cdd0d4;
	border: 1px solid #cdd0d4;

}
.estilo-cinza-nograd:active{
	color: #FFF;
	background: #9b9c9c;
}

/* ==========================================================================
   Rodape
   ========================================================================== */

#bg-rodape {
	background: url(../img/bg-rodape.png) repeat;
	border-bottom: 1px solid #555;
	-webkit-box-shadow: 0 -20px 30px #acacac;
	-moz-box-shadow: 0 -20px 30px #acacac;
	box-shadow: 0 -20px 30px #acacac
}
#rodape {
	font-weight: 400
}
#rodape h4 {
	background: url(../img/borda-div-rodape.gif) repeat-x bottom;
	color: #b7b7b7;
	font-size: 1.1em;
	text-transform: uppercase;
	text-shadow: -.1em -.1em #666
}
#rodape p {
	line-height: 10px;
	font-size: 1.1em
}
.branco {
	font-size: 1.3em;
	color: #fff;
	display: block
}
.coluna-rodape {
	color: #fff;
	font-size:1.2em;
}
.coluna-rodape a {
	display: block;
	padding: 10px 0 0 0;
	text-decoration: none;
	white-space: pre-line;
	line-height: 1.4em;
	font-size: 1.0em;
	color: #fff
}

.coluna-rodape .rodape-list a{
	padding:0;
}
.coluna-rodape a:hover {
	background: #4e4d4d
}
.coluna-rodape li {
	background: url(../img/borda-div-rodape.gif) repeat-x bottom
}
.coluna-rodape li:hover {
	background: #4e4d4d url(../img/borda-div-rodape.gif) repeat-x bottom;
	cursor: pointer
}
.coluna-rodape li a {
	color: #fff;
	text-decoration: none
}
#bg-rodape-copyright {
	background-color: #313232
}
#rodape-copyright p {
	color: #909090;
	font-size: 1.1em
}
.fattoriaweb {
	color: #b3b4b4;
	text-decoration: none
}
.fattoriaweb:hover {
	text-decoration: underline
}

/* ==========================================================================
   Icones
   ========================================================================== */
.ico-editar{
	background:url(../img/ico-editar-campo.png) no-repeat;
}

.ico-editar:hover{
	background-position:-18px 0;
}

.ico-editar:active{
	cursor:pointer;
	background-position:-36px 0;
}

/* ==========================================================================
   Tabela
   ========================================================================== */
.legendas-tabela:before{
	background-image:url(../img/ico-seta-azul.png);
}

.legendas-tabela{
	color:#FFF;
	font:12px/18px Tahoma, Geneva, sans-serif;
	background:#1d3d78;
}

.legendas-tabela h2{
	color:#FFF !important;
	font-size:10px !important;
}

.tabela-autoatendimento {
	color: #575757
}
.tabela-autoatendimento .header {
	background: url(../img/borda-div.gif) repeat-x bottom;
	font-weight: 700
}
.tabela-autoatendimento .header .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10 {
	padding: 0 0 10px 0
}
.tabela-autoatendimento .header .decoration {
	padding: 0 10px 0 0;
	background: url(../img-table/seta-table.png) no-repeat right
}
.tabela-autoatendimento .dados-1 .col-1 {
	padding: 0 0 0 5px
}
.tabela-autoatendimento .dados-2 {
	background: #e0e1e2
}
.tabela-autoatendimento .dados-2 .col-1 {
	padding: 0 0 0 5px
}
.tabela-autoatendimento .dados-1:hover, .dados-2:hover {
	background: #f6f6f7;
	cursor: pointer
}
.tabela-geral{
	color: #575757
}
.tabela-geral thead {
	text-transform: uppercase;
	font-weight: 700;
	background: url(../img/borda-div.gif) repeat-x bottom
}
.tabela-geral th .decoration {
	background: url(../img-table/seta-table.png) no-repeat right
}
.tabela-geral tbody {
	font-size: 1.2em
}
.tabela-geral .zebra {
	background: #E0E1E2
}
.tabela-geral .zebra:hover {
	background: transparent
}

.tabela-imagem .img-avatar {
	vertical-align: middle;
	margin-right: 10px;
	border: 1px solid white;
	box-shadow: 0 0 1px 0 #7f7f7f;
}

.ok-status{
	color:#779e42;
}

/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */

/* ==========================================================================
   Faq
   ========================================================================== */

.box-duvida{
	background:#eaeaea;
	-webkit-box-shadow:1px 1px 1px 0 #bfbdbd;
	-moz-box-shadow:1px 1px 1px 0 #bfbdbd;
	box-shadow:1px 1px 1px 0 #bfbdbd;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	}

.video-previa{
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	background: #d8d8d8 url(../img/previa-padrao-video.png) no-repeat;
	}

.faq .data{
	font-size:1em;
	border-top:dotted 1px #979696;
	}

.box-duvida:hover{
	cursor:pointer;
	background:#0a5a90;
	}

.box-duvida:hover p, .box-duvida:hover h2 {
	color:#FFF !important;
	}

.box-duvida:hover .data{
	border-top:dotted 1px #ffffff;
	}


/* ==========================================================================
   Registrar Profissional
   ========================================================================== */

.box-reg-prof h3{
	font-family:'LatoBold' !important;
	font-size:16px !important;
	color:#575757 !important;
	}

.box-img-prof {
	border:5px solid #ffffff;
	background-color:#cfcfcf;
	-moz-box-shadow: 1px 1px 0px #cecdce;
	-webkit-box-shadow: 1px 1px 0px #cecdce;
	box-shadow: 1px 1px 0px #cecdce;
	}

.cod-web-aula {
	color:#3b4ad0 !important;
	font-size:1.4em !important;
	text-transform: none !important;
	float:right;
	margin:5px 140px 10px 0;
	font-family: LatoRegular;
	}

.cod-web-aula span{
	color:#779e42;
	}


/* ==========================================================================
   Graficos
   ========================================================================== */

.cabecalho-grafico{
	text-align: center;
	line-height: 22px;
}

.cabecalho-grafico h2{
	color: #575757;
    font: 18px 'LatoBold';
}

/* ==========================================================================
   Mapa
   ========================================================================== */

.legenda-mapa li {
	font: 12px Tahoma,sans-serif;
	color: #575656;
}

/* ==========================================================================
   Lista-autocomplete
   ========================================================================== */

div.list-amigos {
	position: absolute;
	bottom: -245px;
	background-color: #fff;
	width: 87.5%;
	height: 250px;
	border: 1px solid #CFCECE;
	display: block;
	z-index: 9999;
	box-shadow: 0px 0px 8px  rgb(181, 181, 248);
}

.list-amigos ul {
	display:block !important;
	margin-left:0 !important;
}

.list-amigos ul li {
	padding:10px;
	cursor:pointer;
}

.list-amigos ul li:hover {
	background-color:#1c3d77;
}

.list-amigos ul li:hover a{
	color:#FFFFFF;
}

.list-amigos a {
	display: inline-block;
	font-size: 18px;
	vertical-align: middle !important;
}

.list-amigos ul li img {
	background-color: red;
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	float:none;
}

/* ==========================================================================
   COMENTARIOS
   ========================================================================== */
.box-post {
	display:block;
	position:relative;
}

.post-usuario {
	display:block;
	margin-bottom:25px;
}

.info-usuario-post {
	display:block;
	margin-bottom:10px;
}
.info-usuario-post img {
	width:50px;
	height:50px;
	border:1px solid #FFFFFF;
	float:left;
	border-radius:2px;
	margin:0 10px 0 0;
}

.info-usuario-post h3, .comentario-post h3 {
	font-size:14px;
	color:#1c3d77;
    font-family: 'LatoBold';
}

.info-usuario-post span, .comentario-post span {
	font-size:12px;
	color:#979595;
}
.conteudo-post p, .comentario-post p {
	font-size:14px;
	color:#0e0e0e;
    font-family: 'LatoRegular';
	margin-bottom:5px;
}
.post-func {}
.post-func li{display:inline-block;}

.post-func a {
	font-size:12px;
	color:#AAAAAA;
}

.post-func a:hover {
	color:#1c3d77;
}

.qnt-curtir {
	font-size:12px;
	color:#1c3d77;
    font-family: 'LatoBold';
	margin:0 2px;
}

.ft-coment-rede-social {
	background-color: rgb(228, 227, 227);;
	text-align:center;
	padding:5px;
}

.ft-coment-rede-social img {
	max-width:100%;
}

/* Comentario / amigo / coment post
   ========================================================================== */
.comentario-post {
	padding:10px 0;
	position:relative;
}

.content-coment-post {
	float:left;
	width:92%;
}

.comentario-post img {
	width:40px;
	height:40px;
	border:1px solid #FFFFFF;
	float:left;
	border-radius:2px;
	margin:0 10px 0 0;
}
.comentario-post h3 {
	float:left;
	margin-right:5px;
}

.comentario-post ul {
	display:inline-block;
	margin-left:5px;
}

.comentario-post a>span {
	padding-left:0;
	color:#1c3d77;
}

.comentario-post a {
	vertical-align: bottom;
}

.btn-ver-mais {
	display: block;
	margin: 0 auto 20px;
	width: 115px;
	font-size: 12px;
}

.content-coment-post textarea {
	min-height:40px;
}

.list-info-perfil {}

.list-info-perfil li {
	display:inline-block;
	position:relative;
	height:50px;
}

.list-info-perfil a {
	cursor:pointer;
	text-indent:-9999px;
	display:block;
	height: 25px;
	width: 25px;
	margin-right:20px;
}

.list-info-perfil a:hover {
	opacity:0.5;
}

.alert-amizade {
	background-image:url(../img/ico-notificacao-rede-social.png);
	background-repeat:no-repeat;
}
.alert-msg {
	background-image:url(../img/ico-msg-rede-social.png);
	background-repeat:no-repeat;
}
.alert-notif {
	background-image:url(../img/ico-alert-rede-social.png);
	background-repeat:no-repeat;
}

.num-alert {
	position:absolute;
	background-color:red;
	padding:5px;
	color:#fff;
	border-radius:4px;
	right:8px;
	top:10px;

}

/* Buscar Contato
   ========================================================================== */

.box-busc-contato {
	float:left;
	border:1px solid #c4c4c4;
	width:330px;
	padding:10px;
	margin:5px;
	position:relative;
}

.grid-12-12 .box-busc-contato {
	width:320px;
}

.box-busc-contato h3{
	font-size:14px !important;
}

.excluir-amg {
	position:absolute;
	right:10px;
	top:10px;
	font-size:16px;
	padding:5px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
}

.excluir-amg:hover {
	background-color:#D8D7D7;
	color:#fff;
	transition-duration:0.2s;
	-webkit-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	-moz-transition-duration:0.2s;
}

.box-busc-contato:hover {
	background-color:#fafafa;
	transition-duration:0.2s;
	-moz-transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	border:1px solid #8b8b8b;
}

.box-busc-contato img {
	float:left;
	margin-right:10px;
}

.box-busc-contato h3 {
	margin-bottom:5px;
	padding-right:25px;
}

.texto-padrao {
	margin:10px 0;
}

h4.sub-titulo-padrao {
	font-size: 1.6em;
	text-transform: uppercase;
	font-weight: 700;
	margin: 25px 0 10px 0;
	font-family: LatoBold;
	color: #575757;
}
/* Página interna Contato
   ========================================================================== */

.info-usuario {
	display:block;
	margin-top:10px;
}

.info-usuario img {
	width:60px;
	height:60px;
	border:1px solid #FFFFFF;
	float:left;
	border-radius:2px;
	margin:0 10px 0 0;
}

.info-usuario h3 {
	font-size:14px;
	color:#1c3d77;
    font-family: 'LatoBold';
}

.info-usuario span {
	font-size:12px;
	color:#979595;
	display:block;
	margin:5px 0;
}

.info-usuario a {
	float:left;
}

.info-usuario a img {
	width:12px;
	height:12px;
	border:none;
}

.menu-perfil-rede-social {
	border-bottom:1px solid #1f3e77;
	margin-top:10px;
	margin-bottom:20px;
}

.menu-perfil-rede-social li {
	display:inline-block;
}

.menu-perfil-rede-social li a {
    font-family: 'LatoBold';
	font-size:12px;
	color:#1c1e22;
	padding:15px 10px;
	display:block;
}

.menu-perfil-rede-social li:hover a {
	background-color:#1f3e77;
	transition-duration:0.3s;
	color:#FFF;
	transition-duration:0.3s;
}

.menu-perfil-rede-social-active {
	background-color:#1f3e77;
	color:#FFF !important;
}

.sobre-perfil {
	margin:10px 0;
}

.sobre-perfil h3 {
	font-size: 16px;
	color: #1c3d77;
	font-family: 'LatoBold';
	margin-bottom:10px;
}

.sobre-perfil p {
	margin:5px 0;
}

.btn-vermelho-peq {
	background-color: #a22016;
	margin:0 0 2px 5px;
	padding:7px 14px;
	display:block;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
	color: #FFF;
	font: 12px Tahoma, Geneva, sans-serif;
}

.btn-vermelho-peq:hover {
	background-color: #c84a40;
	color:#FFF;
}

/* Página notificações rede social
   ========================================================================== */

.lista-notificacoes {
	font-size:14px;
}

.lista-notificacoes hr{
	margin-top:10px;
}

.lista-notificacoes a {
	font-family: 'LatoBold';
	vertical-align:sub;
}

.lista-notificacoes img {
	float:left;
	margin-right:10px;
}

.lista-notificacoes span {
	color:#6c6c6d;
	vertical-align:sub;
}

.titulo-med {
	font-size:2.4em !important;
}

.input-na-table {
	width:255px;
}

.input-na-table input[type="text"] {
	width:150px !important;
	display:inline-block !important;
	margin-right:5px !important;
}

.input-na-table input[type="button"] {
	float:none !important;
	display:inline-block !important;
}

.btn-disable {
	pointer-events: none;
	-moz-pointer-events: none;
	-webkit-pointer-events: none;
	-o-pointer-events: none;
	cursor:none;
}

/* Página mensagens rede social
   ========================================================================== */

.lista-mensagens {margin:15px 0;}

.lista-mensagens li {
	cursor:pointer;
	display:block;
	position:relative;
}

.lista-mensagens hr {
	margin-bottom:0;
}

.lista-mensagens li:hover {
	background-color:#dfdfe0;
	transition-duration:0.2s;
	-webkit-transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-o-transition-duration:0.2s;
}

.lista-mensagens .content-coment-post {
	width:90%;
}

.lista-mensagens .content-coment-post h3 {
	margin-bottom:5px;
}

.lista-mensagens .comentario-post {
	padding-bottom:8px;
}

.lista-mensagens .comentario-post img {
	margin: 0 10px 0 10px;
}

.lista-mensagens-interna li:hover {
	cursor:default;
	background-color:transparent;
}

.lista-mensagens-active {
	background-color:#dfdfe0;
}

.ico-excluir-conv {
	width: 32px !important;
	height: 30px !important;
	position: absolute;
	right: 15px;
	top: 15px;
}

.ico-excluir-conv:hover {
	opacity:0.8;
	transition-duration:0.2s;
}

/* Página mensagens GRUPO rede social
   ========================================================================== */



.content-menu-grupo {
	display:block;
	position:relative;
	float:right;
	margin: 15px 10px 0 0;
}

.content-menu-grupo a {
	display:inline-block;
	padding:5px 10px;
	border-radius:4px;
}

.content-menu-grupo a:hover, .menu-msg-active {
	background-color:#D3D3D3;
	transition-duration:0.3s;
	-webkit-transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	-o-transition-duration:0.3s;
}

.menu-msg-grupo img {
	width: 4px;
	height: 17px;
	border: none;
	border-radius: 0;
	margin: 0;
}

.menu-esc-grupo {
	position: absolute;
	right: 0;
	top: 27px;
	background-color:#1c3d77;
	width: 200px;
	border-radius:3px;
	z-index:10;
	display:none;
}

.menu-esc-grupo li {
	text-align:center;
	border-bottom:1px solid #fff;
	padding:5px 15px;
}

.menu-esc-grupo li:last-child {
	border-bottom:none;
}

.menu-esc-grupo li a {
	font-size:14px;
	color:#fff;
}

ul.menu-esc-grupo a:hover {
	background-color:transparent;
}

ul.menu-esc-grupo li:hover {
	background-color:#466499;
}

.post-usuario .content-menu-grupo,
.comentario-post .content-menu-grupo {
	margin-top: 0;
	margin-right: 0;
}

.timeline-usurario {}

.timeline-usurario .content-coment-post {
	width: 88%;
}

/* Lista eventos
   ========================================================================== */

.list-eventos {}

.list-eventos li {
	display: inline-block;
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid #808080;
	border-radius: 5px;
}

.list-dia-eventos {
	float: left;
	position: relative;
	padding-left: 12px;
	padding-bottom: 15px;
	width: 140px;
	font-size: 32px;
	line-height: 10px;
	color: #fff;
	background-color: #024829;
}

.list-dia-eventos:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0px;
	width: 60px;
	height: 100%;
	background: url(../img/img-corte-azul-box.jpg) no-repeat;
}

.list-dia-eventos b {
	color: #fff;
	font: 72px/74px "LatoRegular";
	display: block;
}

.info-dia-eventos {
	float: left;
	padding: 8px 0 0;
	width: 650px;
}

.titulo-dia-eventos {
	color: #1d3c6a;
	font: 18px "LatoLightRegular";
	padding-bottom: 5px;
}

.info-dia-eventos .btn-padrao,
.info-dia-eventos .btn-padrao-icon {
	margin-right: 20px;
}

.ico-note-lapis img {
	vertical-align: bottom;
}

.btn-larg-100 {
	width:100%;
	display:block;
	text-align:center;
	padding:10px 5px;
	margin:10px 0;
	font: 1.4em Tahoma, Geneva, sans-serif;
	border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;

}