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




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


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


h1 {font-size:4vw;
	color:#000066;
	text-shadow: 0px 2px 3px #555;
	text-align:center;
	font-weight:bold;}
	@media (max-width: 768px) {
	h1 {font-size:7vw;
		text-align:center;}
	}

h2 {font-size:1.2vw;
	color:#8c734a;
	text-align:justify;
	font-weight:100;}
	@media (max-width: 768px) {
	h2 {font-size:5.5vw;}
	}
	
h3 {font-size:1vw;
	color:#fff;
	text-align:left;}
	@media (max-width: 768px) {
	h3 {font-size:3vw;
		text-align:left;}
	}

h4 {font-size:0.7vw;
	color:#666;
	text-align:justify;
	font-weight:100;}
	@media (max-width: 768px) {
	h4 {font-size:4vw;}
	}
	
#footer{background: #7c9095;
		background-size:cover;
		width: 70%;
		margin-left:15%;
		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;
				 		  width:90%;
						  margin-left:5%;}
				 
			 }
			 
			 #footer a {color:#fff;	 		    
		
		}
		

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

#header {width:70%;
		 margin-left:15%;
		 float:left;
		 background:#7c9095;}
		 @media (max-width: 768px) {
				#header {width:90%;
							margin-left:5%;
							background:#7c9095;}
			}
	

	#titulo-header {width:100%;
					float:left;
					text-align:center;
					color:#fff;
					text-shadow: 0px 2px 3px #555;
					font-size:5vw;}
					@media (max-width: 768px) {
					#titulo-header {width:100%;
						  			font-size:8vw;
									color:#fcfae9;}
					  }



/*Strip the ul of padding and list styling*/
ul {
	width:100%;
	list-style-type:none;
	margin-left: 0%;
	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: #7c9095;
	background: #fff;
	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: #c6d2d4;
	color:#fff;
}

