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

html,
body {height:100%;}

body {background: url(imgs/bg-hadas.jpg);
	  background-size:cover;
	  margin:0 auto;
	  font-family: font-family: 'Bree Serif', serif;
	  height:100%;
	  display: table; 
  	  width: 100%;}

	@media (max-width: 768px) {
    body {background:url(imgs/bg-hadas.jpg); background-size:cover;
	}
	}


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


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


h1 {width:80%;
	font-size:4.5vw;
	margin-left:10%;
	float:left;
	text-align:center;
	color:#a5cef7;
	text-shadow: 0 1px 0 #fff,
	0 2px 0 #c4e1fd,
	0 3px 0 #99cafb,
	0 4px 0 #77b0e9,
	0 5px 0 #3a9bfd,
	0 6px 1px rgba(255,255,255,.1),
	0 0 5px rgba(255,255,255,.1),
	0 1px 3px rgba(255,255,255,.3),
	0 3px 5px rgba(255,255,255,.2),
	0 5px 10px rgba(255,255,255,.25),
	0 10px 10px rgba(255,255,255,.2),
	0 20px 20px rgba(255,255,255,.15);
	position: relative;}
	@media (max-width: 768px) {
	h1 {width:100%;
		color:#a5cef7;									
		text-shadow: none;}
	}

#footer{background: #1a6ab5;
		background-size:cover;
		width: 90%;
		margin-left:5%;
		float:left;
		color:#fff;
		text-align:center;
		font-size:1vw;
		padding-top:1%;
		padding-bottom:1%;
		margin-bottom:5%;
		}
		@media (max-width: 768px) {
		#footer {font-size:3vw;
				 width:90%;
				 margin-left:5%;}
				 
		 }
			 
		 #footer a {color:#fff;}
		

#contenedor {width:90%;			 
			 /*background: rgba(255,255,255,0.3);*/
			 margin-left:5%;
			 float:left;
			 padding-bottom:2%;}
			 
			 @media (max-width: 768px) {
			 #contenedor {width:90%;
				 		  margin-left:5%;}				 
			 }

#header {width:90%;
		 margin-left:5%;
		 float:left;
		 background: url(imgs/cabacera1.jpg);
		 background-size:cover;
    height:245px;
}
		 @media (max-width: 768px) {
		 #header {width:90%;
				  margin-left:5%;
		     height:96px;
		 }
		  }
	
	#titulo-header {width:100%;
					float:left;
					text-align:center;
					color:#1a6ab5;
					text-shadow: 0 1px 0 #fff,
 					0 2px 0 #a4d0fa,
                    0 3px 0 #8cbbe7,
                    0 4px 0 #709fcc,
                    0 5px 0 #40719f,
                    0 6px 1px rgba(255,255,255,.1),
                    0 0 5px rgba(255,255,255,.1),
                    0 1px 3px rgba(255,255,255,.3),
                    0 3px 5px rgba(255,255,255,.2),
                    0 5px 10px rgba(255,255,255,.25),
                    0 10px 10px rgba(255,255,255,.2),
                    0 20px 20px rgba(255,255,255,.15);
					font-size:7vw;}
					@media (max-width: 768px) {
					#titulo-header {width:100%;
						  			font-size:9vw;
									color:yellow;
									    text-shadow: 0 1px 0 #e7ee0b, 0 2px 0 #ecab13, 0 3px 0 #232121, 0 4px 0 #0a0a0a, 0 5px 0 #40719f, 0 6px 1px rgba(255,255,255,.1), 0 0 5px rgba(255,255,255,.1), 0 1px 3px rgba(255,255,255,.3), 0 3px 5px rgba(255,255,255,.2), 0 5px 10px rgba(255,255,255,.25), 0 10px 10px rgba(255,255,255,.2), 0 20px 20px rgba(255,255,255,.15);
}
					 }
		
		#subtitulo-header {width:100%;
					float:left;
					text-align:center;
					color:#1a6ab5;
					text-shadow: 0 1px 0 #fff,
 					0 2px 0 #a4d0fa,
                    0 3px 0 #8cbbe7,
                    0 4px 0 #709fcc,
                    0 5px 0 #40719f,
                    0 6px 1px rgba(255,255,255,.1),
                    0 0 5px rgba(255,255,255,.1),
                    0 1px 3px rgba(255,255,255,.3),
                    0 3px 5px rgba(255,255,255,.2),
                    0 5px 10px rgba(255,255,255,.25),
                    0 10px 10px rgba(255,255,255,.2),
                    0 20px 20px rgba(255,255,255,.15);
					font-size:4vw;}
					@media (max-width: 768px) {
					#subtitulo-header {color:yellow;
									   font-size:7vw;
									   padding-bottom:5%;
									   text-shadow: 0 1px 0 #e7ee0b, 0 2px 0 #ecab13, 0 3px 0 #232121, 0 4px 0 #0a0a0a, 0 5px 0 #40719f, 0 6px 1px rgba(255,255,255,.1), 0 0 5px rgba(255,255,255,.1), 0 1px 3px rgba(255,255,255,.3), 0 3px 5px rgba(255,255,255,.2), 0 5px 10px rgba(255,255,255,.25), 0 10px 10px rgba(255,255,255,.2), 0 20px 20px rgba(255,255,255,.15);
					    
					    
					}
					}



