@charset "utf-8";
/* CSS Document */

html,
body { height: 100%; }

body {background: url(img/bg-tarot-cristina.jpg); background-size:cover; margin:0 auto; font-family:"Century Gothic"; height:100%; display: table;
  width: 100%;}

	@media (max-width: 768px) {
    body {background: url(img/bg-tarot-cristina-mv.jpg); background-size:cover;
}
	}


.page-row {
  display: table-row;
  height: 1px;
}
 
.page-row-expanded { height: 100%; }


img { width: 100%;
	  border:0;}


h1 {font-size:2.2vw;
	color:#6f1d59;
	text-align:left;
	font-weight:bold;}
	@media (max-width: 768px) {
	h1 {font-size:7vw;
		text-align:center;}
	}

h2 {font-size:0.9vw;
	color:#666;
	text-align:justify;
	font-weight:100;}
	@media (max-width: 768px) {
	h2 {font-size:4vw;}
	}
	
h3 {font-size:1.5vw;
	color:#6f1d59;
	text-align:center;}
	@media (max-width: 768px) {
	h3 {font-size:6vw;
		text-align:center;}
	}

h4 {font-size:0.7vw;
	color:#666;
	text-align:justify;
	font-weight:100;}
	@media (max-width: 768px) {
	h4 {font-size:4vw;}
	}
	
#footer{background:#6f1d59;
		width: 100%;
		float:left;
		color:#fff;
		text-align:center;
		font-size:0.7vw;
		padding-top:1%;
		padding-bottom:1%;
		}
		@media (max-width: 768px) {
				 #footer {font-size:3vw;}
				 
			 }
			 
			 #footer a {color:#fff;	 		    
		
		}
		

#contenedor {width:70%;
			 margin-left:15%;
			 background:#fff;
			 float:left;
			 padding-bottom:2%;}
			 
			 @media (max-width: 768px) {
				 #contenedor {width:90%;
				 			  margin-left:5%;}
				 
			 }

#header {width:100%;
		 float:left;
		 background:#6f1d59;}
	
	#img-header-izda {width:5%;
					  margin-left:20%;
					  float: left;}
					  @media (max-width: 768px) {
						  #img-header-izda {width:10%;
						  					margin-left:0%;}
					  }
	#titulo-header {width:50%;
					float:left;
					text-align:center;
					color:#f5cee2;
					font-size:3.5vw;}
					@media (max-width: 768px) {
						  #titulo-header {width:80%;
						  					font-size:6vw;}
					  }
	#img-header-dcha {width:5%;
					  margin-right:20%;
					  float: left;}
					  @media (max-width: 768px) {
						  #img-header-dcha {width:10%;
						  					margin-right:0%;}
					  }



/*Strip the ul of padding and list styling*/
ul {
	width:80%;
	list-style-type:none;
	margin-left: 10%;
	padding:0;
/*	position: absolute;*/
}
 	@media (max-width: 768px) {
		ul {width:100%;
			margin-left:0%;
			float: left;}
	}

/*Create a horizontal list with spacing*/
li {
	display:inline-block;
	width:22%;
	margin-top:2%;
	float: left;
	margin-right: 3%;
}
	@media (max-width: 768px) {
		li {margin-top:0%;
			float: left;}
	}

/*Style for menu links*/
li a {
	display:block;
	font-size:1vw;
	line-height:2vw;
/*	min-width:140px;*/
/*	height: 50px;*/
	text-align: center;
/*	line-height: 50px;*/
	color: #fff;
	background: #6f1d59;
	text-decoration: none;
}
	@media (max-width: 768px) {
		li a{font-size:4vw;
			 line-height:8vw;
			}
	}

/*Hover state for top level links*/
li:hover a {
	background: #f5cee2;
	color:#6f1d59;
}

