
*{
    font-size: 12px;
	font-family: Calibri, Calibri, Calibri, sans-serif;
	color: #333333;
	margin:0;
    padding:0;
}

/* PÁGINA DE ERRO 404 - NÃO MECHER */

#erro-total{
	width:700px;
	height:270px;
	margin:15px 0;
}

#imagem-centralizada{
	width:100%;
	text-align:center;
	margin:10px 0;
}

#texto-404{
	width:100%;
}

/* #####################FINAL###################### */

/* all pages */

a
{
	text-decoration:none;
}

.esquerda, .esquerdo, .left, .float-left
{
	float: left;
	display: table;
	margin: 0px 10px 10px 0px;
}

.direita, .direito, .right, .float-right
{
	float: right;
	display: table;
	margin: 0px 0px 10px 10px;
}

.meio, .center
{
	display: table;
	margin: 20px auto;
}

.borda
{
	padding: 2px;
	background: #fff;
	box-shadow: 0px 0px 2px 0px #666;
}

.global
{
	margin: 0 auto;
}

.conteudo-pages
{
	min-height: 500px;
	width: 998px;
	margin: 0 auto;
}

.texto-pages{
	font:15px/25px "Calibri";
	color:#000;
	text-align:justify;
}

.texto-pages h1{
	font:25px "Calibri";
	padding-left:20px;
	margin-bottom:15px;
	font-weight:bold;
	color:#000;
}

.texto-pages h2{
	font:20px "Calibri";
	padding-left:10px;
	margin-bottom:15px;
	font-weight:bold;
	color:#000;
}

.slider-total
{
	padding: 25px 0px;
	background: linear-gradient(to right, rgb(0, 57, 125) 50%, rgba(247, 243, 243, 0) 50%), rgba(9,69,141,1);
	background-size: 20px;
	border-top: 2px solid;
	border-bottom: 2px solid rgb(255, 255, 255);
	box-shadow: 0px 0px 0px 4px rgba(9,69,141,1);
}

