﻿
/* ONO (www.ono.es) - Hoja de estilos Slider Home - Octavio Molano - Ago, 2009 */

/* 2 Opciones */

#home_offers.home_slider_2blocks #home_slider, #home_offers.home_slider_2blocks #home_slider li,
#home_offers.home_slider_2blocks #home_slider img {width:620px;height:auto;} /* Ancho banner */
#home_offers.home_slider_2blocks div.ono_box_bottom ul li {width: 49.8%;}
#home_offers.home_slider_2blocks #home_slider ul {width: 200%;}
#home_offers.home_slider_2blocks #home_slider ul.pos1 {left: 0px;} 
#home_offers.home_slider_2blocks #home_slider ul.pos2 {left: -620px;} /* Ancho en negativo */



/* 3 Opciones */

#home_slider, #home_slider li, #home_slider img {width: 698px;} /* Ancho banner */
#home_offers div.ono_box_bottom li {width: 33.1%;}
#home_slider ul {width: 300%;}
#home_slider ul.pos1 {left: 0px;}
#home_slider ul.pos2 {left: -698px;} /* Ancho en negativo */
#home_slider ul.pos3 {left: -1396px;} /* Ancho x 2 */
#home_slider ul.pos4 {left: -2094px;} /* Ancho x 3 */

/* 4 Opciones */

#home_offers.home_slider_4blocks #home_slider, #home_offers.home_slider_4blocks #home_slider li,
#home_offers.home_slider_4blocks #home_slider img {width: 703px;} /* Ancho banner */
#home_offers.home_slider_4blocks div.ono_box_bottom ul li {width: 24.9%;}
#home_offers.home_slider_4blocks #home_slider ul {width: 400%;}
#home_offers.home_slider_4blocks #home_slider ul.pos2 {left: -703px;} /* Ancho en negativo */
#home_offers.home_slider_4blocks #home_slider ul.pos3 {left: -1406px;} /* Ancho x 2 */
#home_offers.home_slider_4blocks #home_slider ul.pos4 {left: -2109px;} /* Ancho x 3 */

/* Común */

#home_offers
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#home_offers div.ono_box_content {padding: 0px;}
#home_slider_info li {display: none;}
#home_offers div.vis1 #home_slider_info1, #home_offers div.vis2 #home_slider_info2,
#home_offers div.vis3 #home_slider_info3, #home_offers div.vis4 #home_slider_info4,
#home_slider_info li ul li {display: list-item;}

#home_offers div.ono_box_bottom {border-top: 1px solid #dedede;} 
#home_offers div.ono_box_bottom li
{
	float: left;
	border-left: 1px solid #dedede;
	height: 52px;
}
#home_offers div.ono_box_bottom li h3, #home_offers div.ono_box_bottom li a
{
	height: 52px;
	width: 100%;
	margin: 0;
}
#home_offers div.ono_box_bottom li a
{
	float: left;
	text-decoration: none;
	background: url("../img/home_roundbtn_empty.png") right top no-repeat;
}
#home_offers div.ono_box_bottom li a:hover, #home_offers div.ono_box_bottom li a:focus {background-position: right -52px;}
#home_offers div.ono_box_bottom li a.sel {background: url("../img/home_roundbtn_arrow.png") right top no-repeat;}
#home_offers div.ono_box_bottom li a.sel:hover, #home_offers div.ono_box_bottom li a.sel:focus {background-position: right -52px;}
#home_offers div.ono_box_bottom li a:hover span, #home_offers div.ono_box_bottom li a:focus span {text-decoration: underline;}
#home_offers div.ono_box_bottom li a span
{
	margin: 8px 0 0 10px;
	display: block;
	color: #999999;
	font-size: 12px;
	font-weight: bold;
}
#home_offers div.ono_box_bottom li a.sel span, #home_offers div.ono_box_bottom li a.sel span.desc {color: #494949;}

