/* 	CSS Document 
	25 Enero 2013
	Author: Osvaldo Osorio
	Web: www.oswosmedia.com
	Twitter: @oswos
*/
#home{
	clear:both; margin:0px auto;
	min-height:300px;
	/*
	background:#eee;
	box-shadow:1px 1px 6px #333;
	*/
}
#anim{
	width:980px;
	clear:both;
	height:365px;
	margin:0px auto 0px auto;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background:#fff;
	border:10px solid #ddd;
}
#anim ul.portadas{
	margin:0 auto; padding:0;
	list-style:none;
	clear:both;
}

#anim .portada-imagen{
    width: 100%;
    height: 360px;
    object-fit: cover;
    object-position: center center;
}

#anim .slideHolder{
	position:relative;
	height:365px; width:980px; margin:0 auto;
}
#anim .slideHolder .textos{
	width:400px; padding:20px;
	position:absolute;
	top:40px; left:60px; z-index:210;
}
#anim .slideHolder a:link, #anim .slideHolder a:visited{
	color:#333;
}
.slideHolder .animImagen{
	position:absolute; overflow:hidden;
	top:10px; right:0px; z-index:100;
	width:540px; text-align:right;
	height:365px;
}
.slideHolder .animImagen img{
	width:540px;
}
#anim h1{
	display:block;
	font-size:44px; color:#000; letter-spacing:-3px;
	margin-bottom:30px; line-height:1em;
}
#anim p{
	margin-bottom:20px;
}
#bgAnim{
	display:none;
	clear:both;
	width:980px;
	height:1px; margin:0 auto;
	background:#eee;
}
#anim #more a:link, #anim #more a:visited{
	margin:20px 0;
	background:#F03;
	color:#fff;
	padding:10px 20px;
	text-align:center;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
#anim #more a:hover{
	background:#609;
}
/*
 Search home
*/
#search_home #s{
	border:4px solid #333;
	border-radius: 100%;
}

/*

CATEGORIAS DE PRODUCTOS
Estilos para mostrar las categorías
en la portada.

*/
#categorias{
	clear:both;
	width:980px;
	min-height:300px;
	margin:30px auto 20px auto;
	border-top:2px solid #85C226;
	padding:15px 0 20px 0;
}
#categorias h1{
	font-size:16px; color:#999; text-transform:uppercase;
	font-weight:bold; margin:0; padding:0;
	width:500px;
	float:left;
}
#categorias .vertodo{
	float:right;
	width:200px;
	text-align:right;
	text-transform:uppercase; font-size:12px;
}
#categorias .vertodo a:hover{
	color:#093;
}
#categorias ul{
	list-style:none;
	clear:both; margin:0; padding:20px 0 0 0;
	border-top:2px solid #85C226;
}
#categorias ul li{
	float:left;
	width:160px; min-height:60px; 
	margin:0 40px 20px 0; padding:0 0 0 0;
}
#categorias #last{
	margin-right:0;
}
#categorias li:hover h2 a{
	color: #0094DE;
}
#categorias .catHolder{
	background:#fff; overflow:hidden;
	width:60px;
	height:60px; float:left;
	border-radius:50%;
}
#categorias .catHolder img{
	width:60px;
}
#categorias h2{
	width:60px; float:left; 
	margin:0 0 0 5px; padding:20px 0 0 0;
	font-size:14px;  text-transform:uppercase; 
	font-weight:normal;
}
#categorias h2 a:link, #categorias h2 a:visited{
	color:#999;
	display:block;
	padding:0px 0px;	
}
#categorias h2 a:hover{
	color:#0094DE;
}