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

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: #3785AC;
	/*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 #64A2C1;
}

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;}
table.myHotelsTemp{
	
	/*font-size:  10pt;*/
	border-collapse: collapse;
}

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

table.myHotelsTemp thead tr{
	background-color: #3785AC;
	/*border-top: 1px solid black;
	border-bottom: 1px solid black;*/
	color:#000000;
}
table.myHotelsTemp thead tr.thActionArea{ background-color: #FE9900};


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

table.myHotelsTemp thead th{
	padding: 4px;
	white-space: nowrap;
	text-align: center;
	text-transform:uppercase;
	
}

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

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

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

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

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

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

table.myHotelsTemp td, table.myHotelsTemp th{
	border: 1px solid #64A2C1;
}

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

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

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

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

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

table.myHotelsTemp thead tr.thActionArea th{ border:none; border-bottom: 1px solid #969696; text-align:right;}/*
--------------------------------------------------------------------------------
What:	"Oranges in the sky" Styles(Table data design)
Who:	Krasimir Makaveev(krasi [at] makaveev [dot] com)
When:	15.09.2005(created)
--------------------------------------------------------------------------------
*/

table.orangeSky {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc; 
	color: #333;
}

table.orangeSky caption {
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 10px;
	padding: 3px;
	background: #efefef  url(img/alpha.gif) ;
	border: 1px solid #ccc;
	color: #666;
}
/*
table.orangeSky a {
	text-decoration: none;
	border-bottom: 1px dotted #f60;
	color: #f60;
	font-weight: bold;
}

table.orangeSky a:hover {
	text-decoration: none;
	color: #fff;
	background: #f60;
}

table.orangeSky tr th a {
	color: #369;
	border-bottom: 1px dotted #369;
}

table.orangeSky tr th a:hover {
	color: #fff;
	background: #369;
}*/

table.orangeSky thead tr th {
	text-transform: uppercase;
	background:  url(img/bg.gif) ;

}

table.orangeSky tfoot tr th, table.orangeSky tfoot tr td {
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
}

table.orangeSky tfoot tr th {
	
}

table.orangeSky tfoot tr td {
	
}

table.orangeSky td, table.orangeSky th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 3px;
	line-height: 1.8em;
	/*font-size: 0.8em;*/
	vertical-align: top;
	
}

table.orangeSky tr.odd th, table.orangeSky tr.odd td {
	background: #efefef   ;
}

/*-------------------------------------------------------------------------
 Clic 2008
---------------------------------------------------------------------------
 File: Gallery.css
 Author:   Gerardo Gonzalez Flores
 		   --> gerardo AT clic DOT com DOT mx <--
   		   http://www.clic.com.mx
---------------------------------------------------------------------------	

--------------------------------------------------------------------------*/


h3.postDestinationName { 
	background: url('../img/app/flechaBgEnd.gif') no-repeat 15px 50%; 
	padding-left:35px;
	padding-bottom:5px;
	padding-top:5px;
}