{
	border:0;
	margin: 0;
	padding: 0;

}


body{
	background: #370676;
	color: #FFF;
	font-family: Verdana,Arial, Helvetica;

}

article, figcaption, figure, header, hgroup, nav, section{
	display: block;
}

section#ventana {
	
	/*border: 0.1em solid #FFF;*/
	background-image: url(../Img/Misc/Fondo01.jpg);
	/*background-repeat: repeat-y repeat-x;*/
	-ms-margin: 0 auto;
	-moz-margin: 0 auto;
	-o-margin: 0 auto;
	-webkit-margin: 0 auto;
	height: 100%;
	margin: 0 auto;
	/*min-height: 630px;
	max-width: 960px;*/
	width: 100%;
	text-align: center;
}

header, section#contenido, footer{
	
	margin: 0 auto;
	text-align: center;
	max-width: 100%;
	
}

header h1, nav{
	
	display: inline-block;
	font-size: 1.8em;
	height: 100%;
	max-width: 100%;
	-ms-vertical-align: middle;
	-moz-vertical-align: middle;
	-o-vertical-align: middle;
	-webkit-vertical-align: middle;
	vertical-align: middle;
	}
	
h1{
	
	/*border:0.1em solid #ff0000;*/
	display:inline-block;
	margin:0.5em 0;
	text-align: center;
	width:50%;
	
}
h1 ul{
	/*border:0.1em solid #ffff00;*/
	display:inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;

}
h1 li{
	/*border:0.1em solid #ff00ff;*/
	display:inline;
	margin: 0 auto;
	max-height:119px; 
	padding: 0;
	width: 100%;

}
h1 a{
	text-decoration: none;
}



h4{
	
	display:inline-block;
	font-size: 1.8em;
	margin: 0.5em auto;
	padding: 0;
	text-align: justify-center;
	width: 100%;
}

p{
	font-size: 1.5em;
	margin: 0 0 0.5em 0;
	padding: 0;
	text-align: justify-center;
}

img, video {
	max-width: 100%;
}


nav{
	/*border:0.1em solid #ff0000;*/
	display:inline-block;
	margin:0.5em 0 ;
	text-align: justify-center;
	width:49%;
}

nav ul{
	/*border: 0.1em solid #ffff00;*/
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	width:100%;
}

nav li{
	/*border: 0.01em solid #ffcccc;*/
	display: inline-block;
	margin: 0em auto;
	text-align: justify-center;
	text-decoration: none;
	width:23%;


}
nav a{
	/*background: #aaaaee;*/
	color: #DDEDF2;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;

}


section#banner{
	/*border: 0.01em solid #ffcccc;*/
	background-image: url(../Img/Compania/Compania.jpg);
	background-size: 1440px;
	background-position: 48% 87%;
	display: block;
	/*height: 98%;*/
	margin:  0.25em auto;
	max-height:972px; 
	/*max-width:1440px;*/
	min-height:350px;
	min-width: 100px;
	text-align: center;
	width: 98.5%;
}

section, article{


	-ms-vertical-align: middle;
	-moz-vertical-align: middle;
	-o-vertical-align: middle;
	-webkit-vertical-align: middle;
	vertical-align: middle;

}
section#servicios{
	/*border: 0.1em solid #ff0000;*/
	display: inline-block;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: justify-center;
	width: 98.5%;

	}

section#servicios ul {
	/*border: 0.1em solid #000000;*/
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%

}

section#servicios li{
	/*border: 0.1em solid #ff0000;*/
	display: inline-block;
	margin: 0;
	padding: 0;
	text-align: justify-center;
	vertical-align: middle;
	-ms-vertical-align: middle;
	-moz-vertical-align: middle;
	-o-vertical-align: middle;
	-webkit-vertical-align: middle;
	width: 33%;
}


article, article#uno,article#dos,article#tres{
	
	height: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width:100%;

	
}
article#uno ul, article#dos ul,article#tres ul {
	/*border: 0.1em solid #ffff00;*/
	/*background-repeat: repeat-y;*/
	background-position: center;
	height: 100%;
	list-style: none;
	margin:0.25em auto;
	padding: 0;
	text-align: justify-center;
	width: 100%;

}


