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

@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,400&subset=latin,latin-ext,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Raleway);
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url('https://fonts.googleapis.com/css?family=Comfortaa');

/* Mostrar Precios y Texto por Covid19 */

.simostrar-precio{display:block;}
.nomostrar-precio{display:none;}

.siocultar-texto{display:none;}
.noocultar-texto{display:block;}

/***************************************/




a{
	text-decoration:none;}



.banner{
	width:48%;
	height:auto;
	float:left;
	margin-right:10px;
	margin-left:10px;
	}







.rounded {
	font-size: 30px;
	background: orange;
	border-radius: 1em;
	color: white;
	text-align: center;
	padding: 0.2em;
	height: 1.5em;
	float: left;
}

.TituloSalones {
font-family: 'Open Sans', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 46px;
text-transform: none;
text-decoration: none;
letter-spacing: 0em;
word-spacing: 0em;
line-height: 0.4em;
}

.SubtitulosSalones {
font-family: 'Open Sans', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 18px;
text-transform: none;
text-decoration: none;
letter-spacing: 0em;
word-spacing: 0em;
line-height: 1.2;
}

.FontGoogle24Blanco{
	color:#fff;
	z-index: 10;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 24px;
	}
	
		.FontGoogle20Negro{
	color:#000000;
	z-index: 10;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 20px;
	}
	
	
	.FontGoogle20ROJO{
	color:#F00;
	z-index: 10;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 20px;
	}
	
	.FontGoogle24Negro{
	color:#000000;
	z-index: 10;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 24px;
	}
	
	.FontGoogle24NARANJA{
	color:#FF7B0E;
	z-index: 10;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 40px;
	}
	
.FontGoogle30Blanco{
	color:#fff;
	z-index: 10;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 30px;
	
}

.FontGoogle40Naranja{
	color:#FF7B0E;
	z-index: 10;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 40px;
	text-transform: none;
	
}


	.FontGoogle60Negro{
	color:#000000;
	z-index: 10;
	font-family:'Open Sans',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 60px;
	}
	
	.FontGoogle60PrecioBlanco{
	color:#fff;
	z-index: 10;
	font-family:'Open Sans',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 60px;
	text-decoration: none;
	text-shadow: 1px 2px #000;
	}

	.FontGoogle60Naranja{
	color:#FF7B0E;
	z-index: 10;
	font-family:'Open Sans',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 60px;
text-decoration: none;
letter-spacing: 0em;
word-spacing: 0em;
line-height: 1.2;
	}
	
		.FontGoogle28Amarillo{
	color:#FFFF00;
	font-family:'Open Sans',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 28px;

	}

.FontGoogleMenu2 {
	
	color:FF6600;
	z-index: 20;
	font-weight: bold;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 20px;
	text-decoration: none;
	}
	
	.FontGoogleMenu2:Hover {
	
	color:#fff;
	z-index: 20;
	font-weight: bold;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 20px;
	text-decoration: none;
	}
	
	.FontGoogleMenu {
	
	color:#fff;
	z-index: 20;
	font-weight: normal;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 20px;
	text-decoration: none;
	}
	
	.FontGoogleMenu:Hover {
	
	color:#FCFF00;
	z-index: 20;
	font-weight: Normal;
	font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 20px;
	text-decoration: none;
	}
	

