*{
	padding: 0;
	margin: 0;
}

body, html{
/*  background: -webkit-linear-gradient(top, #1e3755, #4182a2);
background: -moz-linear-gradient(top, #1e3755, #4182a2);
background: -ms-linear-gradient(top, #1e3755, #4182a2);
background: -o-linear-gradient(top, #1e3755, #4182a2);
background: linear-gradient(top, #1e3755, #4182a2);*/
/*background: -webkit-linear-gradient(top, #000000, #4182a2);
background: -moz-linear-gradient(top, #000000, #4182a2);
background: -ms-linear-gradient(top, #000000, #4182a2);
background: -o-linear-gradient(top, #000000, #4182a2);
background: linear-gradient(top, #000000, #4182a2);
background-attachment: fixed;*/
    background: url(/imagenes/degradado_canvas.png) no-repeat fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

  font-size: 18px;
  font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
}


/*//////////////////////////PAGINA DE VIDEO INTRO/////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////*/

.textovideo{
	position: fixed;
	top: 40px;
	width: 100%;
	z-index: 1000;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 30px;
	background-color: transparent;
	color: white;
	text-align: center;	
}

.textovideo a{
	text-decoration: none;
	color: white;
}	

.textovideo a:hover{
  text-decoration: none;
  color: white;
} 




/*//////////////////////////PAGINA DE PIE/////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////*/


.contenedor3214{
  width: 100%;
  height: auto;
  overflow: auto;

}

.pie{
  /*background-color: yellow;*/
  width: 100%;
  min-height: 200px;
  height: auto;
  margin-top: 100px;
  overflow: auto;
}

.pie_direccion{
  float: left;
  /*background-color: cyan;*/
  width: 20%;
  /*min-height: 200px;*/
  height: auto;
  font-size: 14px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;/*'Century Gothic';*/
  /*color:#154360;*/
  color: white;
  line-height: 200%;
  margin-left: 10%;
}

.pie_telefono{
  float: left;
  /*background-color: orange;*/
  width: 20%;
  /*min-height: 200px;*/
  height: auto;
  font-size: 14px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;/*'Century Gothic';*/
  /*color:#154360;*/
  color: white;
  line-height: 200%;
  margin-left: 10%;
}

.pie_redes{
  float: left;
  /*background-color: pink;*/
  width: 30%;*/
  text-align: center;
    margin-left: 10%;
  /*height: 200px;*/  
}

.mapa{
  margin: auto;
  width: 70%;
}
/*//////////////////////////PAGINA DE MENU.PHP///////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////*/

/*.contenedormenu{
  width: 100%;
  height: 50px;
  background-color: white;
}

.menu{
  min-width: 60px;
  max-width: 800px;
  min-height: 2px;
  /*border: solid 1px black;*/
  /*margin:20px auto;
}

.menu ul li{
  list-style: none;
  float: left;
}
.menu ul li a{
  color: black;
  font-size: 15px;
  border: none;
  text-decoration: none;
  padding: 10px 20px;
}

.menu ul li a:hover{
  color: #00bfa6;
}

.menu-fixed {
  
  position:fixed;
  z-index:100;
  top:0;
  width:100%;
  height:71px;
  z-index:9999;
 }
  
*/

/*//////////////////////////PAGINA DE INDEX.PHP///////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////*/


/*body, html {
  height: 100%;
  margin: 0;
  font: 400 15px/1.8 "Lato", sans-serif;
  color: #777;
}*/

.logo{
  float: none;
  display: block;
  margin: auto;
  /*max-width: 700px;*/
  max-width: 80%;
  margin-top: 100px;
}

.logo img{
  width: 100%;
  text-align: center;
  margin: auto; 
}

.logo_productos{
  float: none;
  display: block;
  margin: auto;
  max-width: 80%;
  margin-top: 100px;
}

.logo_productos img{
  width: 100%;
  text-align: center;
  margin: auto; 
}

.logo_somos{
  float: none;
  display: block;
  margin: auto;
  max-width: 80%;
  margin-top: 100px;
}

