body{
	font-family: 'Montserrat-Light';
}

#wrap{
	background: url(../img/bg.jpg);
	width: 100%;
	min-height: 870px;
}

#wrap2{
	/*background: url(../img/bg.jpg);
	width: 100%;
	min-height: 870px;*/
	overflow: hidden;
}

i{
	font-style: italic;
}

.clearfix{
	clear: both;
}

.primeraFase{
	display: none;
}

/*.segundaFase{
	display: block;
}*/

.content{
	position: relative;
	margin: 0 auto;
	width: 960px;
}

/*header{
	background: url(../img/bg_header.jpg) no-repeat;
	background-position: top center;
	background-size: cover;
	width: 100%;
	z-index: 100;
	height: 950px;
}*/

header > div > img{
	width: 100%;
}

#wrap header{
	position: relative;
}

/*header img{
	padding: 12px 0;
	margin-left: calc(50% - 222px);
}*/

header nav{
	min-height: 50px;
	width: 100%;
	text-align: center;
	position: absolute;
}

	header nav a.mob{
		display: none;
	}

	header nav img#logo{
		margin-top: 30px;
		margin-right: 12%;
		width: 250px;
	}

	header nav ul{
		display: inline-block;
		vertical-align: top;
		margin-top: 35px;
	}

	header nav ul li{
		list-style: none;
		display: inline-block;
		margin: 0 14px;
		font-size: 18px;
	}
	
		header nav ul li a{
			text-decoration: none;
			color: #7d3437;
			font-weight: 700;
		}

		header nav ul li a:hover{
			text-decoration: underline;
		}
		
		header nav ul li a.active{
			border-bottom: 1px solid #fff;
		}

section#quien_es{
	width: 100%;
	font-size: 18px;
	line-height: 26px;
	padding-bottom: 40px;
	color: #000;
	/*background-image: url(../img/bg_quien_es.png);*/
	background-repeat: no-repeat;
	background-position: center center;
}

	section#quien_es div.content > div{
		display: inline-block;
		width: 515px;
		padding-right: 50px;
		text-align: justify;
	}

	section#quien_es div.content > p{
		text-align: justify;
	}

	section#quien_es figure{
		vertical-align: top;
		display: inline-block;
		width: 100%;
		margin: 45px 108px 0 0;
	}
	
		section#quien_es img{
			max-width: 384px;
			width: 100%;
			vertical-align: top;
			margin-top: 20px;
		}
	
		section#quien_es figcaption{
			font-size: 28px ;
			padding-bottom: 35px;
			color:  #602d34;	
			line-height: 35px;
		}

		section#quien_es figcaption h1{
			font-size: 45px;
			font-weight: bold;
			line-height: 49px;
			color: #7d3437;
			margin-bottom: 15px;
		}

		section#quien_es figcaption i{
			font-size: 28px;
			color: #b77474;
		}
		
		section#quien_es p b{
			font-weight: 600;
		}

		section#quien_es p b.color_burdeos{
			color: #7d3437;
		}
		

	section#quien_es .btn{
		text-align: center;
		width: 100%;
		height: 50px;
		margin: 0 auto;
		background-color: #8c5152;
		color: #fff;
		margin-top: 30px;
		text-decoration: none;
		font-size: 18px;
		line-height: 50px;
		font-weight: bold;
		border-radius: 25px;
		display: inline-block;
	}

	section#quien_es .btn:hover{
		background-color: #2d2d2d;
	}
	

section#proyecto{
	/*background-image: url(../img/bg_proyecto.png);*/
	background-repeat: no-repeat;
	background-position: center 30px;
	background-size: 1700px;
	background-color: #f3f1ef;
	text-align: left;
	padding-top: 55px;
	padding-bottom: 45px;
	width: 100%;
	font-size: 18px;
	line-height: 26px;
	color: #000;
	text-align: justify;
	position: relative;
}

	section#proyecto figure{
		background: url(../img/moni-animado_x2.gif) no-repeat center center;
		background-size: 345px auto;
		height: 570px;
		width: 340px;
		margin-left: 30px;
		vertical-align: top;
		display: inline-block;
		margin-top: 20px;
	}
	
	section#proyecto figcaption{
		display: inline-block;
		width: calc(100% - 375px);
		margin-top: 20px;
	}
	
		section#proyecto h2{
			font-size: 36px ;
			font-weight: bold;
			padding-bottom:30px;
			text-align: center;
    		text-transform: uppercase;
		}

		section#proyecto b{
			font-weight: bold;
		}

		section#proyecto b.rojo{
			color: #7d3437;
		}

		section#proyecto b.rojo2{
			color: #8c5152;
		}

		section#proyecto a{
			color: #cc3333;
			text-decoration: none;
		}

		section#proyecto a b{
			color: #000;
		}
		
		section#proyecto figcaption div a{
			color: #cc3333;
		}
		
		section#proyecto figcaption div p{
			text-align: center;
			margin-top: 17px;
		}
		
		section#proyecto figcaption div p span{
			font: 33px/35px 'Pistilli-Roman';
		}

		section#proyecto p.cita{
			color: #b41117;
			font-size: 19px;
			text-align: center;
		}

			section#proyecto p.cita span{
				float: right;
			}

	section#proyecto #flor_left_pro{
		position: absolute;
		bottom: -83px;
    	left: calc(50% - 770px);
	}
	
	section#proyecto #flor_right_pro{
		position: absolute;
		bottom: -83px;
		left: calc(50% + 588px);
	}

