header #logotipo{
	background-image: none;

}

#contenidoPrincipal{
	
	height: auto;
	background-color: white;
	font-size: 17px;
	line-height: 26px;
	font-family: 'Open Sans', arial, sans-serif;
	color: #646B72;
	text-align: justify;
	
}
	#contenidoPrincipal #tituloPrincipal{
		width: 100%;
		height: 120px;
		font-size: 32px;
		box-shadow: 0px 10px 20px #aaa;
		background: #CEE3F6;
		
	}
	
	#contenidoPrincipal #tituloPrincipal p{
	
		padding-top: 40px;
		text-align: center;
		
		font-size: 2em;
		font-family:"Edwardian Script ITC";
	
	}
	
	
	#contenido{width: 100%; padding-bottom: 80px;}
	
		#izqContenido{
			margin-bottom: 40px;
			float: left;
			width: 64%;
			
		}
	
			
	#contenidoPrincipal #contenido p:first-child{
		font-size: 20px;
		margin-top: 60px;
	}
	
	
	#contenidoPrincipal #contenido p{
	
		margin-top: 16px;
		/*margin-left: 60px;
		margin-right: 60px;*/
		
	}

	#derContenido{
		float: right;
		position: relative;
		margin-top: 130px;
		width: 33%;
		height: 500px;
		border: 2px solid rgb(1,152,255);
		background-image: url("../imagenes/galeria/1980-1990/ano_80/virgen.jpg");
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}
			
	.parent1   {
	  /* contenedor de la animación */
	  	height: 0px; 
			overflow: hidden;

			-webkit-transition-property: height;
			-webkit-transition-duration: .5s; 
			-webkit-perspective: 1000px; 
			-webkit-transform-style: preserve-3d; 

			-moz-transition-property:height; 
			-moz-transition-duration: .5s; 
			-moz-perspective: 1000px; 
			-moz-transform-style: preserve-3d; 

			-o-transition-property: all; 
			-o-transition-duration: .5s;
			-o-transform: rotateX(-90deg);
			-o-transform-origin: top;

			transition-property: height;
			transition-duration: .5s;
			/*perspective: 1000px;*/
			transform-style: preserve-3d;
	}
	
	.parent2  {
	
	}
	
	.parent3  {
	 	background: rgba(0, 0, 0, .5);
	 	min-height: 110px; 

			-webkit-transition-property: all; 
			-webkit-transition-duration: .5s;
			-webkit-transform: rotateX(-90deg);
			-webkit-transform-origin: top; 

			-moz-transition-property: all; 
			-moz-transition-duration: .5s;
			-moz-transform: rotateX(-90deg);
			-moz-transform-origin: top; 

			-o-transition-property: all; 
			-o-transition-duration: .5s;
			-o-transform: rotateX(-90deg);
			-o-transform-origin: top;

			transition-property: all; 
			transition-duration: .5s;
			transform: rotateX(-90deg);
			transform-origin: top;
			
	}
 
	/* Estados hover que disparan las animaciones */
	#derContenido:hover .parent1  { min-height: 115px;}
	
	#derContenido:hover .parent3  {
	  -webkit-transform: rotateX(0deg); 
			-moz-transform: rotateX(0deg); 
			-o-transform: rotateX(0deg); 
			transform: rotateX(0deg); 
			height: 111px;
	}