/*--------------------------------------------------------------------------
 Clic 2007
 ----------------------------------------------------------------------------
 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: 95%;*/
    width: 695px;
    /*border: 1px solid;*/
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

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

ul.itemList li.odd {
    float: left;
    width: 231px;
    list-style: none;
    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: 225px;
    margin-bottom: 5px;
    /*position: relative;*/
    margin-left: auto;
    margin-right: auto;
    /* height:130px;*/
}
/* necesario para desplegar las bandas de nuevo, oferta */
.item .foto, #paquetesHome #homeList .item .foto {
    background: url("../img/paquetes/ficha_bg.png") repeat-y scroll;
	azimuth: expression(
		this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
		this.src = "../img/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
		this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
	);
    min-height: 155px;
    height: auto !important;
    height: 155px;
}

.item .iHeader, #paquetesHome #homeList .item .iHeader {
    background: url("../img/paquetes/ficha_top.png") no-repeat top;
    min-height: 11px;
    height: auto !important;
    height: 11px;
	azimuth: expression(
		this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
		this.src = "../img/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
		this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
	);
}

.item .titHead {
    background: url("../img/paquetes/ficha_bg.png") repeat-y scroll;
	azimuth: expression(
		this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
		this.src = "../img/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
		this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
		);
    padding-top: 3px;
	min-height: 1px;
    height: auto !important;
    height: 1px;
}

.item .titulo, #paquetesHome #homeList .item .titulo {
    background: url("../img/paquetes/ficha_title_bg.png") repeat-y scroll;
	azimuth: expression(
		this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
		this.src = "../img/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
		this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
		);
    min-height: 11px;
    height: auto !important;
    height: 11px;
    /*margin-top: 3px;*/
    padding: 3px 5px 0px 5px;
    text-align: center;
}

.item .titulo {
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    /*border: 1px solid;*/
}

.item .iFoot, #paquetesHome #homeList .item .iFoot {
    background: url("../img/paquetes/ficha_bot.png") bottom no-repeat;
	
    height: 16px;
    text-align: center;
	azimuth: expression(
		this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
		this.src = "../img/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
		this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
	);
}

#homeList .item .foto {
    /*background: url("../img/paquetes/ficha_bg.png") repeat-y;*/
}

#homeList .item .iHeader {
   /* background: url("../img/paquetes/ficha_top.png") no-repeat scroll top;*/
	
}

#homeList .item .iFoot {
    background: url("../img/paquetes/ficha_bot.png") no-repeat scroll bottom;
	
}

ul#homeList {
    width: 220px;
    /*border:1px solid;*/
    margin-left: auto;
    margin-right: auto;
}

#homeList {
    float: right
}

ul#homeList li.odd {
    /*float:right;*/
    width: 100%;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    /* border:1px solid;*/
}

.item .imageWrap {
    /* 	float:left;*/
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    padding-top: 1px;
}

.item .imageWrap .itemImagen {
    position: relative;
    width: 120px;
    margin-top: 3px; /* nueva */
}
/* .item .imageWrap .imagen {border:1px solid #000000; padding:1px}*/
.item .lista {
    clear: both;
    width: 90%;
    margin-left: 5px;
    /*float:left;*/
    /*border:1px solid;*/
}

.item ul.lista li label {
    width: 80px;
    font-weight: bold
}

.item ul.lista li {
    clear: both
}

.item .verMas {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 99999
}

.userView #itemImagen {
    /*float:left; */
    width: auto;
    position: relative;
    margin-right: 10px;
}

.userView .nuevo, .item .nuevo {
    position: absolute;
    top: 0px;
    right: 0px;
}

.userView .oferta, .item .oferta {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.userView .precio {
    font-size: 14px
}
/* Vista completa del Item */
.userView {
    width: 98%
}

.userView h2 {
    font-size: 18px;
}

.userView th {
    font-weight: bold;
    text-align: right;
    padding-right: 3px;
}

.userView .imagen {
    /*border: 1px solid #000000;*/
    padding: 1px
}

.userView .informacion {
    clear: both;
    width: 95%;
    margin-left: auto;
    margin-right: auto
}

.userView table.detail {
    margin-top: 10px;
}

.userView .edit {
    float: right
}

.item {
    padding-bottom: 10px;
}
/* Listado de destinos */
ul#destList {
    /*border:1px solid;*/
    width: 450px;
    margin-left: auto;
    margin-right: auto;
}

ul#destList li {
    list-style: none;
    list-style-image: none;
    margin: 0px;
    padding: 0px;
    background: none
}

ul#destList li.even {
    list-style: none;
    float: left;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    /*border: 1px solid;*/
}

ul#destList li.odd {
    float: right;
    width: 200px;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    /*border: 1px solid;*/
}


li.separador, li.saltaLinea { height:1px; clear:both; display:block; }
/* 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}



ul#simpleDestList {
    width:200px;
	/*border:1px solid;*/
	margin-left:0px;
	padding-left:0px;

}

ul#simpleDestList li {
 
  
}

ul#simpleDestList li.even {

}

ul#simpleDestList li.odd {

    /*border: 1px solid;*/
}