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

body {margin:0 auto;
	  height:100%;
	  display: table;
	  width: 100%;
	 /* background-image:url(imgs/bg.jpg);
	  background-repeat: no-repeat, no-repeat, repeat-x;
      background-position: top left, top right, top;*/
	  background:#fff;}

	  
	 

@font-face {
    font-family: 'ostrich_sans_inlineregular';
	src: url(fonts/ostrich_sans_inline-regular-webfont.eot); 
	src: url(fonts/ostrich_sans_inline-regular-webfont.eot?#iefix) format('embedded-opentype'),
         url(fonts/ostrich_sans_inline-regular-webfont.woff2) format('woff2'),
         url(fonts/ostrich_sans_inline-regular-webfont.woff) format('woff'),
         url(fonts/ostrich_sans_inline-regular-webfont.ttf) format('truetype'),
         url(fonts/ostrich_sans_inline-regular-webfont.svg#ostrich_sans_inlineregular) format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'NellaSue';
	src: url(fonts/NellaSue.eot);
    src: url(fonts/NellaSue.eot?#iefix) format('embedded-opentype'),
         url(fonts/NellaSue.woff2) format('woff2'),
         url(fonts/NellaSue.woff) format('woff'),
         url(fonts/NellaSue.ttf) format('truetype'),
         url(fonts/NellaSue.svg#NellaSue) format('svg');
    font-weight: normal;
    font-style: normal;

}

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

#footer{width:100%;
		float:left;
		background-color:#fdc6e7;
		text-align:center;
		font-size:1vw;
		padding-top:1%;
		padding-bottom:1%;
		color:#fd139f;
		font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
		margin-top:2%;
		}
		
		@media (max-width: 768px) {
		#footer {font-size:3vw;}
		}
		
#footer a{color:#fd139f;
		  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
		  }
		
		#footermobile {width:0%;
			   font-size:0vw;}
			   @media (max-width: 768px) {
    			#footermobile {width:100%;
							   float:left;
							   font-size:2vw;
							   }
				}
				
				.iconofootermobile {width:0%;}
									@media (max-width: 768px) {
    								.iconofootermobile {width:23%;
							  							float:left;
														margin-top:1%;
														margin-left:5%;
														margin-right:5%;
														 
							   		}
									}

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

h1 {font-size:6.5vw;
	font-family: 'NellaSue';
	color:#666;
	font-weight:100;
	margin-top:0%;
	}
	@media screen and (max-width : 768px){
	h1 {font-size:10vw;}	
	}

h2 {font-size:2.5vw;
	font-family: 'ostrich_sans_inlineregular';
	color:#fd139f;
	font-weight:100;
	margin-top:0%;
	margin-bottom:0%;}
	@media screen and (max-width : 768px){
	h2 {font-size:7vw;}	
	}
		  
#contenedor {width:100%;
			 margin-top:0%;
			 float:left;
			 }