.Verdana11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.Creditos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.BordePuntosNaranja {
	border: 1px dotted #FF9900;
}
.Tarjetas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF00FF;
	text-decoration: none;
}
.Verdana11Naranja {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CC6600;
	text-decoration: none;
}
.SuperiorBlanco {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.InfoMapa {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.InfoMapaBlanco {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}

.BotonEnviar {
	font-family: "trebuchet MS";
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}
.MenuMovil {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.infomovil {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.NuevoSup {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.InfoMs14 {
	font-family: "trebuchet MS";
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.MenuArtesano {
	font-family: "trebuchet MS";
	font-size: 12px;
	font-weight: normal;
	color: 385400;
	text-decoration: none;
}
.Arial11Gris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.Arial14info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	line-height: 25px;

}
.NuevoMenuTahoma {
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.MenuThs12 {
	font-family: "trebuchet MS";
	font-size: 12px;
	font-weight: normal;
	color: 385400;
	text-decoration: none;
}
.TitulosAdmin {
	font-family: Calibri;
	font-size: 36px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.Calibri36Naranja {
	font-family: Calibri;
	font-size: 36px;
	font-weight: bold;
	line-height:1em;
	color: #FF9900;
	text-decoration: none;
}

.TituloEnvio{
	  width: auto;
  font-family: "Oswald", sans-serif;
  font-size:2em;
  font-style:normal;
  line-height: 1;
  color:#FF9900;
}
.Calibri36Verde {
	font-family: Calibri;
	font-size: 36px;
	font-weight: bold;
	color: #00CC00;
	text-decoration: none;
}
.TNovedadesAzul {
	font-family: Calibri;
	font-size: 24px;
	font-weight: normal;
	color: #006699;
	text-decoration: none;
}
.Arial11Rojo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #990000;
	text-decoration: none;
}
.infoNewsLetters {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.Arial12Gris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
.MenuMulti {
	font-family: "trebuchet MS";
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.MenuMulti:hover {
	font-family: "trebuchet MS";
	font-size: 12px;
	color: #ffffff;
}.MenuSupRecep {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: d7c4cc;
	text-decoration: none;
}
.Arial12GrisOscuro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.Arial13GrisOscuro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

.Arial13Blanco {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.Calibri20R {
	font-family: Calibri;
	font-size: 20px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.Calibri20 {
	font-family: Calibri;
	font-size: 24px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.Calibri20Verde {
	font-family: Calibri;
	font-size: 24px;
	font-weight: normal;
	color:#090;
	text-decoration: none;
}

.Calibri20Blanco {
	font-family: Calibri;
	font-size: 24px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.CalibriDesplegable {
	font-family: Calibri;
	font-size: 50px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.bordeFaceGris{
   border-color: #D3D3D3;
   border-width: 1px;
   border-style: solid;
   background: F0F0F0;
}

.bordeBannerNaranja{
   border-color: #FF7B0E;
   border-width: 2px;
   border-style: solid;
   background: F0F0F0;
}


.bordeFaceFondoGris{
   border-color: #D3D3D3;
   border-width: 1px;
   border-style: solid;
   background: #F7F5EF;
}


.bordeFaceOver{
   border-color: #D3D3D3;
   border-width: 1px;
   border-style: solid;
  
}

.bordeFaceOver:Hover{
   border-color: #ACACAC;
   border-width: 1px;
   border-style: solid;
  
}

.bordeFaceVerde{
   border-color: #C2CF9C;
   border-width: 1px;
   border-style: solid;
  
}


.bordeFaceRosa{
   border-color: #FBBFC8;
   border-width: 1px;
   border-style: solid;
  
}

.bordeFaceRosa:Hover{
   border-color: #EF98AC;
   border-width: 1px;
   border-style: solid;
   background: #FFE8E8;
}

.bordeFaceMovil{
   border-color: #D8D8D8;
   border-width: 1px;
   border-style: solid;
   background: #ffffff;
}
.bordeFaceMovil:Hover{
   border-color: #bbbbbb;
   border-width: 1px;
   border-style: solid;
   background: #ffffff;
  
}

.bordeFaceNaranja{
   border-color: #D3D3D3;
   border-width: 1px;
   border-style: solid;
   background: #000;
}

   .bordeSombra{
	border: 1px solid #D3D3D3;
	background-color: #ffffff;
-webkit-box-shadow: 0px 0px 8px #666666;

}

   .bordeSombraElsitio{
	border: 1px solid #D3D3D3;
	background-color: #ffffff;
}

   .bordeSombraElsitioRedondo{
	border: 1px solid #D3D3D3;
	background-color: #ffffff;
-webkit-box-shadow: 0px 0px 8px #D55C09;
-webkit-border-radius: 25px 25px 25px 25px;
border-radius: 25px 25px 25px 25px;

}

.botonEnvio{
        font-size:18px;
        font-family:Calibri,Helvetica;
        font-weight:bold;
        color:white;
        background:#88C017;
        border:0px;
        width:160px;
        height:30px;
       }
.botonEnvio:hover {
   border-top-color: #000000;
   background: #5A7E26;
   color: #ffffff;
   }
   
   .botonSecciones{
        font-size:24px;
        font-family:'Open Sans Condensed',"Trebuchet MS",Verdana,Arial,sans-serif;
        font-weight:bold;
        color:white;
        background:#88C017;
        border:0px;
        width:160px;
        height:30px;
       }
.botonSecciones:hover {
   border-top-color: #000000;
   background: #5A7E26;
   color: #ffffff;
   }
 
 .style-ico-novedades{
	
	font-size:2.5em; color:yellow;	
}  
   
.botonNovedades{
        font-size:1.5em;
        font-family:"Oswald", sans-serif;
        color:yellow;
        background:#F60;
		padding:10px;
		margin: 0px 50px 0px 0px;
		-webkit-border-radius: 25px 25px 25px 25px;
		border-radius: 25px 25px 25px 25px;

       }
	   
.botonNovedades:hover {
	text-decoration:none;
   border-top-color: #000000;
   background:#F30;
   color: #ffffff;
   }
   
   
   a.opacidad img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}

a.opacidad:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}
   
/* CSS ICONOS SOCIALES EFECTO HOVER */
ul#iconos {
width: 216px;
height: 50px;
margin: 1px 0 0 0;
padding: 1px 0 0 0;
}
ul#iconos li {
list-style: none;
float: left;
}
#iconos li a{
width: 72px;
height: 72px;
background: url(http://www.elsitiodelpelotero.com/images/sprite-iconos-sociales.png) no-repeat;
transition: all 0.5s ease;
display: block;
}
#iconos li#facebook a{
background-position: 0 0;
}
#iconos li#twitter a {
background-position: -72px 0;
}
#iconos li#contacto a {
background-position: -144px 0;
}
#iconos li#facebook a:hover{
background-position: 0 -72px;
}
#iconos li#twitter a:hover {
background-position: -72px -72px;
}
#iconos li#contacto a:hover {
background-position: -144px -72px;
}/* FIN CÓDIGO apuntesmultimedia.wordpress.com */



.zoom{
		transition: 0.5s ease;
 		-moz-transition: 0.5s ease; /* Firefox */
 		-webkit-transition: 0.5s ease; /* Chrome - Safari */
 		-o-transition: 0.5s ease; /* Opera */
	}
	.zoom:hover{
		transform : scale(1.2);
		-moz-transform : scale(1.2); /* Firefox */
		-webkit-transform : scale(1.2); /* Chrome - Safari */
		-o-transform : scale(1.2); /* Opera */
		-ms-transform : scale(1.2); /* IE9 */
	}

.zoom_Destacado{
		transition: 0.3s ease;
 		-moz-transition: 0.3s ease; /* Firefox */
 		-webkit-transition: 0.3s ease; /* Chrome - Safari */
 		-o-transition: 0.3s ease; /* Opera */
	}
	.zoom_Destacado:hover{
		transform : scale(1.02);
		-moz-transform : scale(1.02); /* Firefox */
		-webkit-transform : scale(1.02); /* Chrome - Safari */
		-o-transform : scale(1.02); /* Opera */
		-ms-transform : scale(1.02); /* IE9 */
	}
	
.RelewayInfo {
  width: auto;
  font-family: Raleway, sans-serif;
  line-height: 1.4;
}

.RelewayInfoBlanco {
  width: auto;
  font-size:14px;
  color:#FFF;
  font-family: Raleway, sans-serif;
}

.BordeFaceRedondo {
	border-color: #D3D3D3;
   border-width: 1px;
   border-style: solid;
   background: #F7F5EF;
-webkit-border-radius: 25px 25px 25px 25px;
border-radius: 25px 25px 25px 25px;
}



.navidad{
	width:450px;
	height:auto;
	position:absolute;
	margin:200px 0px 0px 90px;
	position:fixed;
	}
	
	
	
	label > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}
label > input + img{ /* IMAGE STYLES */
  cursor:pointer;
  border:2px solid transparent;
}
label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
  border:2px solid #f00;
}
	


/* DIV FLOTANTE PARA TARJETAS */

.Recuadro_flotante_tarjetas{
	width: 30%;
	height: auto;
	background-color: #f1f1f1;
	padding: 10px 0px 10px 30px;
	overflow: hidden;
	box-sizing: border-box;
	position:fixed;
	margin-left:1000px;
}



.recuadro_BOTONES{
	width:30%;
	height:auto;
	padding: 20px 15px 20px 15px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#FF6F00;
	margin-right: 27px;
	float: left;
	
	
	
		font-family: 'Comfortaa', sans-serif;
  font-size:1.4em;
  font-style:normal;
  line-height: 1.5;
  color:#FFF;
	text-align: center;
	
	-webkit-box-shadow: 4px 5px 17px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 5px 17px -4px rgba(0,0,0,0.75);
box-shadow: 4px 5px 17px -4px rgba(0,0,0,0.75);

	

}


.botones_salones1{
	width:100%;
	height:auto;
	padding:18px 0px 18px 0px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#fff;
	
	
	font-family: 'Comfortaa', sans-serif;
  font-size:1.6em;
  font-style:normal;
  line-height: 1.5;
  color:#707070;

}

.titulo_filtro{
font-family: 'Comfortaa', sans-serif;
  font-size:1.4em;
  font-style:normal;
  line-height: 1.5;
  color:#707070;
  padding:10px;

}


.buscador{
	width:30%;
	margin:10px;
}

.div_busqueda_principal{
	width:100%;
	height:auto;
	padding:20px 0px 35px 0px;
	overflow:hidden;
	box-sizing: border-box;
	text-align:center;
	
}

.div_busqueda{
	width:40%;
	height:auto;
	margin:20px 0px 35px 400px;
	overflow:hidden;
	box-sizing: border-box;
	
	
}


.Divbotones1{
	width:100%;
	
	overflow:hidden;
	box-sizing: border-box;
	background-color:#fff;
	margin-top: 25px;
	
	
	
	}
	
	
	.basico{
  width: 50%;
  font-family: 'Comfortaa', cursive;
  font-size: 1.1em;
  
background-color:#424242;
color:#fff;
text-align:center;
float:left;
	overflow:hidden;
	box-sizing: border-box;
	padding:5px 0px 5px 0px;


}


.modificar{
  width: 50%;
  font-family: 'Comfortaa', cursive;
  font-size: 1.1em;
  
background-color:#F44336;
color:#fff;
text-align:center;
float:left;
	overflow:hidden;
	box-sizing: border-box;
	padding:5px 0px 5px 0px;


}


/* TABLA RECIBOS*/

.grupo_tabla{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing: border-box;
	float: left;
	margin-bottom: 10px;
	border-radius: 5px 5px 0px 0px;
	margin-right: 80px;
		
}

.bajada_tabla_fecha{
	
	width: 10%;
	font-family: 'Montserrat', sans-serif;
	font-size:0.8em;
	font-style:normal;
	line-height: 1.4;
	color:#FFF;
	padding:5px;
	background-color:#363636;
	border: solid 2px #FFFFFF;
	text-align: center;
	float: left;
	
}


.bajada_IMPORTE{
	
	width: 15%;
	font-family: 'Montserrat', sans-serif;
	font-size:0.8em;
	font-style:normal;
	line-height: 1.4;
	color:#FFF;
	padding:5px;
	background-color:#363636;
	border: solid 2px #FFFFFF;
	text-align: center;
	float: left;
	
}


.bajada_tabla{
	
	width: 31%;
	font-family: 'Montserrat', sans-serif;
	font-size:0.8em;
	font-style:normal;
	line-height: 1.4;
	color:#FFF;
	padding:5px;
	background-color:#363636;
	border: solid 2px #FFFFFF;
	text-align: center;
	float: left;
	
}


.tabla_fecha{
	
	width: 10%;
	font-family: 'Montserrat', sans-serif;
	font-size:1em;
	font-style:normal;
	line-height: 1.4;
	color:#363636;
	padding:5px;
	background-color:#fff;
	border: solid 2px #E0E0E0;
	text-align: center;
	float: left;
	
}


.tabla_precio{
	
	width: 15%;
	font-family: 'Montserrat', sans-serif;
	font-size:1em;
	font-style:normal;
	line-height: 1.4;
	color:#363636;
	padding:5px;
	background-color:#fff;
	border: solid 2px #E0E0E0;
	text-align: center;
	float: left;
	
}


.tabla{
	
	width: 31%;
	font-family: 'Montserrat', sans-serif;
	font-size:1em;
	font-style:normal;
	line-height: 1.4;
	color:#363636;
	padding:5px;
	background-color:#fff;
	border: solid 2px #E0E0E0;
	text-align: center;
	float: left;
	
}


.texto_fecha{
	
	font-family: 'Montserrat', sans-serif;
	font-size:1em;
	font-style:normal;
	line-height: 1.4;
	color:#363636;

	
}


/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 400px;
  background-color: #555;
  color: #fff;
  font-size:0.9em;
  text-align: left;
  padding: 5px 5px 5px 5px;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom:0;
  left: 50%;
  margin-left: 30px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}



