*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body{
	background-image:url(../image/background-body.jpg);
/*	background:#1F1F1F url(../images/pattern.png) repeat top left; */
}

article{
	display:table;
}





section{
	position:relative;
	overflow:hidden;
	margin: 0 auto;
	width:90%;
	text-align:center;
	background-image:url(../image/bg-section.jpg);
	background-size:cover;
}


#contenido{
	float:left;
	width:100%;
	padding:5%;
}

#contenido-legal{
	background-color:#333;
	width:100%;
	padding:5%;
	color:#CCC;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;		

}


#contenido-legal h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;	
}


#contenido-legal p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;		
}


#contenido-legal h2{
	text-align:center;
}


#contenido-legal h3{
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;	
	padding-bottom:10px;
}

#contenido-legal ul{
	margin-left:35px;
}

#descripcion{
	float:left;
	width:100%;
	padding:5%;	}





p{
	/*color:#777e22;   Verde */
	color:#CCC;
	font-family: 'Dancing Script', cursive;
	font-size:22px;
	text-align:left;
	
}

h2{
	color:#CCC;
	font-size:30px;
	font-family: 'Dancing Script', cursive;	

	margin-bottom:10px;
	font-weight:bold;
}







@media (min-width:1200px){
	section{
		width:80%;
	}

	#contenido{
		width:50%;
		float:right;
		padding:4%;
	}
	
	#descripcion{
		float:left;
		width:100%;
		padding:5%;
	}

	#wrapper{
	margin-left:0;
		width:45%;
		padding:1%;
	float:left;
	position: absolute;
    left: 27%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
	

	
/*
	#fotos{
		width:45%;
		max-width:450px;
		margin-left:4%;
		margin-right:0%;
		margin-top:10%;

	}

	*/

	h2{
		margin-bottom:35px;
	}

}




@media (min-width:1400px){
	section{
		width:70%;
	}
	

	
}