#contacto {width:100%;
		   float:left;
		   background:rgba(255,255,255,1);}
		   @media screen and (max-width : 768px){
		   #contacto {margin-top:0%;
		   			  margin-bottom:5%;}
		   }
		   
		   #datos-contacto {width:65%;
		   		   			float:left;
				   			margin-right:5%;}
							@media screen and (max-width : 768px){
						    #datos-contacto { width:90%;
											 margin-left:5%;
											 margin-top:2%;
											 margin-bottom:-5%;}
						     }
								
				
				#icono-tlfn {width:5%;
							 float:left;
							 margin-left:4%;}
							 @media screen and (max-width : 768px){
						     #icono-tlfn { width:10%;
							 			  margin-left:0%;}
						     }
										
				#texto-tlfn a{width:12%;
							  float:left;
							  margin-left:1%;
							  margin-top:0.7%;
							  text-align:left;
							  font-size:2vw;
							  font-family: 'ostrich_sans_inlineregular';
							  text-decoration:none;
							  color:#fd139f;}
							  @media screen and (max-width : 768px){
							  #texto-tlfn a{ font-size:6vw;
											 margin-left:1%;
											 width:39%;
											 padding-top:2.5%;}											  
							  }
				

				

				#icono-email {width:5%;
							  float:left;
							  margin-left:2%;}
							  @media screen and (max-width : 768px){
						      #icono-email { width:10%;
							                 margin-left:-100%;
											 margin-top:15%;
								                   }
						         			 }
										
			    #texto-email a{width:32%;
							   margin-top:0.7%;
							   margin-right:0%;
							   margin-left:1%;
							   float:left;
							   text-align:left;
							   font-size:2vw;
							   font-family: 'ostrich_sans_inlineregular';
							   text-decoration:none;
							   color:#fd139f;}
							   @media screen and (max-width : 768px){
							   #texto-email a{ font-size:7vw;
											  width:90%;
											  margin-top:5%;
											  margin-left:0%;}											  
								}

				#icono-mv {width:5%;
							 float:left;
							 margin-left:2%;}
							 @media screen and (max-width : 768px){
						     #icono-mv { width:10%;
							 			  margin-left:0%;}
						     }
										
				#texto-tlfn a{width:12%;
							  float:left;
							  margin-left:1%;
							  margin-top:0.7%;
							  text-align:left;
							  font-size:2vw;
							  font-family: 'ostrich_sans_inlineregular';
							  text-decoration:none;
							  color:#fd139f;}
							  @media screen and (max-width : 768px){
							  #texto-tlfn a{ font-size:8vw;
											 margin-left:1%;
											 width:39%;
											 padding-top:0.5%;}											  
							  }
		   #redes {width:30%;
		   		   float:left;}
				   
				   #facebook {width:10%;
							  float:left;
							  margin-left:52%;}
							  @media screen and (max-width : 768px){
						      #facebook  { width:0%;
										   margin-left:0%;}
						       }
								
					#twitter {width:10%;
							  float:left;
							  margin-left:1%;}
							  @media screen and (max-width : 768px){
						      #twitter  { width:0%;
										  margin-left:0%;}
						      }
					
					#instagram {width:10%;
							  float:left;
							  margin-left:1%;}
							  @media screen and (max-width : 768px){
						      #instagram  { width:0%;
										  margin-left:0%;}
						      }
											/*
					#google {width:10%;
							 float:left;
							 margin-left:1%;
							 margin-right:5%;}
							 @media screen and (max-width : 768px){
						     #google { width:0%;
									   margin-left:0%;}
						     }
							 */


#header {width:100%;
		float: left;
		background:rgba(255,255,255,1);}
			@media screen and (max-width : 768px){
			#header {position:relative !important;
			}			
			}
		
		
		#logo {width:80%;
			   float:left;
			   margin-left:10%;}
			   
			   @media screen and (max-width : 768px){
			   #logo {width:90%;
			          float:left;
					  margin-left:2%;
					  margin-right:8%;
					  } 
			   }
			   
			   #texto-logo {width: 78%;
			   				float:left;
							margin-right:2%;
							padding-top:2.5%;
							}
							@media screen and (max-width : 768px){
							#texto-logo {width: 76%;
										 margin-left:2%;}
							}
							
							#wedding-jukebox {width:100%;
											  float:left;
											  text-align:right;
											  font-size:11vw;
											  font-family: 'ostrich_sans_inlineregular';
											  }
											  @media screen and (max-width : 768px){
											  #wedding-jukebox {font-size:11vw;
											  					padding-top:5%;
																font-family: 'ostrich_sans_inlineregular';}
											  }
									#wedding-jukebox a{text-decoration:none;
													   color:#fd139f;}
							
							#slogan {width:100%;
									 float:left;
									 text-align:right;
									 font-size:4.5vw;
									 font-family: 'NellaSue';
							         }
									 @media screen and (max-width : 768px){
									 #slogan {font-size:5vw;}
									 }
								
								#slogan a{text-decoration:none;
										  color:#000;}
							
				#img-logo {width:15%;
						   float:left;
						   margin-top:3%;
						   margin-right:5%;
				           }
						   



