body
{
	width: 100%;
	margin: 0 auto !important;
	padding-bottom: 0;
	color:#5a6167 !important;
	height: 0;
}

header
{
	height: 17vh;
	background:no-repeat;
	background-image: url("../img/HeaderInternal.png");
	background-size: 100% 100%;
	top:0;
	margin-bottom: 1vw;
}

.MenuPal
{
	float: right;
	width: 40%;
	/*top: -1.7vw;*/
    /*position: relative;*/
}
.MenuPal div
{
	float: right;
	width: 100%;
}

.MenuPal div:last-child article
{
	float: right;
	width: 16.5vw;
}

.MenuPal article
{
	float: left;
	width: 12vw;
	margin: 0.8vw auto;
}

.MenuPal article:nth-child(2)
{
	border-right: 1px solid white;
	border-left: 1px solid white;
}

.MenuPal article img
{
	/*float: right;*/
	width: 5vw;
	margin: auto;
	display: block;
}
.ImgContent
{
	height: 8vw;
	min-height: 20vw;
	margin: auto 30vw;
	/*margin-right: 5%;*/

}
.ImgContent img
{
	height: 100%;
}
.PageTitle
{
	overflow: hidden;
    width: 52vw;
    min-height: 14vw;
    margin-left: 47vw;
    display: table;
}
.PageTitle p
{
	float: left;
	/*min-height: inherit;
	height: inherit;*/
	background-color: #003466;
	/*padding:0;*/
	padding: 10px 0 10px 0;
	/*padding-top: 10px;
	padding-bottom: 10px;*/
	margin: 0;
	display: inline-block;
	line-height: 1;
	margin-top: 10px;
	/*min-height: 13vw;*/
	height:13vw;

}
.PageTitle p:first-child
{
	border-radius: 50% 0 0 50%;
	width: 10%;
	position:relative;
	left:1vw;
	
}
.PageTitle p:last-child
{
	width: 90%;
	color: white;
	font-size: 3.2vw;
	font-family: times;
	text-align: right;
	font-style: italic;
	word-wrap:normal;
	padding-right: 3.5vw;
	line-height: normal;
	padding-left: 1vw;
	padding-top: 2vh;
}

.MenuPal article img:hover
{
	margin: auto;
	display: block;
	margin: auto auto auto -1vw;
}
.MenuPal article p
{
	text-align: center;
	font-family: Times New Roman;
	font-style: italic;
	font-size: 2.5vw;
	font-weight: bold;
	margin: 0 auto;
	color: white;
}

.Slogan
{
	z-index: 18;
	position: absolute;
	top:10vh;
}
.Slogan img
{
	width: 100%;
	margin-left: 3vw;
}

.logo
{
	width: 50%;
	float: left;
	margin-top: 3vh;
}
.logo img
{
	display: block;
	height: 10vh;
	margin-top: -1vh;
	margin-bottom: 0;
	margin-left: 7vw;
	/*height: 9em;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 4em;*/
}
.wrapper
{
	overflow: hidden;
}
.wrapper aside
{
	float: left;
}

.wrapper .canvas
{
	width: 80%;
	margin: 0 auto;
	float: none;
	overflow: hidden;
}
.wrapper .canvas aside
{
	/*width: auto;
	float: left;
	margin: 2vw 6vw;
	overflow: hidden;*/
}

.wrapper .canvas aside article
{
	width: 100%;
}
.wrapper .canvas aside:first-child article:first-child, .wrapper .canvas aside:nth-child(2) article:first-child, .wrapper .canvas aside:last-child article:first-child
{
	/*height: 5vh;*/
	margin-bottom: 3vw;
	overflow:hidden;
}
.canvas aside article:last-child
{
	font-size:2.8vw;
	text-align:center;
}
.canvas aside/*:nth-child(even)*/
{
	width:90%;
	float: left;
	margin: 2vw 6vw;
	overflow: hidden;
}
.canvas aside:nth-child(odd) article img
{
	/*float:left;*/
}
.canvas aside:nth-child(even) article img,.canvas aside:nth-child(even) article:last-child
{
	/*float:right;*/
	/*text-align:right;*/
}