/*Strip the ul of padding and list styling*/
ul {
	width:90%;
	list-style-type:none;
	margin-left: 5%;
	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:21%;
	margin-top:2%;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom:2%;
}
	@media (max-width: 768px) {
		li {margin-top:0%;
			float: left;}
	}

/*Style for menu links*/
li a {
	display:block;
	font-size:1.2vw;
	line-height:2vw;
/*	min-width:140px;*/
/*	height: 50px;*/
	text-align: center;
/*	line-height: 50px;*/
	color: #fff;
	background: #1a6ab5;
	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: #a5bed7;
	color:#fff;
}

/*Style for dropdown links*/
li:hover ul a {
	background: #a5bed7;
	color: #fff;
	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: #1a6ab5;
	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:90%;
		margin-left:5%;
	}
}


#tarifas-animadas {width:94%;
				   margin-left:2%;
						float:left;
						}
						@media screen and (max-width : 768px){
						#tarifas-animadas {width:80%;
										   margin-left:10%;
										   margin-top:3%;
						
						}
						}

						#texto1-tarifas-animadas {text-align:center;
										   font-size:6vw;
										   color:#fff;
										   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 screen and (max-width : 768px){
						#texto1-tarifas-animadas {font-size:5vw;}
						}

#texto2-tarifas-animadas{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; 
										   text-decoration:none;
									 	  
										   font-size:4vw;
										   font-weight:bold;
										   letter-spacing:-2px; 
										   color:#ecc807;
					text-shadow: 0 1px 0 #eed50b, 0 2px 0 #ecab13, 0 3px 0 #232121, 0 4px 0 #0a0a0a, 0 5px 0 #40719f, 0 6px 1px rgba(255,255,255,.1), 0 0 5px rgba(255,255,255,.1), 0 1px 3px rgba(255,255,255,.3), 0 3px 5px rgba(255,255,255,.2), 0 5px 10px rgba(255,255,255,.25), 0 10px 10px rgba(255,255,255,.2), 0 20px 20px rgba(255,255,255,.15);
										   
										   }
								@media screen and (max-width : 768px){
						#texto2-tarifas-animadas {font-size:8vw;}
						}

#telefonos {width:100%;
		    float:left;
			margin-top:2%;}
			
			#tlfn-visa {width:50%;
						float:left;
						}
						@media (max-width: 768px) {
							#tlfn-visa {width:80%;
										margin-left:10%;}
						}
						
						#texto1-tlfn-visa {text-align:center;
										   font-size:2vw;
										   color:#fff;
										   padding-top:2%;
										   letter-spacing:-2px; 
color: #fff; 
text-shadow: 0 1px 0 #fff,
					0 2px 0 #a4d0fa,
                    0 3px 0 #8cbbe7,
                    0 4px 0 #709fcc,
                    0 5px 0 #40719f, 
-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;
   											width: 100%;
											text-align: center;
 										   position: relative; 
   										   }
										    
						#numero-tlfn-visa a {
										   text-decoration:none;
									 	  
										   font-size:4vw;
										   font-weight:bold;
										   letter-spacing:-2px; 
										   color:rgba(0, 225, 255, 1);
					text-shadow: 0 1px 0 #fff,
					0 2px 0 #a4d0fa,
                    0 3px 0 #8cbbe7,
                    0 4px 0 #709fcc,
                    0 5px 0 #40719f,
                    0 6px 1px rgba(255,255,255,.1),
                    0 0 5px rgba(255,255,255,.1),
                    0 1px 3px rgba(255,255,255,.3),
                    0 3px 5px rgba(255,255,255,.2),
                    0 5px 10px rgba(255,255,255,.25),
                    0 10px 10px rgba(255,255,255,.2),
                    0 20px 20px rgba(255,255,255,.15);
										   
										   }
										   @media (max-width: 768px) {
											#numero-tlfn-visa a {font-size:10vw;}
											}
						
						#texto2-tlfn-visa {text-align:center;
											margin-top:2%;
										   font-size:1vw;
										   color:#fff;
										   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%;}
								}
												
