body
{
	width: 100%;
	margin: 0 auto !important;
	padding-bottom: 70px;
	color:#5a6167 !important;
	/*height: 0;*/
	background-image:url("../img/FondoEdificios.jpg");
	background-repeat:no-repeat;
	background-size:100% 100%;
}

header
{
	height: 40vw;
	background:no-repeat;
	background-size: 100% 100%;
	top:0;
	margin-bottom: -6vw;
	background-image: url("../img/ImgHeaderQS.png");

}

.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;
	margin-top: -0.7vw;
}

.MenuPal article
{
	float: left;
	width: 11.5vw;
	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: 4vw;
	margin: auto;
	display: block;
}

.ParentLevel img:first-child
{
	margin: auto auto auto -1vw;
}

.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: 2vw;
	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;
}

.PageTitle
{
	overflow: hidden;
	width: 35vw; /*****************/
	min-height: 14vw;
	/*float: right; */
	margin-left: 65vw;/*****************/
	/*display: table;*/
}
.PageTitle p
{
	float: left;
	min-height: 11vw;
	height: 11.5vw;
	background-color: #003466;
	/*padding:0;*/
	padding: 10px 0 10px 0;
	/*padding-top: 10px;
	padding-bottom: 10px;*/
	margin: 0;
	

}
.PageTitle p:first-child
{
	border-radius: 50% 0 0 50%;
	width: 10%;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	left:0.7vw;
}
.PageTitle p:last-child
{
	width: 90%;
	color: white;
	font-size: 3.5vw;
	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;*/
}

.SubMenu
{
	/*margin-left: 10vw;*/
	margin-top: -2vw;/****************/
	margin-bottom: 1.5vw; /****************/
	color: white;
}
.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: 54vw; /****************/
	/*overflow-y:auto;*/
	margin: 0 auto;
	max-height: 54vw;/****************/
	/*margin-top: 2em;*/
	margin-left: 5%;
	/*margin-bottom:1em;*/
	background-color: rgba(0,52,102,0.50);/****************/
	/*background-image: url("../img/ImgCenterQS.jpg");/****************/
	background-size: 100% 100%;/****************/
	background-blend-mode: multiply; /****************/
}

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



.SomeContent p, .Content h1, .Content h2, .Content h3, .Content h4 /****************/
{
	font-family: tahoma;
	font-weight: normal;
	font-size: 2vw;
	width: 100%;
	margin: 0;
	text-align: justify;
	padding-bottom: 2vw;
	padding-right: 2vw;
	padding-left: 2vw;
	font-style: italic;
	text-transform: none;
	color: white;
	/*line-height: 2vw;*/
}

.ImgCenter
{
	/*position: absolute;
	top: -92%;*/
	width: inherit;/*100%;*/
	z-index: 15;
}
.ImgCenter img
{
	width: 100%;
}


footer
{
	position: relative;
	z-index: 18;
	width: 100%;
	top:11vw;
	height:inherit;
}

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
{
	bottom:-8vw;
	position: relative;
	margin: 0;
	overflow: hidden;
	min-height:8vw;
	max-height:15vw;
	z-index: 35;
}
.footer article:nth-child(3)
{
	top:-17vw;
	left: 72%;
	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;
	font-weight: bold;
	margin: 0;
	width:100%;
}


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: 1px;
	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:25vw; /**********/
	right: 0;
	top:70%;
	font-style: italic;
	font-family: times;
	font-size: 2.1vw;/**********/
	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:3vw;/**********/
	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 */
}

.TitleID
{
	position: absolute;
    top: 15.5vw;/**********/
    right: 3vw;/**********/
    font-size: 4vw;/**********/
    font-family: times;
    font-weight: bold;
    font-style: italic;
    line-height: normal;
    color: white;
    width: 12vw;
    margin: 0;
}

@media only screen and (width: 375px) and (height: 812px)
{
	header
	{
		/*height:42vw;
		margin-bottom: -6vw;*/
	}
	.logo
	{
		/*width: 70%;*/
	}
	.TitleID
	{
		
		top: -10vw;/**********/
		/*right: -83vw;/**********/
		/*font-size: 4vw;/**********/
	}
}

@media only screen and (min-width: 600px) 
{
	header
	{
		height:42vw;
		margin-bottom: -5vw;
	}
	.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: 9.5vw;
	}
	
	.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: 11vh;
		/*margin-top: -1vh;*/
		/*margin-bottom: 0;*/
		/*margin-left: 7vw;*/
	}
	.PageTitle
	{
		overflow: hidden;
		width: 40%;
		min-height: 9vw;
		float: right;
		margin-left: 60%;
		display: table;
	}
	.PageTitle p
	{
		float: left;
		min-height: inherit;
		height: 9vw;
		background-color: #003466;
		/*padding:0;*/
		padding: 10px 0 10px 0;
		/*padding-top: 10px;
		padding-bottom: 10px;*/
		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: 3.4vw;
	}
	.SubMenu li
	{
		font-size: 10pt;
	}

	.SubMenu li:hover
	{
		padding: 0 0.2em 0 1.8em;
	}
	
	.Content
	{
		margin-top: 1vw;
		margin-left: 5%;
		margin-bottom:-5em; 
	}

	.Content p:first-child, .Content h1, .Content h2, .Content h3, .Content h4
	{
		font-size: 3.5vw;
		padding-top: 2vw;
		/*padding-bottom: 10px;*/
	}
	.SomeContent
	{
		overflow-y: auto;
		max-height: 38vw;
	}
	.SomeContent p
	{
		font-size: 1.7vw !important;
	}
	
	footer
	{
		/*height: 23vw;*/ /********************/
		/*position: relative;*/
		/*z-index: 18;*/
		top:1vw; /*******************/
		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.5vw;
	}
	.footer article:nth-child(4) 
	{
		top: -19vw;
	}
	
	.TitleID
	{
		/*top: 0vw;
		right: -83vw;/**********/
		font-size: 4vw;/**********/
	}
}
@media only screen and (min-width: 600px) and (max-height:768px)
{
	.logo img 
	{
		height: 14vw;
		margin-top:0.5vw;
	}
	footer aside article:nth-child(2) 
	{
		font-size: 2vw;
	}
	.footer article:nth-child(4) 
	{
		top: -19.5vw;
	}
	.SubMenu li 
	{
		font-size: 2vw;
	}
	.TitleID 
	{
		position: absolute;
		top: 15.5vw;
		right: 3vw;
	}
}