.logo_somos img{
  width: 100%;
  text-align: center;
  margin: auto; 
}


.textologo{
  color:white;/*color: #777;*/
  /*background-color:white;*/
  text-align:center;
  padding:50px 80px;
  text-align: justify;
}

.texto1144{
  color:white;/*color: #777;*/
  /*background-color:white;*/
  text-align:center;
  padding:50px 80px;
  text-align: justify;
}

.caja348{
  width: 50%;
  margin: auto;
  margin-top: 50px;
}

.contenedor458{
  color:white;/*color: #777;*/
  /*background-color:white;*/
  text-align:center;
  padding:50px 80px;
  text-align: justify;
}
.rotulo458{
  text-align:center;
  /*color:#777;*/
  color: white;
  padding:20px;
}

.caja458{
width: 50%;
margin: auto;
margin-top: 50px;
}

.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-0 {
  position: relative;
  opacity: 1;/*0.80;*/
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /*background-size: 100%;*/

}

.bgimg-0 {
  background-image: url("");
  min-height: 400px;
}
.bgimg-1 {
  background-image: url("/imagenes/men-1979261_1920.jpg");
  min-height: 600px;
}

.bgimg-2 {
  background-image: url("/imagenes/tienda.jpg");
  min-height: 600px;
}

.bgimg-3 {
  /*background-image: url("/imagenes/slider/perfumes2.jpg");*/
  background-image: url("/imagenes/slider/reflejo-perfumes-PS.jpg");
  min-height: 600px;
}

.bgimg-4 {
  position: relative;
  opacity: 1;/*0.80;*/
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /*background-size: 100%;*/

}

.bgimg-4 {
padding-top: 100px;
min-height:800px;
background-size: auto; 
background-position: center; 
background-repeat: no-repeat;
}

.caption {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #000;
}

.caption span.border  {
  background-color: #111;
  color: #fff;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px;
}

.caption span.border:hover  {
  text-decoration: none;
}

.caption a:hover{
  text-decoration: none;
}

.caption a{
  text-decoration: none;
}

.caption458 {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #000;
}

.caption458 span.border {
  background-color: #111;
  color: #fff;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px;
}

h3 h2{
  letter-spacing: 5px;
  text-transform: uppercase;
  font: 20px "Lato", sans-serif;
  color: #111;
}

.contenedor_gotas{
    width: 90%;
    height: auto;
    overflow: auto;
    margin: auto;
}

.contenedor_gotas_ico5{
    /*margin-top:50px;*/
    float: left;
    width: 20%;
    height: auto;
    margin-bottom: 50px;
    overflow: auto;
    
}

.contorno_gota{
    text-align: center;
    overflow: auto;
}

.gota{
    width:70%;
     height:160px;
    border-radius: 155px 0 155px 135px;
/*-moz-border-radius: 145px 145px 145px 145px;
-webkit-border-radius: 145px 145px 145px 145px;*/
    border: 0 solid #666;
    margin: 0 auto;
    text-decoration: none; 
    overflow: auto;
} 

.titulo_gota{
  display: block;
  width: 80%;
  margin: 20px auto;
  padding: 0 0;
  /*background-color: #154360;*/
  font-weight: bold;
  color: white;
  text-align: center;
  text-decoration: none;
  padding: 20px;
}

.titulo_gota:hover {
  color:#154360;
  /*color:white;*/
  background-color: white;
  text-decoration: none;  
}

.separacion{
  width: 100%;
  height: 100px;
  background-color: red;
}

.menu_index {
    margin-top: 100px;
}

.menu_index ul {
    text-align: center;
}
.menu_index ul li{
    display: inline-block;
    margin-left: 20px;
}
.menu_index ul li a{
    text-decoration: none;
    /*color:#154360;*/
    color:white;  
}

.prueba{
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
}

.foto_franquicia{
  display: block;
  margin: auto;

  width: 80%;
  height: auto;
  
}

.foto_franquicia img{
  width: 100%;
  margin: auto;

}




