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


#bannerSillas {
	

background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(214,214,214,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(214,214,214,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(214,214,214,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(214,214,214,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(214,214,214,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(214,214,214,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d6d6', GradientType=0 );

height:auto;

	
}
#texto #menuP1 {
	color: #06F;
	font-weight: bold;
}
#menuFooter ul li #menuT2{
	color: #0C0;
	font-weight: bold;
}
#menuOculto ul #menuS2 li {
	color: #FFF;
	text-decoration: underline overline;
}





#categoriasSilla {
	margin-top: 20px;
}

.textoCliente {
	font-family: 'Poiret One', cursive;
	font-size:1.5em;
	margin-top: 40px;
	margin-left: 50px;
}
.textoCliente2 {
	font-family: 'Poiret One', cursive;
	font-size:3.3em;
	margin-left: 50px;
	margin-top: 40px;
	}

	
#modeloSillas {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	margin-bottom: -25px;
}

.textoSillas {
	font-family: 'Poiret One', cursive;
	font-size:1.5em;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: justify;
	margin-right: 40px;
}
#tituloSillas {
	font-family: 'Poiret One', cursive;
	font-size:3em;
	margin-top: 20px;
	margin-left: 60px;
}
#moduloCategoria {
	height: auto;
	margin-left: auto;
	width: 450px;
	margin-right: auto;
}
.contenedorImagenAni {
	float: left;
	width: 450px;
	height: 290px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 10px;

}

.contenedorImagenAni2 {
	float: left;
	width: 450px;
	height: 350px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 10px;

}
.contenedorImagenAni a img {
	float: left;

}


.textoCategoria {
	font-family: 'Poiret One', cursive;
	font-size:1.8em;
	float:left;
	font-weight:bold;

}



.textoCategoria a{
	color: #06F;
	text-decoration: none;
	transition:all 0.2s ease;
}

.textoCategoria a:hover{
	color:#CCC;
	
	
	
	}


.masInfo {
	background-image: url(../imagenes/masInfo.png);
	height: 63px;
	width: 67px;
	float: left;
	margin-left: -67px;
	margin-top: 100px;
	
	transition:all 0.1s ease;
	transform: scale(0.9);
	
}

.masInfo:hover {
	height: 50px;
	margin-top: 90px;
	transform: scale(1);
	}
	
.sillaBase {

}
.sillaEspaldar {
	margin-left: -134px;
	margin-top:0px;
	animation-name: aniSilla;
    animation-duration: 1s;
	animation-delay: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease-out;

}

.contenedorImagenAni2 a img {
	transform: scale(0.8);
	transition:all 0.1s ease;
}

.contenedorImagenAni2 a img:hover {
	transform: scale(0.9);
}


	@media screen and (max-width:1100px){
.modulo50 {
	
	width: 100%;
	float:none;
}
#modeloSillas {
	margin-left:20%;
	margin-right:20%;
	width:60%;
	
	}
	
.textoCliente {
	font-family: 'Poiret One', cursive;
	font-size:1.5em;
	margin-top: 10px;
	margin-bottom:10px;
	margin-left: 0px;
	text-align:center;
}
.textoCliente2 {
	font-family: 'Poiret One', cursive;
	font-size:3.3em;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom:10px;
	text-align:center;
	
	}
	}

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

	.modulo30 {
	width: 100%;
}

.textoSillas {
	text-align: center;
	margin-right: 0px;
	padding-left:10px;
	padding-right:10px;
	
}
#tituloSillas {

	margin-left: 0px;
	text-align: center;
}
	.modulo50v2 {
	
	width: 100%;
	
}
			}

	@media screen and (max-width:700px){
		#modeloSillas {
	margin-left:10%;
	margin-right:10%;
	width:80%;
	
	}
	
	
}

	@media screen and (max-width:500px){
		
			#modeloSillas {
	margin-left:0%;
	margin-right:0%;
	width:100%;
	margin-bottom:0px;
	
	}
		.textoCliente {
	font-size:1.3em;
}
.textoCliente2 {
		font-size:2.8em;
	}
	


		
		}