/*--------------------------------------------------------------------------
 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: 99%;
    /* border: 1px solid #FF0000;*/
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

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

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

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

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: 181px;
    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.jpg") repeat-y;
}

.item .foto .fotoBody, #paquetesHome #homeList .item .foto .fotoBody {
    background: url("../img/paquetes/ficha_top.jpg") no-repeat top left;
}

.item .foto .fotoBody .titulo, #paquetesHome #homeList .item .foto .fotoBody .titulo {
    background: url("../img/paquetes/ficha_title_bg.jpg") repeat-y;
    min-height: 11px;
    height: auto !important;
    height: 1px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
}

.item .foto .fotoBody .foot, #paquetesHome #homeList .item .foto .fotoBody .foot {
    background: url("../img/paquetes/ficha_bot.jpg") bottom no-repeat;
    height: 16px;
    text-align: center;
}

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

#homeList .item .foto .fotoBody {
    background: url("../img/paquetes/ficha_top_home.jpg") no-repeat top;
}

#homeList .item .foto .fotoBody .titulo {
    background: url("../img/paquetes/ficha_bot_home.jpg") no-repeat 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 .titulo {
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    color: #000000;
}

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

.item .imageWrap .itemImagen {
    position: relative;
    width: 171px;
    /*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}

#imagenItem { text-align:center; padding-top:10px; padding-bottom:10px;}
#imagenItem img { border:2px solid #003399; padding:1px; }