@charset "UTF-8";
/* Empieza el RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video 
    {margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}

header{
	background-image: url("img/img2.jpg");
    background-size: cover;
    text-align: center;
	background-color: #c96690;
	padding: 1em;}

nav ul li{
    display: inline;
	padding: 1.5em;}

nav ul li a {
    text-decoration: none;
    color:white;
    font-size: 1em;}

main section div h2{
	font-size: 3em;
	text-align: center;
	margin: 1em;}

main section div p{
	font-size: 1.2em;
	text-align: center;}

body{
	font-family: 'Bodoni Moda', serif;}

.flexbox{
    display: flex}

.fondorosita{
    background-color: #d6a6b9;}

.fondorosa{
	background-color: #c96690;}

.paddingdos{
    padding: 2em;}

.paddinguno{
	padding: 1em;}

.centrado{
	text-align: center;}

.margincerocinco{
	margin: 0.5em;}

.fondoazul{
    background-color: #5e9bba;}

.paddindgdos{
    padding: 2em;}

.fondofoto{
	background-image: url("img/3.jpeg");
    background-size: cover;
    text-align: center;
	padding: 10em;
	width:100;
	height:2em;
	background-attachment: fixed;}

h1{
	font-size: 3em;
	text-align: center;
	color: white;}

.apartados1 {
		align-items: center;
		display:flex;
		text-align:center;}

	.apartados1 .img {
		order: 1;
		border-radius: 0;
		width: 40%;}

		.apartados1 .img img {
			border-radius: 0;
			width: 100%;}

		.apartados1 .contenido {
			padding: 2em 4em 0.1em 4em ;
			order: 2;
			max-width: 48em;
			width: 60%;}

.apartados2 {
		align-items: center;
		display:flex;
		text-align:center;}

	.apartados2 .img {
		order: 2;
		border-radius: 0;
		width: 40%;}

		.apartados2 .img img {
			border-radius: 0;
			width: 100%;}

		.apartados2 .contenido {
			padding: 2em 4em 0.1em 4em ;
			order: 1;
			max-width: 48em;
			width: 60%;}

main section div h3{
	font-size: 2em;}

.fondoazul{
    background-color: #5e9bba;}

.fondoamarilloo{
	background-color:#e2a843;}

.fondorosita{
    background-color: #d6a6b9;}

.fondorosa{
	background-color: #c96690;}

#footer {
	padding: 1 0 1em 0 ;
	background-color:lightpink;
	text-align: center;
	background-color:#eddaca;}

	#footer .icons {
		font-size: 1.25em;}

	#footer .icons a {
		text-decoration: none;
		display: inline;
		color: #e2a843;}