/*//////////////////////////PAGINA DE SOMOS.PHP///////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////*/

.mapa_somos{
  height: auto;
  width: 70%;
  text-align: center;
  /*margin: -65px 15% -15px 15%;*/
  margin: -65px 15% -15px 15%;
}

.contenedor_somos{
	overflow: auto;
	width: 100%;
	/*height: auto;*/
	min-height: 200px;
	/*color:#154360;*/
  color:white;
}

.titulo_somos{
	margin: auto;
	float:none;
	width: auto;
	text-align: center;
	font-size: 30px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;/*'Century Gothic';*/
	color:white;/*color:#154360; /*#154360;*/
	font-weight: bold;
	margin-top: 50px;
}

.linea_1_somos{
	width: 40%;
	margin: auto;
	height: 20px;
	border-bottom: 3px solid white;/*#154360;*/
}

.mensaje_somos{
	/*float: left;
	margin-left: 100px;*/
	width: 80%;
	/*height: 400px;*/
	text-align: justify; 
	font-size: 15px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;/*'Century Gothic';*/
	/*color:#154360;*/
  color: white;
	margin-top: 60px;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 100px;
	line-height: 150%;
	overflow: auto;
}

.imagen_somos{
	
	/*float: left;*/
	width: 70%;
	height: 300px;
	margin-top: 60px;
	margin-left:15%;
	margin-right: 15%;
	margin-bottom: 60px;
	background-color: red;
	overflow: auto;
}

.imagen_somos_2{
  
  /*float: left;*/
  width: 70%;
  height: auto;
  margin-top: 30px;
  margin-left:15%;
  margin-right: 15%;
  margin-bottom: 0;
  background-color: red;
  overflow: auto;
}
.imagen_somos_2 img{
  
  /*float: left;*/
  width: 100%;
  height: auto;
}

/*//////////////////////////PAGINA PRODUCTOS.PHP///////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////*/

.citaperfume{
  width: 100%;
  margin: 100px auto 0 auto;
  text-align: center;
  }

.citaperfume img{
  text-align: center;
  margin: auto;
  width: 70%;
}

.cont6457{
  /*color: #777;*/
  color:white;
  /*background-color:white;*/
  text-align:center;
  padding:50px 80px;
  text-align: justify;
}

.cont6457_2{
  /*color: #777;*/
  color:white;
  /*background-color:white;*/
  text-align:center;
  padding:50px 80px;
  text-align: center;
}

.mostraroculto{
  display: none;
}

.contenedor_gotas_ico6{
    /*margin-top:50px;*/
    float: left;
    width: 16.66%;
    height: auto;
    margin-bottom: 50px;
    overflow: auto;

}

.contorno_gota_ico6{
    text-align: center;
    overflow: auto;
}

.gota_ico6{
    width:60%;
    height: 125px;
    margin: 20px auto;
    border-radius: 155px 0 155px 135px;
/*-moz-border-radius: 145px 145px 145px 145px;
-webkit-border-radius: 145px 145px 145px 145px;*/
    border: 0 solid #666;
    margin: 0 auto;
    text-decoration: none; 
    overflow: auto;
} 

.titulo_gota6{
  display: block;
  width: 60%;
  margin: 20px auto;
  padding: 20px 0;
  /*background-color: /*#154360;*/
  font-weight: bold;
  color: white;
  text-align: center;
  text-decoration: none;
  
}


.titulo_gota6:hover {
  color:#154360;
  /*color:white;*/
  background-color: white;
  text-decoration: none;  
}

.cont8765{
  /*color: #777;
  background-color:white;*/
  color: white;
  text-align:center;
  padding:70px 80px;
  text-align: justify
}

.caja8765{
  width: 50%;
  margin: auto;
}



#show,#hide {
  display:none;
}

div#content {
  display:none;
  padding:10px;
  background-color:#f6f6f6;
  width:200px;
  cursor:pointer;
}

input#show:checked ~ div#content {
  display:block;
}

input#hide:checked ~ div#content {
  display:none;
}

