body{
	font-family:"Trebuchet MS", Tahoma, Helvetica, sans-serif;
	background-repeat: repeat, no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: auto, cover;
    -moz-background-size: auto, cover;
    -o-background-size: auto, cover;
    background-size: auto, cover;
	}
@font-face{font-family:BrushScriptStd; src:url('css/brush_script_std.ttf')}
	
body{font-family: 'Economica', sans-serif;}

.left{
	float:left;
	width:100%;
	height:1000px;
	background-image:  url(../imagenes/boys2.jpg);
	background-repeat: repeat, no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: auto, cover;
    -moz-background-size: auto, cover;
    -o-background-size: auto, cover;
    background-size: auto, cover;
	font-family: 'Josefin Slab', Arial, sans-serif;
	font-size: 13px;
	}
	
a:link , a:visited , a:hover , a:active {
	text-decoration: none;
}
	
#title{
	position:relative;
	left: 10px;
	top: 400px;
	width:auto;
	display:block;
	padding-top:15px;
	font-family: 'Josefin Slab', Trebuchet, sans-serif;
	line-height:1,8em;
	font-size:3em;
	color:#390;
	text-align:left;
	font-weight:600;
	text-shadow:1px 1px 1px #fff;
	}
	
.logo{
	width:auto;
	display:block;
	padding-top:15px;
	}
	
.categoria{
	display:block;
	padding-top:10px;
	
	}

#producto_left {
	margin-top:5px;
	display:block;
	clear:left;
	height:auto;
	}	

#productos {
	margin-top:5px;
	display:block;
	clear:right;
	height:auto;
	}
	
.hombre {
	background-color:#0C0;
	display:block;
	margin-top:10px;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:5px;
	text-align: left;
	color: #FFF;
	}
	
	
.mujer{
	background-color:#F9C;
	display:block;
	margin-top:25px;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:5px;
	text-align: left;
	color: #FFF;
	}

img .zapatilla {
	max-width: 100%;
	}
	
.producto {
	display:block;
	border: solid 1px #CCC;
	border-color:#CCC;
	
	}
	
.zapatilla {
	display:block;
	
	}
	
.zapatilla_mujer {
	background-color:#F9C;
	display:block;
	}
	
.bloque {
	clear:both;
	display:block;
	width:100%;
	height:35px;
	padding-top:5px;
	}
	
.bloque_mujer {
	clear:both;
	display:block;
	width:100%;
	height:35px;
	padding-top:5px;
	background-color:#F9C;	
	}
	
.codigo {
	display:inline;
	float:left;
	width:150px;
	padding-top:3px;
	padding-bottom:3px;
	background-color:#06C;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0,5;
	color: #FFF;
	}
	
.texto {
	font-size:12px;
	padding-left:15px;
	text-align:left;
	}
	
.eva {
	display:inline;
	float:left;
	width:80px;
	padding-top:3px;
	padding-bottom:3px;
	background-color:#0C9;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;	
	}
	
.icono_flecha {
	display:block;
	float:right;
	padding-right:15px;	
	width: 30px;
	height: 30px;
	font-size: 18px;
	text-align: center;
	font-weight: 700;
		}
		
.icono_flecha a {
	font-size: 18px;
	color:#036;
	right: 15px;
	bottom: 15px;
	border: 1px solid rgba(255,255,255,0.3);
	border-radius: 30%;
	width: 30px;
	height: 30px;
	line-height: 22px;
	text-align: center;
	font-weight: 700;
}

.icono_flecha a:hover {
	background-color:#CCC;

-webkit-transition-property:background-color;
-moz-transition-property:background-color;
-o-transition-property:background-color;
-ms-transition-property:background-color;
transition-property:background-color;

-webkit-transition-duration:2s;
-moz-transition-duration:2s;
-o-transition-duration:2s;
-ms-transition-duration:2s;
transition-duration:2s;
}

.bloque2 {
	clear:both;
	display:block;
	width:99%;
	padding-left:5px;
	padding-top:5px;
	text-align:left;
	font-family:Tahoma, Geneva, sans-serif;
	color:#0C3;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
	background-color:#FF0;	
	}



.descripcion2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 1em;
	color:#FFF;
	padding-left:5px;	
	}

#footer	{
	height:auto;
	margin-top:20px;
	background: #8fc800; /* Old browsers */