#menu-principal {width:100%;
				 float:left;
				 margin-top:0%;
				 }
				 @media screen and (max-width : 768px){
				 #menu-principal {width:100%;
								  margin-left:0%;
								  margin-top:0%;}
				 }
					 
				
#contenido {width:90%;
			float:left;
			margin-left:5%;
			margin-top:2%;
			font-size:1.5vw;
			font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
			}

					
		#columna-izda {width:66%;
					   float: left;
					   color:#fff;
					   background:rgba(255,255,255,0.5);
					   color:#666;
					   padding:2%;}
					   @media (max-width: 768px) {
					   #columna-izda {width:100%;
								   	  margin-left:0%;
									  padding-left:0%;
									  padding-right:0%;
								      }
					   }
								   
		#columna-dcha {width:25%;
					   float:left;
					   margin-left:5%;}
					   @media (max-width: 768px) {
					   #columna-dcha {width:100%;
								   	  margin-top:2%;
									  margin-left:0%;
								      }
					   }
								   
				 #sello-bodasnet {width:50%;
				 margin-left:25%;
			     				  float:left;
								  text-align:center;}
				 				  /*@media (max-width: 768px) {
				 				  #sello-bodasnet {width:0%;}
				  				  }*/	
				  
				#comentarios-bodas {width:100%;
									float:left;
									margin-top:3%;
									}
					  				@media (max-width: 768px) {
									#comentarios-bodas {width:100%;}	
									}

						#comentarios-bodas img {width:40%;}
										   		@media (max-width: 768px) {
												#comentarios-bodas img {width:50%;}
												}
				#sello-zanyou {width:50%;
				               margin-left:25%;
							   margin-top:5%;
			     				  float:left;
								  text-align:center;}
				 				  /*@media (max-width: 768px) {
				 				  #sello-bodasnet {width:0%;}
				  				  }*/


				 #colaboradores {width:96%;
								 padding:2%;
				  		         float:left;
								 margin-top:0%;
								 margin-bottom:5%;
								 color:#fff;
								 font-size:1.1vw;
								 text-align:center;
								 font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
				  				 background-color:#fd139f;
								 font-weight:lighter;}
								 @media (max-width: 768px)  {
								 #colaboradores {font-size:4vw;}
								 }
								 
								 #colaboradores a{color:#fff;}
								 
								 #img-colaboradores {width:100%;
								 					 float:left;}
								 
								 #texto-colaboradores {width:90%;
								 					   float:left;
													   line-height:175%;
													   text-align:left;}
													   
										#texto-colaboradores a{text-decoration:none;}
													   
								 .img-redes-colaboradores {width:9%;
								 						  float:left;
														  margin-right:1%;}
								 
/*************************** INDEX ***************************/
#img-home {width:100%;
		   float:left;
		   margin-left:0%;}


#circle-index {width:90%;
			   margin-left:5%;
		       float:left;
			   margin-top:1%;}
			   @media (max-width: 768px) {
			   #circle-index {width:100%;
			   margin-left:0%;
			   }
			   }

			  
			  #circle {width:20%;
			  		   float:left;
			  		   margin-left:6.5%;
					   margin-right:6.5%;
					   display:block!important;
						-webkit-transition:-webkit-transform 1s ease-out;
						-moz-transition:-moz-transform 1s ease-out;
						-o-transition:-o-transform 1s ease-out;
						-ms-transition:-ms-transform 1s ease-out;
						transition:transform 1s ease-out;}
						@media (max-width: 768px) {
				  		#circle {width:30%;
				  			     float:left;
								 margin-left:1.5%;
								 margin-right:1.5%;}
				        }

					   				#circle:hover{-moz-transform: scale(1.1);
												  -webkit-transform: scale(1.1);
				                                  -o-transform: scale(1.1);
				                                  -ms-transform: scale(1.1);
				                                  transform: scale(1.1)
				                                  }
					
#texto-index {color:#666;
			  font-size:1.5vw;
			  text-align: left;
			  }
			  @media (max-width: 768px) {
			  #texto-index {font-size:3.5vw;}
			  }