.carousel-caption-mini{
  font-size: 60px;
}









.contenedor_gotas_ico4{
    /*margin-top:50px;*/
    float: left;
    width: 25%;
    height: auto;
    margin-bottom: 50px;
    overflow: auto;

}

.contenedor_gotas_ico3{
    /*margin-top:50px;*/
    float: left;
    width: 33%;
    height: auto;
    margin-bottom: 50px;
    overflow: auto;

}





.gota_ico4{
    width:60%;
    height:175px;
    margin: 20px auto;
    border-radius: 155px 0 155px 135px;
/*-moz-border-radius: 145px 145px 145px 145px;
-webkit-border-radius: 145px 145px 145px 145px;*/
    border: 0 solid #666;
    margin: 0 auto;
    text-decoration: none; 
    overflow: auto;
} 

.gota_ico3{
    width:45%;
    height:175px;
    margin: 20px auto;
    border-radius: 155px 0 155px 135px;
/*-moz-border-radius: 145px 145px 145px 145px;
-webkit-border-radius: 145px 145px 145px 145px;*/
    border: 0 solid #666;
    margin: 0 auto;
    text-decoration: none; 
    overflow: auto;
} 

.titulo_gota4{
  display: block;
  width: 60%;
  margin: 20px auto;
  padding: 0 0;
  background-color: #154360;
  font-weight: bold;
  color: white;
  text-align: center;
  text-decoration: none;
  padding: 20px;
}


.titulo_gota4:hover {
  /*color:#154360;*/
  color:white;
  background-color: white;
  text-decoration: none;  
}




/*//////////////////////////PAGINA PERFUMES_LIST.PHP///////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////*/

.iconofamilia{
  width: 100%;
  height: auto;
  overflow: auto;
  text-align: center;  
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin-top: 100px;
  /*color:#154360;*/
  color:white;
  
}

.fotofamilia{
  width: 40%;
  height: auto;
}

.textofamilia{
  width: 70%;
  text-align: justify;
  overflow: auto;
  margin: auto;
  margin-top: 30px;
}

.contenedor5784{
  height: auto;
  overflow: auto;
  text-align: center;
  margin-top: 50px;

}

.contenedorfamilia{
  margin: auto;
  /*display: inline-block;*/
  text-align: center;
  width: 50px;
  max-width: 90%;
  min-height: 50px;
  overflow: auto;
  background-color: yellow;
}

.boton5784{
  display: inline-block;
  padding: 20px;
  margin: 10px;
  background-color: #154360;
  color: white;
  border-radius: 40px 40px 40px 40px;
  border: 0px solid #000000;
}

.cabecera3214{
  width: 100%;
  /*display: none;
  background-color: yellow;*/

}

.cabecera3214_grande{
  width: 100%;
  height: auto;
  overflow: auto;
  margin-top: 100px;

}


.cabecera3214 h3{
  
  text-align:center ;
  font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
  /*color:#154360;*/
  color:white;
  padding: 20px;

}

.cabecera3214_grande h3{
  
  margin-top: 30px;
  text-align:center ;
  font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
  /*color:#154360;*/
  color:white;
  padding: 20px;

}


#oculto-1, #oculto-2, #oculto-3, #oculto-7, #oculto-9, #oculto-10{
  width: 100%;
  /*display: none;*/
  background-color: yellow;

}

#oculto-1 h3, #oculto-2 h3, #oculto-3 h3, #oculto-7 h3, #oculto-9 h3, #oculto-10 h3{
  text-align:center ;
  font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
  color: #154360;
  padding: 20px;

}

.contenedoritem{
  float: none;
  width: 60%;
  height: auto;
  margin: auto;
  margin-top: 20px;
  overflow: auto;
  text-align: center;

}

.contenedoritem2{
  float: left;
  width: 33%;
  height: auto;
  margin: auto;
  margin-top: 20px;
  overflow: auto;
  text-align: center;

}

.item_referencia{
  float: left;
  width: 430px;
  height: auto;
  background-color: black;
  border-radius: 40px 40px 40px 40px;
  margin-right: 50px

}

