body {
    background: bisque; 
}

header {
	width: 96.5%;
    margin:0 auto;
    background: white;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.8);
}

header .titulo {
	color: black;
	float: right;
	padding: 10px 15px 0px auto;
	font-weight: bold;
	margin:auto 10px auto auto;
}

header nav {
	background-color: #F18F36 !important;
    text-align: right;
	height: 50px;
}

section {
    margin:0 auto;
    margin-top:-20px;
    background: white; 
    padding: 20px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.8);
}

#imgCurr {
	float:left;
	width: 48%;
	height: 75%;
	margin: auto;
	text-align: center;
	/*background-color: bisque;*/
}

#pie, footer {
	width: 96.5%;
	margin:0 auto;
	padding:10px 20px 0 20px;
	background-color: black;
	color: white;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.8);	
}
#pie .logoIprodha {
	width: 250px;
	margin: 5 5 5 auto;
	float:left;
}

footer {
	height:10px;
    border-radius: 0 0 10px 10px;
}

section .titulo{
    font-weight: bold;
    color: black;
}
.MensPassantes {
	width: 75%;
	padding: 8px;
	margin: 0 auto;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 8px 8px 0px rgba(241, 115, 54, 0.8);
}
#NoSubirArch {
	width: 75%;
	padding: 8px;
	margin: 10px auto -5px auto;
	border-radius: 5px;
	background-color: #6B5A51;
	color: white;
	text-align:center;
}

@media screen and (max-width:350px) {
	header {
		width: 100%;
	}
	header img {
		margin: 10px auto auto 10px;
	}
	header .titulo {
		margin-top: 8px;
		font-size: 1em;
		line-height: 25px;
		max-width: 60%;
		text-align: right;
	}
	section {
		padding: 7px;
	}
	#imgCurr {
		float: none;
		width: 100%;
	}

	#pie {
		height: 30px;
		width: 100%;
		padding: 10px 0 0 0;
	}
	#pie .logoIprodha {
		width: 90px;
		margin: 3px auto auto 10px;
	}
	#pie .datosIprodha {
		margin: 0 auto;
		margin-left: 95px;
		text-decoration: none;
		height: 50px;
		font-size: 0.55em;
		width: 75%;
	}
	footer {
		width:100%;
		padding: 0;
		height:15px;
	}	
}


@media screen and (min-width:351px) and (max-width:610px) {
	header {
		width: 100%;
	}
	header img {
		margin: 10px auto auto 10px;
	}
	header .titulo {
		font-size: 1.2em;
		line-height: 30px;
		max-width: 50%;
		text-align: right;
	}
	#imgCurr {
		float: none;
		width: 100%;
	}
	#pie {
		height: 50px;
		width: 100%;
		padding: 10px 0 0 0;
	}
	#pie .logoIprodha {
		width: 125px;
		margin: 3px auto auto 10px;
	}
	#pie .datosIprodha {
		margin: 0 auto;
		margin-left: 250px;
		text-decoration: none;
		height: 50px;
		font-size: 0.8em;
		width: 250px;
	}
	footer {
		width:100%;
		padding: 0;
		height:15px;
	}	
}

@media screen and (min-width:400px) and (max-width:600px) {
	#pie .datosIprodha {
		margin-left: 140px;
	}
}

@media screen and (min-width:611px) and (max-width:799px) {
	header {
		width: 100%;
	}
	header img {
		margin: 10px auto auto 10px;
	}
	header .titulo {
		font-size: 1.2em;
		line-height: 30px;
		max-width: 50%;
		text-align: right;
	}
	#imgCurr {
		float: none;
		width: 100%;
	}
	#pie {
		height: 50px;
		width: 100%;
		padding: 10px 0 0 0;
	}
	#pie .logoIprodha {
		width: 125px;
		margin: 3px auto auto 10px;
	}
	#pie .datosIprodha {
		margin: 0 auto;
		margin-left: 250px;
		text-decoration: none;
		height: 50px;
		font-size: 0.8em;
		width: 250px;
	}
	footer {
		width:100%;
		padding: 0;
		height:15px;
	}	
}

@media screen and (min-width:800px) and (max-width:1200px) {
	header {
		width: 96.5%;
	}
	header img {
		margin: 10px auto auto 10px;
	}
	header .titulo {
		font-size: 1.2em;
		line-height: 30px;
		max-width: 50%;
		text-align: right;
	}
	section {
		width: 96.5%;
		padding: 0;
	}
	#pie {
		height: 50px;
		width: 96.5%;
		padding: 10px 0 0 0;
	}
	#pie .logoIprodha {
		width: 125px;
		margin: 3px auto auto 10px;
	}
	#pie .datosIprodha {
		margin: 0 auto;
		margin-left: 250px;
		text-decoration: none;
		height: 50px;
		font-size: 0.8em;
		width: 250px;
	}
	footer {
		width:96.5%;
		padding: 0;
		height:15px;
	}
	#imgCurr {
		float: left;
		width: 33%;
		margin: 10px;
	}
}

@media screen and (min-width:1367px) {
	header {
		padding: 20px;
	}
	header nav {
	    height:30px;
	}
	section {
		width: 96.5%;
		height: 85%;
	}
	#pie {
		height: 50px;
	}
	.datosIprodha {
		margin: 0 auto;
		margin-left: 250px;
		text-decoration: none;
		height: 50px;
		font-size: 0.8em;
		width: 250px;
	}	
	footer {
		height: 10px;
	}
	header .titulo {
		font-size: 3.5ex;
		line-height: 115px;
		max-width: 50%;
	}
	section .titulo {
		font-size: 3.5ex;	
		margin-left: 10px;
		margin-bottom: 10px;
	}
}

@media screen and (min-width:1024px) and (max-width:1366px) {
	header {
		padding: 20px;
	}
	header nav {
	    height:30px;
	}
	header .titulo {
		font-size: 1.8em;
		line-height: 60px;
		max-width: 50%;
	}

	section {
		width: 96.5%;
		height: 85%;
	}
	#pie {
		height: 50px;
	}
	.datosIprodha {
		margin: 0 auto;
		margin-left: 250px;
		text-decoration: none;
		height: 50px;
		font-size: 0.8em;
		width: 250px;
	}	
	footer {
		height: 10px;
	}
	section .titulo {
		font-size: 3.5ex;	
		margin-left: 10px;
		margin-bottom: 10px;
	}
}

@media screen and (min-width:1024px) and (max-width:1200px) {
	header {
		width: 96.5%;
		padding: 0;
	}
}

@media screen and (min-width:351px) and (max-width:400px) {
	#pie .datosIprodha {
		margin: 0 auto;
		margin-left: 140px;
	}
}