/*--------------------------------------------------------------------------
 Clic 2009
 ----------------------------------------------------------------------------
 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 {
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	right:10px;
	top:50px;
	width:715px;
}


ul.itemList li.liItem{
    list-style: none;
    float: left;
    width: 175px;
    list-style:none;
	padding:0px;
	margin:0px auto;
	list-style:none;
	background:none;
	/*margin-bottom:10px;*/
}

ul.itemList li.even{}
ul.itemList li.odd{}

ul.itemList li div.item{
	width: 172px;
	/*padding:9px;*/
}


ul.itemList div.infoGral{
	/*
	border:1px solid;
	border-radius:3px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    */
}

ul.itemList div.infoGral div.imagen{
	position:relative;
	border-bottom:1px solid #ffffff; 
	border:2px solid #8B8B8B;
	min-height:168px;
	height: auto !important;
	height:168px;
	display:block;
}
  
ul.itemList div.infoGral div.imagen div.imgContainer{
	margin:auto auto;
}

ul.itemList div.infoGral h3.modelo {
	text-align:center;
	padding:5px;
}


ul.itemList div.infoGral div.nuevo{
	right:0px;
	position:absolute;
	bottom:0px;
	
}


ul.itemList div.infoGral div.oferta{
	position:absolute;
	bottom:0px;
	left:0px;
}

ul.itemList div.infoGral div.marca{
	position:absolute;
	top:-15px;
	right:-9px;
	border:1px solid #888888;
	z-index:500;
}


ul.itemList div.item p.descripcion{
	width:90%;
	margin:4px auto 2px auto;
}

/** Elementos para cotizacion **/

ul.itemList div.quotationAdd {
	height:18px;
	
}
ul.itemList div.quotationAdd .quotIcons {
	float:right;
	width:16px;
	
}

ul.itemList div.quotationAdd .loadIcon {
	padding-top:4px;
	
}

/*******/

ul.itemList li.separador, li.saltaLinea { width:98%; height:7px; float:none; clear:both; display:block; list-style:none; background:none; list-style-image:none;}
/* ie fix for line height after clearing li */
/* IE6 */
* html ul#destList li.separador, 
* html ul#destList li.saltaLinea,
* html ul#itemList li.separador, 
* html ul#itemList li.saltaLinea,
* html ul#homeList li.separador, 
* html ul#homeList li.saltaLinea
{ margin-top:-8px; margin-bottom:-8px}
/* IE7 */
ul#itemList li.separador, 
ul#itemList li.saltaLinea,
ul#destList li.separador, 
ul#destList li.saltaLinea,
ul#homeList li.separador, 
ul#homeList li.saltaLinea{ *margin-top:-8px; *margin-bottom:-8px}

/** Item Flotante **/
div#updateBlock{
	/*display:none;*/
	/*border: 1px solid rgb(255, 0, 0);*/ 
	width: 716px; 
	height: 448px; 
	position: absolute; 
	z-index: 150; 
	top: 4px; 
	right: 12px;	
}

div#updateBlock div#loading img#imgLoader{
	width:220px; 
    height:19px; 
    padding:214px 0px;
	margin:0px auto;
	display:block;
	
}

div#updateBlock div#updateContainer{
	width:444px; 
    height:444px;
	 margin:0px auto;
    background: #FFFFFF; 
	position:relative;
	border:2px solid #8B8B8B;
}

div#updateBlock div#loading{
    /*display:none;*/
	width:444px; 
    height:444px; 
    margin:0px auto;
	background: #FFFFFF;
}

div#updateBlock div#loaded{
	/*display:none;*/
	width:444px; 
    height:444px; 
    margin:0px auto;
	background: #FFFFFF;
}

div#updateContainer div#cerrar{
    /*display:none;*/
    width:69px;
	height:18px;
	top:10px;
	right:10px;
	position:absolute;
}

/** Vista de la ficha **/
div#modelo {
	padding: 5px; 
	position: absolute;
	top: 5px; 
	width: 350px; 
	left: 5px; 
	text-align: left;
	font-weight:bolder;
	color: #000000;
	z-index:790;
	text-transform:uppercase;
	
}

div#modelo h1 { font-size:12pt; margin:0px; padding:0px;}

div.item {
	position:relative;
}

div.item h3.modelo  {
    position:absolute;
	padding: 0px; 
    top: 2px; 
    width: 158px; 
    left: 5px; 
    color: #000000;
	text-align: left;
    font-weight:bold;
    z-index:100;
    font-size:8pt;
    text-transform:uppercase;
	/*background: url(../img/fondo.png) top repeat;*/
}