.item_referencia_grande{
  float: none;
  margin: auto
  width: 430px;
  height: auto;
  background-color: black;
  border-radius: 40px 40px 40px 40px;
  margin-top: 40px;
  /*margin-right: 50px*/

}

.item_referencia p{
  margin-top: 12px;
  color: white;
  padding: 10px 0 10px 20px;

}

.item_referencia_grande p{
  margin-top: 12px;
  color: white;
  padding:0px 0 0px 20px;

}

.item_referencia a{
  text-decoration: none;
  color: white;
}

.item_referencia a:hover{
  text-decoration: none;
  color: white;
}

.item_referencia_grande a{
  text-decoration: none;
  color: white;
}

.item_referencia_grande a:hover{
  text-decoration: none;
  color: white;
}

.item_icono{
  float: left;
  margin-left: 30px;
  border-radius: 25px 0 0 0;
}

.item_icono img{
  border-radius: 155px 0 155px 135px;
}

.item_icono2{
  float: left;
  margin-left: 30px;
  border-radius: 25px 0 0 0;
}

.item_icono2 img{
  border-radius: 155px 0 155px 135px;
}

.item_icono_unico{
  float: left;
  margin-left: 30px;
  border-radius: 25px 0 0 0;
}

.item_icono_unico_grande{
  
  float: none;
  border-radius: 25px 0 0 0;
  margin-top:40px;
  display:block;
  width: 100%;
  text-align: center;

  
}

.item_icono_unico img{
  border-radius: 155px 0 155px 135px;
}

.item_icono_unico_grande img{
  border-radius: 155px 0 155px 135px;
}

/*PAGINA PERFUME DETAIL*/
.contenedor1234{
  height: 200px;
  width: 100%;
  font-size: 55px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;/*'Century Gothic';*/
  /*color:#154360;*/
  color:white;
  overflow: auto;

}

.contenedor1234 p {
  padding-top: 60px;
  text-align: center;
}

.contenedor6344{
  overflow: auto;
  width: 100%;
  height: auto;
  /*background-color: green;*/

}

.colum-1-detail{
  float: left;
  height: auto;
  width: 50%;
  padding: 20px 1%;
  border-width:  : 1px;
  border-right-style: solid;
  border-right-width: 1px;
  color: white;
}

.colum-1-detail img{
  float: left;
  width: 100%;
  height: auto;
  padding: 2px;
}

.colum-2-detail{
  float: left;
  width: 50%;
  height: auto;
  /*background-color: #FFFACD;*/
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;/*'Century Gothic';*/
  /*color: #154360;*/
  color: white;
  padding: 10px;
}

.descripcion145{
  font-size: 25px;
  padding: 10px;
  text-align: center;

}

.icono8965{
  height: 70px;
  width: 70px;
  margin: auto;
}

.icono8965 img{
    border-radius: 155px 0 155px 135px;
}
.titulo8965{
  /*margin-left: 40px;
  margin-right: 40px;*/
  text-align: center;
}

.precio154{
  margin-top: 0;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;/*'Century Gothic';*/
  /*color: #154360;*/
  color: white;
  padding: 10px;
  font-size: 20px;
  text-align: center; 
}

.carrito_producto {
  overflow: auto;
  margin: auto;
  text-align: center;
  /*float:left;*/
}

.carrito_producto button {
  margin-top: 10px;
  width: 50px;
  height: 50px;
}

.carrito_producto input{
  margin-top: 30px;
  width: 100px;
  text-align: center;
}

/*//////////////////////////PAGINA P-ACTIVOS.PHP///////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////*/

.contenedor8125{
  width: 100%;
  height: auto;
  overflow: auto;
  background-color: yellow;
  margin: auto;
}

.foto8125{
  margin: auto;
  width: 70%;
  height:auto;
}

.foto8125 img{
  width: 70%;
  height: auto;
  margin: auto;
}