section#dona{
	background-color: #fff;
	text-align: center;
	padding-top: 70px;
	width: 100%;
	font-size: 18px;
	line-height: 26px;
	color: #212121;
}

	section#dona h2{
		font-size: 30px ;
		line-height: 36px;
		font-weight: bold;
		padding-bottom: 24px;
		text-transform: uppercase;
		color: #22242d;
	}
	
		section#dona h2 span{
			font-size: 22px;
		}
		
	section#dona p{
		margin: 0 auto;
	}

	section#dona p#gastos_envio{
		font-size: 12px;
		line-height: 26px;
		line-height: 20px;
		width: 98%;
		margin-bottom: 30px;
		margin-top: 20px;
	}
	
	section#dona #donar{
		padding-top: 50px;
		width: 100%;
	}

	section#dona #donar ul{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
	
	section#dona #donar ul li{
		/*float: left;
		width: calc(32% - 10px);
		margin: 0 1% 15px;*/
		border: 1px solid #000;
	}

	section#dona #donar ul li:hover{
		background-color: #fff;
		border: 1px solid #fff;
		-webkit-box-shadow: 0px 0px 18px 0px rgba(170,170,170,1);
		-moz-box-shadow: 0px 0px 18px 0px rgba(170,170,170,1);
		box-shadow: 0px 0px 18px 0px rgba(170,170,170,1);
	}

	section#dona #donar ul li div.box{
		/*border: 1px solid #000;*/
		width: calc(100% - 40px);
		padding: 35px 20px 25px;
	}

	section#dona #donar ul li:not(.select) div.box{
		padding-bottom: 47px;
	}
	
	
	
		section#dona #donar ul li h3{
			font-size: 18px;
			font-weight: bold;
			text-transform: uppercase;
			color: #dcc0d3;
			margin-bottom: 5px;
		}

		section#dona #donar ul li:nth-child(1) h3{
			color: #7c5259;
		}

			section#dona #donar ul li h3 span{
				font-size: 12px;
			}


		section#dona #donar ul li:hover h3{
			color: #ca4553;
		}
	
		section#dona #donar ul li h4{
			font-size: 45px;
			font-weight: bold;
			color: #212121;
			height: 60px;
		}
		
			section#dona #donar ul li h4 span{
				font-size: 18px;
				line-height: 0;
			}
		
		section#dona #donar ul li img{
			/*width: 100px;*/
			height:  150px;
			margin-bottom: 20px;
		}
		
		section#dona #donar ul li div p{
			font-size: 12px;
			line-height: 26px;
			line-height: 20px;
			width: auto;
			margin-bottom: 6px;
			margin-top: 5px;
		}

		section#dona #donar ul li:nth-child(2) div p{
			margin: -20px 15px 11px;
		}


		section#dona #donar ul li p{
			font-size: 12px;
			line-height: 20px;
			width: auto;
		}
			

		section#dona #donar ul li span{
			font-size: 12px;
			line-height: 20px;
			width: auto;
			margin-top: 10px;
		}

		section#dona #donar ul li p b{
			font-size: 12px;
		}

		
		section#dona #donar ul li a{
			background-color: #2d2d2d;
			color: #fff;
			display: block;
			font-size: 18px;
			font-weight: bold;
			line-height: 50px;
			height: 50px;
			width: 160px;
			margin-top: 12px;
			margin-left: calc(50% - 80px);
			text-align: center;
			text-decoration: none;
		}	
		
		section#dona #donar ul li a:hover{
			background-color: #ca4553;
		}

section#dona #tallas{
	margin-bottom: 50px;
}

	section#dona #tallas h3{
		font-size: 18px;
		font-weight: bold;
		text-transform: uppercase;
		color: #212121;
	}

	section#dona #tallas p {
	    width: auto;
		margin: 10px 0;
	}

	section#dona #tallas p#composicion {
	    font-size: 12px;
	    line-height: 20px;
	    width: auto;
		margin: 10px 0 10px;
	}

	section#dona article#tallas h4{
		display: inline-block;
		width: 115px;
		vertical-align: top;
		font-family: 'Avenir-Medium';
		line-height: 48px;
		font-size: 25px;
		background-color: #000;
		color: #fff;
		margin-bottom: 10px;
	}

	section#dona article#tallas span{
		background-color: #fff;
		color: #000;
		font-size: 18px;
		display: block;
		border: 1px solid #000;
	}
		
	section#dona article{
		clear: both;
		position: relative;
	}

	section#dona #carrusel{
		position: relative;
	    overflow: hidden;
	    margin: 0 auto;
	    height: 215px;
	    width: 912px;
	}
	
		section#dona #carrusel ul {
		    top: 0;
		    left: -912px;
		    position: absolute;
		    width: 60000px;
		}
		
			section#dona #carrusel ul li {
			    height: 165px;
			    width: 292px;
			    margin: 0 6px;
			    float: left;
			    list-style: outside none none;
			}
			
			section#dona #carrusel ul li img{
				width: 100%;
			}