.boton_compartir2{
	width:30%;
	padding:10px;
	margin: 20px 0px 0px 0px;
	color:#fff;
	background-color:#f60;
	 font-family: 'Comfortaa', cursive;
	font-size:1em;
	font-weight: bold;
	text-transform: none;
	
	
	text-align:center;
	text-decoration: none;
	cursor: pointer;
		box-sizing: border-box;
		overflow: hidden;
		
		
		
		-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.28);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.28);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.28);

	
	
	
	
}


/*RECIBO*/

.primer_div{
	width: 100%;
	height: auto;
	overflow:hidden;
	box-sizing: border-box;
	background-color: #fff;
	padding:10px 0px 12px 10px;
	
	
	border-bottom: solid;
	border-bottom-color: #C2C2C2;
	border-bottom-width: 4px;
	



}


.logo_salon{
		width:80px;
	height:auto;
	border-radius: 100%;
	float: left;
	margin-right: 10px;

}


.nombre_salon{
  width: 80%;
  font-family: 'Comfortaa', cursive;
  font-size:1.2em;
  font-style:normal;
  line-height: 1.3;
  color:#f60;
	padding-top: 30px;
		
}


.TITULO_RECIBO{	
font-family: 'Comfortaa', sans-serif;
  font-size:1.6em;
  font-style:normal;
  line-height: 1.5;
  color:#707070;
  margin-top:150px;

}