.textoblog{
  color: #777;
  background-color:white;
  text-align:center;
  padding:50px 80px;
  text-align: justify;
}

.preformulario{
  color: white;
  width: 50%;
  height: auto;
  margin: auto;
  
}

.catalogos{
  width: 50%;
  margin: auto;
  height: auto;
  margin-top: 100px;
  overflow: auto;

}

.catalogos_flag{
  float: left;
  width: 105px;
  height: 105px;
  overflow: auto;

}

.descarga_dossier{
  float: left;
  overflow: auto;
}

@media only screen and (max-device-width: 1300px) {


    .contenedoritem{
        width: 70%;
    }

    .contenedoritem2{
        width: 50%;
    }

/*FIN max-device-width: 1300px*/
}


@media only screen and (max-device-width: 1280px) {
/* Turn off parallax scrolling for tablets and phones */
    .bgimg-1, .bgimg-2, .bgimg-3 {
        width: 100%;
        margin: auto;
        background-attachment: scroll;
   }

    .bgimg-1 img, .bgimg-2 img, .bgimg-3 img {
          position: relative;
  opacity: 1;/*0.80;*/
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
        /*background-attachment: scroll;*/
        /*width: 100px;
        max-width: 100px;
        height: auto;
        min-height: 10px;*/
        /*width: 30%;
        height: auto;*/
        
   }

    /*.bgimg-4 {
      /*width: 300px;
      height: auto;*/
      /*min-height: 400px;
      background-position: center; 
      background-repeat: no-repeat;
      background-size: 300px auto;*/
    /*}*/ 

    /*.bgimg-4 img{
      /*width: 100px;*/
      /*height: auto;
      margin: auto;*/
    /*}*/

    .contenedoritem{
        width: 80%;
    }

/*FIN max-device-width: 1080px*/
}
@media only screen and (max-device-width: 1100px) {

    .catalogos_flag{
    float: none;
    width: 100px;
    height: 70px;
    overflow: auto;
    margin: auto;
    margin-top: 70px;
  }

/*FIN max-device-width: 1080px*/
}

@media only screen and (max-device-width: 950px) {

    .contenedoritem{
        width: 90%;
    }

    .contenedoritem2{
        width: 90%;
    }

    .item_icono_unico{
     /*float: left;*/
      margin: 0 80%;
      border-radius: 25px 0 0 0;
    }

    .contenedor_gotas_ico5{
    /*margin-top:50px;*/
    float: none;
    margin-right: 35%;
    margin-left: 35%;
    width: 30%;
    height: auto;
    margin-bottom: 50px;
    overflow: auto;
  }

/*FIN max-device-width: 950px*/
}

@media only screen and (max-device-width: 845px) {

    .contenedoritem{
        width: 100%;
    }

    /*.menu_index {
      display: none;*/

    .contenedor_gotas_ico5{
    /*margin-top:50px;*/
    float: none;
    margin-right: 35%;
    margin-left: 35%;
    width: 30%;
    height: auto;
    margin-bottom: 50px;
    overflow: auto;
  }

    .catalogos{
    width: 80%;
    margin: auto;
    height: auto;
    margin-top: 100px;
    overflow: auto;

  }



    .descarga_dossier{
    float: none;
    overflow: auto;
    width: 50%;
    margin: auto;
    
  }

/*FIN max-device-width: 845px*/
}

@media only screen and (max-device-width: 780px) {

    .contenedoritem{
        width: 100%;
    }

    .item_icono{
      margin-left: 10%;
    }
    
    .item_referencia{
      width: 80%;
      margin: 0 10% 10px 10%;
    }

    .item_icono_unico{
     /*float: left;*/
      margin: 0 48%;
      border-radius: 25px 0 0 0;
    }

    .contenedor_gotas_ico5{
    /*margin-top:50px;*/
    float: none;
    margin-right: 30%;
    margin-left: 30%;
    width: 40%;
    height: auto;
    margin-bottom: 50px;
    overflow: auto;
    }

    .preformulario{
       width: 80%;
    }

/*FIN max-device-width: 780px*/
}