/*Style for dropdown links*/
li:hover ul a {
	background: #f3f3f3;
	color: #2f3036;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
li:hover ul a:hover {
	background: #19c589;
	color: #fff;
}

/*Hide dropdown links until they are needed*/
li ul {
	display: none;
}

/*Make dropdown links vertical*/
li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	text-decoration: none;
	color: #fff;
	background: #6f1d59;
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}


/*Responsive Styles*/

@media screen and (max-width : 768px){
	/*Make dropdown links appear inline*/
	ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	ul li, li a {
		width: 90%;
		margin-left:5%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
		margin-top:2%;
		width:80%;
		margin-left:10%;
	}
}



@-webkit-keyframes movimiento-diagonal {
   from {
      left: 5%;
   }
   
   to {
      left: 25%;
   }
}

#telefonos {width:100%;
		    float:left;
			margin-top:2%;}
			
			#tlfn-visa {width:36%;
						margin-left:2%;
						float:left;
						background:#f5cee2;
						}
						@media (max-width: 768px) {
							#tlfn-visa {width:80%;
										margin-left:10%;}
						}
						
						#texto1-tlfn-visa {text-align:center;
										   font-size:1.5vw;
										   color:#fff;
										   background:#6f1d59;
										   padding-top:2%;
										   letter-spacing:-2px; 
color: #fff; 
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 25px #ff00de; 
-webkit-text-fill-color: #F4ECFF; 
-webkit-text-stroke-color:#C546F7; 
-webkit-text-stroke-width:0.2px; 
-moz-text-fill-color: #F4ECFF; 
-moz-text-stroke-color:#C546F7; 
-moz-text-stroke-width:0.2px; }
										   
										   @media (max-width: 768px) {
											#texto1-tlfn-visa {font-size:6vw;}
											}
						
						#numero-tlfn-visa {text-align:left;
										   -webkit-animation-name: movimiento-diagonal;
   										   -webkit-animation-duration: 3s;
   										   -webkit-animation-iteration-count: infinite;
   										   -webkit-animation-direction: alternate;/*para que vuelva a su posicion inicial */
   											width: 100%;
 										   position: relative; 
   										   }
										    
						#numero-tlfn-visa a {
										   text-decoration:none;
									 	   color:#6f1d59;
										   font-size:3vw;
										   font-weight:bold;
										   letter-spacing:-2px; 
										   }
										   @media (max-width: 768px) {
											#numero-tlfn-visa a {font-size:10vw;}
											}
						
						#texto2-tlfn-visa {text-align:center;
										   font-size:0.5vw;
										   color:#666;
										   padding-bottom:1%;}
										   @media (max-width: 768px) {
											#texto2-tlfn-visa {font-size:3vw;}
											}

			#imagen-tlfn {width:20%;
						float:left;}
						@media (max-width: 768px) {
								#imagen-tlfn {width:50%;
											  margin-left:25%;
											  margin-right:25%;}
								}
												

#contenido {width:80%;
			float: left;
			margin-left:10%;
			}
			
			@media (max-width: 768px) {
				#contenido {width:100%;
							margin-left:0%;}
			}
			
			#imagen-contenido {width:25%;
						       float:left;
							   margin-top:5%;}
							   @media (max-width: 768px) {
				#imagen-contenido {width:80%;
							margin-left:10%;}
			}
			
			#texto-contenido {width:73%;
							  margin-left:2%;
							  float:left;}
							  @media (max-width: 768px) {
				#texto-contenido {width:80%;
							margin-left:10%;}
			}
			
			#imagen-contenido-806 {width:40%;
						       float:left;
							   margin-top:5%;
							   margin-bottom:5%;}
							   @media (max-width: 768px) {
				#imagen-contenido-806 {width:80%;
							margin-left:10%;}
			}
			
			#texto-contenido-806 {width:58%;
							  margin-left:2%;
							  float:left;
							  margin-bottom:5%;}
							  @media (max-width: 768px) {
				#texto-contenido-806 {width:80%;
							margin-left:10%;}
			}


