@charset "utf-8";
body {
	font: Calibri;
	margin: 0;
	padding: 0;
	color: #00FFFF;
	background-attachment: fixed;
	background-image: url('../images/back.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% auto;
	background-position: center top;
	background-attachment: fixed;
}

.wrapper {
	width: 90%;
	max-width: 1920px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */;
	min-width: 480px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */;

	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
}
.narrow {
	width: 50%;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
}
img:hover {
	box-shadow: 0 0 6px 3px rgba(0, 255, 255, 0.9);
	transform: scale(1.01);
}
.header {
	clear: both;
	width: 100%;
	min-height: 90px;
	height: 110px;

}
.logo {
	text-align: center;
	min-height: 90px;width: 100%;
}
.translate {
	max-width: 1920px;
	text-align: center;
	margin-top: -10px;
	
}
.search {
	width: 33%;
	float: right;
	text-align: center;
	margin-top: -4%;
}
/*First remove all default margins and padding*/
nav, ul, li, a {
	padding: 0 0;
	margin: 0 0;
}
nav.navigate1 {
	background: #000000;
	width: 100%;
	padding: .5% 0 .5% 20.5%;
	float: left;
	color: #00FFFF;
	background-color: #000000;
	background-image: url('../img/topofundo.png');
	border: 1px solid #008fb3;
	font-family: Calibri;
	font-size: medium/*{fsDefault}*/;
	font-weight: bold;


	
}
/*  hnavbar  */
ul.hnavbar1 {
	background: #000000;
	list-style: none;
	font-family: Calibri;
	font-size: small/*{fsDefault}*/;
	margin-bottom: 0;
	margin-top: 10px; /* Clear floats */;
	float: center;
	width: 90%;
	position: relative;
	z-index: 5;
	top: 0px;
	left: -111px;
}
ul.hnavbar1 li {
	float: left;
	margin-right: 0.5%;
	position: relative;
	color: #00FFFF;
}
ul.hnavbar1 a {
	border-right: 1px solid rgba(0, 0, 0, .3);
	display: block;
	padding: 5px;
	color: #00FFFF;
	text-decoration: none;
	border-radius: 5px;
	font-family: Calibri;
	font-weight: 700;
}
ul.hnavbar1 a:hover {
	color: #f2f2f2;
	border-right: 1px solid rgba(0, 0, 0, .3);
	text-decoration: none;
	box-shadow: inset 0 0 10px 1px rgba(0, 0, 0, .3);
}
/*--- DROPDOWN ---*/
ul.hnavbar1 ul, ul.hnavbar1 li:hover ul li ul {
	list-style: none;
	position: absolute;
	display: none;
}
ul.hnavbar1 ul li {
	padding-top: 0px;
	float: none;
}
ul.hnavbar1 ul a {
	white-space: wrap;
}
ul.hnavbar1 li:hover ul {
	display: block;
	left: 0;
	z-index: 10;
}
ul.hnavbar1 li:hover ul.flyl {
	display: block;
	right: 0;
	left: auto;
	z-index: 10;
}
ul.hnavbar1 li ul li:hover ul {
	display: block;
	top: 0;
	left: 100%;
	white-space: nowrap;
	z-index: 10;
}
ul.hnavbar1 li:hover a {
	background: #000000;
	color: #FFFF00;
	text-decoration: none;
}
ul.hnavbar1 li:hover ul a {
	text-decoration: none;
}
ul.hnavbar1 li:hover ul li a:hover {
	background: #000000;
	color: #00FF00;
	box-shadow: 3px 3px 6px #000000 inset;
}
ul.hnavbar1 li ul li:hover ul.right {
	display: block;
	position: absolute;
	left: -100%; /* display  to left */;
	width: 100%; /* width is based on the containing block */;
	z-index: 10;
}
ul.hnavbar1 li ul li:hover ul.right2 {
	display: block;
	position: absolute;
	left: -800%; /* display  to left */;
	white-space: nowrap;
	width: 800%; /* width is based on the containing block */;
	z-index: 10;
}
ul.cols-2 {
	columns: 2;
	column-gap: .1em;
}
ul.cols-3 {
	columns: 3;
	column-gap: .1em;
}
ul.cols-6 {
	columns: 6;
	column-gap: .1em;
}
ul.cols-7 {
	columns: 7;
	column-gap: .1em;
}
ul.cols-8 {
	columns: 5;
	column-gap: .1em;
}
.holder {
}
.container2 {
	margin: 0 auto;
	text-align: center;
	justify-content: center;
	width: 95%;
	
}
.category {
	font-family: Calibri;
	font-size: Large/*{fsDefault}*/;
	color: #f2f2f2;
	text-decoration: none;
	margin-top: 5;
	text-align: center;
	color: #00FF00;
}
.category2 {
	font-family: Calibri;
	font-size: Large/*{fsDefault}*/;
	color: #f2f2f2;
	text-decoration: none;
	margin-top: 5;
	text-align: center;
	color: #FFFFFF;

}
.clearfloat {
	/* this class can be placed on a <br><br> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
.footer {
display: none;
	text-align: center;
	margin: auto;
	padding: 10px 0;
	background: #000000;
	position: relative;/* this gives IE6 hasLayout to properly clear */;
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}
.topl {
display: none;
	position: fixed;
	bottom: 50px;
	left: 1%;
}
.topr {
display: none;
	position: fixed;
	float: right;
	bottom: 50px;
	right: 1%;
}
.row {
	clear: both;
	display: flex;
	flex-wrap: wrap;
	padding: 0 4px;
	justify-content: center;
	justify-content: space-around;
}
.column {
	flex: 20%;
	max-width: 16.67%;
	padding: 0 4px;
}
.column img {
	margin-top: 8px;
	vertical-align: middle;
	}
/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 1048px) {
.column {
	flex: 25%;
	max-width: 25%;
}
}
/* Responsive layout - makes the 3 columns stack on top of each other instead of next to each other */
@media screen and (max-width: 500px) {
.column {
	flex: 100%;
	max-width: 100%;
}
}
h4{
	font-family: Calibri;
	font-size: small/*{fsDefault}*/;
	color: #f2f2f2;
	text-decoration: none;
	margin-top: 5;
	text-align: center;
	color: #FFFFFF;
display: none;
}