section#dona #carrusel-texto{
	padding-bottom: 35px;
   
}

	section#dona .arrow_prev {
	    position: absolute;
	    top: calc(50% - 56px);
	    left: 0;
	}
	
	section#dona .arrows .arrow_next {
	    position: absolute;
	    top: calc(50% - 56px);
	    right: 0;
	}

section#look{
	background-color: #f4eaea;
	text-align: center;
	padding-top: 50px;
	width: 100%;
	font-size: 18px;
	line-height: 26px;
	color: #000;
	overflow: hidden;
}

	section#look h2{
		font-size: 32px;
		font-weight: bold;
		padding-bottom: 5px;
		text-transform: uppercase;
	}

	section#look p{
		margin-bottom: 30px;
	}
	
	section#look p b{
		font-size: 21px;
		font-weight: bold;
		color: #7d3437;
	}

	section#look img{
		width: 80%;
		margin-top: 5px;
	}

section#angels{
	text-align: left;
	padding-top: 90px;
	width: 100%;
	font-size: 18px;
	line-height: 26px;
	color: #212121;
	/*background-image: url(../img/bg_angels.png);*/
	background-position: center 180px;
	background-repeat: no-repeat;
	background-size: 1920px;
	position:relative;
}

	section#angels > img:nth-child(1){
		position: absolute;
		top: 686px;
    		left: calc(50% + 470px);
	}
	
	section#angels > img:nth-child(2){
		position: absolute;
		bottom: -12px;
		left: calc(50% - 655px);;
	}

	section#angels figcaption{
		display: inline-block;
		width: calc(100% - 527px);
	}

	section#angels figure{
		vertical-align: top;
		display: inline-block;
		width: 522px;
	}

		section#angels figure img{
			margin-left: 50px;
			margin-bottom: 40px;
			width: calc(100% - 50px);
		}

		section#angels h2{
			font-size: 36px;
			font-weight: bold;
			color: #000;
			padding-bottom: 18px;
			text-transform: uppercase;
			text-align: center;
			max-width: 780px;
			width: 100%;
			margin: 0 auto;
		}

		section#angels p{
			text-align: justify;
		}
		
		section#angels h2 img{
			width: 200px;
		}

		section#angels #partners{
			margin-top: 20px;
			display: grid;
			grid-template-columns: repeat(3, 1fr);
		}

		section#angels #partners div{
			float: left;
			margin-bottom: 20px;
			margin: 0 25px 30px;
			text-align: justify;
		}

		section#angels #partners div:last-child{
			grid-column: 2 / 3;
		}
		
			section#angels #partners div a{
				color: #212121;
			}
		
			section#angels h3{
				font-weight: bold;
				padding-bottom: 5px;
				text-transform: uppercase;
				text-align: center;
			}

				/*section#angels #partners div:nth-child(2n+1) h3 a{
					color: #990000;
				}

				section#angels #partners div:nth-child(2n) h3 a{
					color: #c2241e;
				}*/
			
				section#angels #partners div h3 a{
					text-decoration: none;
				}

				section#angels #partners div h3 a:hover{
					text-decoration: underline;
				}

section#en_directo{
	background-color: #8f5153;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 95px;
	width: 100%;
	font-size: 18px;
	line-height: 26px;
	color: #fff;
	margin-top: -3px;
}

	section#en_directo h2{
		font-size: 50px;
		font-weight: bold;
		color: #fff;
		padding-bottom: 25px;
		text-transform: uppercase;
	}
	
	section#en_directo p{
		margin: 0 auto;
		width: 880px;
	}
	
	section#en_directo p a{
		text-decoration: none;
		color: #fff;
	}
		
	
	section#en_directo .count{
		width: 250px;
		margin: 60px 30px 0;
		display: inline-block;
		font-size: 75px;
		line-height: 70px;
	}
	
	section#en_directo h3{
		font-size: 24px ;
		font-weight: bold;
	}
	

footer{
	background-color: #fff;
	padding-top: 35px;
	height: 50px;
	width: 760px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	font-size: 10px;
	line-height: 20px;
	font-family: 'Montserrat-Light';
}

	footer a{
		color: #000;
	}

	footer a.logo{
		position: absolute;
		top: 35px;
		left: 0;
	}

	footer ul{
		position: absolute;
		top: 35px;
		right: 100px;
	}
	
		footer ul li{
			list-style: none;
			display: inline-block;
		}
		
			footer ul li a{
				border-radius: 25px;
				background-color: #000000;
				font-size: 13px;
				margin: 0 3px;
				display: inline-block;
				height: 20px;
				width: 20px;
				color: #fff;
			}
			
			footer ul li a.small{
				margin-top: 2px;
				height: 16px;
				font-size: 9px;
				line-height: 16px; 
			}
			
.shopify-buy-frame{
	margin: 0 auto;
}