

/* MENU -------------------------------------------------------*/


/* -------- header -----------*/





#logo_menu{display: none;}
#logo_menu:hover{
	box-shadow: 0 0 1em #fff, 0 0 1em #fff, 0 0 2em #fff, 0 0 2em #fff;
}

.menu_principal{
	position: absolute;
	right: 15%;
	width: 60%;
	height: 32px;
	top: 110px;

}

.toggle, [id^=drop] {
	display: none;
}

nav {
	float: right;
	list-style: none;
	margin-right: 0%;
	margin-bottom: 0%;
	box-shadow: 0 0 .5em #fff;
	border-radius: 10px;
	height: 100%;
}


nav:after {
  content: "";
  display: block;

}

nav ul {
	list-style: none;
	position: relative;
	list-style-type: none;
	padding: 0%;
	margin: 0px;
	float: right;
	text-align: center;
}

nav ul li {
	margin: 0px;
	display: inline-block;
	background-color: #3365A4;
	position: relative;
	float: left;
}





.covid{background-color: #A21B2F;}

.covid a{font-weight: bold;}

nav .covid a:hover{
    background: #d6233e;
    color: #fff;
    text-shadow: 0 0 1em #fff;
}
















nav ul .liHome{
	border-radius: 10px 0px 0px 10px;
}
nav ul .liContato{
	border-radius: 0px 10px 10px 0px;
}

nav a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11.5px;
	padding: 10px;
	display: block;
	margin-bottom: 0;
	border-radius: 10px;
}

/*nav ul li:hover, nav li a:hover{*/
nav li a:hover{
    background: #6983A4;
    color: #fff;
    text-shadow: 0 0 1em #fff;
}


nav li ul, nav li ul li ul{

    z-index: 99;
    -webkit-transition: opacity 0.3s ease-in, visibility 0.3s ease-in, background 0.3s ease-in;
    -moz-transition: opacity 0.3s ease-in, visibility 0.3s ease-in, background 0.3s ease-in;
    -o-transition: opacity 0.3s ease-in, visibility 0.3s ease-in, background 0.3s ease-in;
    transition: opacity 0.3s ease-in, visibility 0.3s ease-in, background 0.3s ease-in;

}

nav ul li ul li{
	border-top: solid 2px #285082;
}

nav ul li ul li:hover {
	visibility: visible;
	opacity: 1;
	background: #3365A4;
}

nav a:hover { background-color: #6983A4; }

nav ul ul {
  display: none;
  position: absolute;
  top: 32px;
}



nav ul ul li {
  width: 180px;
  float: none;
  display: list-item;
  position: relative;
	background-color: #3a4a5e;

}

nav ul ul ul li {
  position: relative;
  top: -35px;
  left: 178px;
	background-color: #201d27;
}



li > a:only-child:after { content: ''; }


input#control-nav {
	visibility: hidden;
	position: absolute;
	left: -9999px;
	opacity: 0;
}

.float-r { float: right; }

.LCescuro a{
	float: left;
	width: 41%;
	display: inline;
	border: solid #6983A4;
	background-color: #201d27;
}
.LCescuro{
	display: none;
	background-color: #201d27;
}
.LCescuro2{
	float: left;
	width: 100%;
	margin-top: 38%;
	border: solid #201D27; 
	border-width: 1px 0px 1px 0px;
}
.LCescuro2, .LCescuro2 a{
	background-color: #92A4BB;
}
.LCescuro .LCb1{border-width: 0px 1px 0px 0px;}
.LCescuro .LCb12{
	padding: 0px;
	text-align: center;
	border: none;
	padding: 0px 10px 0px 0px;	
	width: 96%;
}
.LCescuro .LCb1 img{
	float: left;
	height: 55px;
	border-radius: 0px 10px 10px 0px;
}
.LCescuro2 .LCb1 img{
	height: 35px;
	margin: 8px 0px 8px 8px;
}
.LCescuro .LCb13, .LCescuro .LCb14{
	float: right;
	width: 80%;
	text-align: center;
	font-size: 12px;
	color: #92A4BB;
	border: solid 1px #6983A4;
	border-width: 0px 0px 1px 0px;
}
.LCescuro .LCb14{
	text-transform: capitalize;
	font-size: 12px;
	color: #92A4BB;
	margin-top: 4px;
	border: none;
}