@media only screen and (max-device-width: 600px) {

    .item_icono_unico{
     /*float: left;*/
      margin: 0 45%;
      border-radius: 25px 0 0 0;
    }

        .contenedor_gotas_ico5{
    /*margin-top:50px;*/
    float: none;
    margin-right: 20%;
    margin-left: 20%;
    width: 60%;
    height: auto;
    margin-bottom: 50px;
    overflow: auto;
  }

/*FIN max-device-width: 600px*/
}

@media only screen and (max-device-width: 560px) {
    .descarga_dossier{
    float: none;
    overflow: auto;
    width: 60%;
    margin: auto;
    
  }
/*FIN max-device-width: 560px*/

}

@media only screen and (max-device-width: 470px) {
    .descarga_dossier{
    float: none;
    overflow: auto;
    width: 70%;
    margin: auto;
    
  }
/*FIN max-device-width: 470px*/

}

@media only screen and (max-device-width: 400px) {
    .descarga_dossier{
    float: none;
    overflow: auto;
    width: 90%;
    margin: auto;
    
  }
/*FIN max-device-width: 560px*/

}



@media only screen and (max-device-width: 350px) {

    .item_icono_unico{
     /*float: left;*/
      margin: 0 45%;
      border-radius: 25px 0 0 0;
    }

        .contenedor_gotas_ico5{
    /*margin-top:50px;*/
    float: none;
    margin-right: 10%;
    margin-left: 10%;
    width: 80%;
    height: auto;
    margin-bottom: 50px;
    overflow: auto;
  }

    .descarga_dossier{
    float: none;
    overflow: auto;
    width: 100%;
    margin: auto;
    
  }

/*FIN max-device-width: 600px*/
}

@media only screen and (max-device-width: 900px) {

  .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-0 {
  position: relative;
  opacity: 1;/*0.80;*/
  background-position: center;
  background-repeat: no-repeat;
  /*background-size: cover;*/
  background-size: 200% auto;
  /*min-height: 150px;*/
  /*background-attachment: scroll;*/
  background-attachment: scroll;
  min-height: 200px;

}
 .bgimg-4 {
position: relative;
  opacity: 1;/*0.80;*/
  background-position: center;
  background-repeat: no-repeat;
  /*background-size: cover;*/
  background-size: 100% auto;
  /*min-height: 150px;*/
  /*background-attachment: scroll;*/
  background-attachment: scroll;
  min-height: 250px;
  padding-top: 1px;
}

.bgimg-4 img{
  width: 100%;
}

    .item_icono{
      margin-left: 30px;
    }


  .logo{
    margin: auto;
    max-width: 80%;
    margin-top: 150px;
  }

  .logo img{
    max-width: 100%;
    text-align: center;
    margin: auto; 
  }

  .logo_productos{
    margin: auto;
    max-width: 80%;
    margin-top: 0px;
    margin-bottom: 40px;
  }

  .logo_productos img{
    max-width: 100%;
    text-align: center;
    margin: auto; 
  }

  .logo_somos{
    display: block;
    margin: auto;
    max-width: 80%;
    margin-top: -180px;
    margin-bottom: 40px;
  }

  .logo_somos img{
    width: 100%;
    text-align: center;
    margin: auto; 
  }

  .textologo{
    padding:50px 30px;  
  }

  .caption span.border {
    font-size: 10px;
    letter-spacing: 8px;
  }

  .texto1144{
    padding:50px 30px;
  }

  .caja348{
    width: 80%;
    margin: auto;
    margin-top: 50px;
  }


  .caption458 span.border{
    padding: 5px;
    font-size: 10px;
    letter-spacing: 6px;
  }

  .rotulo458{
    text-align:center;
    /*color:#777;*/
    color:white;
    padding:5px;
    font-size: 15px;
  }

  .contenedor458{
    /*color: #777;
    background-color:white;*/
    color:white;
    text-align:center;
    padding:50px 10px;
    text-align: justify;
  }

  .caja458{
    width: 90%;
    margin: auto;
    margin-top: 50px;
  }

  /*.contenedor_gotas_ico5{
    float: none;
    margin-right: 10%;
    margin-left: 10%;
    width: 80%;
    height: auto;
    margin-bottom: 50px;
    overflow: auto;
  }*/

   .citaperfume img{
    text-align: center;
    margin: auto;
    width: 95%;
  }
 
  .cont6457{
    /*color: #777;
    background-color:white;*/
    color: white;
    text-align:center;
    padding:50px 20px;
    text-align: justify;
  }

  .contenedor_gotas_ico6{
    /*margin-top:50px;*/
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 50px;
    overflow: auto;
}

  .gota_ico6{
    width:60%;
    height: 170px;
    margin: 20px auto;
    border-radius: 155px 0 155px 135px;
/*-moz-border-radius: 145px 145px 145px 145px;
-webkit-border-radius: 145px 145px 145px 145px;*/
    border: 0 solid #666;
    margin: 0 auto;
    text-decoration: none; 
    overflow: auto;
  } 

  .cont8765{
    /*color: #777;
    background-color:white;*/
    color: white;
    text-align:center;
    padding:50px 10px;
    text-align: justify
  }

  .caja8765{
    width: 90%;
    margin: auto;
  }




#show,#hide,#show2,#hide2,#show3,#hide3 {
  display:none;
}