.canvas aside:nth-child(2), .canvas aside:nth-child(3) 
{
    width: 45%;
    margin: 2vw;
}

.canvas aside article img 
{
	width: 14vw;
	display: block;
	margin: auto;
}
.wrapper .canvas aside article:last-child
{
	overflow: hidden;
}
.wrapper .canvas aside:first-child article:last-child
{
	/*margin-top: 0;*/
}


.SubMenu
{
	/*margin-left: 10vw;*/
	margin-top: 1vh;
}
.SubMenu li
{
	min-width: 5vw;
	float: left;
	font-size: 2.5vw;
	overflow: hidden;
	padding: 0 0 0 2em;
	text-align: right;
	font-weight: bold;
}

.SubMenu li:hover
{
	padding: 0 0.2em 0 1.8em;

}
.SubMenu li:hover a, .SubMenu li:hover a:hover
{
	text-decoration: none;
	color: inherit;
}
.SubMenu a
{
	color: inherit;
}

.Content
{
	width: 90%;
	min-height: 25vw;
	/*overflow-y:auto;*/
	margin: 0 auto;
	/*max-height: 40vh;*/
	/*margin-top: 2em;*/
	margin-left: 5%;
	margin-bottom:1em; 
}

.SomeContent
{
	overflow-y: auto;
	max-height: 38vw;
}
.SomeContent::-webkit-scrollbar 
{
      width: 1%;
}
.SomeContent::-webkit-scrollbar-track 
{
      background-color: #b8bcbf;
} 
.SomeContent::-webkit-scrollbar-thumb 
{
      background-color: #003466;
}
.SomeContent::-webkit-scrollbar-button 
{
      /*background-color: #dae0e5;*/
}


.Content p:first-child, .Content h1, .Content h2, .Content h3, .Content h4
{
	text-align: center;
	font-family: tahoma !important;
	font-weight:  bolder;
	font-size: 5vw;
	text-transform: uppercase;
	font-style: italic;
	width: 100%;
	margin: 0;
	padding-top: 22px;
	padding-bottom: 10px;
}
.SomeContent p
{
	font-family: tahoma !important;
	font-weight: normal !important;
	font-size: 3vw !important;
	width: 100% !important;
	margin: 0 !important;
	text-align: center !important;
	padding-bottom: 10px !important;
	padding-right: 5px !important;
	font-style: italic !important;
	text-transform: none !important;
}

.ImgCenter
{
	/*position: absolute;
	top: -92%;*/
	width: inherit;
	z-index: 15;
	background:no-repeat;
	background-image: url("../img/ImgContactenosCenter.jpg");
	background-size: 100% 100%;
	height:45vw;
}
.ImgCenter img
{
	width: 100%;
	position:relative;
	top:-0.5vw;
	/*height:45vw;*/
}
.ImgCenter img:first-child
{
	/*height:auto;
	position:relative;
	bottom:-14vw;*/
}

footer
{
	/*background-color: rgba(88,88,120,0.2);*/
	/*height: 45vw;*/
	position: relative;
	z-index: 18;
	/* top:3.5vw; */
	width: 100%;
}

footer aside article:first-child img
{
	width: 100%;
	height:15vw;
}
footer aside article:nth-child(2)
{
	font-family: times;
	font-size: 2.3vw;
	font-style: italic;
	color: #FFF;
	margin-left: 27%;
	position: relative;
	top:-3.5vw;
}
.Logos
{
	position: relative;
	z-index: 25;
}
.footer
{
	/*top:84.5%;*/
	bottom:0vw;
	position: absolute;
	margin: 0;
	overflow: hidden;
	min-height:8vw;
	max-height:15vw;
	/*height: auto;*/
	/*bottom: -2vh;*/
	z-index: 35;
}
.footer article:nth-child(3)
{
	top:-17.4vw;
	left: 72%;
	/*float: right;*/
	width: 11.5vw;
    margin: 0;
    padding: 0;
}
.footer article:nth-child(3) img
{
	width: 100%;
}
.footer article:nth-child(4)
{
	top: -22.5vw;
	left: 88%;
	width: 12vw;
	margin: 0;
    padding: 0;
}
.footer article:nth-child(4) img
{
	width: 45%;
}
.footer article:nth-child(4) p
{
	float: left;
	font-size: 0.9vw;
	color: #003466;
	/*text-align: center;*/
	font-weight: bold;
	margin: 0;
	width:100%;
	/*position: relative;*/
	/*bottom: 1vw;*/
}


