/*-------------------------------------------------------------------------
 Clic 2006
---------------------------------------------------------------------------
 File: error_messages.css
 Sitio: www.c2e-us.net
 	    Gerardo Gonzalez Flores
 		--> gerardo AT clic DOT com DOT mx <--
---------------------------------------------------------------------------	
 CSS styles for error messages
 Estilos para mensajes de error e informacion
--------------------------------------------------------------------------*/

.error_message, .error-message{
	font-size: 8pt;
	font-family: "Arial";
	color: #990000;
	font-weight:bold;
	text-align:left;
		
	padding-bottom:2px;
	padding-left:18px;
	background-image:url(../img/error/alert.gif);
	background-repeat:no-repeat;
	width:auto;
}
.admin * .error_message, .admin * .error-message{
	margin-left:150px;
}
.info_message {
	font-size: 8pt;
	font-family: "Arial";
	color: #000000;
	
	
	padding-bottom:2px;
	padding-left:18px;
	background-image:url(../img/error/information.gif);
	background-repeat:no-repeat;
	width:auto;
}
.resultado_vacio{
	clear:both;
	width:300px;
	padding:10px;
	background:#CCDCDD;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
/*--------------------------------------------------------------------------
 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: 741px;
    margin-left: auto;
    margin-right: auto;
	margin-top:0px;
}

ul.itemList img, ul.itemList a, ul.itemList a:hover {
	border:none;
}

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

    /*border: 1px solid;*/
}

ul.itemList li.odd {
    float: left;
    width: 247px;
    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 {
  	background:#A7CC66;
	width: 225px;
    margin-bottom: 5px;
	color:#000000;
    /*position: relative;*/
    margin-left: auto;
    margin-right: auto;
    /* height:130px;*/
}

.item .foto, #paquetesHome #homeList .item .foto {

}

.item .foto .fotoBody, #paquetesHome #homeList .item .foto .fotoBody {

}


.item .foto .fotoBody .titulo, #paquetesHome #homeList .item .foto .fotoBody .titulo {

    min-height: 11px;
    height: auto !important;
    height: 11px;
	margin-top:3px;
    padding-bottom: 0px;
    padding-top: 3px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

.item .foto .fotoBody .foot, #paquetesHome #homeList .item .foto .fotoBody .foot {

    height: 16px;
    text-align: center;
	display:none;
}

#homeList .item .foto {

}

#homeList .item .foto .fotoBody {

}

#homeList .item .foto .fotoBody .titulo {

}

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: center;
	color:#000000;
	/*background:  url("../img/paquetes/head-top.gif") top left no-repeat;*/
	padding-top:3px;
	padding-left:10px;
	padding-right:10px;
}

.item .headBot {
 	/*background: #CCCCCC url("../img/paquetes/head-bot.gif") bottom left no-repeat;*/
	padding-bottom:5px;
	padding-top:5px;
	
}

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


.item .masDetalles .tituloDet {
    font-weight: bold;
    text-align: right;
	color:#000000;
	/*background:  url("../img/paquetes/head-detalle-top.gif") top left no-repeat;*/
	padding-top:3px;
	padding-left:10px;
	padding-right:10px;
}

.item .masDetalles .tituloDet a, .item .masDetalles .tituloDet a:hover {
	color:#000000;
}

.item .masDetalles {
 	/*background: #E34401 url("../img/paquetes/head-detalle-bot.gif") bottom left no-repeat;*/
	padding-bottom:5px;
	
}



.item .imageWrap .itemImagen {
    /*position: relative; */ /*comentar problema ie en menu */
    width: 120px;
	margin-top:3px; /* nueva */
	border:1px solid #000000;
}



.item .imageWrap .itemImagen img {
    border:none;
}
/* .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;*/ /*comentar problema ie en menu */
    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;*/
}

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

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

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

table.niko thead tr, table.myHotelsTemp thead tr {
    background-color: #66B001;
    /*border-top: 1px solid black;
     border-bottom: 1px solid black;*/
    color: #FFFFFF;
}

table.niko thead tr.thActionArea, table.myHotelsTemp thead tr.thActionArea {
    background-color: #FFFFFF;
}

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

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

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

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

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

/* celdas */
table.niko tr, table.myHotelsTemp tr {
    background-color: #B5D984;
}

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

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

table.niko td, table.niko th, table.myHotelsTemp td, table.myHotelsTemp th {
    border: 1px solid #66B001;
}

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

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

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

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

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

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