a{
	font-family: Calibri;
	font-size: medium/*{fsDefault}*/;
	color: #f2f2f2;
	text-decoration: none;
	margin-top: 5;
	text-align: center;
	color: #00FFFF;
	font-weight: 700;
}

h1, h3, h5, h6 {
	margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */;
	padding-right: 15px;
	padding-left: 15px;
	background-attachment: fixed;
	background-color: #01415B;
}
h2 {
	font-family: Calibri;
	font-size: 26px/*{fsDefault}*/;
	color: #00FF00;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}


li {
	font-family: Calibri;
	font-size: small/*{fsDefault}*/;
	color: #FFFF00;
	text-decoration: none;
	text-align: center;
}

p {
	font-family: Calibri;
	font-size: small/*{fsDefault}*/;
	color: #00FF00;
	text-decoration: none;
	margin-top: 5;
	text-align: center;
}
strong {
	font-family: Calibri;
	font-size: small/*{fsDefault}*/;
	color: #00FFFF;
	text-decoration: none;
	margin-top: 5;
	text-align: center;
}

.content img {
	max-width: 160px;
	max-height: 160px;
}
/* BeginOAWidget_Instance_2140022: #jQueryTabs */
#jQueryTabs.ui-tabs .ui-tabs-panel {
	display: block;
	border: 0px solid #008fb3;
	padding: 1ex 1.4em;
	font-family: Calibri;
	font-size: small/*{fsDefault}*/;
}
#jQueryTabs.ui-tabs .ui-tabs-nav {
	background: #000000;
	display: block;
	border: 1px solid #008fb3;
	padding: 1ex 1.4em;
	font-family: Calibri;
	font-size: medium/*{fsDefault}*/;
	background-attachment: fixed;
	background-image: url('../img/topofundo2.png');
	font-weight: bold;
	
}


/* EndOAWidget_Instance_2140022 */
* {
	background-position: 0% 0%;
	box-sizing: border-box;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
}
.display {
	/* flexbox layout - flex container config */
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
}
.display ul {
	/* ul reset */
  list-style: none;
	padding: 0;
	margin: 0;
}
.display ul li {
	padding: 5px;
/* use padding to create spacing between items, remove the borders to get the final look */ /* flex item config */flex: 16.67%; /* 100 divided by 6 is 16.666... */
}
.name {
	font-family: Calibri;
	font-size: medium/*{fsDefault}*/;
	color: #f2f2f2;
	text-decoration: none;
	margin-top: 3;
	text-align: center;
	color: #FFFFFF;
}
.thumb {
	max-height: 160px;
	max-width: 160px;
	height: auto;
	width: auto;
	border: 5px outset #0060DF;
	background: rgba(255, 255, 255);
	border-radius: 25px;
	margin: 3px;
	align: center;
}
img {
	max-height: 160px;
	max-width: 160px;
	width: auto;
	border: 5px outset #0060DF;
	background: rgba(255, 255, 255);
	border-radius: 25px;
	margin: 3px;
	align: center;
}

.reverse {
	display: block;
	text-align: center;
	max-width: 150px;
	word-break: break-all;
}
.themes {
	list-style: none;
}
.counter {
	width: 100%;
}