nav
{
	display: block;
}
#MenuPpal > ul
{
	/*width: 700px;*/ /* Increase when adding more menu items */
	margin:0 auto;
}
#MenuPpal > ul > li{ /* will style only the top level li */
	list-style: none;
	display: inline-block;
	line-height: 1;
	margin: 1vw auto;
	position:relative;
	z-index: 70;
}

#MenuPpal > ul > li > a{
	text-decoration:none !important;
}

#MenuPpal li ul{
	position:absolute;
	list-style:none;
	text-align:right;
	width:180px;
	right: 0;
	top:70%;
	font-style: italic;
	font-family: times;
	padding-left: 0;
	/* This is important for the show/hide CSS animation */
	max-height:0px;
	overflow:hidden;
	-webkit-transition:max-height 0.4s linear;
	-moz-transition:max-height 0.4s linear;
	transition:max-height 0.4s linear;
}

#MenuPpal li ul li{
	background-color:rgba(0,52,102,0.85);
	border:1px solid white;
	border-radius: 3px;
}

#MenuPpal li ul li a{
	padding:12px;
	color:#fff !important;
	text-decoration:none !important;
	display:block;
}


#MenuPpal li ul li:nth-child(odd){

}


#MenuPpal li ul li:hover{
	font-weight: bold;
}
#MenuPpal li ul li:hover a{
	padding-right: 15px;
}

#MenuPpal li ul li:first-child{
	margin-top:25px;
	position:relative;
}

#MenuPpal li ul li:first-child:before{ /* the pointer tip */
	content:'';
	position:absolute;
	width:1px;
	height:1px;
	border:5px solid transparent;
	border-bottom-color:rgba(0,52,102,0.9);
	right: 5%;
	top:-10px;
}

#MenuPpal li ul li:last-child{
	
}

/* This will trigger the CSS */
/* transition animation on hover */

#MenuPpal li:hover ul{
	max-height:100vh; /* Increase when adding more dropdown items */
}