#cita { width:100%;
		float:left;}
		

#tarifas-index {width:50%;
				margin-left:25%;
				float:left;
				background:#6f1d59;
				padding-top:1%;
				padding-bottom:1%;
				}
				@media (max-width: 768px) {
				#tarifas-index {width:80%;
							margin-left:10%;}
				}
				
				#texto-tarifas-index {width:58%;
				                     margin-right:2%;
									 float:left;
									 text-align:center;
									 background:#6f1d59;}
									 
									 @media (max-width: 768px) {
									#texto-tarifas-index {width:100%;
														margin-left:0%;}
									}
									 
									 #titulo-texto-tarifas-index {width:100%;
									 							  float:left;
																  color: #fff;
																  font-size: 1.5vw;
																  font-weight:bold;
									 							  }
																  @media (max-width: 768px) {
																	#titulo-texto-tarifas-index { font-size:7vw;}
																 }
													
									 #contenido-texto-tarifas-index {width:100%;
									 								 color:#fff;
																	 font-size:1.5vw;
																	 letter-spacing:-2px; 
color: #fff; 
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 25px #ff00de; 
-webkit-text-fill-color: #F4ECFF; 
-webkit-text-stroke-color:#C546F7; 
-webkit-text-stroke-width:0.2px; 
-moz-text-fill-color: #F4ECFF; 
-moz-text-stroke-color:#C546F7; 
-moz-text-stroke-width:0.2px; }
																	 @media (max-width: 768px) {
																	#contenido-texto-tarifas-index { font-size:6vw;}
																     }
														#contenido-texto-tarifas-index a {
									 								 color:#fff;
																	 font-size:2.5vw;
																	 text-decoration:none;}
																	 @media (max-width: 768px) {
																	#contenido-texto-tarifas-index a { font-size:7.5vw;}
																     }
									 
				
				#imagen-tarifas-index {width:40%;
									  float:left;}
									  @media (max-width: 768px) {
									  #imagen-tarifas-index { width:90%;
									  					     margin-left:5%;}
										}
#google {width:100%;
		  float:left;
		  margin-top:2%;}
		  
		  #google a {color:#6f1d59;}


		#texto-google {width:96%;
					   margin-left:1%;
			    	   float:left;
					   font-size:1vw;
					   color:#666;
					   text-align:left;}
					   @media (max-width: 768px) {
						#texto-google { width:100%;
										float:left;
							           font-size:5vw;
						              text-align:center;}
						}									  

		#img-google {width:3%;
			    	   float:left;}
					   @media (max-width: 768px) {
						#img-google {width:40%;
									 margin-left:30%;}
						}
						
#texto-contenido-visa {width:100%;}
					 @media (max-width: 768px) {
						#texto-contenido-visa {width:80%;
									 margin-left:10%;}
						}

.responsiveContent {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.2%;
  margin-bottom: 20px;
}
.responsiveContent iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}




#contenido-rituales {width:80%;
					 margin-left:10%;}
					 @media (max-width: 768px) {
						#texto-contenido-visa {width:80%;
									 margin-left:10%;}
						}
						
						#imagen-rituales {width:40%;
										  float:left;}
										  @media (max-width: 768px) {
										 #imagen-rituales {width:100%;}
						}
						
						#texto-rituales {width:100%;
										  float:left;}
										  @media (max-width: 768px) {
										 #texto-rituales {width:100%;}
						}
						
						#titulo-ritual {width:100%;
										font-size:1.5vw;
										color:#6f1d59;
										text-align:left;
										font-weight:bold;
										  float:left;}
										  @media (max-width: 768px) {
										 #titulo-ritual {width:100%;
										 				 font-size:5vw;}
						}
						
						#contenido-texto-rituales {width:100%;
										  float:left;}
										  @media (max-width: 768px) {
										 #contenido-texto-rituales {width:100%;}
						}