/*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: #7c9095;
	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%;
	}
}


#gif-tarifas {width:90%;
			  float:left;
			  margin-left:5%;}


#telefonos {width:100%;
		    float:left;
			margin-top:2%;}
			
			#tlfn-visa {width:100%;
						float:left;					
						}
						
						@media (max-width: 768px) {
						#tlfn-visa {width:100%;}
						}
						
						
						#contenidos-tlfn {width:100%;
										  float:left;}
						
						#numero-tlfn-visa {text-align:center;
										   color:#fff;
										   text-shadow: 0px 2px 3px #555;
										   width: 60%;
										   float:left;										   
   										   }
										   @media (max-width: 768px) {
											#numero-tlfn-visa {width:100%;
															   margin-left:0%;
															   font-size:12vw;}
											}
										    
						#numero-tlfn-visa a {
										   text-decoration:none;
									 	   color:#fff;
										   font-size:7vw;
										   font-weight:bold;
										   letter-spacing:-2px; 
										   }
										   @media (max-width: 768px) {
											#numero-tlfn-visa a {font-size:12vw;}
											}
						
						#texto1-tlfn-visa {text-align:center;
										   float:left;
										   margin-top:1%;
										   margin-left:0%;
										   font-size:3vw;
										   color:#fff;
										   background:#7c9095;
										   width:30%;
										   
										   text-shadow: 0px 2px 3px #555;										   
										   }
										   
										   @media (max-width: 768px) {
											#texto1-tlfn-visa {width:100%;
															   margin-left:0%;
															   font-size:8vw;}
											}
						

						
						#texto2-tlfn-visa {text-align:center;
										   width:100%;
										   font-size:1vw;
										   color:#fff;
										   padding-bottom:1%;}
										   @media (max-width: 768px) {
											#texto2-tlfn-visa {font-size:3vw;}
											}
											
			#tlfn-806 {width:100%;
						float:left;
						margin-top: 0%;					
						}
						
						@media (max-width: 768px) {
						#tlfn-806 {width:100%;}
						}
						
						
						#contenidos-tlfn {width:100%;
										  float:left;}
						#texto1-tlfn-806 {text-align:center;
										   float:left;
										   margin-top:1%;
										   margin-left:10%;
										   font-size:3vw;
										   color:#fff;
										   width:30%;	
										   background:#7c9095;									   
										   text-shadow: 0px 2px 3px #555;										   
										   }
										   
										   @media (max-width: 768px) {
											#texto1-tlfn-806 {width:100%;
															   margin-left:0%;
															   font-size:8vw;}
											}
						#numero-tlfn-806 {text-align:center;
										   color:#fff;
										   text-shadow: 0px 2px 3px #555;
										   width: 60%;
										   float:left;									   
										   
   										   }
										   @media (max-width: 768px) {
											#numero-tlfn-806 {width:100%;
															   margin-left:0%;}
															   }
										    
						#numero-tlfn-806 a {
										   text-decoration:none;
									 	   color:#fff;
										   font-size:7vw;
										   font-weight:bold;
										   letter-spacing:-2px; 
										   }
										   @media (max-width: 768px) {
											#numero-tlfn-806 a {font-size:12vw;}
											}
						
						
						

						
						#texto2-tlfn-806 {text-align:center;
										   width:100%;
										   font-size:1vw;
										   color:#fff;
										   padding-bottom:1%;}
										   @media (max-width: 768px) {
											#texto2-tlfn-806 {font-size:3vw;}
											}
						
						

												

#contenido {width:100%;
			margin-top:2%;
			float: left;
			font-size:1.5vw;
	color:#fff;
	text-align:justify;
	font-weight:100;
			
			}
			
			@media (max-width: 768px) {
				#contenido {width:100%;
							margin-left:0%;
							font-size:4vw;}
			}
			
			
			
			.titulo-contenido {font-size:4vw;
	color:#000066;
	text-shadow: 0px 2px 3px #555;
	text-align:center;
	font-weight:bold;
							   }
							   	@media (max-width: 768px) {
	.titulo-contenido {font-size:7vw;
		text-align:center;}
	}
			
			
			
			.imagen-contenido {width:28%;
						       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;
							  color:#000066;}
							  @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:47.5%;
				margin-right:2.5%;
				margin-top:1.5%;
				float:left;
				background:#7c9095;
				padding-top:1%;
				padding-bottom:1%;
				color:#fcfae9;
				}
				@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;
																  color:#fcfae9;
																  font-size: 3vw;
																  font-weight:bold;
																  margin-top:0%;
																  margin-bottom:2%;
									 							  }
																  @media (max-width: 768px) {
																	#titulo-texto-tarifas-index { font-size:7vw;}
																 }
													
									 #contenido-texto-tarifas-index1 {width:60%;
									 								 margin-left:20%;
																	 margin-right:20%;
									 								 font-weight:bold;
									 								 float:left;
																	 color:#7c9095;	
																	 text-shadow: 0px 0.5px 1px #555;
									 								 background:#fcfae9;
																	 font-size:1.5vw;
																	 text-align:center;
																	 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:#c6d2d4;
																	 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%;
				   margin-top: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:45%;
				margin-left:2.5%;
				margin-right:2.5%;
				margin-top:1.5%;
				
				float:left;
				background:#e8e5c8;
				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;
																  color:#7c9095;
																  font-size: 2.5vw;
																  font-weight:bold;
																  margin-top:0%;
																  margin-bottom:2%;
									 							  }
																  @media (max-width: 768px) {
																	#titulo-texto-tarifas-contenido { 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:#8c734a;
																	 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:#8c734a;
																	 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%;}
																     }
																	 
												#texto3-tarifas-contenido {color: #fff;
																		   font-size:0.7vw;
																		   width:100%;}
																		   
																		   @media (max-width: 768px) {
																			   #texto3-tarifas-contenido {color: #fff;
																		   font-size:3vw;
																		   width:100%;}
																		   }
									 
				
									
										
										
#contenido-texto-tarifas-visa806 {width:70%;
								  margin-left:15%;
								  margin-right:15%;
								  font-weight:bold;
								  float:left;
								  color:#fff;
								  text-shadow: 0px 2px 3px #555;
								  background:#7c9095;
								  font-size:1.5vw;
								  text-align:center;
								  border:1px solid #fff;}
								  @media (max-width: 768px) {
								  #contenido-texto-tarifas-visa806 { font-size:6vw;
																	 width:90%;
																	 margin-left:5%;
																	 margin-right:5%;}
																     }
									 #contenido-texto-tarifas-visa806 a {
									 								 color:#fff;
																	 text-shadow: 0px 2px 3px #555;
																	 font-size:2.5vw;
																	 text-decoration:none;}
																	 @media (max-width: 768px) {
																	#contenido-texto-tarifas-visa806 a { font-size:9vw;}
																     }										
										

#tarifas-contenido-806 {width:50%;
				margin-left:25%;
				margin-right:25%;
				margin-top:1.5%;
				
				float:left;
				background:#fff;
				padding-top:1%;
				padding-bottom:1%;
				}
				@media (max-width: 768px) {
				#tarifas-contenido-806 {width:80%;
							margin-left:10%;}
				}										
										
#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:#7c9095;
					   text-align:center;}
					   @media (max-width: 768px) {
						#texto-google { width:90%;
						margin-left:5%;
										float:left;
							           font-size:5vw;
						              text-align:center;}
						}									  



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