@media only screen and (min-width: 600px) 
{
	header
	{
		height:28vw;
		margin-bottom: 1vw;
	}
	.MenuPal
	{
		float: right;
		width: 40%;
		/*top:-0.7vw;*/
	}
	.MenuPal article
	{
		float: left;
		/*width: 4em;*/
		/*margin: 10px auto;*/
	}
	.MenuPal article img
	{
		/*float: right;*/
		width: 4vw;
		/*margin: auto;*/
		/*display: block;*/
	}
	
	.MenuPal div:last-child article 
	{
		/*float: right;*/
		width: 12.5vw;
		margin:2vw auto;
	}
	
	.ParentLevel img:first-child
	{
		
	}

	.MenuPal article img:hover
	{
		margin: auto;
		display: block;
		/*margin: auto auto auto -1vw;*/
	}
	.MenuPal article p
	{
		font-size: 2.2vw;
		
	}
	.logo
	{
		/*width: 70%;*/
	}
	.logo img
	{
		height: 17vw;
		/*margin-top: -1vh;*/
		/*margin-bottom: 0;*/
		/*margin-left: 7vw;*/
	}
	.ImgContent 
	{
		height: 8vw;
		min-height: 20vw;
		margin-left: 5vw;/*auto 7vw;*/
		margin-right: 7vw;
		/* margin-right: 5%; */
	}
	.wrapper aside 
	{
		/*float: right;*/
	}
	.PageTitle
	{
		overflow: hidden;
		width: 52vw;
		min-height: 7vw;
		/*float: right !important;*/
		display: table;
		margin-bottom: 3vw;
	}
	.PageTitle p
	{
		/*float: left;*/
		min-height: inherit;
		height: 9vw;
		/*background-color: #003466;		
		padding: 10px 0 10px 0;*/
		margin: 0;
		

	}
	.PageTitle p:first-child
	{
		border-radius: 50% 0 0 50%;
		width: 10%;
		display: table-cell;
		vertical-align: middle;
	}
	.PageTitle p:last-child
	{
		font-size: 4vw;
	}
	.SubMenu li
	{
		font-size: 10pt;
	}

	.SubMenu li:hover
	{
		padding: 0 0.2em 0 1.8em;

	}
	
	.Content
	{
		/*width: 80%;
		min-height: 25vh;
		/*overflow-y:auto;
		margin: 0 auto;
		max-height: 40vh;*/
		margin-top: 1vw;
		margin-left: 5%;
		margin-bottom:2em; 
	}

	.Content p:first-child, .Content h1, .Content h2, .Content h3, .Content h4
	{
		/*text-align: center;
		font-family: tahoma !important;
		font-weight:  bolder;*/
		font-size: 3.5vw;
		/*text-transform: uppercase;
		font-style: italic;
		width: 100%;
		margin: 0;*/
		padding-top: 2vw;
		/*padding-bottom: 10px;*/
	}
	.SomeContent
	{
		overflow-y: auto;
		max-height: 38vw;
	}
	.SomeContent p
	{
		font-size: 1.7vw !important;
		/*font-family: tahoma !important;
		font-weight: normal !important;
		
		width: 100% !important;
		margin: 0 !important;
		text-align: center !important;
		padding-bottom: 10px !important;
		padding-right: 5px !important;
		font-style: italic !important;
		text-transform: none !important;*/
	}
	footer
	{
		/*top:-7vw;*/
		/*width: 100%;*/		
	}

	footer aside article:first-child img
	{
		/*width: 100%;*/
	}
	footer aside article:nth-child(2)
	{
		font-family: times;
		font-size: 10pt;
		font-style: italic;
		color: #FFF;
		margin-left: 35%;
		position: relative;
		top:-2em;
	}
	.footer article:nth-child(3) 
	{
		top: -15.4vw;
		left: 72%;
	}
	.footer article:nth-child(4) 
	{
		top: -19.5vw;
		left: 88%;
	}
	.ImgCenter img
	{
		position:relative;
		top:-0.5vw;
	}
}

@media only screen and (min-width: 768px) 
{
	header
	{
		/*height:37vh;*/
		margin-bottom: 3vw;
	}
	.logo
	{
		/*width: 70%;*/
	}
}

@media only screen and (min-width:1000px) and (max-width:1100px)
{
	.footer article:nth-child(3) 
	{
		top: -16vw;
		left: 72%;
	}
	.footer article:nth-child(4) 
	{
		top: -19.5vw;
		left: 88%;
	}
	
	footer aside article:nth-child(2) 
	{
		font-size: 2vw;
	}
}