#pastillas {width:100%;
			float:left;
			border:3px solid #fd139f;
			background:#fdc6e7;}
			@media (max-width: 768px) {
			#pastillas {border:1px solid #fd139f;}
			}
			
		#img-pastillas {width:25%;
		margin-left:2.5%;
		margin-right:2.5%;
		
			    		float:left;
						margin-top:4.5%;}
						@media (max-width: 768px) {
						#img-pastillas {width: 40%;
										margin-left:30%;
										margin-right:30%;}
						}	
											
		#contenido-pastillas {width:68%;
							  margin-right:2%;
							  float:left;}
							  @media (max-width: 768px) {
							  #contenido-pastillas {width:96%;
							 						margin-right:2%;
													margin-left:2%;}
							  }
		
				#contenido-pastillas1 {width:96%;
									   padding:2%;
				                       float:left;
					                   text-align:left;
							           margin-top:3%;
							           font-size:1.2vw;
							           background:#fff;
							           font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}
							           @media (max-width: 768px) {
							           #contenido-pastillas1 {width:96%;
							   				                  margin-left:0%;
											                  font-size:4vw;						   
							                                  }
							           }
	
				#contenido-pastillas2 {width:96%;
									   padding:2%;
				                       float:left;
					                   text-align:left;
							           margin-top:3%;
							           font-size:1.2vw;
							           background:#fff;
							           font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}
							           @media (max-width: 768px) {
							           #contenido-pastillas2 {width:96%;
							   				                  margin-left:0%;
											                  font-size:4vw;						   
							                                  }
							           }

				#contenido-pastillas3 {width:96%;
									   padding:2%;
				                       float:left;
					                   text-align:left;
							           margin-top:3%;
									   margin-bottom:3%;
							           font-size:1.2vw;
							           background:#fff;
							           font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}
							           @media (max-width: 768px) {
							           #contenido-pastillas3 {width:96%;
							   				                  margin-left:0%;
											                  font-size:4vw;						   
							                                  }
							           }
									   	
		#marcas {width:100%;
				 float:left;}
				 #marca {width:16.6%;
				 		 float:left;}
										
									   
				#img-premio	{width:80%;
							 float:left;
							 margin-left:10%;
							 margin-right:10%;
							 margin-bottom:5%;}	
							 @media (max-width: 768px) {
							 #img-premio {width:100%;
							              margin-left:0%;
							              margin-right:0%;}
							 }
																					
