@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Raleway');

/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/*--------------------- DISEÑO WWW.KYNACOM.COM ------------------------*/
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/

/*color corporativo #0495E3
  color texto color: #E1E1E1
@media screen and (min-width:0px) and (max-width:450px){}
@media screen and (min-width:451px) and (max-width:767px){}
@media screen and (min-width:768px) and (max-width:991px){}
@media screen and (min-width:992px) and (max-width:1199px){}
@media screen and (min-width:1400px){}*/

.cont__secc__tiendas{
	position:relative;
	display:inherit;
	height: 300px;
	min-height: 300px;
	background-color: rgba(202,243,243,0.90);
	background-image:url(../img/imgIndex/fotoFondoTiendaOnline);
	background-repeat:no-repeat;
	background-size:cover;
	margin: 2px;
	}
.medio__secc__tienda{
	position:absolute;
	display:inherit;
	background-color: rgba(202,202,202,0.8);
	padding: 7px;
	width: 500px;
	border-radius: 15px;
	border: solid rgba(255,255,255,0.5) 2px;
	
	vertical-align: middle;
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
	}
.medio__secc__tienda:hover{
	background-color: none;
	border: solid #DCEF0E 6px;}

.icon-tienda{
	text-align:center;
	font-size:80px;
	color: #0495E3;
	position:absolute;
	right: 2%;
	top: 0;
	animation: girandoIconoTienda 5s infinite alternate;
	}
@-webkit-keyframes girandoIconoTienda {
   from,20% 	{ -webkit-transform: rotateY(0deg); color:#fff;  }
   30%,40%  	{ -webkit-transform: rotateY(90deg);  }
   50%,60%  	{ -webkit-transform: rotateY(180deg); color:#DCEF0E;}
   70%,80% 	{ -webkit-transform: rotateY(270deg); }
   90%,to	{ -webkit-transform: rotateY(360deg); color: #0495E3;}
}


	
.titulo__secc__tienda{
	color:#fff;
	text-align:center;}
	
.texto__secc__tienda{
	color:#000;
	text-align:center;}
	
.titulo__secc__tienda__entre{
	color:#fff;
	text-align:center;
	color:#fff;
	background:rgba(0,0,0, 0.4);
	border-radius: 7px;
	display: inherit;}
	
	
@media screen and (min-width:0px) and (max-width:550px){
.medio__secc__tienda{
	width: 290px;}
.titulo__secc__tienda{
	font-size: 19px;}	
.texto__secc__tienda{
	font-size: 12px;}
	
.icon-tienda{
	font-size: 60px;}		
}