@media only screen and (min-width: 1200px) 
{
	header
	{
		height:27vw;
		margin-bottom: 5vw;
	}
	.logo
	{
		/*width: 70%;*/
	}
	.logo img
	{
		height: 16vw;
		margin-top: 0;
		/*margin-bottom: 0;*/
		/*margin-left: 7vw;*/
	}
	.ImgContent 
	{	
		margin-left: 10vw;
	}
	.PageTitle
	{
		/*margin: 3vw 0 3vw 9vw;*/
	}
	.PageTitle p
	{		
		height: 7vw;		
		min-height:auto;
	}
	.MenuPal 
	{
		width: 29%;
	}
	.MenuPal article 
	{
		float: left;
		width: 8vw;
	}
	
	.MenuPal article p 
	{
		font-size: 1.2vw;
	}
	.MenuPal article img:hover 
	{
		margin: auto;
		display: block;
		/* margin: auto auto auto -1vw; */
	}
	.ParentLevel img:first-child 
	{
		margin: 0;
	}
	#MenuPpal > ul > li 
	{
		right: -5vw;
		top: -1vw;
	}
	.SubMenu 
	{
		margin-top: 0;
	}
	
	.SubMenu li 
	{
		font-size: 1.7vw;
	}
	footer aside article:nth-child(2) 
	{
		font-size: 2vw;
		margin-left: 32%;		
		/*top: -2em;*/
	}
	
	.ImgCenter img 
	{
		width: 100%;
		position:relative;
		top:-0.5vw;
		/*height: initial;*/
	}
	
	.ImgCenter img:first-child 
	{
		/*display: flex;
		height:auto;
		position:absolute;
		bottom:-2vw;*/
	}
	.wrapper .canvas 
	{
		width: 90%;
	}
	.wrapper .canvas aside:first-child article:first-child, .wrapper .canvas aside:nth-child(2) article:first-child, .wrapper .canvas aside:last-child article:first-child 
	{
		margin-bottom: 1vw;
	}
	.canvas aside 
	{
		width: auto;
		min-width: 30%;
		margin: 2vw 0 2vw 2vw;
	}
	
	.canvas aside:nth-child(2), .canvas aside:nth-child(3) 
	{
		width: auto;
		min-width: 29%;
	}
	.canvas aside article img 
	{
		width: 9vw;
	}
	.canvas aside article:last-child 
	{
		font-size: 1.2vw;
	}
}
@media only screen and (min-width: 1300px) 
{
	header
	{
		
	}
	.logo
	{
		
	}
	.logo img
	{
		/*height: 9vw;*/
		margin-top: 0;
	}
	
	.ImgContent 
	{	
		margin-left: 10vw;
	}
	.PageTitle
	{
		/*margin: 3vw 0 3vw 9vw;*/
	}
	.PageTitle p
	{		
		/*height: 9vw;		*/
	}
	
	.MenuPal 
	{
		width: 29%;
	}
	.MenuPal article 
	{
		float: left;
		width: 8vw;
	}
	
	.MenuPal article p 
	{
		font-size: 1.2vw;
	}
	.MenuPal article img:hover 
	{
		margin: auto;
		display: block;
		/* margin: auto auto auto -1vw; */
	}
	.ParentLevel img:first-child 
	{
		margin: 0;
	}
	#MenuPpal > ul > li 
	{
		right: -5vw;
		top: -1vw;
	}
	
	
	.SubMenu li
	{
		font-size: 1.5vw;
	}
	.Content 
	{
		width: 90%;
		min-height: 25vh;
		margin-top: 2em;
		margin-left: 5%;
		margin-bottom: 1vw;
		height: 30vw;
	}
	.SomeContent 
	{		
		max-height: 26vw;
	}
	.ImgCenter img
	{
		width: 100%;
		/*height:initial;*/
	}
	.ImgCenter img:first-child 
	{
		/*display: flex;
		height:auto;
		position:absolute;
		bottom:-25vw;*/
	}
	
	footer 
	{
		top: 0;
	}
	footer aside article:nth-child(2) 
	{
		/*font-family: times;*/
		font-size: 2vw;
		/*font-style: italic;
		color: #FFF;*/
		margin-left: 32%;
		position: relative;
		top: -2em;
	}
	.footer 
	{
		
	}
	
	
}

