@import url("general.css");

#seccion[gerentes]{
	padding:40px 0;
}

#seccion[gerentes] a[id]{
	position:relative;
	top:-100px;
}

#seccion[gerentes] #caja{
}

#seccion[gerentes] #caja .tabla{
	width:100%;
	margin:40px 0;
}

#seccion[gerentes] #caja .tabla .td{
	width:50%;
	text-align:left;
	vertical-align:top;
	padding:0 30px;
}

#seccion[gerentes] #caja .tabla .td img{
	width:100%;
	height:auto;
}

#seccion[gerentes] #caja .tabla h1{
	font-family:roboto, Arial, Helvetica, sans-serif;
	font-size:57px;
	color:#f4eadd;
	text-align:left;
	font-weight:600;
	display:block;
	text-wrap:normal;
	margin:0px;
}

#seccion[gerentes] #caja .tabla hr{
	display:block;
	width:100%;
	border:none;
	height:1px;
	background-color:#f4eadd;
	margin:20px 0;
}

#seccion[gerentes] #caja .tabla p{
	font-family:roboto, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:italic;
	font-weight:400;
	color:#f4eadd;
	text-align:left;
	display:block;
	margin:10px 0px;
}

@media screen and (max-width: 700px) {
	
	#seccion[gerentes] #caja .tabla .td{
		width:auto;
	}
	
	#seccion[gerentes] #caja .tabla .td[izq]{
		width:30%;
	}
}

@media screen and (max-width: 500px) {
	#seccion[gerentes]{
		padding: 0;
	}
	
	#seccion[gerentes] #caja{
		display:block;
		width:auto;
		padding:0;
		margin:0;
	}
	
	#seccion[gerentes] #caja .tabla,
	#seccion[gerentes] #caja .tabla .td
	{
		display:block;
		position:relative;
		width:auto;
		margin:0;
		padding:0;
	}
	
	#seccion[gerentes] #caja .tabla .td[izq]{
		width:60%;
	}
	
	#seccion[gerentes] #caja .tabla{
		margin:20px;
		margin-top:80px;
		
	}
	
	#seccion[gerentes] #caja .tabla .td img{
	width:100%;
	height:auto;
	}
	
	#seccion[gerentes] #caja .tabla h1{
	font-size:37px;
	}
	
	
}