/*************************** FIN INDEX ***************************/	

					
/*************************** SERVICIOS ***************************/
#packs {width:100%;
		float:left;}
		
  #tipo-pack {width:100%;
  			  float:left;
			  font-family: 'ostrich_sans_inlineregular';
			  color:#fd139f;
			  font-size:5vw;
			  text-align:left;
			  margin-bottom:1.5%;
			  margin-top:1.5%;
              }
			  @media (max-width: 768px) {
			  #tipo-pack {font-size:9vw;}
			  }
		
  #pack {width:100%;
		 float:left;
		 color:#fff;
		 text-align:center;
		 font-family: 'ostrich_sans_inlineregular';
		 margin-bottom:1.5%;}
		 
		 #img-pack {width:20%;
		 			float:left;}
					@media (max-width: 768px) {
					#img-pack {width:30%;}
					}
		 
		 #contenido-pack {width:78%;
		 				  float:left;
						  margin-left:2%;}
						  @media (max-width: 768px) {
						  #contenido-pack {width:68%;
						  }
						  }
						  
				#titulo-pack {width:100%;
							  float:left;
							  color:#000;
							  font-family: 'ostrich_sans_inlineregular';
							  font-size:4vw;
							  text-align:left;}
							  @media (max-width: 768px) {
							  #titulo-pack {font-size:7vw;}
							  }
				
				#duracion-pack {width:100%;
								font-size:2vw;
								font-family: 'NellaSue';
								text-align:left;
								color:#666;
								margin-top:1.5%;}
								@media (max-width: 768px) {
							  	#duracion-pack {font-size:5vw;
								margin-top:3%;}
							  	}

				#titulo-pack-adicional {width:100%;
							  float:left;
							  color:#fd139f;
							  font-family: 'ostrich_sans_inlineregular';
							  font-size:3.5vw;
							  text-align:left;}
							  @media (max-width: 768px) {
							  #titulo-pack-adicional {font-size:7vw;}
							  }
				
				#duracion-pack-adicional {width:100%;
								font-size:1.5vw;
								font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
								text-align:left;
								color:#666;
								margin-top:1.5%;}
								@media (max-width: 768px) {
							  	#duracion-pack-adicional {font-size:3vw;
								margin-top:3%;}
							  	}
				
				#pack-wj1 {width:100%;
						   margin-left:0%;
						   background:#fd139f;
						   margin-top:1.5%;
						   float:left;}
						   @media (max-width: 768px) {
						   #pack-wj1 {width:100%;									  
								      margin-top:3%;
									  margin-left:0%;}
						   }
						   
						#pack-wj2 {width:98%;
						  		   margin:1%;
						           background:#fdc6e7;
								   float:left;}
								   

								#pack-wj3 {width:94%;
						  		           margin:1%;
										   padding:2%;
										   float:left;
							               line-height:130%;
								           font-size:2vw;
								           font-family: 'NellaSue';
								           text-align:center;
								           color:#666;}
								           @media (max-width: 768px) {
							  	           #pack-wj3 {font-size:4vw;}
							  	           }
												
				#consultar-precio {width:100%;
								   text-align:left;
								   float:left;
								   margin-top:2%;}
								   @media (max-width: 768px) {
							  	   #consultar-precio {margin-top:2%;}
							  	   }
				
				#consultar-precio a{ width:100%;
									font-size:1.3vw;
									font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
									text-align:left;
									color:#666;}
									@media (max-width: 768px) {
							  	   #consultar-precio a{font-size:3vw;}
							  	   }
			    
				#incluye-pack {width:96%;
				               float:left;
							   padding:2%;
							   text-align:center;/*
						       margin-left:30%;*/
							   margin-top:3%;
							   font-size:1.2vw;
							   background:#fdc6e7;
							   border:3px solid #fd139f; 
							   font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}
							   @media (max-width: 768px) {
							   #incluye-pack {width:100%;
							   				  margin-left:0%;
											  font-size:4vw;
											  border:1px solid #fd139f;
											  padding:0%;						   
							   }
							   }
							  
						  
		
		


/************************* FIN SERVICIOS *************************/						
						

	
/*********** FORMULARIO **********/

#borde-formulario {width:70%;
					margin-left:15%;
					margin-right:15%;
					float:left;
					background: #fd139f;}
					@media (max-width: 768px) {
					#borde-formulario {width:100%;
									   margin-left:0%;}
					}

label {
    display:block;
    margin-top:3%;
    letter-spacing:1px;

}

@media (max-width: 768px) {
label { font-size:4vw;
width:95%;
margin-left:2.5%;}
}

.formulario {
    display:block;
	background:#fdc6e7;
	margin:2%;
    width:96%;
	padding-bottom:2%;
	float:left;
    color: #fd139f;
	font-size:1.2vw;
}
@media (max-width: 768px) {
.formulario {width:96%;}
}
form {
    margin-left:5%;
    width:90%;
}
@media (max-width: 768px) {
form {margin-left:0%;
width:100%;}	
}

.asterisk {color:#fd139f;}
input, textarea {
    width:99%;
    height:25px;
    background:#fff;
    border:1px solid #fd139f;    
    margin-top:2%;
    font-size:1vw;
	padding-left:1%;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    color:#999;
}
@media (max-width: 768px) {
input, textarea { font-size:3vw;
width:95%;
margin-left:2%;}
}
 
textarea {height:200px;
}
@media (max-width: 768px) {
textarea {width:95%;
margin-left:2%;}

}
 
#submit {
    width:30%;
    height:35px;
    border:none;
    margin-top:20px;
    cursor:pointer;
	background:#fd139f;
	color:#fff;
	font-size:1.2vw;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	}
	