#home_offers div.ono_box_bottom li a span.desc
{
	margin-top: 1px;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
#home_offers div.ono_box_bottom li.firstelem {border: 0;}
#home_offers li ul
{
	margin: 7px 7px;
}
#home_offers div.ono_box_bottom li ul li
{
	width: auto;
	margin: 0;
	border: none;
} 

#home_slider {float: left;}
#home_slider, #home_slider li {overflow: hidden;}
#home_slider img {float: left;}
#home_slider, #home_slider li, #home_slider img {height: 240px;}
#home_slider ul, #home_slider li
{
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
}
#home_slider ul {position: relative;}
#home_slider_info
{
	border-left: 1px solid #cccccc; 
	width: 214px;
	height: 230px;
	float: right;
	font-size: 12px;
	font-family: Verdana;
	color: #333333;
	padding: 5px 10px;
	background-color: #ffffff;
	line-height:14px;
}
#home_slider_info div.hsi_top
{
	height: 80px;
	border-bottom: 1px solid #dedede;
	margin-bottom: 5px;
}
#home_slider_info p {margin: 0;}
#home_slider_info p.hsi_offer span
{
	font-size: 11px;
	font-weight: bold;
}
#home_slider_info p.hsi_price
{
	font-size: 22px;
	font-weight: bold;
	line-height: 22px;
	font-family:Arial;
}
#home_slider_info p.hsi_price span {font-size: 12px;}
#home_slider_info p.hsi_promo {float: left;}
#home_slider_info p.hsi_promo, #home_slider_info a.hsi_moreinfo {font-size: 11px;}
#home_slider_info a.hsi_moreinfo
{
	float: right;
	background: url('../img/home_moreinfo.png') left no-repeat;
	padding-left: 18px;
	color: #666666;
}
#home_slider_info a.hsi_moreinfo:hover, #home_slider_info a.hsi_moreinfo:focus {color: #7b7b7b;}
#home_slider_info p.hsi_buy span
{
	display: block;
	font-size: 11px;
}
#home_slider_info ul.hsi_advlist {margin: 6px 0 0 9px;}
#home_slider_info ul.hsi_advlist li
{
	list-style-image: url("../img/ono_bullet.png");
	list-style-type: disc;
	margin-left: 22px;
	padding: 0;
	color:#666666;
	font-size:10px;
}
#home_slider_info ul.hsi_links {margin: 8px 0 0 17px;}
#home_slider_info ul.hsi_links li
{
	list-style-image: url("../img/home_infolink.png");
	margin-left: 17px;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
}
#home_slider_info ul.hsi_links li a {color: #555555;}
#home_slider_info ul.hsi_links li a:hover, #home_slider_info ul.hsi_links li a:focus {color: #7b7b7b;}

#home_social div.ono_box_content {height: 40px;}
#home_social ul
{
	padding-top: 5px;
	width: 620px;
	margin: 0 auto;
}
#home_social ul li
{
	float: left;
	padding: 0 15px;
	font-size: 11px;
	line-height: 27px;
}
#home_social li a
{
	display: block;
	color: #555555;
}
#home_social li a:hover, #home_social li a:focus{color: #7b7b7b;}
#home_social ul li img
{
	float: left;
	width: 26px;
	height: 27px;
	margin-right: 10px;
	overflow: hidden;
}

#home_usermenu div.ono_box_content {height: 116px;}
#home_usermenu li
{
	border-top:1px solid #cccccc; 
	padding: 5px 0 0;
	background: url('../img/home_clinks_go.png') no-repeat right;
	line-height: 16px;
}
#home_usermenu li.firstelem
{
	padding-top: 0;
	margin-top: 2px;
	border: none;
}

#home_usermenu li, #home_usermenu li a {height: 35px;}

#home_usermenu li a
{
	display: block;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}
#home_usermenu li a:hover span, #home_usermenu li a:focus span
{
	color: #7b7b7b;
}

#home_usermenu li a span
{
	display: block;
	font-size: 10px;
	color: #999999;
	font-weight: normal;
	height: 16px;
}
#home_usermenu li a:hover strong, #home_usermenu li a:focus strong{text-decoration: underline;}

#home_usermenu li a img
{
	float:left;
	margin-right: 15px;
	width: 36px;
	height: 27px;
	background-color: #cccccc;
	overflow: hidden;
	margin-top: 2px;
}
#home_usermenu li a:hover img, #home_usermenu li a:focus img {opacity: 0.6;}
.producto_comb img
{
float:left;
margin:3px 10px 0 0;
overflow:hidden;
clear:left;
margin-bottom:10px;


}