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

html,
body {height:100%;}

body {background: url(imgs/bg.jpg);
	  background-size:cover;
	  margin:0 auto;
	  font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif; height:100%;
	  display: table; 
  	  width: 100%;}


#texto {
    width: 100%;
    color: #FFF;
    font-size: 1.5vw;
}
 @media screen and (max-width : 768px){
				  #texto{width:100%;
				  font-size:5vw;} 
				  }

.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:#bf3482;
					text-shadow: 0 1px 0 #fff,
 					0 2px 0 #febfe3,
                    0 3px 0 #f897cd,
                    0 4px 0 #e274b2,
                    0 5px 0 #f833a2,
                    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%;
	font-size:9vw;}
	}


	
#footer{background: #bf3482;
		background-size:cover;
		width: 80%;
		margin-left:10%;
		float:left;
		color:#000;
		text-align:center;
		font-size:0.7vw;
		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:#000;}
		

#contenedor {width:80%;
			 margin-top:5%;
			 background: rgba(87,88,96,0.6);
			 margin-left:10%;
			 float:left;
			 padding-bottom:2%;}
			 
			 @media (max-width: 768px) {
			 #contenedor {width:90%;
				 		  margin-left:5%;}				 
			 }

#header {width:90%;
		 margin-left:5%;
		 float:left;}
		 @media (max-width: 768px) {
		 #header {width:90%;
				  margin-left:5%;}
		  }
	
	#titulo-header {width: 100%;
    float: left;
    text-align: center;
    color: #ffff;
    text-shadow: 0 5px 0 #000000;
    font-size: 7vw;
	    
	}
					@media (max-width: 768px) {
					#titulo-header {width:100%;
						  			font-size:10vw;
									color:#fff;								
									}
					 }

#titulo-h2 {width: 100%;
    float: left;
    text-align: center;
    color: #ffff;
    text-shadow: 0 5px 0 #000000;
    font-size: 3vw;
	    
	}
					@media (max-width: 768px) {
					#titulo-h2 {width:100%;
						  			font-size:6vw;
									color:#fff;								
									}
					 }


/*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: #522976;
	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: #bf3482;
	color:#fff;
}

/*Style for dropdown links*/
li:hover ul a {
	background: #bf3482;
	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: #000;
	background: #bf3482;
	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%;
	}
}

#telefono-visa {width:90%;
				margin-left:5%;
				float:left;
				margin-top:3%;}
				
		#contenido-tlfns {width: 70%;
						  float:left;}
						  @media screen and (max-width : 768px){
						  #contenido-tlfns {width: 90%;
						  					margin-left:5%;}
						  }

		#contenido-tlfns2 {width: 100%;
						  float:left;}
						  @media screen and (max-width : 768px){
						  #contenido-tlfns {width: 90%;
						  					margin-left:5%;}
						  }
						  
				#tlfn-visa {width:100%;
							float:left;}
							
					  #primera-linea-tlfn-visa {width:100%;
					  							float:left;}
							
					  			#imagen-visa {width:20%;
					  						  float:left;
											  padding-top:4%;}
								
								#texto-tlfn-visa {width:80%;
												  float:left;
												  text-align:center;}
												  
								#texto-tlfn-visa a{color:#fff;
												   font-size:4.5vw;
												   text-decoration:none;													 
											       text-shadow: 0 1px 0 #ccc,
 										           0 2px 0 #000,
                                                   0 3px 0 #000,
                                                   0 4px 0 #000,
                                                   0 5px 0 #000,
                                                   0 6px 1px rgba(0,0,0,.1),
                                                   0 0 5px rgba(0,0,0,.1),
                                                   0 1px 3px rgba(0,0,0,.3),
                                                   0 3px 5px rgba(0,0,0,.2),
                                                   0 5px 10px rgba(0,0,0,.25),
                                                   0 10px 10px rgba(0,0,0,.2),
                                                   0 20px 20px rgba(0,0,0,.15);}
												   @media screen and (max-width : 768px){
												   #texto-tlfn-visa a {font-size:9vw;}
												   }
												  
					  #condiciones-tlfn-visa {width:100%;
					  						  text-align:center;
								        	  color:#fff;
								              font-size:0.8vw;}
											  @media screen and (max-width : 768px){
											  #condiciones-tlfn-visa {font-size:2.5vw;}
											  }
											  
				 #tlfn-806 {width:100%;
				 			float:left;}
							
					   #texto-tlfn-806 {width:100%;
					   					text-align:center;
										float:inherit;}
										
								#texto-tlfn-806 a{color:#fff;
												   font-size:4.5vw;
												   text-decoration:none;													 
											       text-shadow: 0 1px 0 #ccc,
 										           0 2px 0 #000,
                                                   0 3px 0 #000,
                                                   0 4px 0 #000,
                                                   0 5px 0 #000,
                                                   0 6px 1px rgba(0,0,0,.1),
                                                   0 0 5px rgba(0,0,0,.1),
                                                   0 1px 3px rgba(0,0,0,.3),
                                                   0 3px 5px rgba(0,0,0,.2),
                                                   0 5px 10px rgba(0,0,0,.25),
                                                   0 10px 10px rgba(0,0,0,.2),
                                                   0 20px 20px rgba(0,0,0,.15);}
												   
												   @media screen and (max-width : 768px){
												   #texto-tlfn-806 a {font-size:9vw;}
												   }
						
						#condiciones-tlf-806 {width:100%;
											  float:left;
											  text-align:center;
											  color:#fff;
								              font-size:0.8vw;}
											  @media screen and (max-width : 768px){
											  #condiciones-tlf-806 {font-size:2.5vw;}
											  }
									
		
		#imagen-tlfns {width:30%;
					   float:left;}
					    @media screen and (max-width : 768px){
						#imagen-tlfns {width:0%;}
						}
				