background: -moz-linear-gradient(-45deg, #8fc800 0%, #f2eea4 26%, #efedd5 33%, #f4ec00 51%, #f2eea4 66%, #8fc800 92%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#8fc800), color-stop(26%,#f2eea4), color-stop(33%,#efedd5), color-stop(51%,#f4ec00), color-stop(66%,#f2eea4), color-stop(92%,#8fc800)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #8fc800 0%,#f2eea4 26%,#efedd5 33%,#f4ec00 51%,#f2eea4 66%,#8fc800 92%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #8fc800 0%,#f2eea4 26%,#efedd5 33%,#f4ec00 51%,#f2eea4 66%,#8fc800 92%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #8fc800 0%,#f2eea4 26%,#efedd5 33%,#f4ec00 51%,#f2eea4 66%,#8fc800 92%); /* IE10+ */
background: linear-gradient(135deg, #8fc800 0%,#f2eea4 26%,#efedd5 33%,#f4ec00 51%,#f2eea4 66%,#8fc800 92%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc800', endColorstr='#8fc800',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
copy
	}
	
#texto	{
	margin-top:20px;
	padding: 10px 0px 5px 20px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	text-align:left;
		}
	
#caracteristicas,  #contacto	{
	margin-top:20px;
	padding: 10px 0px 5px 20px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	text-align:left;
	border-left:1px solid #FFF; /* horizontal */
	}

	
.lista_footer {
    margin: 10px 30px;
    padding: 0 10px 5px 0;
    border-bottom: 1px dotted #555;
}	
		
.text	{
	display:inline;
	float:right;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	}
	
.info{	
	height:1200px;
	}
	

a{color: #666;}

.slides li img{margin: 0 auto;
float:left;
}

header hgroup h1{
	font-size: 50px;
	line-height: 60px;
	color: #555;
}

header hgroup h2{
	color: #777;
	font-size: 30px;
	line-height: 40px;
}

#main{padding-top: 20px;}


.center{text-align: center;}





.vertical{
	display:block;
	
	width:100%;
	height:auto;
	padding-bottom: 1px;}
	

#botones{
	display:block;
	height:auto;
	z-index:100;}
	
.desplegable{
	display:block;
	font-family:"Trebuchet MS", Tahoma, Helvetica, sans-serif;
	height:auto;
	 line-height: 20px;
    padding: 10px;
    font-size: 14px;
    text-transform: none;
	}
	
.enlace{
	display:block;
	width:100%;
	background-color:#0F0;
	
	}
	
.zapatilla a {
	display:block;
		}
	
.zapatilla a:hover{
background-color:#CCC;

-webkit-transition-property:background-color;
-moz-transition-property:background-color;
-o-transition-property:background-color;
-ms-transition-property:background-color;
transition-property:background-color;

-webkit-transition-duration:1s;
-moz-transition-duration:1s;
-o-transition-duration:1s;
-ms-transition-duration:1s;
transition-duration:1s;

/* hardware acceleration */
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	
	}
	
.coleccion{
	width:100%;
	height:20px;
	text-transform: uppercase;
   font-weight: bold;
   margin-bottom:10px;
   font-family:"Trebuchet MS", Tahoma, Helvetica, sans-serif;
}

.subtitulos{
	width:100%;
	height:20px;
	font-family:"Trebuchet MS", Tahoma, Helvetica, sans-serif;
	font-weight:500;
	margin-top:10px;
	margin-left:10px;
}

.resaltado_caucho{
	font-family:"Trebuchet MS", Tahoma, Helvetica, sans-serif;
	font-weight: bold;
	color:#06C;
	text-transform: uppercase;
	}
	
.resaltado_eva{
	font-family:"Trebuchet MS", Tahoma, Helvetica, sans-serif;
	font-weight: bold;
	color:#399;
	text-transform: uppercase;
	}


.enlaces{
   list-style: none;
   display: block;
   background-color:#F5F5F5;
  font-family: 'Economica', sans-serif;
   color:#090;
   margin-bottom:10px;
   
   }

.bajo {
 border-bottom: 2px solid #0F0;    
 }
 
.slogan {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#060;
	size:16px; 
 }
 
 .enlaces a {
	display:block;	
		}
	
