/*--------------------------------------------------------------------------
 Clic 
 ----------------------------------------------------------------------------
 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: 925px;
    /*border: 1px solid;*/
    position: relative;
	margin: 0 auto;!important;
	position: relative;
	
}

ul.itemList li.even {
    list-style: none;
    float: left;
    width: 308px;
}

ul.itemList li.odd {
    float: left;
    width: 308px;
    list-style: none;
}

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


ul.itemList li.odd, ul.itemList li.even {
	margin: 0px 0px 10px 0px;
	padding-bottom:15px;
}

.itemList ul li {
    list-style: none;
    list-style-image: none;
    background: none
}
.itemList ul li.descripcion p span {
    list-style: none;
	font-family: arial!important;
    list-style-image: none;
	color: #111!important;
    background: none;
	font-size: 14px!important;
	text-align: left!important;
}





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


/* FOTOS DEL ITEM */

.item .imageWrap {
	width: 156px;
	height: 117px;
	position:absolute;
	z-index:10;
	top:0px;
	left:0px;
	background-position:top left;
	/*border:1px solid #ff0000;*/
	
	border-radius: 10px 0px 0px 10px; 
	-moz-border-radius: 10px 0px 0px 10px; 
	-webkit-border-radius: 10px 0px 0px 10px; 
} 

/* DESCRIPCION DEL ELEMENTO */
div.datosItem {
  float:right;
  width:490px;
	
}
div.datosItem p {
	margin-bottom: 0px!important;
	padding-bottom: 15px;	
}
#ficha_text_area_top {
	width: 132px;	
	height: 10px;
	background: url(../img/items/ficha-text-area-top.png) no-repeat;
}
#ficha_text_area_body {
	width: 132px;	
	background: url(../img/items/ficha-text-area-body.png) repeat-y;
	min-height: 110px;
	height: auto!important;
	height: 110px;
	
}
#ficha_text_area_bottom {
	width: 132px;
	height: 15px;
	background: url(../img/items/ficha-text-area-bottom.png) no-repeat;
	margin-top: -10px;
}
.item h2.titulo {
	font-weight:bold;
	color: #313131;
	font-size: 11pt;
	padding-bottom:5px;
  padding-left:32px;
  padding-top: .2em;
	background: url( ../img/title-bg-small.png) no-repeat;
  min-height:30px;
  height:auto !important;
  height:30px;
}
.item h2.titulo span, .item h2.titulo *{
  font-size: 11pt;
  color: #313131;
  font-weight:bold;
  
}

a.detalleItem {
	display:block;
	position: absolute;
	top: 150px;
	right: 10px;
	z-index:122;
}



/*** ITEMS POPULARES **/

ul#elementosPopulares { margin:0 auto; padding:0px; width: auto; margin-left: 15px; margin-bottom: 10px; }
ul#elementosPopulares li {
    width: 742px; 
    margin:0px; 
    padding:0px; 
   
    margin-left: 0px; 
    margin-bottom: 10px;  
    position:relative; 
    height:190px;
}
ul.lista li.descripcion { width: 113px!important; margin-left: 0px!important;}



 .imgItem {
  float:left;
  display:block;
  padding:0px 10px 10px 0px;
 }

#dataBox .messenger, #dataBox .mail, #dataBox .facebook {
	width: 56px;
	height: 46px;
	display: block;
	float: left;
}
#dataBox p {
	margin: 0px;
	font-weight: bold;	
	letter-spacing: -0.02em;
}
	#linkedImgs {	
		width: 168px;
		height: 52px;
		margin: 0 auto;
		margin-bottom: 5px;
		margin-top: 5px;
	}


	li.separador, li.saltaLinea, ul#elementosPopulares li.separador { height:1px; margin: 2px 0; clear:both; display:block;   width:auto; padding:0px;  }