@media only screen and (min-width: 768px) 
{
	header
	{
		/*height:42vw;
		margin-bottom: -6vw;*/
	}
	.logo
	{
		/*width: 70%;*/
	}
	.TitleID
	{
		/*top: 3vw;/**********/
		/*right: -83vw;/**********/
		/*font-size: 4vw;/**********/
	}
}

@media only screen and (min-width: 1200px) 
{
	header
	{
		height:41vw;
		margin-bottom: -5vw;
	}
	.logo
	{
		/*width: 70%;*/
		margin-top: 6vw;
	}
	.logo img
	{
		height: 17vw;
		margin-top: -4vw;
		/*margin-bottom: 0;*/
		/*margin-left: 7vw;*/
	}
	.TitleID
	{
		top: 16vw;/**********/
		font-size: 3.2vw;/**********/
	}
	.MenuPal 
	{
		width: 29%;
	}
	.MenuPal article 
	{
		float: left;
		width: 7.5vw;
		margin: 0.8vw auto;
	}
	.MenuPal article p 
	{
		font-size: 1.2vw;
	}
	.MenuPal div:last-child article 
	{
		float: right;
		width: 16.5vw;
		margin-top: 0.7vw;
	}
	.MenuPal article img:hover 
	{
		margin: auto;
		display: block;
		/* margin: auto auto auto -1vw; */
	}
	.ParentLevel img:first-child 
	{
		margin: 0;
	}
	#MenuPpal > ul > li 
	{
		right: -7vw;
	}
	.SubMenu 
	{
		margin-top: 0;
	}
	
	.SubMenu li 
	{
		font-size: 1.7vw;
	}
	footer aside article:nth-child(2) 
	{
		font-size: 2vw;
		margin-left: 32%;		
		top: -2em;
	}
	
	.footer article:nth-child(3) 
	{
		top: -16vw;
	}
	.footer article:nth-child(4) 
	{
		top: -19.5vw;
	}
}
@media only screen and (min-width: 1300px) 
{
	header
	{
		height:30vw;
		margin-bottom: -5vw;
	}
	.logo
	{
		/*width: 70%;*/
	}
	.logo img
	{
		height: 13vw;
		margin-top: -4vw;
		/*margin-bottom: 0;*/
		/*margin-left: 7vw;*/
	}
	.MenuPal article
	{
		/*float: left;*/
		width: 7vw;
		/*margin: 10px auto;*/
	}
	.MenuPal article img
	{
		/*float: right;*/
		width: 3.1vw;
		/*margin: auto;*/
		/*display: block;*/
	}
	
	.MenuPal div:last-child article 
	{
		/*float: right;*/
		width: 14vw;
		margin-top:-1vw;
	}
	
	.ParentLevel img:first-child:hover
	{
		/*margin: auto auto auto -1vw;*/
	}

	.MenuPal article img:hover
	{
		margin: auto;
		display: block;
		/*margin: auto auto auto -1vw;*/
	}
	.MenuPal article p
	{
		font-size: 1.2vw;		
	}
	.SubMenu li
	{
		/*min-width: 5vw;*/
		/*float: left;*/
		font-size: 1.5vw;
		/*overflow: hidden;*/
		/*padding: 0 0 0 2em;*/
		/*text-align: right;*/
		/*font-weight: bold;*/
	}
	.Content 
	{
		width: 90%;
		min-height: 30vh;
		margin-top: 2em;
		margin-left: 5%;
		margin-bottom: 1vw;
		max-height: initial;
	}
	.SomeContent 
	{		
		max-height: 38vw;
		min-height:25vw;
	}
	footer 
	{		
		top: -3vw;
	}
	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 
	{
		/*top: 82.5%;*/
	}
	.footer article:nth-child(3) 
	{
		top: -16.4vw;
		left: 72%;
		width: 11.5vw;
	}
	.footer article:nth-child(4) 
	{
		top: -19.5vw;
		left: 88%;
		width: 12vw;
	}
	.TitleID
	{
		position: absolute;
		top: 11.5vw;/**********/
		right: 3vw;/**********/
		font-size: 3.2vw;/**********/
	}
	
	.PageTitle p:last-child 
	{
		font-size: 3vw;
	}
	
	.PageTitle p 
	{
		min-height: 4vw;
		height: 7vw;
	}
}

@media only screen and (min-width: 1500px) 
{
	header
	{
		margin-bottom: -5vw;
	}
	body
	{
		width: 1485px;
	}
	.logo
	{
		
	}
	.footer 
	{
		top: 86.5%;
	}
	.TitleID
	{
		top: -4vw;/**********/
		right: -84vw;/**********/
		font-size: 4vw;/**********/
	}
}