@media (max-width: 768px) {
#submit {font-size:4vw;}
}

#momentodia {background-image:none; width:100%; font-size:1vw; color:#999; border:1px solid #fd139f;font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; height:25px; margin-top:2%;}
@media (max-width: 768px) {
#momentodia { font-size:3vw;
width:95%;
margin-left:2%;
				}
}


#momento {background-image:none; width:100%; font-size:1vw; color:#999; border:1px solid #fd139f;font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; height:25px; margin-top:2%;}
@media (max-width: 768px) {
#momento { font-size:3vw;
width:95%;
margin-left:2%;
				}
}

#estilo {background-image:none; width:100%; font-size:1vw; color:#999; border:1px solid #fd139f;font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; height:25px; margin-top:2%;}
@media (max-width: 768px) {
#estilo { font-size:3vw;
width:95%;
margin-left:2%;
				}
}

#como {background-image:none; width:100%; font-size:1vw; color:#999; border:1px solid #fd139f;font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; height:25px; margin-top:2%;}
@media (max-width: 768px) {
#como { font-size:3vw;
width:95%;
margin-left:2%;
				}
}

#iframe-mapa {width:100%;
			  float:left;
			  margin-top:3%;}
			  @media (max-width: 768px) {
			  #iframe-mapa {width:100%;
			  margin-left:0%;}
			  }

#texto-thankpage {text-align:center;
				  font-size:1.5vw;
				  padding:2%;
				  border: 5px solid #fd139f;
				  background:#fdc6e7;
                  width:66%;
	              margin-left:15%;
	              float:left;
                  color: #fd139f;
	              font-size:1.5vw;}
				  @media (max-width: 768px) {
				  #texto-thankpage {font-size:4vw;
				                    width:96%;
									margin-left:0%;
				  				    border: 2px solid #fd139f;
									margin-bottom:3%;}
				  }
				  
				  
#texto-contact {text-align:center;
				  font-size:1.5vw;
				  padding:2%;
                  width:66%;
	              margin-left:15%;
	              float:left;
                  color: #666;
	              font-size:1.5vw;}
				  @media (max-width: 768px) {
				  #texto-contact {font-size:4vw;
				                    width:96%;
									margin-left:0%;
									margin-bottom:3%;}
				  }
				  
				  #texto-contact a{color:#fd139f;
				  				   text-decoration:none;}

#texto-contact2 {text-align:left;
				  font-size:1.5vw;
                  width:70%;
				  margin-left:15%;
	              float:left;
                  color: #666;
	              font-size:1.5vw;
				  margin-top:5%;}
				  @media (max-width: 768px) {
				  #texto-contact2 {font-size:4vw;
				  					width:100%;
									margin-left:0%;
									margin-bottom:3%;}
				  }
				  
				  #texto-contact2 a{color:#fd139f;
				  				   text-decoration:none;}
				  
				  #musica {text-align:center;
				  		   color:#fd139f;
						   font-family: 'ostrich_sans_inlineregular';
						   font-size:4vw;}
						   
						   @media (max-width: 768px) {
						   #musica {font-size:9vw;}
						   }
				  
				  
/********* FIN FORMULARIO ********/

#volver {width:100%;
		  float:left;
		  text-align:center;
		  margin-top:2%;}
		  
		  #volver a{font-size:1.5vw;
					color:#fd139f;
					text-decoration:none;}
					@media (max-width: 768px) {
					#volver a{font-size:4vw;}
					}
		  
		  .volver-imagen {width:4%;
				margin-left:48%;
				margin-right:48%;
			    float:left;}
				@media (max-width: 768px) {
				.volver-imagen {width:20%;
				margin-left:40%;
				margin-right:40%;
				}
				}
					
		  			


#texto-legal {color:#666;
			  font-size:1vw;
			  text-align: left;
			  }
			  @media (max-width: 768px) {
			  #texto-index {font-size:3.5vw;}
			  }
						

/*************************** MENU ***************************/