#familiasolfativas{
  display: none;
}

#familiascosmeticas{
  display: none;
}

#familiasambientacion{
  display: none;
}

.mostraroculto{
  display: block;
  color: white;
}

input#show:checked ~ div#familiasolfativas {
  display:block;
}

input#hide:checked ~ div#familiasolfativas {
  display:none;
}

input#show2:checked ~ div#familiascosmeticas {
  display:block;
}

input#hide2:checked ~ div#familiascosmeticas {
  display:none;
}

input#show3:checked ~ div#familiasambientacion {
  display:block;
}

input#hide3:checked ~ div#familiasambientacion {
  display:none;
}

.fotofamilia{
  width: 90%;
  height: auto;
}

.textofamilia{
  width: 90%;
  }

.item_icono_unico{
  /*float: left;*/
  margin: 0 40%;
  border-radius: 25px 0 0 0;
}

.item_icono_unico img{
  border-radius: 155px 0 155px 135px;
}

.colum-1-detail{
  height: auto;
  width: 100%;
  padding: 20px 1%;
  /*border-width:  : 1px;
  border-right-style: solid;
  border-right-width: 1px;*/
}

.colum-2-detail{
  width: 100%;
  height: auto;
  /*background-color: #FFFACD;*/
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;/*'Century Gothic';*/
  /*color: #154360;*/
  color: white;

  padding: 10px;
}

.contenedor1234{
  height: 200px;
  width: 100%;
  font-size: 35px;
  
}

.textoblog{
  padding:50px 10px;
}

.menusecundario{display: none;}

.pie_direccion{
  float: left;
  /*background-color: cyan;*/
  width: 100%;
  line-height: 100%;
  margin:0 20px 0 20px;
}

.pie_telefono{
  width: 100%;
  margin:0 20px 0 20px;
  line-height: 100%;

}

.pie_redes{
  /*background-color: pink;*/
  width: 90%;
  margin: 0 5% 0 5%;

  /*height: 200px;*/  
}

.mapa{
  margin: auto;
  width: 80%;
}

.cont6457_2{
  padding:20px 20px;
  text-align: justify;
}

.imagen_somos_2{
  
  /*float: left;*/
  width: 90%;
  margin-left:5%;
  margin-right: 5%;
}

.carousel-caption-mini{
  font-size: 20px;
}

.carousel2_caption{
  display: none;
}

.carousel2_caption span.borde{
display: none;
    /*animation: cambio_caption 30s infinite normal ;*/
}

.mapa_somos{
  height: auto;
  width: 90%;
  text-align: center;
  margin: -65px 5% -15px 5%;
}







/*FIN max-device-width: 400px*/

}