/* # PARA CELULARES 400
*****************************************/
@media screen and (max-width: 768px){
	
	
	
	.banner{
	width:100%;
	height:auto;
	float:none;
	margin-right:0px;
	margin-left:0px;
	}
	
	
	.recuadro_BOTONES{
	width:70%;
	height:auto;
	padding: 20px 15px 20px 15px;
	overflow:hidden;
	box-sizing: border-box;
	background-color:#FF6F00;
	margin-right: 0px;
	float: none;
	margin-bottom: 15px;
	
	
	
		font-family: 'Comfortaa', sans-serif;
  font-size:1.2em;
  font-style:normal;
  line-height: 1.5;
  color:#FFF;
	text-align: center;
	
	-webkit-box-shadow: 4px 5px 17px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 5px 17px -4px rgba(0,0,0,0.75);
box-shadow: 4px 5px 17px -4px rgba(0,0,0,0.75);

	

}


.div_busqueda{
	width:95%;
	height:auto;
	margin:20px 10px 35px 10px;
	overflow:hidden;
	box-sizing: border-box;
	
	
}


/* TABLA */


.bajada_tabla_fecha{
	
	width: 10%;
	font-family: 'Montserrat', sans-serif;
	font-size:0.7em;
	font-style:normal;
	line-height: 1.4;
	color:#FFF;
	padding:5px;
	background-color:#363636;
	border: solid 2px #FFFFFF;
	text-align: center;
	float: left;
	
}


.tabla_fecha{
	
	width: 10%;
	font-family: 'Montserrat', sans-serif;
	font-size:0.6em;
	font-style:normal;
	line-height: 0.9;
	color:#363636;
	padding:4px;
	background-color:#fff;
	border: solid 2px #E0E0E0;
	text-align: center;
	float: left;
	margin-bottom:2px;
	
}


.texto_fecha{
	
	font-family: 'Montserrat', sans-serif;
	font-size:0.7em;
	font-style:normal;
	line-height: 1.1;
	color:#363636;

	
}

.bajada_IMPORTE{
	
	width: 15%;
	font-family: 'Montserrat', sans-serif;
	font-size:0.7em;
	font-style:normal;
	line-height: 1.4;
	color:#FFF;
	padding:5px;
	background-color:#363636;
	border: solid 2px #FFFFFF;
	text-align: center;
	float: left;
	
}


.tabla_precio{
	
	width: 15%;
	font-family: 'Montserrat', sans-serif;
	font-size:0.5em;
	font-style:normal;
	line-height: 1.1;
	color:#363636;
	padding:5px;
	background-color:#fff;
	border: solid 2px #E0E0E0;
	text-align: center;
	float: left;
	margin-bottom:2px;
	
}


.bajada_tabla{
	
	width: 29%;
	font-family: 'Montserrat', sans-serif;
	font-size:0.7em;
	font-style:normal;
	line-height: 1.4;
	color:#FFF;
	padding:5px;
	background-color:#363636;
	border: solid 2px #FFFFFF;
	text-align: center;
	float: left;
	
}


.tabla{
	
	width: 29%;
	font-family: 'Montserrat', sans-serif;
	font-size:0.5em;
	font-style:normal;
	line-height: 1.1;
	color:#363636;
	padding:5px;
	background-color:#fff;
	border: solid 2px #E0E0E0;
	text-align: center;
	float: left;
	margin-bottom:2px;
	
}


.boton_compartir2{
	width:80%;
	padding:10px;
	margin: 50px 0px 70px 0px;
	color:#fff;
	background-color:#f60;
	 font-family: 'Comfortaa', cursive;
	font-size:0.8em;
	font-weight: bold;
	text-transform: none;
	
	
	text-align:center;
	text-decoration: none;
	cursor: pointer;
		box-sizing: border-box;
		overflow: hidden;
		
		
		
		-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.28);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.28);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.28);

	
	
	
	
}



/*RECIBO */
	.primer_div{
	width: 100%;
	height: auto;
	overflow:hidden;
	box-sizing: border-box;
	background-color: #fff;
	padding:7px 0px 5px 10px;
	
	border-bottom: solid;
	border-bottom-color: #DDDDDD;
	border-bottom-width: 3px;
		
		position: fixed;


}


.logo_salon{
		width:50px;
	height:auto;
	border-radius: 100%;
	float: left;
	margin-right: 10px;

}
	
	
	
	.nombre_salon{
  width: 80%;
  font-family: 'Comfortaa', cursive;
  font-size:1em;
  font-style:normal;
  line-height: 1.3;
  color:#f60;
	padding-top: 15px;
		
}

.div_busqueda_principal{
	width:100%;
	height:auto;
	padding:60px 0px 35px 0px;
	overflow:hidden;
	box-sizing: border-box;
	text-align:center;
	
}

.buscador{
	width:90%;
	margin:10px;
}

}