#bloque-img-izda {width:80%;
				  margin-left:10%;
				  float: left;
				  margin-top:3%;}
				  
				  #img-izda {width:32%;
				  			 margin-right:3%;
							 float:left;}
				  @media screen and (max-width : 768px){
				  #img-izda {width:100%;} 
				  }
				  
				  #texto-img-izda {width:65%;
				  				   float:left;
								   text-align:left;
								   color:#FFF;
								   font-size:1.5vw;}
				  @media screen and (max-width : 768px){
				  #texto-img-izda {width:100%;
				  font-size:5vw;} 
				  }
				  #texto-img-izda a{color: #990066;}
								   
#bloque-img-dcha {width:80%;
				  margin-left:10%;
				  float: left;
				  margin-top:3%;}
				  				  
				  #texto-img-dcha {width:65%;
				  				   float:left;
								   text-align:left;
								   color:#FFF;
								   font-size:1.5vw;}
				  @media screen and (max-width : 768px){
				  #texto-img-dcha {width:100%;
				  font-size:5vw;} 
				  }
				  #texto-img-dcha a{color:#a5cef7;}
				  								   
				  #img-dcha {width:32%;
				  			 margin-left:3%;
							 float:left;}
				  @media screen and (max-width : 768px){
				  #img-dcha {width:100%;} 
				  }
				  
@-webkit-keyframes movimiento-diagonal {
   from {
      left: 5%;
   }
   
   to {
      left: 25%;
   }
}
#texto-reclamo {width:80%;
				font-size:4.5vw;
				margin-left:10%;
					float:left;
					text-align:left;
					color:#fff800;
					text-shadow: 0 1px 0 #000,
 					0 2px 0 #000,
                    0 3px 0 #000,
                    0 4px 0 #000,
                    0 5px 0 #000,
                    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);					
					-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 */   					
 					 position: relative;}
					@media (max-width: 768px) {
					#texto-reclamo {width:100%;
						  			font-size: 10vw;	}
					  }
					  
#texto-reclamo2 {width:80%;
				font-size:4vw;
				margin-left:10%;
					float:left;
					text-align:left;
					color:#fff800;
					text-shadow: 0 1px 0 #000,
 					0 2px 0 #000,
                    0 3px 0 #000,
                    0 4px 0 #000,
                    0 5px 0 #000,
                    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);					
					-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 */   					
 					 position: relative;}
					@media (max-width: 768px) {
					#texto-reclamo2 {width:100%;
						  			font-size: 6.5vw;									
									text-shadow: none;}
					  }

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

#contenido {width:90%;
			margin-left:5%;
			float: left;
			background:#fff;			
			}
			
			@media (max-width: 768px) {
			#contenido {width:100%;
							margin-left:0%;}
			}
			
#texto-condiciones-legales {width:100%;
				  				   float:left;
								   text-align:left;
								   color:#FFF;
								   font-size:1vw;}
#video { width:80%;
		float:left;
		margin-left:10%;
		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%;
}