@font-face {
  font-family: "HelveticaNeueCondensed";
  src: url('../fuentes/HelveticaNeueLTStd-Cn.html');
  src: url('../fuentes/webfontkit/HelveticaNeueLTStd-Cnd41d.eot?#iefix') format('embedded-opentype'),
       url('../fuentes/webfontkit/HelveticaNeueLTStd-Cn.woff') format('woff'),
       url('../fuentes/webfontkit/HelveticaNeueLTStd-Cn.ttf') format('truetype'),
       url('../fuentes/webfontkit/HelveticaNeueLTStd-Cn.svg#texgyreheroscnregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HelveticaNeueCondensedBold";
  src: url('../fuentes/webfontkit/HelveticaNeueLTStd-BdCn.eot');
  src: url('../fuentes/webfontkit/HelveticaNeueLTStd-BdCnd41d.eot?#iefix') format('embedded-opentype'),
       url('../fuentes/webfontkit/HelveticaNeueLTStd-BdCn.woff') format('woff'),
       url('../fuentes/webfontkit/HelveticaNeueLTStd-BdCn.ttf') format('truetype'),
       url('../fuentes/webfontkit/HelveticaNeueLTStd-BdCn.svg#texgyreheroscnbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "desyrel";
  src: url('../fuentes/webfontkit/desyrel.ttf');
}
@font-face {
  font-family: "HelveticaNeueCondensedLight";
  src: url('../fuentes/webfontkit/HelveticaNeueLTStd-LtCn.eot');
  src: url('../fuentes/webfontkit/HelveticaNeueLTStd-LtCnd41d.eot?#iefix') format('embedded-opentype'),
       url('../fuentes/webfontkit/HelveticaNeueLTStd-LtCn.woff') format('woff'),
       url('../fuentes/webfontkit/HelveticaNeueLTStd-LtCn.ttf') format('truetype'),
       url('../fuentes/webfontkit/HelveticaNeueLTStd-LtCn.svg#texgyreheroscnbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*===============================================*/
/*===============================================*/
/*==================home nueva===================*/
/*===============================================*/
/*===============================================*/
.contenedorprincipal{
    width: 940px;
    height: auto;
    margin: auto;
    margin-bottom: 20px;
}
.arriba{
    width:930px;
    float: left;
    border: 5px solid #fff;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    margin-bottom: 30px
}
.cajaizquierda,.cajaderecha{
    width:470px;
    height:auto;
    float: left;
;
}
.izquierda1,.izquierda2,.izquierda3,.derecha1,.derecha2,.derecha3,.derecha4{
    width:460px;
    float: left;
    border: 5px solid #fff;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;

}
.arriba{height: 299px; background-image: url(../img/home/suelosHome.jpg);}
.izquierda1{height:611px;}
.izquierda2{height:237px;}
.izquierda3{height:400px;}
.derecha1,.derecha4{height:214px;}
.derecha2{height:550px;}
.derecha3{height:484px;}
.izquierda1{background-image: url(../img/home/cocina-home.jpg);}
.izquierda2{background-image: url(../img/home/ventana-tres.jpg);}
.izquierda3{background-image: url(../img/home/armario-tres.jpg);}
.derecha1{background-image: url(../img/home/reforma.jpg);}
.derecha2{background-image: url(../img/home/bano.jpg);}
.derecha3{background-image: url(../img/home/puerta-tres.jpg);}
.derecha4{background-image: url(../img/home/armario.html);}
.negroizquierda1:hover,.negroizquierda2:hover,.negroizquierda3:hover,.negroderecha1:hover,.negroderecha2:hover,.negroderecha3:hover,.negroderecha4:hover,.arribarriba:hover{background-color: rgba(0, 0, 0, 0.3);
    transition:all 1s ease;

}
.arribarriba{
	width:930px;
	height:299px;
}

.negroizquierda1,.negroizquierda2,.negroderecha2,.negroizquierda3,.negroderecha3{
	width:460px;
    height:620px;}
.negroderecha1,.negroderecha4{
	width:460px;
	height:230px;
}
.texto{
    font-size: 34px !important;
	color: #fff !important;
    width: 90%;
    padding: 30px 20px;
	font-family: "Helvetica" !important;
	font-weight: 700 !important;
	line-height: 33px;
   text-shadow: 1px 1px 2px #323232;/*#80ba27*/
   color: #666;
}
.accion{
	font-size: 40px !important;
	color: #fff !important;
	font-family: "HelveticaNeueCondensedBold" !important;
	line-height: 35px;
	margin: 0px !important;
    padding-left:20px;
}
/*===================hasta aqui==================*/
/*===============================================*/
.viejo-ecommerce,.oferta-ecommerce,.actual{
    font-weight: bold;
    font-size:23px;
}
.contenedorhome{
   height: 1270px;

}
.contenedor{

}
.izquierda{
width: 461px;
float: left;
padding-top: 7px;
}
.derecha{
width: 451px;
float: right;
padding-top: 7px;
padding-bottom: 10px;
padding-right: 7px;

}
.ventanas{

	position: relative;
}
.reformada{
    position:relative;
    float: left;
}
.textoVentanas{
	position: absolute;
	top: 18px;
	left: 25px;
	font-size: 36px !important;
	color: #fff !important;
	font-family: "Helvetica" !important;
	font-weight: 700 !important;
	line-height: 32px;
	margin: 0px !important;
}
.botonVentanas{
	position: absolute;
	top: 1455px;
	left: 25px;
	font-size: 40px !important;
	color: #fff !important;
	font-family: "HelveticaNeueCondensedBold" !important;
	line-height: 35px;
	margin: 0px !important;
}
.negroventanas{
	background-color: black;
	width: 924px;
	height: 211px;
	position: absolute;
	opacity: 0;

}
.negroarmarios{
	background-color: black;
	width: 461px;
	height: 275px;
	position: absolute;
	opacity: 0;
}
.negrococinas{
	background-color: black;
	width: 461px;
	height: 494px;
	position: absolute;
	opacity: 0;
}
.textoArmarios{
	position: absolute;
	top: 18px;
	left: 25px;
	font-size: 35px !important;
	color: #fff !important;
		font-family: "Helvetica" !important;
	font-weight: 700 !important;
	line-height: 32px;
	margin: 0px !important;
}
.botonArmarios{
	position: absolute;
	top: 130px;
	left: 25px;
	font-size: 40px !important;
	color: #fff !important;
	font-family: "HelveticaNeueCondensedBold" !important;
	line-height: 35px;
	margin: 0px !important;
}
.armarios{
float: right;
position: relative;
}
.banos{
float: right;
position: relative;
}
.textoBanos{
	position: absolute;
	top: 362px;
	left: 212px;
	font-size: 35px !important;
	color: #fff !important;
	margin: 0px !important;
	text-align: right;
	font-family: "Helvetica" !important;
	font-weight: 700 !important;
	line-height: 32px;
}
.botonBanos{
	position: absolute;
	top: 445px;
	left: 296px;
	font-size: 40px !important;
	color: #fff !important;
	font-family: "HelveticaNeueCondensedBold" !important;
	line-height: 35px;
	margin: 0px !important;
}
.negrobanos{
	background-color: black;
	width: 451px;
	height: 498px;
	position: absolute;
	opacity: 0;
}
.cocinas{
float: right;
padding-top: 7px;
position: relative;
text-align: right;
}
.textoCocinas{
	position: absolute;
	top: 327px;
	left: 205px;
	font-size: 35px !important;
	color: #fff !important;
		font-family: "Helvetica" !important;
	font-weight: 700 !important;
	line-height: 32px;
	margin: 0px !important;
}
.botonCocinas{
	position: absolute;
	top: 440px;
	left: 307px;
	font-size: 40px !important;
	color: #fff !important;
	line-height: 35px;
	margin: 0px !important;
}
.suelos{
float: right;
padding-top: 7px;
position: relative;
}
.textoSuelos{
	position: absolute;
	top: 103px;
	left: 195px;
	font-size: 35px !important;
	color: #fff !important;
	font-family: "Helvetica" !important;
	font-weight: 700 !important;
	line-height: 32px;
	margin: 0px !important;
	text-align: right;
}
.botonSuelos{
	position: absolute;
	top: 220px;
	left: 300px;
	font-size: 40px !important;
	color: #fff !important;
	font-family: "HelveticaNeueCondensedBold" !important;
	line-height: 35px;
	margin: 0px !
}
.negrosuelos{
	background-color: black;
	width: 451px;
	height: 271px;
	position: absolute;
	opacity: 0;
}
.textoreformada{
	position: absolute;
	top: 68px;
	left: 25px;
	font-size: 36px !important;
	color: #80ba27!important;
	font-family: "Helvetica" !important;
	font-weight: 700 !important;
	line-height: 32px;
	margin: 0px !important;
}
.botonreformada{
	position: absolute;
	top: 155px;
	left: 25px;
	font-size: 40px !important;
	color: #fff !important;
	font-family: "HelveticaNeueCondensedBold" !important;
	line-height: 35px;
	margin: 0px !important;
}
.negroreformada{
	background-color: black;
	width: 924px;
	height: 210px;
	position: absolute;
	opacity: 0;
}
.fondogris {

	padding: 9px;

	position:absolute;
	top:283px;
	height: 200px;
	width: 282px;
	background-color: rgba(0, 0, 0, 0.6);
	background: rgba(0, 0, 0, 0.6);
	color: rgba(0, 0, 0, 0.6);
	text-align:left;
	font-size: 16px !important;
	color:#fff;
	text-align: left;



}
.fondogris h1{
	font-family: "Helvetica" !important;
	font-weight: 700 !important;
	color: #fff !important;
	margin-bottom: -15px;
	font-size: 19px !important;
	margin-top: -10px;

}
.fondogris p{
	font-family: "Helvetica" !important;
	color: #fff !important;
	font-size: 15px;
	padding-bottom: 5px;


}
.fondogris2 {
    padding: 9px;
    position:absolute;
	top:283px;
	height: 200px;
	width: 282px;
	background-color: rgba(0, 0, 0, 0.6);
	background: rgba(0, 0, 0, 0.6);
	color: rgba(0, 0, 0, 0.6);
	text-align:left;
	font-size: 16px !important;
	color:#fff;
	text-align: left;



}
.fondogris2 h1{
	font-family: "Helvetica" !important;
	font-weight: 700 !important;
	color: #fff !important;
	margin-bottom: -15px;
	font-size: 19px !important;
	margin-top: -10px;

}
.fondogris2 p{
	font-family: "Helvetica" !important;
	color: #fff !important;
	font-size: 15px;

	padding-bottom: 5px;


}
.introduccion{
   float: left;
   width:39%;
  }
/*------------------------*/
/*---------nuevas---------*/
/*------------------------*/
.introduccionproyecto{
    float: left;
   width:59%;
}
.introduccionproyecto h2{
	font-family: "Helvetica" !important;
	font-weight:300;
	font-size: 21px !important;
	margin-top: -20px;
	line-height: 29px;
	margin-bottom: -25px !important;
	padding-bottom: 20px;
}
.introduccionproyecto p{
	font-family: "Helvetica" !important;
	font-size: 29px;
	padding-bottom: 15px;

}
.subtitulo{
    float: left;
    width:100%;
    padding-bottom:0px;
    margin-top: 0px;
}
.subtitulo h1{
	font-weight:300;
	font-size: 35px !important;
}
.subtitulo h2{
	font-weight:300!important;
	font-size: 23px !important;
	margin-top: 20px;
	line-height: 23px;
	/* margin-bottom: -25px !important; */
	padding-bottom: 0px;
}
/*------------------------*/
.introduccion h2{
	font-family: "Helvetica" !important;
	font-weight:300;
	font-size: 21px !important;
	margin-top: -20px;
	line-height: 29px;
	margin-bottom: -25px !important;
	padding-bottom: 20px;
}
.introduccion p{
	font-family: "Helvetica" !important;
	font-size: 29px;
	padding-bottom: 0px;
	line-height: 35px;

}
.parrafo{
    float: left;
}
.menuproyectos{
float: right;
text-align: right;
font-family: "Helvetica" !important;
font-weight: normal !important;
padding-top:0px;


}
.proyecto{
padding-top: 19px;
position: relative;
overflow: hidden;


}
.enlaceAntSig{
	font-size: 18px !important;
	color: #a1bf4d !important;
	padding: 20px 6px 20px 20px;
	text-decoration: underline !important;

}
.proyectos{
	width: 300px;
	height: 300px;
	float: left;

}
ul{
  list-style: none !important;
}
#menu li>a{
  background-color: #a1bf4d !important;
  color: white !important;
  padding: 10px !important;
  display: block !important;
  text-decoration: none !important;
  min-width: 10px !important;
  margin-left: 1px;
  font-family: "Helvetica" !important;
  font-size: 15px;

}
#menu li>a:hover{
  color: #000 !important;
  background-color: #eaeaea !important;
  font-family: "Helvetica" !important;

}
#menu>li{
  float: left !important;
  text-align:center !important;
  font-family: "Helvetica" !important;

}
#menu>li>ul{
  display: none !important;
  font-family: "Helvetica" !important;
}
#menu>li:hover>ul {
  display:block !important;
  font-family: "Helvetica" !important;
}
.sombra {
-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.45) !important;
-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.45) !important;
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.45) !important;
}
.fotoambiente{
	padding-left: 14px;
	position: relative;
	overflow: hidden;
}
.verproductos{
	position: absolute;
	top: 605px;
	left: 40%;
	cursor: pointer;
}
.cabecera{
width: 100%;

}
.titularProductosCocina{
	font-size:20px;
	height: 30px;
	padding-left:14px;
	color:#000;
	margin-top:15px;
}
.volverbtn {
	text-align: center;
}
a.volver img {
  margin-top: 20px!important;
  margin-bottom: 35px!important;
}