.enlaces a:hover{
	color:#096;	
    background-color:#FFC;
-webkit-transform: translate(10px, 0px);
-moz-transform: translate(10px, 0px);
-o-transform: translate(10px, 0px);
-ms-transform: translate(10px, 0px);
transform: translate(10px, 0px);

-webkit-transition-duration:1s;
-moz-transition-duration:1s;
-o-transition-duration:1s;
-ms-transition-duration:1s;
transition-duration:1s;

	}

#foto{
   display:block ;
   border: solid 1px #EEE;
   margin-left:5px;
    }
	
.titulo_codigo{
   font-family: 'Economica', sans-serif;
   font-size:26px;
   font-weight: 700;
   color:#090;
   margin-bottom:10px;
   }
   
.resaltado{
   font-family: 'Economica', sans-serif;
   font-size:22px;
   font-weight: 700;
   color:#FFF;}
   
   
.titulo_fotos{
	  display:block;
	  padding-top:15px;
	  font-family: 'Economica', sans-serif;
	  color:#060;
	  font-size:16px;
	   }

 .icono{
	 display:inline;
	 float:left;
	 background-color:#FFF;
	width: 50px;
	height: 50px;
	border: solid 2px #E8E8E8;
	padding:3px;
	margin:2px;
} 

.titulo_tallas{
	  display:block;
	  clear:left;
	  width:100%;
	  padding-top:15px;
	  margin-bottom:15px;
	  font-family: 'Economica', sans-serif;
	  color:#060;
	  font-size:16px;
	   }
	  
	  
.titulo_color{
	  display:block;
	  clear:left;
	  width:100%;
	  padding-top:15px;
	  margin-bottom:5px;
	  font-family: 'Economica', sans-serif;
	  color:#060;
	  font-size:16px;
	   }
	   
.verde , .negro , .blanco , .rojo , .azul , .celeste , .turquesa , .cafe{
	  display:inline;
	  width:15px;
	  height:15px;
	  border: solid 2px #CCC;
	  padding-right:15px;
	  margin-right:3px;
	   }
		
.verde{background-color:#093;}
.negro{background-color:#000;}
.blanco{background-color:#FFF;}
.rojo{background-color:#F00;}	  
.azul{background-color:#03F;}
.celeste{background-color:#0CF;}
.turquesa{background-color:#3CC;}
.cafe{background-color:#960;}

.tallas{
	  display:inline;
	  width: 50px;
	  height: 50px;
	  padding-bottom:50px;
	   }
	   
.talla{
	  display:inline;
	  width: 50px;
	  height: 50px;
	  background-color:#E5E5E5;
	  padding:5px;
	  font-family: 'Economica', sans-serif;
	  text-align:center;
	  color:#0C0;
	  font-size:15px;
	   }
	   
.te_gustan{
	  display:block;
	  padding-top:30px;
	  font-family: 'Economica', sans-serif;
	  color:#090;
	  font-weight: 700;
	  font-size:20px;
	   }
	   

	   
 .boton{
	  font-family: 'Economica', sans-serif;
	  color:#FFF ;
	  font-weight: 700;
	  font-size:15px;
	   }

	 .boton a {
	  font-family: 'Economica', sans-serif;
	  color:#000;
	  font-weight: 700;
	  font-size:15px;
	
			}
		
	
.boton :hover {
	background-color:#000;	  
}

/*--------------*/


.estilo_boton{
	  display:block;
	  padding-top:10px;
	  margin:2px;
	  padding: 5px;
	  font-family: 'Economica', sans-serif;
	  color:#FFF;
	  font-weight:300;
	  text-align:center;
	  background-color:#090;	  
      border-radius : 4px 4px 4px 4px ;  /* CSS3 Propiedad */ 
      -moz-border-radius : 4px 4px 4px 4px ;   /* Firefox */ 
      -webkit-border-radius : 4px 4px 4px 4px ; /* Chrome / Safari */ 
      -khtml-border-radius: 4px 4px 4px 4px ;
	         }
	


a.estilo_boton {
	background:#090;
	-webkit-transition: background .2s ease-in;
	-ms-transition: background .2s ease-in;
	-moz-transition: background .2s ease-in;
	-o-transition: background .2s ease-in;
	transition: background .2s ease-in;
}

.estilo_boton:hover {
	background:#FF6;
	font-family: 'Economica', sans-serif;
	  color:#090;
}