/*--------------------------------------------------------------------------
 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;  }

table.niko{
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	/*font-size:  10pt;*/
	border-collapse: collapse;
}

table.niko caption{
	/*font-size: 11pt;;*/
	color:#000000;
}

table.niko thead tr{
	background-color: #036EAE;
	/*border-top: 1px solid black;
	border-bottom: 1px solid black;*/
	color:#FFFFFF;
}
table.niko thead tr.thActionArea{ background-color: #FFFFFF; }



table.niko tfoot tr{
	background-color: #FFFFFF;
}

table.niko thead th{
	padding: 4px;
	white-space: nowrap;
}

table.niko tfoot th{
	font-size: 110%;
	text-align: right;
	padding-right: 4px;
	letter-spacing: 1px;
}

table.niko tfoot td{
	padding-left: 4px;
	color: red;
	font-size: 110%;
	font-weight: 600;
}

table.niko tfoot td:hover{
	background-color: red;
	color: white;
}

table.niko tr{
	background-color: #B2D1E0;
}

table.niko tr.odd{
	background-color: #FFFFFF;
}

table.niko tbody tr:hover, table.niko tr.prototypeHover{
	background-color: #FFFF99;
}

table.niko td, table.niko th{
	border: 1px solid #036EAE; /* borde de la tabla*/
}

table.niko tbody td
{
	padding: 4px;
}

table.niko td a:link, table.niko th a:link{
	color: black;
}

table.niko td a:visited, table.niko th a:visited{
	color: black;
	text-decoration: line-through;
}

table.niko td a:hover, table.niko th a:hover{
	color: purple;
	text-decoration: underline;
}

table.niko td:last-child a:hover{
	color: red;
	text-decoration: underline overline;
}

table.niko thead tr.thActionArea th{ border:none; border-bottom: 1px solid #64A2C1; text-align:right;}