article#uno ul{
	background-image: url(../Img/Misc/Recuadro1.png);
}
article#dos ul{
	background-image: url(../Img/Misc/Recuadro2.png);
}
article#tres ul{
	background-image: url(../Img/Misc/Recuadro3.png);
}

article#uno li, article#dos li, article#tres li {
/*	border: solid 0.1em #ffffff;*/
	display: inline-block;
	list-style: none;
	margin:0.5em auto;
	padding: 0;	
	text-align: justify-center;
	width: 97%;

}


article#cuatro, article#cinco{

	display: inline-block;
	font-size: 0.9em;
	margin:0;
	padding: 0;
	text-align: justify-center;
	width:100%;
	
	

}
article#cuatro ul, article#cinco ul{
	
	margin: 0;
	
}
article#cuatro ul{
	background-image: url(../Img/Misc/Recuadro4.png);

	} 
	article#cinco ul{
		background-image: url(../Img/Misc/Recuadro2.png);
	}

article#cuatro li, article#cinco li {
	
	/*border: 0.1em solid #ffffff;*/
	display: inline-block;
	list-style: none;
	margin: 0.5em auto;
	padding: 0;	
	text-align:justify-center;
	width: 95%;
			
}


footer{
	/*border: 0.1em solid #ff0000;*/
	display: inline-block;
	font-size: 0.55em;
	height: 100%;
	list-style: none;
	margin: 0.5em 0 0.8em 0;
	padding: 0;
	width: 98%;
	vertical-align:middle;
	-ms-vertical-align:middle;
	-moz-vertical-align: middle;
	-o-vertical-align: middle;
	-webkit-vertical-align: middle;
}
footer ul{
	/*border: 0.1em solid #ff00bb;*/
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%

}
footer li{
	/*border: 0.1em solid #ffddbb;*/
	display: inline-block;
	margin: 0;
	padding: 0 1em 0 1em ;
	text-align: center;
	text-decoration: none;
}
footer li a {
	color: #DDEDF2;
	font-weight: bold;
	text-decoration: none;
}





@media(max-width: 1600px){

	h1{
	text-align: justify-center;
	margin:0.1em 0 0.1em 0;
	width:48%;
	
	}

	nav{
		margin:0;
		width:48%;
	}

	
	nav li{
		width:48%;
	}

	section#servicios li{
	
	width: 33%;
	}

	article#uno li, article#dos li, article#tres li{
		width: 95%;

	}
	article#cuatro li, article#cinco li {
		
		width: 95%;
	}

}

@media (max-width:1153px){

	h1{
	text-align: justify-center;
	margin:0.1em 0 0.1em 0;
	width:48%;
	
	}

	nav{
		margin:0;
		width:48%;
	}

	
	nav li{
		width:48%;
	}

	section#informacion li{
	
		width: 98%;
	}
	section#servicios li{
	
	width: 32.75%;
	}

	article#uno li, article#dos li, article#tres li{
		width: 95%;

	}
	article#cuatro li, article#cinco li {
		
		width: 95%;
	}
}

@media (max-width:1025px){


	h1{
	text-align: justify-center;
	margin:0.1em 0 0.1em 0;
	width:48%;
	
	}

	nav{
		margin:0;
		width:48%;
	}

	
	nav li{
		width:48%;
	}


	section#servicios li{
	
	width: 98%;
	
}

@media(max-width: 801px){


	h1{
	text-align: justify-center;
	margin:0.1em 0 0.1em 0;
	width:100%;
	
	}

	nav{
		margin:0;
		width:95%;
	}

	
	nav li{
		width:48%;
	}
	section#servicios li{
	
	width: 98%;
	}
}

@media (max-width:360px){

	h1{
	text-align: justify-center;
	margin:0.5em 0 0.1em 0;
	width:100%;
	
	}
	
	nav{
		margin:0;
	}

	nav, nav ul, nav li{
		
		width:100%;
	}

	

	section#banner{
		
		background-position: 51% 85%;
		background-size: 1350px;
		
	}

	section#servicios{
	
		width: 98%;

	}

	section#servicios li{
	
	width: 98%;
	}


	article#cuatro li, article#cinco li {
	
	width: 95%;
			
	

}