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

.contenedor{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	background:#950002;
	top: 0;
    right: 0;

	}
	
/*.servs{
	position: absolute;
	left: 375px;
	}
*/
.parte1{
	width:33.33%;
	height: 100%;
	float:left;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: 50% 50% no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 1;
	}

.parte1 img{
	background: url('images/carcasas-sillas-mesas2_Cointec.jpg');
    background-position: 38% 74%;

   -webkit-transition: 0.5s linear;
    -moz-background-size: 0.5s linear;
    -o-background-size: 0.5s linear;
    background-size: 0.5s linear;
    display: block;
    height: 100%;
	
   
}

.parte1 img:hover{
	background-image: url('images/carcasas-sillas-mesas1_Cointec.jpg');
}

.parte2{
	width:33.33%;
	
	margin: auto; 
    float:left;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: 50% 50% no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 1;
	
	}

.parte2 img{
background-image: url('images/organizadores-estibas2_Cointec.jpg');
    background-position: 38% 74%;

    -webkit-transition: 0.5s linear;
    -moz-background-size: 0.5s linear;
    -o-background-size: 0.5s linear;
    background-size: 0.5s linear;
    display: block;
    height: 100%;
    }

.parte2 img:hover{
	background-image: url('images/organizadores-estibas1_Cointec.jpg');
}
	
.parte3{
	width:33.33%;
	
	float:right; 
	position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: 50% 50% no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	}

.parte3 img{
	background-image: url('images/juguetes2_Cointec.jpg');
    background-position-x: 50%;
    
    -webkit-transition: 0.5s linear;
    -moz-background-size: 0.5s linear;
    -o-background-size: 0.5s linear;
    background-size: 0.5s linear;
    display: block;
    height: 100%;
    }

.parte3 img:hover{
	background-image: url('images/juguetes1_Cointec.jpg');
}
	
img{
	width:100%;
	height:100%;
	max-width: 100%;


	}

#tproduct img{
	position: absolute;
	z-index: 2;
	background-image: none;
	top:35%;
	width: 85%;
	height: auto;
	left:7%;
	max-width: 100%;

}

#tproduct2 img{
	position: absolute;
	z-index: 2;
	background-image: none;
	top:35%;
	width: 85%;
	height: auto;
	left:7%;
	max-width: 100%;

}

#tproduct3 img{
	position: absolute;
	z-index: 2;
	background-image: none;
	top:35%;
	width: 85%;
	height: auto;
	left:7%;
	max-width: 100%;

}


@media screen and (max-width: 800px){
	.parte1{
	width:100%;
	}

	.parte1 img{
		background-position-y: 225%;
	}

	.parte2{
	width:100%;
    position: absolute;
    left: 0;
    top: 310px;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: 50% 50% no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	}

	.parte2 img{
		background-position-y: 50%;
		
	}

	.parte3{
	width:100%;

	position: absolute;
    top: 620px;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: 50% 50% no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	}

	.parte3 img{
		background-position-y: 50%;
	}

	img{
	width:100%;
	height:310px;
	}

#tproduct img{
	position: absolute;
	z-index: 2;
	background-image: none;
	top:2%;
	width: 45%;
	height: auto;
	left:25%;
	max-width: 100%;

}

#tproduct2 img{
	position: absolute;
	z-index: 2;
	background-image: none;
	top:7%;
	width: 45%;
	height: auto;
	left:25%;
	max-width: 100%;
	

}

#tproduct3 img{
	position: absolute;
	z-index: 2;
	background-image: none;
	top:20%;
	width: 45%;
	height: auto;
	left:25%;
	max-width: 100%;

}
}

@media screen and (max-width: 600px){
		.parte1{
	width:100%;
	}

	.parte1 img{
		background-position-y: 50%;
		height: 310px;
	}

	.parte2{
	width:100%;
    position: absolute;
    left: 0;
    top: 310px;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: 50% 50% no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	}

	.parte2 img{
		background-position-y: 50%;
	}

	.parte3{
	width:100%;

	position: absolute;
    top: 620px;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: 50% 50% no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: block;
	}

	.parte3 img{
		background-position-y: 50%;

	}

	img{
	width:100%;
	height:310px;
	}

#tproduct img{
	position: absolute;
	z-index: 2;
	background-image: none;
	top:5%;
	width: 65%;
	height: auto;
	left:16%;
	max-width: 100%;

}

#tproduct2 img{
	position: absolute;
	z-index: 2;
	background-image: none;
	top:9%;
	width: 65%;
	height: auto;
	left:16%;
	max-width: 100%;


}

#tproduct3 img{
	position: absolute;
	z-index: 2;
	background-image: none;
	top:28%;
	width: 65%;
	height: auto;
	left:16%;
	max-width: 100%;

	

}


}