.banners{

	padding-top: 30px;
	background-color: #fff !important;
	height: 180px;
}
.banner{

	float:left;
	background-color: #fff !important;
}
.titulo{
display:none !important;
}
.titulo h1{
display:none !important;
}
/*===============================================*/
/*===============================================*/
/*==============nuevos cambios suelos============*/
/*===============================================*/
/*===============================================*/
.paddinleft{padding-left: 7px;}
.paddinleft2{padding-left:17px;}
.fotoambiente2{
	padding:0px 10px 20px 10px;
	position:;
	overflow: hidden;
}
.introduccion2{
    float: left;
    width:99%;
    height:120px;
    padding-left:10px;
    margin-top:30px;
}
.introduccion2 h2{
	font-family: "Helvetica" !important;
	font-weight:700;
	font-size: 21px !important;
	margin-top: 0px;
	line-height:;
	margin-bottom: -25px !important;
	padding-bottom: 20px;
}
.introduccion2 a:hover{
    text-decoration:!important;
}
.introduccion2 p{
	font-family: "Helvetica" !important;
	font-size: 29px;
	padding-bottom:5px;
}
.introduccion2 h1,.introduccion h1{
	font-family: "Helvetica" !important;
	font-weight: 700 !important;
	font-size: 35px !important;
}
.titularProductosCocina2{
	font-size:20px;
	height: 30px;
	padding-left:14px;
    width:520px;
	margin-top:15px;
}
.titularProductosCocina2 a p{
	font-size:20px!important;
	height: 30px;
	padding-left:px;
	color:#666;
	margin-top:15px;
}
.titularProductosCocina2 a p:hover{
    color: #80ba27;
}
.titularProductosCocina2 a{
	text-decoration:none!important;
    text-decoration: underline;
}
.final{
    width: 100%;
    height:60px;
    float: left;
}
.final a:hover{
    text-decoration:none!important;
}
/*===============================================*/
/*===============================================*/
/*==============nuevas clases para js============*/
/*===============================================*/
/*===============================================*/
.proyectos2{
	width: 300px;
	height: 300px;
	float: left;

}
.proyecto2{
padding-top: 19px;
position: relative;
overflow: hidden;
}
.fondogrises {
    padding: 9px;
    position:absolute;
	top:283px;
	height: 200px;
	width: 282px;
	background-color: rgba(0, 0, 0, 0.6);
	background: rgba(0, 0, 0, 0.6);
	color: rgba(0, 0, 0, 0.6);
	text-align:left;
	font-size: 16px !important;
	color:#fff;
	text-align: left;
}
.fondogrises h1{
	font-family: "Helvetica" !important;
	font-weight: 700 !important;
	color: #fff !important;
	margin-bottom: -15px;
	font-size: 19px !important;
	margin-top: -10px;

}
.fondogrises p{
	font-family: "Helvetica" !important;
	color: #fff !important;
	font-size: 15px;
	padding-bottom: 5px;


}
.verproductos2{
	position: absolute;
	top: 805px;
	left: 40%;
	cursor: pointer;
}
.verproductos3{
	position: absolute;
	top: 905px;
	left: 40%;
	cursor: pointer;
}
.verproductos4{
	position: absolute;
	top: 1200px;
	left: 40%;
	cursor: pointer;
}
/*===============================================*/
/*===============================================*/
/*===================puertas=====================*/
/*===============================================*/
.claro:hover{
    transition: all 1s ease;
    -webkit-filter: brightness(80%);
filter: brightness(80%);
}