@media only screen and (min-width: 1500px) 
{
	body
	{
		width: 1485px;
	}
	
	header
	{
		height:17vw;
		margin-bottom: 1vw;
	}
	.logo
	{
		/*width: 70%;*/
	}
	.logo img
	{
		height: 9vw;
		margin-top: 0;
		/*margin-bottom: 0;*/
		/*margin-left: 7vw;*/
	}
	.MenuPal 
	{
		width: 40%
	}
	.MenuPal article 
	{
		float: left;
		width: 8vw;
		margin: 0.8vw auto !important;
	}
	
	.MenuPal article p 
	{
		font-size: 1.2vw;
	}
	.MenuPal article img:hover 
	{
		margin: auto;
		display: block;
		/* margin: auto auto auto -1vw; */
	}
	
	.ParentLevel img:first-child:hover
	{
		/*margin: auto auto auto -1vw;*/
	}
	
	#MenuPpal li ul 
	{
		/*position: absolute;
		list-style: none;
		text-align: right;*/
		width: 17vw;
		right: 0;
		top: 70%;
		/*font-style: italic;
		font-family: times;*/
		font-size:1.5vw;
		/*padding-left: 0;
		max-height: 0px;
		overflow: hidden;
		-webkit-transition: max-height 0.4s linear;
		-moz-transition: max-height 0.4s linear;
		transition: max-height 0.4s linear;
		*/
	}
	
	.wrapper 
	{
		overflow: hidden;
		/* margin: 0; */
		/* padding: 0; */
		width: 100%;
	}
	
	.wrapper .canvas 
	{
		width: 100%;
	}
	/*.PageTitle 
	{
		overflow: hidden;
		width: 52vw;
		float: right;
		margin: 2.5vw 0;
		display: table;
	}
	*/
	.PageTitle
	{
		overflow: hidden;
		width: 33vw;
		/*min-height: 14vw;*/
		/*float: right;*/
		/*margin-left: 46%;*/
		/*margin:0;*/
		display: table;
	}
	.PageTitle p
	{
		min-height: 7vw;
		height: 7vw;
	}
	.PageTitle p:first-child
	{
		border-radius: 50% 0 0 50%;
		width: 10%;
		display: table-cell;
		vertical-align: middle;
	}
	.PageTitle p:last-child
	{
		/*width: 90%;
		color: white;*/
		font-size: 3vw;
		/*font-family: times;
		text-align: right;
		font-style: italic;
		word-wrap:normal;
		padding-right: 1.5vw;
		display: table-cell;
		vertical-align: middle;*/
		/*vertical-align: middle;
		margin: 0;
		
		padding: 1.5vw 1.5vw 0 0;*/
	}
	.MenuPal article 
	{
       	width: 5.5vw;
    }
	.MenuPal article img 
	{
    	width: 2.1vw;
    }
	
	.MenuPal article img:hover
	{
		margin: auto;
		display: block;
	}
	.MenuPal article p
	{
		font-size: 1.2vw;		
	}
	
	.MenuPal div:last-child article 
	{
		float: right;
		width: 10vw;
		margin: 2vw auto;
		margin-top: 0.5vw;
	}
	
	.SubMenu li
	{
		font-size: 1.5vw;
	}
	.Content 
	{
		width: 90%;
		min-height: 25vh;
		margin-top: 2em;
		margin-left: 5%;
		margin-bottom: 1vw;
		height: 30vw;
	}
	.SomeContent 
	{		
		max-height: 26vw;
	}
	.ImgCenter
	{
		height:45vw;
		background-size: 99% 100%;
	}
	.ImgCenter img
	{
		width: 100%;
		height:auto;
	}
	footer 
	{
		/* background-color: rgba(88,88,120,0.2); */
		/*height: 40vw;/*33vw;*/
		/*top: -5.5vw;/*-15vw;*/
		/*background-size: 100% 100%;
		background-repeat: no-repeat;*/
	}
	footer aside article:nth-child(2) 
	{
		/*font-family: times;*/
		font-size: 1.6vw;
		/*font-style: italic;
		color: #FFF;*/
		margin-left: 32%;
		position: relative;
		top: -2em;
	}
	
	.footer
	{
		width:100%;
		bottom: -5vw;
	}
	
	.footer article:nth-child(3) img 
	{
		width: 75%;
	}
	
	.footer article:nth-child(3) 
	{
		top: -11.5vw;
		left: 72%;
	}
	.footer article:nth-child(4) 
	{
		top: -14vw;
	}
	.footer article:nth-child(4) img 
	{
		width: 30%;
	}
	.footer article:nth-child(4) p 
	{
		font-size: 0.6vw;
	}
	
	footer aside article:first-child img 
	{
		width: 100%;
		height: 10vw;
	}
	
	.canvas aside:nth-child(2), .canvas aside:nth-child(3) 
	{
		min-width: 28%;
	}
	.ImgCenter img:first-child 
	{
		position: inherit;
		bottom: auto;
	}
}