body {
	background: linear-gradient(to right, #FFFFFF, transparent), #F1F1F1;
	background-size: 4px 10px;
}

.slider
{
	width: 1000px;
	margin: 0 auto;
	border: 7px solid rgb(255, 255, 255);
}


.slider {}

.slick-track
{
	max-width: none;
}

.slider .slick-prev
{
	left: 45px !important;
}

.slider .slick-next
{
	right: 45px !important;
}

.slider img {
	max-width: 100%;
}

.slider2 .slick-active
{
	opacity: 0.6 !important;
}

.slider2 .slick-center
{
	opacity: 1 !important;
}

.slider2 .slick-slide {
  display: flex !important;
  justify-content: center;
  flex-direction: column;
  height: 160px;
  opacity: 0.0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -os-transition: all 0.3s;
}


.slider2 .slick-prev {
  right: 50px;
  left: initial;
	top: 0px;
}

.slider2 .slick-next {
	top: 0px;
	right: 0px;
}

.menu-resp
{
	display: none;
}

.topo-total
{

}

.topo
{
	text-align: center;
	width: 998px;
	margin: 0 auto;
	position: relative;
	padding-top: 100px;
	padding-bottom: 30px;
}

.logo
{
	display: inline-block;
}

.telefone
{
	position: absolute;
	right: 10px;
	top: 20px;
	font: 17px/34px "arial";
	font-family: Calibri;
	text-align: right;
	font-style: italic;
	text-shadow: 0px 0px 1px #666;
}

span
{
	color: Navy;
}
.telefone span
{
	font: 17px "arial";
	font-family: Calibri;
}

.menu
{
	width: 1050px;
	margin: 0 auto;
	text-align: center;
	border-top: 1px solid #746464;
	border: 1px solid #746464;
	box-shadow: 0px 0px 0px 4px #5B4F4F;
	margin-bottom: 30px;
	background: linear-gradient(to right, #5B4F4F 50%, transparent 50%), #5F5252;
	background-size: 20px;
	border-radius: 38px;
}

.menu li
{
	display: inline-block;
	vertical-align:middle;
	padding: 0px 10px;
}

.menu li a
{
	font: 19px "calibri";
	color: #fff;
	text-shadow: 0px 0px 1px #999797;
	padding: 23px 6px;
	display: block;
	margin-top: -11px;
	margin-bottom: -11px;
	-webkit-transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	-o-transition: transform 0.3s;
	-ms-transition: transform 0.3s;
}

.menu li:hover a
{
	background: linear-gradient(to bottom, #0000CD, #00008B);
	border-right: 5px solid #0000CD;
	margin-right: -5px;
	border-radius: 5px 10px 10px 8px;
	-webkit-transform: scale(1.1);
	box-shadow: -3px 0px 7px -4px #0000CD;
}

.menu .ativo
{
	background: linear-gradient(to bottom, #0000CD, #BA1310);
	border-right: 5px solid #0000CD;
	margin-right: -5px;
	border-radius: 5px 10px 10px 8px;
	box-shadow: -3px 0px 7px -4px #000;
}

.rodape-total
{
	text-align: center;
	padding: 15px 0px;
	border-top: 1px solid #746464;
	border: 1px solid #746464;
	box-shadow: 0px 0px 0px 4px #5B4F4F;
	margin-bottom: 30px;
	background: linear-gradient(to right, #5B4F4F 50%, transparent 50%), #5F5252;
	background-size: 20px;
}

.rodape div
{
	color: #fff;
	display: inline-block;
	vertical-align:middle;
	padding: 0px 20px;
}

.rodape .texto-rodape
{
	text-align:left;
	border-left: 1px solid #fff;
	padding-left: 10px;
}

.box-01
{
	margin: 20px 0px;
	text-align:center;
}

.box-01 > .titulo
{
	font: 24px "";
	width: 100%;
	margin-bottom: 10px;
	font-family: calibri;
	text-shadow: 0px 0px 1px #000;
}
.box-01 > .titulo span
{
	font: 24px "calibri";
	width: 100%;
	font-family: calibri;
	text-shadow: 0px 0px 1px rgb(0, 57, 125);
}

.box-01 .img {
	width: 200px;
	height: 160px;
	overflow: hidden;
	padding: 11px;
	background: linear-gradient(to bottom, #FFFFFF, #F2F2F2);
	box-shadow: 0px 0px 2px 0px #A2A2A2;
	border-radius: 10px;
	-webkit-transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	-o-transition: transform 0.3s;
	-ms-transition: transform 0.3s;
	z-index: 1;
	position:relative;
}
.box-01 .img img{
	border-radius: 10px;
}

.box-01 div
{
	display: inline-block;
	vertical-align: middle;
}

.box-01 .item
{
	width: 222px;
	padding: 10px 10px;
}

.box-01 .item:hover .img
{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
}

.box-01 .item:hover .titulo
{
	-webkit-transform: rotateX(360deg);
	-moz-transform: rotateX(360deg);
	-o-transform: rotateX(360deg);
	-ms-transform: rotateX(360deg);
}
.box-01 .item:hover .entrar
{
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	-ms-filter: grayscale(0);
}



.box-01 .item .titulo {
	width: 160px;
	height: 46px;
	flex-direction: column;
	justify-content: center;
	display: inline-flex;
	text-transform: uppercase;
	margin-top: -25px;
	background: linear-gradient(to bottom, #0000CD, #00008B);
	color: #fff;
	font: 16px "Calibri";
	text-shadow: 0px 0px 13px #850000;
	letter-spacing: 1px;
	border-right: 5px solid #00008B;
	border-radius: 5px 10px 10px 8px;
	box-shadow: -3px 0px 7px -4px #000;
	z-index: 2;
	position:relative;
	-webkit-transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	-o-transition: transform 0.3s;
	-ms-transition: transform 0.3s;
}

.box-01 .conteudo
{
	margin-top: 10px;
	text-shadow: 0px 0px 1px #ACACAC;
	letter-spacing: 0px;
	text-align: justify;
}
.box-01 .conteudo span
{
	display: block;
	font-style: italic;
	padding-top: 8px;
	margin-bottom: 8px;
	font-size: 13px;
	border-top: 1px solid #DBDBDB;
}

.box-01 .entrar {
	text-align: right;
	margin-top: 10px;
	float: right;
	padding: 8px 10px;
	background: linear-gradient(to bottom, Navy, #00008B);
	-webkit-filter: grayscale(1);
	color: #fff;
	text-transform: uppercase;
	border-radius: 10px;
	letter-spacing: 1px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
}


@media only screen
and (max-width:998px)
{
	*
	{
		max-width: 100%;
		box-sizing:border-box;
	}
	.conteudo-pages
	{
		padding: 2%;
	}

	.menu
	{
		display: none;
		background: none;
		border: none;
		box-shadow: none;
		border-radius: 0px;
	}
	.menu li
	{
		width: 90%;
		margin-left: 0px;
		margin-right: 0px;
		text-align:center;
	}
	.menu li a
	{
		margin: 5px 0px;
	}
	.menu .ativo,.menu li:hover a
	{
		color: #fff;
	}
	.menu li a
	{
		color: #000;
	}
	.rodape div
	{
		width: 100%;
		margin: 20px 0px;
		text-align:center !important;
		border: none !important;
	}
}