.LCescuro2 .LCb13, .LCescuro2 .LCb14{
	color: #201D27;
}

.LCescuro .LCb2{border-width: 0px 0px 0px 1px;}



/* Media Queries
--------------------------------------------- */
@media screen and (max-width:1024px) {
	.menu_principal{
		position: absolute;
		right: 4%;
		width: 80%;
		height: 30px;
		top: 110px;
	}
}

@media all and (min-width : 768px) {
	nav ul li:hover > ul { display: inherit; }
}


@media all and (max-width : 768px) {
	header {
		min-height: 55px;
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		border-bottom: 1px solid #1e3c61;
		background: #3365A4;
		z-index: 2;
	}
	nav{
		border-radius: 20px 0px 0px 20px; 
	}

	nav a{font-size: 13px; }

	nav ul li, nav ul li a{border-radius: 0px;}

	nav ul ul ul li {
		top: 0px;
		left: 0px;
	}
	nav ul ul {
		width: 100%;
		top: 0px;
		position: relative;
	}
	.LCescuro{
		display: block;
	}
	nav ul li:after > ul { display: inherit; }
	nav ul li:before > ul { display: none; }
	
	#logo_menu{ 
		display: block;
		height: 70px;
		border-radius: 100%;
		margin-bottom: -3%;
		z-index: 1889;
		position: fixed;
		top: 0;
		left: 0;
		margin: 0%;
		padding: 0%;
	}
	#logo_menu img{
		border-radius: 100%;
		height: 100%;
		margin: 0%;
		padding: 0%;
	}

	.toggle + a, .menu { text-transform: uppercase; display: none; }

	.toggle {
		display: block;
		background-color: #3365A4;
		padding: 0 20px;
		color: #FFF;
		line-height: 42px;
		text-decoration: none;
		font-size: 13px;

	}
	.Tinterna{
		background-color: #3a4a5e;
	}

	.toggle:hover { background-color: #6983A4; }

	[id^=drop]:checked + ul { 
		display: block;
	}




	.control-nav { /* label icon */
		position: absolute;
		float: right;
		margin: none;
		right: 3%;
		top: -84px;
		display: block;
		width: 35px;
		padding: 7px 0;
		border: solid #fff;
		border-width: 4px 0;
		z-index: 2;
		cursor: pointer;
		border-radius: 5px;
	}

	.control-nav:before {
		content: "";
		display: block;
		height: 4px;
		background: #fff;
	}

	.control-nav:hover {
		box-shadow: 0 0 2em #fff;
		
	}

	.control-nav-close {
		position: fixed; /* label layer */
		right: 0;
		top: 0;
		bottom: 0;
		left: 0;
		display: block;
		z-index: 1;
		background: rgba(0,0,0,0.4);
		-webkit-transition: all 500ms ease;
		transition: all 500ms ease;
		-webkit-transform: translate(100%, 0);
		-ms-transform: translate(100%, 0);
		transform: translate(100%, 0);
	}

	/* checked nav */
	input#control-nav {
		display: block;
	}

	input#control-nav:focus ~ .control-nav {
		border-color: #000;
		box-shadow: 0px 0px 9px rgba(0,0,0,0.3);
	}

	input#control-nav:focus ~ .control-nav:before {
		background: #000;
	}

	input#control-nav:checked ~ nav, input#control-nav:checked ~ .control-nav-close {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	.list-full, .list-full li, .list-auto, .list-auto li { width: 100%; float: left; display: block; position: relative; }
	.list-auto, .list-auto li { width: auto; }

	header nav {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		width: 250px;
		border-left: 1px solid #1e3c61;
		background: rgba(241, 241, 241, .5);
		overflow-x: auto;
		z-index: 2;
		-webkit-transition: all 500ms ease;
		transition: all 500ms ease;
		-webkit-transform: translate(100%, 0);
		-ms-transform: translate(100%, 0);
		transform: translate(100%, 0);
	}


	header ul.list-auto {
		padding: 0;
	}

	header ul.list-auto li {
		width: 100%;
		border: solid #6983A4;
		border-width: 0px 0px 1px 0px;
	}

	header li a {
		padding: 15px 10px;
	}

	header li a:hover {
		background-color: #6983A4;
	}




}


@media all and (max-width : 420px) {
	
	#logo_menu{ 
		height: 65px;
	}

}