#tarot-visa{ width:100%;
			 margin-left:20%;
			}
			@media (max-width: 768px) {
			#tarot-visa{ width:100%;
			 			margin-left:0%;
			}	
			}
#contenido {width:80%;
			float:left;
			margin-left:10%;
			color:#fff;
			font-size:1.5vw;
			margin-top:5%;
			}
			@media (max-width: 768px) {
			#contenido {font-size:5vw;}
			}

	#contenido a{color:#a5bed7;
	}
@-webkit-keyframes movimiento-diagonal {
   from {
      left: 5%;
   }
   
   to {
      left: 25%;
   }
}
#texto-reclamo {width:80%;
				font-size:4.5vw;
				margin-left:10%;
				margin-right:10%;
				margin-bottom:1%;
					float:left;
					text-align:center;
					color:#fff;
				    font-size:4vw;
					font-weight:bold;
					letter-spacing:-2px; 
					color:rgba(7, 237, 191, 1);
					text-shadow: 0 1px 0 #0b0a0a, 0 2px 0 #a4d0fa, 0 3px 0 #8cbbe7, 0 4px 0 #709fcc, 0 5px 0 #40719f, 0 6px 1px rgba(255,255,255,.1), 0 0 5px rgba(255,255,255,.1), 0 1px 3px rgba(255,255,255,.3), 0 3px 5px rgba(255,255,255,.2), 0 5px 10px rgba(255,255,255,.25), 0 10px 10px rgba(255,255,255,.2), 0 20px 20px rgba(255,255,255,.15);		
					}
					@media (max-width: 768px) {
					#texto-reclamo {width:100%;
					margin-left:0%;
						  			font-size: 8vw;
									color:#ecc807;								
									text-shadow: 0 1px 0 yellow;}
					  }


#text-tarif {
										   text-decoration:none;
									 	  
										   font-size:4vw;
										   font-weight:bold;
										   letter-spacing:-2px; 
										   color:yellow;
					text-shadow: 0 1px 0 #eed50b, 0 2px 0 #ecab13, 0 3px 0 #232121, 0 4px 0 #0a0a0a, 0 5px 0 #40719f, 0 6px 1px rgba(255,255,255,.1), 0 0 5px rgba(255,255,255,.1), 0 1px 3px rgba(255,255,255,.3), 0 3px 5px rgba(255,255,255,.2), 0 5px 10px rgba(255,255,255,.25), 0 10px 10px rgba(255,255,255,.2), 0 20px 20px rgba(255,255,255,.15);
										   
										   }
										   @media (max-width: 768px) {
											#text-tarif {font-size:8vw;
											    color:yellow;
					text-shadow: 0 1px 0 #eed50b, 0 2px 0 #ecab13, 0 3px 0 #232121, 0 4px 0 #0a0a0a, 0 5px 0 #40719f, 0 6px 1px rgba(255,255,255,.1), 0 0 5px rgba(255,255,255,.1), 0 1px 3px rgba(255,255,255,.3), 0 3px 5px rgba(255,255,255,.2), 0 5px 10px rgba(255,255,255,.25), 0 10px 10px rgba(255,255,255,.2), 0 20px 20px rgba(255,255,255,.15);
											}
											}

#tarifas {width:60%;
		  margin-left:20%;
		  margin-right:20%;
		  margin-bottom:2%;
		  padding-top:2%;
		  padding-bottom:2%;
		  float:left;
		  
		  text-align:center;
		  font-size:2vw;
		  color:#fff;
		  text-decoration:none;
		  text-shadow: 0 1px 0 #ccc;}
		  
		  @media (max-width: 768px) {
		  #tarifas {width:80%;
		  			margin-left:10%;
					font-size:5vw;
		  }
		  }


			

#video { width:100%;
		float:left;
		margin-top:5%;}
.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%;
}