/*
	Astral 1.0 by HTML5 Up!
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	html
	{
	/*	width: 100%;*/
		height: 100%;
		
	}

	body
	{
		width: 100%;
	/*	min-height: 650px;*/
		overflow-y: scroll;
	/*	min-width: 800px;*/
	}

	body, input, textarea
	{
		font-size: 14pt;
		line-height: 1.25em;
		
	}

	
	h1
	{
		font-size: 2.4em;
		letter-spacing: -0.015em;
	}

	h2
	{
		font-size: 1.8em;
		letter-spacing: -0.015em;
	}
	
	h3, h4, h5, h6
	{
		font-size: 1.25em;
		letter-spacing: -0.015em;
	}
	
	header
	{
		margin: 3em 5em 0.10em 0;
	}

	ul.links
	{
	}
	
		ul.links li
		{
		}

			ul.links li:before
			{
				padding: 0 0.75em 0 0.75em;
			}

	.button
	{
		padding: 0.7em 1.5em 0.7em 1.5em;
		cursor: pointer;
	}

		.button-small
		{
			font-size: 0.75em;
		}
		
		.button-big
		{
			font-size: 1.25em;
			padding: 0.5em 1.25em 0.5em 1.25em;
		}
		
		.button-huge
		{
			font-size: 1.5em;
			padding: 0.5em 1.25em 0.5em 1.25em;
		}

	.byline
	{
		margin: 0.5em 0 0 0;
	}

	.is-gallery
	{
	}
	
		.is-gallery .image
		{
			margin: 0;
		}
		
/*********************************************************************************/
/* Wrapper         opacity: 0.00001;                                                              */
/*********************************************************************************/
			
	#wrapper
	{
		width: 45em;

        
		margin: -12em auto;
		
		
	/*top: -13em  auto;
min-height: 100%;
		 overflow:visible;*/
	
		}
		
		

		

		#wrapper.tall
		{
			padding-bottom: 1em;
		}
	

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/
	#nav
	{
		text-align: center;
		font-family:'OstrichSansBlack', Arial, sans-serif;
		height: 1.90em;
		cursor: default;
		background: #240048;
		padding-top: 0em;
		padding-bottom: 0.1em;
		white-space:normal;
		
		
		
	
	}
	
		#nav a
		{
			font-size: 1.3em;
			margin: 0em 0em 1em 0.1em;
			opacity: 0.5;
			outline: 0;
		}

			#nav a:after
			{
				content: '';
				display: none;
				
			}
		
			
			#nav a:hover
			{
				opacity: 1.0;
			}

				#nav a:hover span
				{
					display: none;
					
				}	
			
			#nav a.active
			{
				opacity: 1.0;
				color: #FFFFFF;
			}
			
			
		

				#nav a.active:after
				{
					border-bottom-width: 0.5em;
				}
				
				
				#nav span
			{
				display:none;
				
			}
	
			
/*********************************************************************************/
/* Panels        opacity:.97;                                                                */
/*********************************************************************************/

	#main
	{
	background:none;
	

	}
	
	
#faq{
width:100%;
}
	
	
		

	
	

	.panel
	{background: #0F012C;
		padding: 0.5em 2.5em 2.5em 2.5em;
		position: absolute;
		top: 0;
		left: 0;
		box-shadow: 0px 1px 1px 0px rgba(0,0,0,1);
		-moz-border-radius: 0 0 15px 15px;
 border-radius:0 0 15px 15px;
		height:auto;
		width:auto;
		
	   
	}
	
	
	
		
	.table
	{
		width: 12%;
		display: inline-table;
		text-align:center;
		  padding: 0 0.05em 0.2em 0.05em;
	
  
	}
	
	
	
	
	 .table-cell, .table-cellda
	 
	 {
	 
	 display: table-cell;
	  line-height:0.5em;
	   border-top-style:dotted;
	  border-bottom-style:dotted;
	 border-left-style:dotted;
	 border-right-style:dotted;
	  border-width:1px;
		 border-color:#999999;
		 	-moz-border-radius: 3px;
 border-radius: 3px;
	  
	 }
	 
	
		
	

	 .table-cellda:hover{
	
 outline: solid thin white;
   cursor:pointer;
}	


	.table-cellda:visited{
	opacity:1;
 filter:alpha(opacity=100); /* For IE8 and earlier */
 
   cursor:pointer;
}	


		
	
	
 .table-celldo
	 
	 {
	 border-top-style:dotted;
	 border-width:1px;
	 cursor:default;
		 border-color:#999999;
		 }
	
	
	.tablediv{
	margin: 0 3em 0 3em;
	 text-align:center;
		
	}	
	
		
.separador{
display: inline-table;
width:0.02em;
height:3em;
background-color:transparent;
float: inherit;
}  	

	
	
	
	#footer
	{
		color: #ccc;
		color: rgba(255,255,255,0.45);
		
		font-size:9px;
		float: right;
	}
	
		#footer a
		{
			color: #ddd;
			color: rgba(255,255,255,0.65);
			-moz-transition: color .25s ease-in-out;
			-webkit-transition: color .25s ease-in-out;
			-o-transition: color .25s ease-in-out;
			-ms-transition: color .25s ease-in-out;
			transition: color .25s ease-in-out;
		}
		
		#footer a:hover
		{font-weight: 50;
			color: rgba(255,255,255,1.0);
		}

	.gotop {
	display:block;
	
}




 .construccion {
    float: right;
	position: fixed;
	display:block;
	right:0px;
	top:0px;
	text-decoration:none;
	z-index:999;
	transition:all 300ms;
	-webkit-transition:all 300ms;
	
}

#social
	{
	display:table;
	margin-left:85%;
    }
	
	.video_producto
	{
	 margin: -2.8em 0.3em 0 0;
	  float:right;
	  
	}
	
	
	.hr-productos
	{
		
		border-top: solid 1px #400080;
		margin: 0.05em 0 0.05em 0;
	}
.presentacion
{
 line-height:1em;

				  padding: 0.2em 0.9em 0.2em 0.2em;

				 width:90%; 

				 height:auto;

				text-align:center;

				-moz-border-radius: 4px;

                 -webkit-border-radius: 4px;

               -khtml-border-radius:  4px;

                border-radius:  4px;

	            text-decoration:none;
				margin-bottom:0.3em;
				margin-top:0em;
             
}

.espacio
{ display:none;
width:0;
background:transparent;
clear: both;
}

.image-cuento{

width:78px;
 height:80px;
 float:left;
 margin-top: 2.3em;
  margin-right: 13px;
   margin-bottom: 3em;
 border: #F2F2F2; 
 border-style:solid;
  border-width:thick;
}

.audioc{
width:200px;
 margin:0.6em 0.3em 0.5em 0;
}


.fragmento-gratis{
margin:0em 0.4em 1.3em 0;
 width: 45%;
 height:1em;
}

.texto-descarga{

margin:-0.5em 0 0.2em 0;
width:80%;
}

.boton-paypal{

margin:-2.25em 0 0 0; 
padding:0 0.4em 0.2em 0.2em; 
float:right;
  -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
}


 .gotop {
	position:fixed;
	left:auto;
	margin-left:-4%;
	bottom:2%;
	opacity:0.7;
	color: #FFFFFF;
	display: inline;
	text-decoration:none;
	z-index:100;
	
	
}