#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  font-family: 'ostrich_sans_inlineregular';
  background: #fdc6e7;
}
#cssmenu > ul > li {
  float: left;
  width:16.66%;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding-top:4%;
  padding-bottom:4%;
  text-align:center;
  font-size: 2vw;
  letter-spacing: 1px;
  text-decoration: none;
  color: #fd139f;
  text-transform: uppercase;
  -webkit-transition:-webkit-transform 1s ease-out;
  -moz-transition:-moz-transform 1s ease-out;
  -o-transition:-o-transform 1s ease-out;
  -ms-transition:-ms-transform 1s ease-out;
  transition:transform 1s ease-out;
}
#cssmenu > ul > li:hover > a {
  -moz-transform: scale(1.5);
				-webkit-transform: scale(1.5);
				-o-transform: scale(1.5);
				-ms-transform: scale(1.5);
				transform: scale(1.5);
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu > ul > li.has-sub > a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu li:hover > ul > li {
  height: 35px;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 11px 15px;
  width: 170px;
  font-size: 12px;
  text-decoration: none;
  color: #dddddd;
  font-weight: 400;
  background: #333333;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: 100%;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu ul li {
    width: 100%;
    border-top: 1px solid #FFFFFF;
  }
  #cssmenu ul ul li,
  #cssmenu li:hover > ul > li {
    height: auto;
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
    border-bottom: 0;
	color: #fd139f;
	font-size:12px;
	padding-top:7px;
	font-family: Montserrat, sans-serif;
	font-weight:700;
	padding-bottom:7px;
  }
  #cssmenu > ul > li {
    float: none;
  }
  
  
  #cssmenu > ul > li:hover > a {
	  background:#fff;
  -moz-transform: scale(1);
				-webkit-transform: scale(1);
				-o-transform: scale(1);
				-ms-transform: scale(1);
				transform: scale(1);
}
  
  #cssmenu ul ul li a {
    padding-left: 25px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 35px;
  }
  #cssmenu ul ul li a {
    color: #dddddd;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li.active > a {
    color: #ffffff;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
  }
  #cssmenu > ul > li.has-sub > a:after,
  #cssmenu > ul > li.has-sub > a:before,
  #cssmenu ul ul > li.has-sub > a:after,
  #cssmenu ul ul > li.has-sub > a:before {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 17px;
    color: #fd139f;
    cursor: pointer;
    font-size: 12px;
	 font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
  }
  #cssmenu #menu-button:after {
    position: absolute;
    top: 22px;
    right: 17px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #fd139f;
    border-bottom: 2px solid #fd139f;
    content: '';
  }
  #cssmenu #menu-button:before {
    position: absolute;
    top: 16px;
    right: 17px;
    display: block;
    height: 2px;
    width: 20px;
    background: #fd139f;
    content: '';
  }
  #cssmenu #menu-button.menu-opened:after {
    top: 23px;
    border: 0;
    height: 2px;
    width: 15px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #cssmenu #menu-button.menu-opened:before {
    top: 23px;
    background: #ffffff;
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 46px;
    width: 46px;
    cursor: pointer;
  }
  #cssmenu .submenu-button.submenu-opened {
    background: #262626;
  }
  #cssmenu ul ul .submenu-button {
    height: 34px;
    width: 34px;
  }
  #cssmenu .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    background: #ffffff;
  }
  #cssmenu .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
  }
  #cssmenu .submenu-button.submenu-opened:before {
    display: none;
  }
}

/*************************** FIN MENU ***************************/

#blog {width:100%;
		}
		 @media (max-width: 768px) {
			  #blog {font-size:3.5vw;}
			  }
span{color:#666;}
			  
#blog a {text-decoration:none;
		 color:#fd139f;
		 font-size:3vw;
		 font-family: 'ostrich_sans_inlineregular';}
		 @media (max-width: 768px) {
		 #blog a {font-size:7vw;}
		 }
		 	 
		 #blog li {list-style:none;
		 			margin-top:5%;
					color:#666;}
					
#creditfooter {visibility : hidden;}