@charset "utf-8";
/* CSS Document */
@font-face{
	font-family: fuente1;
	src: url("../fonts/Satisfaction.ttf");
}
@font-face{
	font-family: fuente2;
	src: url("../fonts/New706BTBold.ttf");
}
@font-face{
	font-family: fuente3;
	src: url("../fonts/Lobster14.otf");
}
@font-face{
	font-family: fuente4;
	src: url("../fonts/MIROSA/Fonts/Mirosa/Mirosa-Regular.ttf");
}
	
a{
	color: #551a8b;
	text-decoration: none;
}
*{
	Margin: 0;
	padding: 0;
	list-style: 0;
	}
.contenedor{
	width: 100%;
	height: 400px;
	text-align: center;
}
.cabecera{
	height: 100px;
}
.logo{
	width: 35%;
	height: 150px;
	text-align: left;
}
.redes{
	width: 5%;
	float: right;
	font-size: 22px;
	font-family: fuente3;
	position: absolute;
    top: 10px;
    right: 20px;
}
.logoInstagram{
	width: 50px;
	height: auto;
}
.logo2{
	display: none;
}
.menu{
	width: 60%;
	float: left;
	margin-top: 10%;
}
.menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu li a{
	font-family: fuente1;
	width: 16%;
	float:left;
	font-size: 25px;
	color: black;
	text-decoration: none;
}
p{
	font-size: 20px;
	color: white;
}
.banner, .bannerP{
	background: url("../images/banner.png");
	width: 100%;
  	height: 700px;
  	background-size: cover;
	background-position: left top;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.bannerP{
	background: url("../images/bannerPag3Poesia.png");
}
.logoC{
	margin: 2% 0;
}
.contenido{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
}
.cajaBio{
	width: 100%;
	height: auto;
}
.cajaPoesia1, .cajaPoesia2{
	width: 50%;
	height: auto;
	background: #FFF;
	float: left;
}
.cajaPoesia2{
	left: 50%;
}
.titPoesia, .titComposic, .titVideo, .titColumnas, .titColumnasnueva{
	width: 100%;
	font-family: fuente2;
	opacity: 0.8;
	height: auto;
	margin: 1% 0;
	color: black;
	padding: 2% 0;
	font-size: 42px;
}

.columnavid{
	width: 30%;
	height: auto;
	}

.titColumnasnueva{
	font-family: fuente4;
	font-size: 80px;
	margin: 20px 0 -50px 0;
}
.imgcolcent{
	width: 100%;
	height: auto;
	text-align: center
}
.imgcoltit{
	width: 50%;
	height: auto;
	float:left;
	
}
.imgcol{
	width: 100%;
	height: auto;
	
}
.titVideo{
	text-align: left;
}
.titColumnas{
	font-size: 32px;
	margin: 1% 0 -1.5% 0;
}
h3{
	font-style: italic;
    font-size: 25px;
}
.titComposic{
	font-size: 18px;
}
.colTextosPagIni1, .colTextosPagIni2{
	width: 48%;
	float: left;
}
.colTextosPagIni1{
	margin: 0 0 0 2%;
}
.colTextosPagIni2{
	margin: 0 2% 0 0%;
}
.parrrafoPagIni{
	color: black;
	text-align: justify;
	font-size: 24px;
}
.parrrafoPagPoesia, .parrrafoPagPoesia1, .parrrafoPagColumnas{
	color: black;
	font-family: fuente1;
	font-size: 25px;
	line-height: 72px;
}
.parrrafoPagPoesia1{
	font-family: fuente1;
	font-size: 22px;
}
.parrrafoPagColumnas{
	font-family: fuente2;
	color: black;
	line-height: 35px;
    text-align: justify;
	margin-top: 0%;
	text-indent: 70px;
}
.imgContPagInicio{
	width: 80%;
	height: auto;
}
.linea{
	width: 100%;
	float: none;
}
.colProductos{
	width: 100%;
	height: auto;
}
.cajaProd{
	width: 25%;
	height: 200px;
	float: left;
	margin: 5% 4%;
}
.cajaProd3{
	background: #7f4a3a;
}
.cajaImgProd{
	border: 1px solid black;
}
.cajaImgProd3{
	border: 1px solid black;
	background: #7f4a3a;
}
.imgProd{
	width: 100%;
	height: auto;
}
.imgProd3{
	background:url("../images/pagInicio-Prod3.png");
	width: 100%;
	height: auto;
}
.titProd{
	margin: 3% 0;
}
.cajaVideo{
	width: 25%;
	height: 350px;
}
.cajaVideo iframe {
		width: 100%;
		height: 100%;
	}
.cajaCuentos{
	width: 100%;
}
.espacio{
	height: 20px;
	background: black;
}
@media screen and (max-width: 40em) {
	.logo1{
		display: none;
	}
	.logo2{
		display: block;
	}
	.banner{
		background: url("../images/banner1-1.png");
	}
	.cajaVideo{
		width: 100%;
		margin: 2% 5%;
	}
	.videos{
		width: 100%;
		min-height: 250px;
	}
	.redes{
	    right: 40px;
	}
	
	.titColumnas{
		font-size: 25px;
		margin: 1% 0 -1.5% 0;
	}
	h3{
		font-style: italic;
		font-size: 20px;
	}
	.parrrafoPagColumnas{
		line-height: 25px;
		text-indent: 30px;
		font-size: 20px;
		color: black;
	}
	.columnavid{
	width: 20%;
	height: auto;
	}
}
@media screen and (max-width: 85em) {
	.colTextosPagIni1, .colTextosPagIni2{
		width: 90%;
		float: none;
		margin: 2% 5%;
	}
	
	
	.imgContPagInicio{
		width: 60%;
	}
	.cajaProd{
		width: 40%;
		margin: 10% 5%;
	}
	.cajaPoesia1{
		width: 90%;
		margin: 2% 5%;
		
	}
	.imgcoltit{
		width: 100%;
		height: auto;
		
}
	.cajaVideo{
		width: 95%;
		height: 100%;
		margin: 4% 2%;
	}
	.cajaVideo iframe{
		width: 100%;
		height: 100%;
	}
	.videos{
		width: 100%;
		min-height: 250px;
	}
	.titColumnas{
		font-size: 25px;
		margin: 1% 0 -1.5% 0;
	}
	h3{
		font-style: italic;
		font-size: 20px;
	}
	.parrrafoPagColumnas{
		line-height: 25px;
		text-indent: 30px;
		font-size: 20px;
		color: black;
	}
	
	.columnavid{
	width: 15%;
	height: auto;
	}
}
@media screen and (max-width: 95em) {
	.parrrafoPagIni{
		font-size: 1.25em;
	}
	.imgContPagInicio{
		width: 70%;
	}
	.titColumnasnueva{
	font-family: fuente4;
	font-size: 80px;
	margin: 20px 0 -20px 0;
}
	.titColumnas{
		font-size: 25px;
		margin: 1% 0 -1.5% 0;
	}
	h3{
		font-style: italic;
		font-size: 20px;
	}
	.parrrafoPagColumnas{
		line-height: 25px;
		text-indent: 30px;
		font-size: 20px;
		color: black;
	}
	.columnavid{
	width: 70%;
	height: auto;
	}
}