@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
}
.wrapper {
	width: 70%;
	margin: auto;
	overflow:hidden;
	
}
.nav-container{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

header {
  background: rgba(0,0,0,0.9);
  width: 100%;
  position: fixed;
	z-index: 10;
}

.contenido{
	padding: 8rem;
}

nav {
  float: right; /* Desplazamos el nav hacia la derecha */
}
nav ul {
  margin: 0;
  padding: 0;
	list-style: none;
}
nav ul li {
  font-family: Arial, sans-serif;
  font-size: 16px;
  transition: all 0.4s linear;
	display: inline-block;
}
nav ul li a {
  display: block; /* Convertimos los elementos a en elementos bloque para manipular el padding */
  padding: 1rem 1rem;
  color: #fff;
  text-decoration: none;
	
}
nav ul li:hover {
  background: #3ead47;
}

			.nav li ul li ul {
				right:-140px;
				top:0px;
			}
/* CSS Document */
.figcaption{
	color :#000;
}
a {
	text-decoration: none;
	color: #fff;
}
.tec :hover{
	cursor: pointer;	
}
body {
	margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
}
html{
	background:url(../IMG/BGIMG.png);background-repeat:repeat;
}
td.title01{
	font-family:Arial, Helvetica, sans-serif;font-size:30px;color:#333;
	height:30px;
}
font{
	color:#333;
}
table.tablemain01{
	border:#F0E216;background-color:#FFF;border-style:solid;border-width:1px;
	width:100%;
	padding:10px;
}
table.tablemain02{
	border:#F0E216;background-color:#FFF;border-style:solid;border-width:1px;
	padding:5px;
	width:216px;
	height:300px;
}
table.tablemain03{
	border:#F0E216;background-color:#FFF;border-style:solid;border-width:1px;
	padding:5px;
	width:100%;
}
td.tablemain01{
	vertical-align:text-top;
}
td.footer01{
	font-size:9px;
	padding: 5px 15px;
	color:#666;
	line-height:1px;
}
table.tablePopUp{
	border:#999;background-color:#FFF;border-style:solid;border-width:1px; border-radius:5px;
}
strong{
	color:#333;
}
 
.img-portada{
	padding-top: 1.5rem
}

@media only screen and (max-width:1600px){
	
	.img-portada{
		padding-top: 2.5rem
	}
	.wrapper {
		width: 78%;
		margin: auto;
		overflow:hidden;
	}
	
}

@media only screen and (max-width:1024px){
	
	.img-portada{
		padding-top: 2.5rem;
		width: 100%;
	}
	.wrapper {
		width: 90%;
		margin: auto;
		overflow:hidden;
	}
	
}
