/*
  #
  # Esta es la hoja de estilo comun a todas las páginas para la versión de escritorio.
  #
  */

/*@font-face {  font-family: bauerbodonibold; src: url(/buscador-perfumes/style/BAUERBODONI/BauerBodniBTBold.ttf); }
@font-face { font-family: bauerbodonibolditalic; src: url(/buscador-perfumes/style/BAUERBODONI/BauerBodniBTBoldItalic.ttf); }
@font-face { font-family: latobold;src: url(/buscador-perfumes/style/lato/Lato-Bold.ttf); }
@font-face { font-family: latoregular; src: url(/buscador-perfumes/style/lato/Lato-Regular.ttf); }
@font-face { font-family: latolight; src: url(/buscador-perfumes/style/lato/Lato-Light.ttf); }

@font-face { font-family: geomanist; src: url(/buscador-perfumes/style/Geomanist-Regular.otf); }   */

#cajasperfumesingrediente{
  //font-family: geomanist;
  font-size: 12px;
}

*{
  //font-family: geomanist;
}

.uparrow{ border-radius:40px;width:40px;height:40px; }

#generalContainer{ padding-left:3%;padding-right:3%;margin-top: 40px;margin-bottom: 60px; }
.cabecera{ margin-top: 80px; height: 160px; }
.buscar{ margin-top: 30px;margin-bottom: 30px; }
img { border: 0;}
.img_perfume img {margin-bottom: 30px; }
.datos_ingredientes{ text-align:left; }
.separacion-secundaria{ margin-top: 80px; margin-bottom: 60px; }
.familia-olfativa{ width: 100%; text-align: center; }
.image-ing-familiaolfativa img{ width: 100%; }
.volver img{ width: 110px; }
.separacion-pagina2{ margin-top: 20px; margin-bottom: 0px; }
.datos_ingredientes p{ margin: 5px; }
//.title_datos{ font-family: latobold; }
//.dato_final{ font-family: latolight; }
.img-verficha{ float: left; }
//.title-descripcion-uso{ font-family: latobold; }
.informacioningrediente{text-align:center;}
.bienvenida{ float: right; margin-top: 10px; text-align: right;	/*font-family: bauerbodonibolditalic;*/ font-size: 24px; }
.separacion-principal{ margin-top: 20px;	margin-bottom: 50px; }
.separacion-principal hr{	width: 100%; height: 1px; border: 0; text-align: center; color: #000; background-color: #000; }
.separacion-principal hr:after {
	text-align: center;
	content:"Buscador de perfumes";
	/*font-family: bauerbodonibold;*/
	font-size: 28px; 
	position: relative; 
	top: -25px; 
	display: inline-block;  
	padding: 10px;
	background: white; 
	color: #000; 
	line-height: 24px; 
}
.text-search{ width: 100%; height: 40px; border-line: 1px; border-radius: 8px;	padding-left: 20px;	font-size: 20px; /*font-family: latolight;*/ }
.submit-search{	width: 20%;	float: right;	background-color: #000;	color: #FFF;	height: 45px;	border-radius: 8px;	border: 0; font-size: 20px;	/*font-family: latolight;*/ }
.separacion-secundaria hr{ width: 100%;	height: 1px; border: 0;	text-align: center;	color: #000; background-color: #000; }
.separacion-familias hr{ width: 100%;	height: 1px; border: 0;	text-align: center;	color: #000; background-color: #000; }
.separacion-familias hr:after {
	text-align: center;
	content:"Familias";
	/*font-family: bauerbodonibold;*/
	font-size: 28px; 
	position: relative; 
	top: -25px; 
	display: inline-block;  
	padding: 10px;
	background: white; 
	color: #000; 
	line-height: 24px; 
}
.separacion-secundaria hr:after {
	text-align: center;
	content:"Ingredientes";
	/*font-family: bauerbodonibold;*/
	font-size: 28px; 
	position: relative; 
	top: -25px; 
	display: inline-block;  
	padding: 10px;
	background: white; 
	color: #000; 
	line-height: 24px; 
}
.ing-familiaolfativa{ text-align: center; float: left; width: 115px; height: 130px; margin-bottom: 60px; margin-left: 10px; margin-right: 10px; }
.title-ing-familiaolfativa{ /*font-family: latobold;*/ font-size: 14px; text-align: center;font-weight:bold; }
.volver{ float: right; width: auto; height: 120px; }
.separacion-pagina2 hr{ width: 100%; height: 1px; border: 0; text-align: center; color: #000; background-color: #000; }

.separacion-pagina-subfamilia hr{ width: 60%; height: 1px; border: 0; text-align: center; color: #000; background-color: #000; }
.separacion-pagina-subfamilia hr:after {
	text-align: center;
	/*font-family: bauerbodonibold;*/
	content: 'SubFamilias';
	font-size: 24px; 
	position: relative; 
	top:-25px;
	display: inline-block;  
	padding: 10px;
	background: white; 
	color: #000; 
	line-height: 24px; 
}

.ingrediente{ text-align: center; /*font-family: bauerbodonibold;*/	font-size: 28px; position: relative; margin-top: -30px; }
.ingrediente span{ padding-left: 15px;padding-right: 15px; background-color: #FFF; }
.caja-datos{ margin-bottom: 30px; padding-bottom: 50px; margin-top:30px;}
.img_ingrediente_ficha{ display: inline-block; vertical-align: top; margin-top: 10px; }
.img_ingrediente_ficha img{	max-width: 360px;	margin-right: 50px; }
.datos_ingredientes{ display: inline-block;	vertical-align: top; width: 43%; height: auto; padding-top: 15px; margin-bottom: 80px; }
.separacion2-pagina2 hr{ width: 100%; height: 1px; border: 0;	text-align: center;	color: #000; background-color: #000; margin-bottom: 60px; }
.separacion2-pagina2 hr:after {
	text-align: center;
	/*font-family: bauerbodonibold;*/
	content: 'Fragancias segun intensidad del ingrediente';
	font-size: 24px; 
	position: relative; 
	top:-25px;
	display: inline-block;  
	padding: 10px;
	background: white; 
	color: #000; 
	line-height: 24px; 
}


.separacion3-pagina3 hr{ width: 100%; height: 1px; border: 0;	text-align: center;	color: #000; background-color: #000; margin-bottom: 60px; }
.separacion3-pagina3 hr:after {
	text-align: center;
	/*font-family: bauerbodonibold;*/
	content: 'Fragancias según familia';
	font-size: 24px; 
	position: relative; 
	top:-25px;
	display: inline-block;  
	padding: 10px;
	background: white; 
	color: #000; 
	line-height: 24px; 
}

.separacion4-pagina4 hr{ width: 100%; height: 1px; border: 0;	text-align: center;	color: #000; background-color: #000; margin-bottom: 60px; }
.separacion4-pagina4 hr:after {
	text-align: center;
	/*font-family: bauerbodonibold;*/
	content: 'Fragancias según subfamilia';
	font-size: 24px; 
	position: relative; 
	top:-25px;
	display: inline-block;  
	padding: 10px;
	background: white; 
	color: #000; 
	line-height: 24px; 
}


.fragancias-femeninas{ float: left; width: 49%;	margin-bottom: 40px; }
.title-femeninas{	font-size: 20px; /*font-family: bauerbodonibolditalic;*/ margin-bottom: 30px;font-weight:bold; }
.container-femenino{ width: 330px; margin: auto; margin-bottom: 50px; }
.numreferencia_ficha{
	width: 60px;
	height: 60px;
	float: left;
	font-size: 28px;
	/*font-family: bauerbodonibolditalic; */
	color: #FFF;
	line-height: 60px;
	background-image: url(../images/volver/fondoreferencia.jpg);
	background-repeat: no-repeat;
	background-size: 60px;
}

.numreferencia_ficha_baja{
	width: 60px;
	height: 60px;
	float: left;
	font-size: 28px;
	/*font-family: bauerbodonibolditalic; */
	color: #FFF;
	line-height: 60px;
	background-image: url(../images/volver/fondoreferenciabaja.jpg);
	background-repeat: no-repeat;
	background-size: 60px;
}

.numreferencia_ficha a,.numreferencia_ficha_baja a{
    color:white;
}

.intensidad_ficha{ float: left; margin-left: 24px; margin-right: 24px;}
.fragancias-masculinas{	float: right;	width: 49%; }
.separacion-pagina3{ margin-top: 20px; margin-bottom: 0px; }
.separacion-pagina3 hr{ width: 100%; height: 1px;	border: 0; text-align: center; color: #000; background-color: #000; }
.separacion-pagina3 hr:after {
	text-align: center;
	/*font-family: bauerbodonibold;*/
	content: 'Perfume nº';
	font-size: 28px; 
	position: relative; 
	top: -25px; 
	display: inline-block;  
	padding: 10px;
	padding-right: 62px;
	background: white; 
	color: #000; 
	line-height: 24px; 
}
.numreferencia{ text-align: center; /*font-family: bauerbodonibold;*/ font-size: 28px; position: relative; margin-top: -28px; padding-left: 140px; }
.img_perfume{ float: left; margin-right: 20px; margin-top: 0px;	margin-bottom: 20px; }
.productonoesta{ text-align: center; /*font-family: bauerbodonibold;*/ font-size: 28px;	color: #F00; }
.datos_perfume{ margin-bottom: 60px; padding-bottom: 40px; }
.title_perfume{	font-weight:bold;height: 30px;	/*font-family: bauerbodonibolditalic;*/	font-size: 18px; text-align: center; margin-bottom: 10px; margin-top:10px; }
.descripcion_perfume{	/*font-family: latolight;*/	text-align: justify;font-size: 16px; }
.title_piramide{ font-weight:bold;/*font-family: bauerbodonibolditalic;*/ font-size: 18px;	text-align: center;	padding-top: 30px; }
.img_piramide{ float: left;	margin-left: 30px; }
.notasolfativas{ float: left;	margin-left: 60px; }
.notasolfativas p{ text-align: left; /*font-family: latoregular;*/margin: 4px; }
.separacion2-pagina3 hr{ width: 100%; height: 1px; border: 0; text-align: center;	color: #000; background-color: #000; margin-bottom: 60px; }
.separacion2-pagina3 hr:after {
	text-align: center;
	/*font-family: bauerbodonibold;*/
	content: 'Intensidad del ingrediente';
	font-size: 24px; 
	position: relative; 
	top: -25px; 
	display: inline-block;  
	padding: 10px;
	background: white; 
	color: #000; 
	line-height: 24px; 
}
.intensidades div{ display:inline-block; width: 33%; vertical-align:top; }
.intensidades div p{margin-top: -20px;}
.intensidades div p img{ margin-top: -23px; }
.intensidad p{  /*font-family: bauerbodonibolditalic;*/ font-size: 20px; }
#cajasperfumesingrediente{ display:inline-block; vertical-align:top; width:49%; }

.volver div{width:110px;height:110px;margin-top:-115px;line-height:120px;}

* a{
  text-decoration:none;
  //color:white;
}

* a:visited{
  text-decoration:none;
  //color:white;
}

* a:hover{
  text-decoration:none;
  //color:white;
}


.imagenfamilia{ float:none;text-align:center;display:inline-block;width:49%;vertical-align:middle; }
.textofamilia{ float:none;text-align:left;display:inline-block;width:49%;vertical-align:middle; }

.textofamilia p{ margin-left:30px; }
.sugerencias{padding-top:60px;}
.separacion span { font-size:22px; }
.separacion{clear:both;margin-bottom:20px;}

.capaingredientedeshabilitado{width: 115px;height:175px;}

.footer_nav_list li a{color:black;}


ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

#breadcrumbs-four{
  overflow: hidden;
  width: 100%;
}

#breadcrumbs-four li{
  float: left;
  margin: 0 .3em 0 1em;
}

#breadcrumbs-four a{
  background: #f6f6f8;
  padding: .3em .7em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.5); 
  position: relative;
  transition:none;
  -webkit-transition:none;
  -moz-transition: none;
  -o-transition: none;
}

#breadcrumbs-four a:hover{
  background: #84d4e0;
}

#breadcrumbs-four a::before,
#breadcrumbs-four a::after{
  content:'';
  position:absolute;
  top: 0;
  bottom: 0;
  width: 1em;
  background: #f6f6f8;
  transform: skew(-10deg);  
}

#breadcrumbs-four a::before{

  left: -.5em;
  border-radius: 5px 0 0 5px;
}

#breadcrumbs-four a:hover::before{
  background: #84d4e0;
}

#breadcrumbs-four a::after{
  right: -.5em;   
  border-radius: 0 5px 5px 0;
}

#breadcrumbs-four a:hover::after{
  background: #84d4e0;
}

#breadcrumbs-four .current,
#breadcrumbs-four .current:hover{
  font-weight: bold;
  background: none;
}

#breadcrumbs-four .current::after,
#breadcrumbs-four .current::before{
  content: normal;
}

.piramide{margin-left: 40%;}
.separacionlayer{margin-left: 20%;}