/*--------------------------------------------------------------------------
 Clic 2008
 ----------------------------------------------------------------------------
 File: items.css
 Gerardo Gonzalez Flores
 --> gerardo AT clic DOT com DOT mx <--
 ---------------------------------------------------------------------------
 Estilos generales para ficha de item.
 --------------------------------------------------------------------------*/
/* depliegue de las listas con las fichas*/
ul.itemList {
    /*width: 695px;*/
    width: 574px;
    /*border: 1px solid;*/
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

ul.itemList li.even {
    list-style: none;
    float: left;
    width: 280px;
    /*border: 1px solid;*/
	padding-right:7px;
}

ul.itemList li.odd {
    float: left;
    width: 280px;
    list-style: none;
	padding-left:7px;
    margin-left: auto;
    margin-right: auto;
    /*border: 1px solid;*/
}

ul.itemList li {
    list-style: none;
    list-style-image: none;
    background: none;
    padding: 0px
}

.itemList ul li {
    list-style: none;
    list-style-image: none;
    background: none
}





/* Cuadro Estilos de la ficha */
.item {
    width: auto;
    margin-bottom: 5px;
    /*position: relative;*/
    margin-left: auto;
    margin-right: auto;
    /* height:130px;*/
}


/* FOTOS DEL ITEM */
.item .foto {
	width:137px; /* 137 sin margen */
	
	margin-right:10px;
	margin-bottom:10px;
	background: url(../img/paquetes/ficha_bg.jpg) center top repeat-y;
	float:left;
}
.item .fotoBody {
	padding-top:4px;
	background: url(../img/paquetes/ficha_top.jpg) top center no-repeat
}

.item .imageWrap {
	padding-bottom:6px;
	background: url(../img/paquetes/ficha_bot.jpg) bottom center no-repeat;
	
} 

/* DESCRIPCION DEL ELEMENTO */

.item h2.titulo {
	font-weight:bold;
	color:#CC6600;
	padding-bottom:5px;
	border-bottom:1px solid #666666;
	margin-right:0px;
	margin-left:5px;
	
	/*width:394px;*/
	
}

#detalleItem {
	display:block;
	width:68px;
	height:27px;
	background: url(../img/paquetes/detalles.jpg) no-repeat;
	clear:both;
	margin-left:auto;
	
	
}

#detalleItem span {display:none}

li.separador, li.saltaLinea { height:1px; clear:both; display:block; }