/*===============================================*/
/*===============================================*/
/*================cambios para js================*/
/*===============================================*/

/*
class="paddinleft2"
margin-left:-6px;
margin-right:5px;

/*---para cambiar la altura en las casillas de los productos

 jQuery(document).ready(function(){
		jQuery('.proyectos2').hover(function(){

				jQuery(".fondogrises", this).stop().animate({top:'245px'},{queue:false,duration:310});
      		 }, function() {
            	jQuery(".fondogrises", this).stop().animate({top:'283px'},{queue:false,duration:650, easing: 'easeOutBounce'});


		});
 });


/*----para cambiar la altura del boton flotante de los productos

jQuery(document).ready(function(){
		jQuery('.fotoambiente').hover(function(){

				jQuery(".verproductos2", this).stop().animate({top:'700px'},{queue:false,duration:310});
      		 }, function() {
            	jQuery(".verproductos2", this).stop().animate({top:'805px'},{queue:false,duration:650, easing: 'easeOutBounce'});


		});
 });


/*----para cambiar la altura del boton flotante de los productos

 jQuery(document).ready(function(){
		jQuery('.fotoambiente').hover(function(){

				jQuery(".verproductos3", this).stop().animate({top:'800px'},{queue:false,duration:310});
      		 }, function() {
            	jQuery(".verproductos3", this).stop().animate({top:'905px'},{queue:false,duration:650, easing: 'easeOutBounce'});


		});
 });



<img class="verproductos" id="verprod" src="dms/static/renueva/img/cocinas/botonVerProducto.png">



<div class="cromoBF productos">
           <img src="" style="padding-left:15px">
                <div class="descripcion">
                    <p></p>
                       <p class="descrip_cromo">...</p>
                        </div>
                     <div style="padding-left:10px; padding-top:20px;">
                 <div class="clearfix"></div>
            <a href="http://www.leroymerlin.es/fp/" style="margin-top:5px;"  class="btn" target="_blank">Ver producto</a>
        </div>
    </div>

    <div class="productos productos">
           <img src="" style="padding-left:15px">
                <div class="descripcion">
                    <p></p>
                       <p class="descrip_cromo">...</p>
                        </div>
                     <div style="padding-left:10px; padding-top:20px;">
                 <div class="clearfix"></div>
            <a href="http://www.leroymerlin.es/fp/" style="margin-top:5px;"  class="btn" target="_blank">Ver producto</a>
        </div>
    </div>