@charset "UTF-8";

main {
	background-image:url("../imagenes/fondospaginas/contactoreddesanluis.jpg");
	background-size: cover;
	background-position: center;
	text-align: center;
	display: flex;
	flex-direction: column;
	font-size: 1.5em;
	}
p {
	text-align:justify;
	}
h3,h2{
	color: white;
}
.fondoparrafos {
	background-color:rgba(0,0,0,.60);
	border-radius: 0.75em;
	padding:1em;
}

h2 > span{
	display: inline-block;
	border-radius: 0.75em;
	color: black;
	background-color:rgba(255,255,255,0.60);
	padding: .25em .5em .25em .5em;
}
.conmargensuperior {
	margin-top: 1em;
	margin-bottom: 1em;
}
.negrita {
	font-weight:bold;
	}
.cursiva {font-style:italic;
	}	
.fondoparrafos p {
	padding: 0em;
	font-size: 1.2em;	
	text-align:justify;
	text-indent:2em;
	margin-bottom: 0.25px;
	margin-top: 0.25px;
	}
#Obras > section {
	width:70%;
	box-sizing:border-box;
	background-color:rgba(0,0,0,.50);
	border-radius: 1em;
	padding: 0.5em;
	margin-bottom: 2em;	
	}
#Obras > section img {
	border-radius:0.5em;
	border: solid 1px black;
	width: 25%;
	height:auto;
	float:left;
	margin-right: 0.5em;
	transition: filter 2s linear 0s, border-radius 2s linear 0s	
	}
#Obras img:hover {
	filter: sepia(100%);
	border-radius: 15%;
	}	
#Obras > section:nth-of-type(2n) img {
	float:right;
	margin-right: 0em;
	margin-left: 0.5em;
	}
.trasflotar {
	clear:both;
	}
#Obras > section:nth-of-type(2n) {
	margin-left: 30%
	}