@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%;}

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


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


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


h1 {font-size:4vw;
	color: #FFFF00;text-decoration:none;text-shadow: -2px -2px 1px #000, 2px 2px 1px #000, -2px 2px 1px #000, 2px -2px 1px #000;
	width: 100%;
 	position: relative;	
	text-align:center;
	font-weight: normal;
	margin-top:5%;}
	@media (max-width: 768px) {
	h1 {font-size:7vw;
		text-align:center;}
	}

h2 {font-size:1.2vw;
	color: #fff;
	text-align:justify;
	font-weight:100;}
	@media (max-width: 768px) {
	h2 {font-size:5.5vw;}
	}
	
#titulo-contenido-legal {width: 100%;
	color:#fff;
 	position: relative;	
	text-align:left;
	margin-left:2%;
	font-weight: normal;
	font-size:1.8 vw;
	width:100%;
	margin-top:2%;}
	@media (max-width: 768px) {
	#titulo-contenido-legal {font-size:6vw;
		text-align:center;}
	}

#texto-contenido-legal {width:96%;
	margin-left:2%;
	margin-right:2%;
	margin-top:3%;
	float:left;
	font-size:1.2vw;
	color:#fff;
	text-align:justify;
	font-weight:100;}
	@media (max-width: 768px) {
	#texto-contenido-legal {font-size:4vw;
	    width:80%;
		margin-left:10%;}
	}
	
#footer{background: #000;
		width: 100%;
		margin-left:0%;
		float:left;
		color:#FFFF99;
		text-align:center;
		font-size:0.7vw;
		padding-top:1%;
		padding-bottom:1%;
		}
		@media (max-width: 768px) {
				 #footer {font-size:3vw;
				 		  width:90%;
						  margin-left:5%;}
				 
			 }
			 
			 #footer a {color:#fff;	 		    
		
		}
		

#contenedor {width:90%;
			 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;}
		 @media (max-width: 768px) {
				#header {width:90%;
						 margin-left:5%;}
			}
	

	#titulo-header {width:100%;
					float:left;
					text-align:center;
					font-size:5vw;
					color:#fff;
					padding-top:2%;
					background: rgba(0,0,0,0.5);
					letter-spacing:-2px; 
                    color: #fff; 
                    text-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fffc00, 0 0 20px #fffc00; 
                    -webkit-text-fill-color: #ffffec; 
                    -webkit-text-stroke-color:#f7f146; 
                    -webkit-text-stroke-width:0.2px; 
                    -moz-text-fill-color: #ffffec; 
                    -moz-text-stroke-color:#f7f146; 
                    -moz-text-stroke-width:0.2px;}
					@media (max-width: 768px) {
					#titulo-header {width:100%;
									margin-left:0%;
						  			font-size:8vw;
									text-align:center;
									}
					  }

     #imagen-header {width:15%;
	 				 margin-right:3%;
	 				 float:left;}
					@media (max-width: 768px) {
					#imagen-header {width:0%;}
					}
/*Strip the ul of padding and list styling*/
ul {
	width:90%;
	margin-left:5%;
	list-style-type:none;
	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.5vw;
	line-height:2vw;
/*	min-width:140px;*/
/*	height: 50px;*/
	text-align: center;
/*	line-height: 50px;*/
	color:#000;
	background: #FFFF99;
	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:#000;
	color:#FFFF99;
}

/*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;
	font-size:5vw;
	color: #fff;
	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%;
	}
}





#telefonos {width:80%;
            margin-left:10%;
		    float:left;
			margin-top:2%;}
			
			#tlfn-visa {width:45%;
						float:left;
						margin-right:5%;
						background: rgba(255,255,255,0.10);						
						}
						@media (max-width: 768px) {
							#tlfn-visa {width:100%;}
						}
						
						#texto1-tlfn-visa {text-align:center;
										   font-size:3vw;
										   color: #FFFF00;
										   text-shadow: 0px 2px 3px #555;
										   background-size:cover;
										   }
										   
										   @media (max-width: 768px) {
											#texto1-tlfn-visa {font-size:8vw;}
											}
						
						#numero-tlfn-visa {text-align:center;
										   letter-spacing:-2px; 
                                           color: #FFFF00;
							text-decoration:none;
							text-shadow: -2px -2px 1px #000, 2px 2px 1px #000, -2px 2px 1px #000, 2px -2px 1px #000;
										   width: 100%;
 										   position: relative;										   
   										   }
										    
						#numero-tlfn-visa a {
										   text-decoration:none;
									 	   color: #FFFF00;
							text-decoration:none;
							text-shadow: -2px -2px 1px #000, 2px 2px 1px #000, -2px 2px 1px #000, 2px -2px 1px #000;
										   font-size:4vw;
										   font-weight:bold;
										   letter-spacing:-2px; 
										   }
										   @media (max-width: 768px) {
											#numero-tlfn-visa a {font-size:12vw;}
											}
						
						#texto2-tlfn-visa {text-align:center;
										   font-size:0.5vw;
										   color:#fff;
										   padding-bottom:1%;}
										   @media (max-width: 768px) {
											#texto2-tlfn-visa {font-size:3vw;}
											}
											


			#tlfn-806 {width:45%;
						float:left;
						margin-left:5%;
						background: rgba(255,255,255,0.10);
						}
						@media (max-width: 768px) {
							#tlfn-806 {width:100%;
									   margin-left:0%;
									   margin-top:2%;}
						}
						
						
						

												

#contenido {width:80%;
			margin-left:10%;
			margin-top:2%;
			float: left;
			background: rgba(255,255,255,0.10);
			
			}
			
			@media (max-width: 768px) {
				#contenido {width:100%;
							margin-left:0%;
							background:none;}
			}
			
			
			
			.titulo-contenido {width:100%;
			     			   margin-top:-5%;
							   
							   }
			
			
			
			.imagen-contenido {width:35%;
						       margin-right:2%;
						       float:left;}
							   @media (max-width: 768px) {
				.imagen-contenido {width:90%;
							margin-left:5%;}
			}

			.imagen-contenido2 {width:28%;
						       margin-left:2%;
						       float:right;}
							   @media (max-width: 768px) {
								.imagen-contenido2 {width:90%;
									margin-left:5%;}
								}
			
			#texto-contenido {width:96%;
							  margin-left:2%;
							  margin-right:2%;
							  float:left;
							  font-size:2vw;
	color: #fff;
	text-align:justify;
	font-weight:100;}
							  @media (max-width: 768px) {
				#texto-contenido {width:80%;
							margin-left:10%;
							font-size:5vw;}
			}
			
			#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-index1 {width:70%;
				margin-left:15%;
				margin-right:15%;
				margin-top:1.5%;
				float:left;
				color:#fff;
				background:rgba(255,255,153,0.1);
				padding-top:1%;
				padding-bottom:1%;
				border:1px solid #fff;
				}
				@media (max-width: 768px) {
				#tarifas-index1 {width:80%;
							margin-left:10%;}
				}		

#tarifas-index {width:70%;
				margin-left:15%;
				margin-right:15%;
				margin-top:1.5%;
				float:left;
				color:#fff;
				background: #000000;
				padding-top:1%;
				padding-bottom:1%;
				border:1px solid #fff;
				}
				@media (max-width: 768px) {
				#tarifas-index {width:80%;
							margin-left:10%;}
				}
				
				#texto-tarifas-index {width:100%;
									 float:left;
									 text-align:center;}
									 
									 @media (max-width: 768px) {
									#texto-tarifas-index {width:100%;
														margin-left:0%;}
									}
									 
									 #titulo-texto-tarifas-index {width:90%;
									 							  margin-left:5%;
																  margin-right:5%;
									 							  float:left;
																  background: #FFFF99;
																  color:#000;
																  font-size: 3vw;
																  font-weight:bold;
																  margin-top:0%;
																  margin-bottom:2%;
																  border:1px solid #fff;
									 							  }
																  @media (max-width: 768px) {
																	#titulo-texto-tarifas-index { font-size:7vw;}
																 }
													
									 #contenido-texto-tarifas-index1 {width:90%;
									 								  margin-left:5%;
									 									text-align:center;
									  								 font-weight:bold;
									 								 float:left;
																	 color:#fff;
																	 text-shadow: 0px 2px 3px #555;
																	 font-size:1.5vw;
																	 border:1px solid #fff;}
																	 
																	 @media (max-width: 768px) {
																	#contenido-texto-tarifas-index1 { font-size:6vw;
																									  width:90%;
																									  margin-left:5%;
																									  margin-right:5%;}
																     }
														#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;}
																     }
									
									#contenido-texto-tarifas-index2 {width:42%;
									 								 margin-right:5%;
																	 margin-left:2%;
									 								 font-weight:bold;
									 								 float:left;
																	 color:#dbba91;
																	 text-shadow: 0px 2px 3px #555;
									 								 background:#6f1d59;
																	 border:1px solid #dbba91;
																	 font-size:1.5vw;
																	 text-align:center;}
																	 @media (max-width: 768px) {
																	#contenido-texto-tarifas-index2 { font-size:6vw;
																									  width:90%;
																									  margin-left:5%;
																									  margin-right:5%;
																									  margin-top:2%;}
																     }
																	
				
				#imagen-tarifas-index {width:40%;
									  float:left;}
									  @media (max-width: 768px) {
									  #imagen-tarifas-index { width:90%;
									  					     margin-left:5%;}
										}


#botones-sociales {width:50%;
				   float:left;
				   margin-left:25%;
				   margin-bottom:2.5%;}
				   
				   @media (max-width: 768px) {
				   #botones-sociales {width:80%;
				                      float:left;
				                      margin-left:10%;}
				   
				   }
				   
				   #boton-facebook {width:10%;
				   			  		float:left;
				   			  		margin-right:23.25%;}
									@media (max-width: 768px) {
				   					#boton-facebook {width:20%;
				                      				 float:left;
				                      				 margin-right:13%;}
				   
				   					}
							 
									
				   #boton-twitter {width:10%;
				   				    float:left;
				   					margin-right:11.5%;
									margin-left:11.5%;}
									@media (max-width: 768px) {
				   					#boton-twitter {width:20%;
				                      				float:left;
				                      				margin-left:6.5%;
													margin-right:6.5%;}
				   
				   					}
									
									
				   #boton-google {width:10%;
				   				  float:left;
				   				   margin-left:23%;}
									@media (max-width: 768px) {
				   					#boton-google {width:20%;
				                      			   float:left;
				                      			   margin-left:13%;}
				   
				   					}
									
				   
				   										
										
#tarifas-contenido {width:50%;
				margin-left:25%;
				margin-right:25%;
				margin-top:1.5%;
				float:left;
				background:#6f1d59;
				padding-top:1%;
				padding-bottom:1%;
				}
				@media (max-width: 768px) {
				#tarifas-contenido {width:80%;
							margin-left:10%;}
				}
				
				#texto-tarifas-contenido {width:100%;
									 float:left;
									 text-align:center;}
									 
									 @media (max-width: 768px) {
									#texto-tarifas-contenido {width:100%;
														margin-left:0%;}
									}
									 
									 #titulo-texto-tarifas-contenido {width:90%;
									 							      margin-left:5%;
																      margin-right:5%;
									 							      float:left;
																      background: url(imgs/bg-header.jpg);
																	  background-size:cover;
																  color:#6f1d59;
																  font-size: 2.5vw;
																  font-weight:bold;
																  margin-top:0%;
																  margin-bottom:2%;
									 							  }
																  @media (max-width: 768px) {
																	#titulo-texto-tarifas-index { font-size:7vw;}
																 }
													
									 #contenido-texto-tarifas-contenido1 {width:42%;
									 								 margin-left:5%;
																	 margin-right:2%;
									 								 font-weight:bold;
									 								 float:left;
																	 color:#dbba91;
																	 text-shadow: 0px 2px 3px #555;
									 								 background:#6f1d59;
																	 font-size:1.5vw;
																	 text-align:center;
																	 border:1px solid #dbba91;}
																	 
																	 @media (max-width: 768px) {
																	#contenido-texto-tarifas-contenido1 { font-size:6vw;
																									  width:90%;
																									  margin-left:5%;
																									  margin-right:5%;}
																     }
														#contenido-texto-tarifas-contenido1 a {
									 								 color:#dbba91;
																	 text-shadow: 0px 2px 3px #555;
																	 font-size:2.5vw;
																	 text-decoration:none;}
																	 @media (max-width: 768px) {
																	#contenido-texto-tarifas-contenido1 a { font-size:9vw;}
																     }
									
									#contenido-texto-tarifas-contenido2 {width:42%;
									 								 margin-right:5%;
																	 margin-left:2%;
									 								 font-weight:bold;
									 								 float:left;
																	 color:#dbba91;
																	 text-shadow: 0px 2px 3px #555;
									 								 background:#6f1d59;
																	 border:1px solid #dbba91;
																	 font-size:1.5vw;
																	 text-align:center;}
																	 @media (max-width: 768px) {
																	#contenido-texto-tarifas-contenido2 { font-size:6vw;
																									  width:90%;
																									  margin-left:5%;
																									  margin-right:5%;
																									  margin-top:2%;}
																     }
									 
				
									
										
										
										
										
										
										
#google {width:100%;
		  float:left;
		  margin-top:2%;}
		  
		  #google a {color:#fff;}


		#texto-google {width:90%;
					   margin-left:5%;
					   margin-bottom:3%;
			    	   float:left;
					   font-size:1.6vw;
					   color:#fff;
					   text-align:center;}
					   @media (max-width: 768px) {
						#texto-google { width:90%;
						margin-left:5%;
										float:left;
							           font-size:5vw;
						              text-align:center;}
						}									  


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