/*	-------------------------------------------------------------
	ILATINTOURS
	Sell | Travel | Tour America
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Base setup styles
	Filename:		style-ilatintours.css
	Version:		1.0
	Date:			Mayo 06, 2009
    Update:         Mayo 13, 2009
	Developed by:	e-magicsoft S.A.C    www.e-magicsoft.com
	-------------------------------------------------------------	*/
 
/*	-------------------------------------------------------------
	Base Body Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
body, html {
	color:#333;
	font-size:.85em;
	background:#C4D0DD url(imagenes/bg-ilatintours-admin.jpg) top repeat-x;
	font-family:Arial,Tahoma;
}

.fileUpload{width:280px; height:auto; display:block;}
.comun{ width:100%; overflow:hidden; margin:0; padding:0; background:#fff;}
.contenedorPanelTop{ background: #fff url(imagenes/bg-contenedorPanel.png) top repeat-x;}

img {border:0;}
a {text-decoration: none; color: #0066CC;}
a:hover {text-decoration:underline;}
a.boton {color:#fff;}
a.boton:hover {}
h1 { font-size:2em;
	font-weight:normal;
	color:#000;
	border-bottom:1px solid #999999;
	font-family:Georgia, Trebuchet MS;
}
h2 {
	color: #333;
	font-size:1.6em;
	padding:0px;
	margin:0;
	font-family: Georgia, "Trebuchet MS", Trebuchet, Arial;
	font-weight:normal;
}

p{ line-height:1.6em; padding:10px 0; text-align:justify;}

.fl{ float:left;}
.fr{ float:right;}

#contenedor {width:960px; margin:0 auto; overflow:hidden; background:fff;}
#cabecera{ overflow:hidden;}

.filaContenido {width:960px; overflow:hidden;}

.logo{ float:left; width:170px; height:63px; padding-top:7px;}

h1.logo 
{
    border:0;
    position: relative; /* allows child element to be placed positioned wrt this one */
    overflow:hidden; /* don’t let content leak beyond the header - not needed as height of anchor will cover whole header */
    padding: 0; /* needed to counter the reset/default styles */
    margin:0;
}

h1.logo a {
    position: absolute; /* defaults to top:0, left:0 and so these can be left out */
    height: 0; /* hiding text, prevent it peaking out */
    width: 100%; /* 686px; fill the parent element */
    background-position: left top;
    background-repeat: no-repeat;
}

h1#logo {
    height: 54px; /* height of replacement image */
}

h1#logo a {
    padding-top: 54px; /* height of the replacement image */
    background-image: url("imagenes/logo-admin.png"); /* the replacement image */
}

    
/*	-------------------------------------------------------------
	Menu Principal
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.menuPrincipal {float:left; height: 26px; margin: 0 auto; padding: 0;}
.menuPrincipal ul {margin: 0; padding: 0; list-style: none; line-height: normal;}
.menuPrincipal li { float: left; height: 25px; padding-top: 5px; font-weight:bold;}
.menuPrincipal a { display: block; padding: 0 20px 0 0; border: none; text-decoration: none; font-family: Arial, Helvetica, sans-serif; color: #969696;}
.menuPrincipal a:hover { text-decoration: underline;}

.fixMenuPrincipalItem{ margin-right:0;}

.menuPrincipal-left{float:left; width:575px; padding-left:15px;}

#usuarioSide{ font-size:1.1em;}


/*	-------------------------------------------------------------
	Contenido
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#contenedorPanel{ overflow:hidden; font-size:.95em; width:960px; margin-bottom:65px; margin:0 auto;}

#agregarTour{width:960px; padding:10px 0; overflow:hidden;}
    #agregarTour .boton-agregarTour{ float:right; width:132px; height:32px; text-align:center; background:url(imagenes/boton-agregarTour.png) top no-repeat;}
    #agregarTour .boton-agregarTour:hover{ background-position:0 -32px;}
    #agregarTour a{ display:block; height:24px; padding-top:10px; color:#fff; font-weight:bold;}
    #agregarTour a:hover{ text-decoration:none;}

#panelControl{ width:960px; border-top:3px solid #B0C1D2; background:#fff; overflow:hidden;}
    #menuPanel{ float:left; width:160px; font-family:Verdana;}
    #infoPanel{ float:left; width:790px;}
    
    
.navPanel{ width:122px; margin:20px 0 0 18px; padding:0; list-style:none;}
.navPanel ul{ line-height:normal; width:122px;}
.navPanel li{ line-height:normal; width:122px; height:25px; background: url(imagenes/boton-menu-panel.gif) top no-repeat; margin-bottom:6px;}
.navPanel li:hover{ background-position:0 -25px;}
.navPanel a{ display:block; height:20px; padding:5px 0 0 17px; color:#fff;}

li.fixMenuPanel{width:122px; height:32px; background: url(imagenes/boton-menu-panel2.gif) top no-repeat;}
li.fixMenuPanel a{ padding-top:2px; height:30px;}
li.fixMenuPanel:hover{background-position:0 -32px;}

.cabeceraPaginaPanel{ float:left; margin-top:20px; width:778px; height:95px; background:url(imagenes/bg-infoPanel.png) top no-repeat; overflow:hidden;}
.filaCabecera{ width:748px; overflow:hidden; margin:5px 0 10px 0;}
.cuerpoPaginaPanel{ float:left; width:776px; border-left:1px solid #D6D6D6; border-right:1px solid #D6D6D6; background:#fff; padding-bottom:10px;}
.piePaginaPanel{float:left; width:778px; height:10px; background:url(imagenes/bg-pieInfoPanel.png) top no-repeat;}
    .filaPaginaPanel{ padding:0px 15px 0 15px;}
    .nombreAgencia{ float:left; width:628px;}
    .nombreAgencia h2{ float:left; color:#0066CC; font-family:Georgia; font-size:1.6em; line-height:normal;}
    
    .toursActivados, .toursDesactivados, .toursEliminados, .totalTours{float:left; width:200px; margin-top:4px;}
    .toursActivados{}
    .toursDesactivados{}
    .toursEliminados{}
    .totalTours{}
    
    .ponderacionAgencia{ float:right; width:120px; text-align:right;}
    .comentarioAgencia{ float:right; width:120px; text-align:right; margin-top:5px;}
    .comentarioAgencia a{ background: url(imagenes/ico_msg_mini.gif) left no-repeat; padding-left:14px;}
    .idAgencia, .numTourAgencia{ width:auto; margin-bottom:5px; font-size:.95em;}
    .numTourAgencia{margin-bottom:5px;}
    
    .selectAgencia{ margin-bottom:10px;}  
    
    
	/*mis tours*/
	.cabeceraTitulos{ width:746px; overflow:hidden; background:#E4E4E4; padding:7px 0; color:#7A85B1; font-weight:bold;}
	.tituloCodigo, .tituloNombre, .tituloIdioma, .tituloAcciones, .tituloNombre2, .tituloEstado2{float:left; line-height:normal;}
	.tituloCodigo{width:135px; padding-left:8px;}
	.tituloNombre{width:335px;}
	.tituloIdioma{width:50px;}
	.tituloAcciones{width:215px;}       
    
    .itemTour{ width:744px; padding:5px 0px; border-bottom:1px solid #E4E4E4; border-right:1px solid #E4E4E4; border-left:1px solid #E4E4E4; overflow:hidden;}
    .itemTour:hover{background:#FFFCD9}
    .numTour, .nombreTour, .idiomaTour, .estadoTour, .editarTour, .eliminarTour{float:left; line-height:normal;}
        .numTour{width:135px; padding-left:8px; color:#FF9900; margin-top:4px;}
        .nombreTour{width:335px; margin-top:4px;}
        .idiomaTour{ width:50px; margin-top:4px;}        
        .estadoTour{width:85px;}  
        /*.textEstado{ font-size:.98em;}*/
        .editarTour{width:60px; margin-top:1px;}
        .eliminarTour{width:70px; margin-top:1px;}
        
    .clasificacionTour td label{ padding-right:15px;}    
        
	
	.pagAzul table{ margin-top:20px;}
    .pagAzul td table td{padding:3px !important; background:#fff; width:15px; border:1px solid #BAC8E0; text-align:center; color:#993300;}
    .pagAzul td table td:hover{border:1px solid #8EA6CC; background:#DAEDFE;}
    .pagAzul_2 td table td a{padding:3px !important; text-decoration:underline; color:#002670;}         
    
    .pagerMisTours table{ margin-top:20px;}
    .pagerMisTours table td span{display:block; line-height:normal; padding:6px 8px; background:#FF9900; margin-right:4px; color:#fff; border:1px solid #fff;}
    .pagerMisTours table a{ display:block; line-height:normal; padding:6px 8px; background:#AAB0BB; margin-right:4px; border:1px solid #fff; color:#fff;}
    .pagerMisTours table a:hover{border:1px solid #7A8596;}
        
        
/*	-------------------------------------------------------------
	Globales
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 
h2.tituPaginas{ background:#B0C1D2; padding:6px 10px; color:#fff; font-size:1.2em; margin-bottom:8px;}
.tituPaginas span{background: url(imagenes/bullet_02.gif) left no-repeat; padding:4px 0 5px 18px;}	    
#contentMisTours, #contentAgregarTour, #contentPerfil, #contentTerminosAgencia, #contentEstadistica, #contentHistorial, #contentSoporteTecnico, #contentEstadistica{padding:5px 0 0 0px; overflow:hidden;}	
.seccionPanel{width:726px; overflow:hidden; border:0px solid #E8EAEC; padding:0 10px; margin:10px 0; line-height:1.6em;}	   
p.tituSeccion{ background:#E6E6E6; color:#7A8596; font-weight:bold; padding:5px 10px; border:0px solid #B3B9C3;}

	.txt{border:1px solid #738DB0;}  
    .txtLostFocus{border:1px solid #B3B9C3; background: #fff; font-size:1em;}
    .txtLostFocus:hover{background: #FFF9DF}
    .txtLostFocus:focus{background: #FFF9DF}
    .txtOnFocus{ background:#F7F7B0;}	
    
    .botonAdmin{ border:1px solid #C44F00; background:#FF6600; color:#fff; padding:5px 10px;}
   
                    
	
/*	-------------------------------------------------------------
	Estilo Página Agregar Tour
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
.labelAgregar, .labelAgregar2 {width:160px; padding:4px 10px 0px 0px; float:left; line-height:normal; }
.labelAgregar2 {width:auto; }

.txtAgregar{ float:left;}
.infotxt{font-size:.95em; color:#333; padding:3px 0;}

.labelClasificar, .labelFormaPago{ float:left; margin-right:15px;}

.rowAgregar,.rowAgregar2{overflow:hidden; padding:2px 0; margin-bottom:2px;}
.rowAgregar2{width:510px;}/*ie6*/
.rowAgregarBotones{margin:15px 0; text-align:right;}

.botonPublicarTour{ width:135px; height:30px; background:url(imagenes/botonPublicarTour.gif) top no-repeat; color:#fff; border:0; font-size:1em; font-weight:bold;}

.botonAgregarImagen{float:left; width:160px; height:50px; margin:35px 25px 0 20px; text-align:center;}
.imagenTourAgregar{float:left; width:100px; height:100px; background:#CDD7E2; margin-right:20px; display:inline;}

.cajaTextDescripcion{float:left; width:160px; height:50px; margin:0px 25px 0 20px; text-align:center; display:inline;}
.cajaDescripcion, .cajaDescripcion2{float:left; width:500px; height:60px;}

.cajaDescripcion2{ height:auto;}

.info, .info2{ background:url(imagenes/icon_info.gif) left no-repeat; padding:1px 0 0 20px;}
.info2{ background:url(imagenes/icon_info2.gif) left no-repeat;}
.banderaSpain{ background:url(imagenes/Spain.png) left no-repeat;}
.banderaUsa{ background:url(imagenes/Usa.png) left no-repeat;}
.banderaFrance{ background:url(imagenes/France.png) left no-repeat;}
.banderaItaly{ background:url(imagenes/Italy.png) left no-repeat;}
.banderaChina{ background:url(imagenes/China.png) left no-repeat;}
.banderaGermany{ background:url(imagenes/Germany.png) left no-repeat;}
.banderaJapan{ background:url(imagenes/Japan.png) left no-repeat;}
.banderaRussian{ background:url(imagenes/Russian.png) left no-repeat;}
.banderaPortugal{ background:url(imagenes/Portugal.png) left no-repeat;}
.banderaHolanda{ background:url(imagenes/Holanda.png) left no-repeat;}

.banderaSpain, .banderaUsa, .banderaFrance, .banderaItaly, .banderaChina, .banderaGermany, .banderaJapan, .banderaRussian, .banderaPortugal, .banderaHolanda{padding-left:20px; background-position:0 -1px;}

.contenedorDescripcion{overflow:hidden;}
.descripPrincipal{overflow:hidden; width:725px; padding-top:5px;}
.avisoDescrip{float:left; background:#FFE886; padding:5px 10px; width:715px; _width:705px; /*ie6*/ overflow:hidden; display:inline;}
.leftSideDescripcion{float:left; width:510px;}
.rightSideDescricion{float:right; width:205px;}
.tooltipDescripcion{line-height:1.5em; padding-left:5px; color:#A0A0A0; text-align:justify;}

.tituImagesPredi{ float:left; width:700px; padding:8px 0;}
.contentImagesPredi{float:left; border:1px solid #B3B9C3; background:#E8E8E8; padding:7px 12px; overflow:hidden; height:105px; width:700px;}


.contenedorCamara{width:220px; height:150px; background:url(imagenes/bg-camara.jpg) top no-repeat; float:left; margin:10px 10px 10px 14px; display:inline;}
.upload{width:220px; height:21px; padding-top:4px; margin-left:10px;  #margin-left:5px; }
.imagenCamara{float:left; margin:10px 0 0 11px; width:145px; height:104px; display:inline;}
.contenedorBotonesCamara{float:left; margin:10px 0 0 16px; overflow:hidden; width:41px; height:104px; display:inline; }
.botonCamaraSubir{float:left; width:37px; height:37px; margin:5px 0 0 4px; display:inline;}
.botonCamaraEliminar{float:left; width:38px; height:36px; margin-top:17px; #margin-top:14px; display:inline;}
p.errorCam{ font-weight:bold; color:Red; text-align:center;}


.idiomaContent{text-align:center; padding:0px 0 10px 100px; #padding-left:0px}
.idiomaContent td{ padding:10px; margin:5px; vertical-align:top;}
.idiomaContent td input{ float:left;}
.idiomaContent td label{ float:left; padding-top:4px;}

.botonPaises{ float:left; margin-right:30px;}




/*	-------------------------------------------------------------
	Estilo Página Perfil
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
.labelPerfil { float:left; width:160px; padding:0px 0 0px 0px; float:left; line-height:normal;}
.txtPerfil { float:left; width:auto; padding:0px 0 0px 20px; float:left; line-height:normal;}
.rowPerfil{overflow:hidden; padding:2px 0; margin-bottom:2px; width:726px;}
.rowPerfilBotones{margin:15px 0; text-align:right;}


/*	-------------------------------------------------------------
	Estilo Página Terminos y Condiciones
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#contentTerminosAgencia p{ text-align:justify;}	


/*	-------------------------------------------------------------
	Pie de Página
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#pie{height:150px; background: #B9C8D7 url(imagenes/bg-pie.jpg) top repeat-x; font-family:Verdana;}
.contenedor-pie{ width:960px; margin:0 auto;}
.contenido-pie{padding-top:50px;}
.terminos{float:left; text-align:center; line-height:1.5em; font-size:.85em; padding-top:15px;}/*float:left fix safari y chrome bugs*/

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

ul.condicionesAgencia{ margin-left:20px; }
ul.condicionesAgencia li{ list-style-type:decimal; line-height:1.5em; padding-bottom:10px; text-align:justify;}
ul.condicionesAgencia ul { margin:15px 0 0 20px;}
ul.condicionesAgencia ul li{ list-style-type:lower-alpha; }

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

.itemControl{ background:#E6E6E6; width:150px; padding:6px; color:#7A8596;}
.itemxz{width:600px; padding:6px; background:#F4F4F4;}
.editPerfil{ padding:0; margin-top:15px;}



/*	-------------------------------------------------------------
	Estilo Página Mis Preguntas
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

    .itemPregunta, .itemPregunta2{ width:744px; padding:5px 0px; border-top:1px solid #E4E4E4; border-right:1px solid #E4E4E4; border-left:1px solid #E4E4E4; overflow:hidden; background:#FFF;}
    .itemPregunta:hover{background:#FFFCD9; cursor:pointer;}
    .itemPregunta2{ border-top:0; background:#fff;}
    .comentarioHide{ padding:0 10px 0px 10px; margin:5px 10px; border:1px solid #E4E4E4; background: #F2F2F2 url(imagenes/bgMisPreguntasHide.gif) top repeat-x;}
    .cabeceraComentarioHide{overflow: hidden; padding: 7px 0 15px 0; width:702px;}
    .numPregunta, .nombrePregunta, .eliminarPregunta, .estadoPregunta{float:left; line-height:normal; padding:2px 0;}
        .numPregunta{width:135px; padding-left:8px; color:#FF9900;}
        .nombrePregunta{width:528px}
        .estadoPregunta{width:70px;}     
        
    .filaPregunta{ overflow:hidden; padding-bottom:10px;}        
    .emailPregunta,.telefonoPregunta, .paisPregunta, .ciudadPregunta { float:left; width:350px;}  
    .labelPregunta{ float:left; width:60px; color: #7A85B1;}  

    .emailPregunta{}
    .telefonoPregunta{}
    .paisPregunta{}
    .ciudadPregunta{}    
    
/*	-------------------------------------------------------------
	Estilo Página Mis Reservas
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	
    .itemReserva, .itemReserva2{ width:744px; padding:5px 0px; border-top:1px solid #E4E4E4; border-right:1px solid #E4E4E4; border-left:1px solid #E4E4E4; overflow:hidden; background:#FFF;}
    .itemReserva:hover{background:#FFFCD9; cursor:pointer;}
    .itemReserva2{ border-top:0; background:#fff;}
    .comentarioHide{ padding:0 10px 0px 10px; margin:5px 10px; border:1px solid #E4E4E4; background: #F2F2F2 url(imagenes/bgMisPreguntasHide.gif) top repeat-x;}
    .cabeceraComentarioHide{overflow: hidden; padding: 7px 0 15px 0;}
    .numReserva, .nombreReserva, .estadoReserva{float:left; line-height:normal; padding:2px 0;}
        .numReserva{width:135px; padding-left:8px; color:#FF9900;}
        .nombreReserva{width:528px}
        .estadoReserva{width:70px;}     
        
    .filaReserva{ overflow:hidden; padding-bottom:10px;}        
    .comunReserva,.viajerosReserva, .fechaReserva2 { float:left; width:350px;}  
    .labelReserva{ float:left; width:60px; color: #7A85B1;}  
    .labelReserva2{ float:left; padding-right:5px;}  
    .points{ float:left; padding-right:5px;}
    .labelReservaInfo{ float:left; color:#333333;}

    .emailReserva{}
    .telefonoReserva{}
    .paisReserva{}
    .ciudadReserva{} 
    .fechaReserva2{ width:auto; padding-right:20px;}   	

    .viajerosReserva{width:auto; padding-right:20px;}  
    
    
 /*	-------------------------------------------------------------
	Estilo Página Soporte Técnico
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/     
    .contenidoSoporteTecnico{ overflow:hidden; padding: 25px 10px 0px 0px; float:right;}
    .filaSoporte{ overflow:hidden; padding:10px 0;}
    .imgSoporte{ float:left; width:120px;}
    .infoSoporte{ float:left; width:200px; overflow:hidden;}
    .fixGerencia{padding:40px 10px 0 0}
    
    .ticketSide{ float:left; width:280px; margin:30px 0px 0 25px; display:inline; padding:10px; border:1px solid #ababab; background:#EBEBEB;}
    .filaSoporte2{ overflow:hidden; padding:10px 0; width:320px; float:left;}
    .lblTicket{ width:150px; text-align:right;}
    
    .fila2{overflow:hidden; width:670px; padding:30px 20px 0 30px;}
    
 /*	-------------------------------------------------------------
	Estilo Página Estadística
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/     
    .contenidoEstadistica{ overflow:hidden; padding: 25px 0 20px 10px;}
    .chartText{ font-size:10px;}

/*	-------------------------------------------------------------
	Cabeceras paginas / mis tours / mis preguntas / mis reservas
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/   
	
	/*mis preguntas - mis reservas*/
	
	.tituloNombre2{width: 528px;}
	.tituloEstado2{width: 70px;}	
	
    
    .hideIt{ display:none; visibility:hidden;}
    .separatorLine{border-top:1px solid #E4E4E4; border-bottom:1px solid #fff; margin: 0 0 10px 0; padding:0; height:0;}
    .botonMarcarComo{ padding-bottom:15px; margin-top:-2px;}
    .botonEstado{background: url(imagenes/botonEstado.png) top no-repeat; border:none; color:#fff;}
    @-moz-document url-prefix() {.botonEstado {padding-bottom:3px; outline:0;}}


         
        .cajaPanelxz
        {
            width: 746px;
            padding: 10px 15px 15px 15px;
            background: #F7F7F7 url(imagenes/bg-PanelUsuario.png) top repeat-x;
            border: 1px solid #D6D6D6;
            overflow: hidden;
            margin-top:20px;
        }       
        
.hotspot {color:#900; cursor:pointer;}        
        #tt {position:absolute; display:block;}
#tttop {display:block; height:5px; margin-left:5px; overflow:hidden}
#ttcont {display:block; padding:8px 8px; text-align:justify; line-height:1.4em; font-size:.95em; margin-left:5px; border:1px solid #333; background:#f7f5d1; color:#333;}
#ttbot {display:block; height:5px; margin-left:5px; overflow:hidden}  

.textNomTour{}





.seccBuscador{ overflow:hidden; padding:10px 0;}
    .pagePlugin{ padding:10px 0;}
    .codePlugin{padding:10px 0;}
.txtCodigoHtml, .txtCodigoHtml2, .txtCodigoHtml3{ font-family:Arial; width:740px; height:60px; font-size:11px; color:#8A8A8A; border:1px solid #9B9DA6;}
.txtCodigoHtml:hover, .txtCodigoHtml2:hover, .txtCodigoHtml3:hover{ border:1px solid #575962;}
.txtCodigoHtml2{ width:220px; height:60px;}
.txtCodigoHtml3{ width:500px; height:60px;}

#menuIconWebmaster ul{ width:480px; height:90px; margin:0; padding:0;}
#menuIconWebmaster li{ float:left; width:120px; height:90px; list-style:none;}
#menuIconWebmaster li span{ display:none;}
    .iconBanner,.iconBuscadores,.iconWebservices,.iconSoporte{ display:block; width:120px; height:90px; background:url(../../imagenes/webmasters/bannersWebmaster.gif) no-repeat; background-position:0 -90px;}
    .iconBanner{ background-position:0 -90px;}
    .iconBanner:hover{ background-position:0 0px;}
    .iconBuscadores{ background-position:-120px -90px;}
    .iconBuscadores:hover{ background-position:-120px 0px;}
    .iconWebservices{background-position:-240px -90px;}
    .iconWebservices:hover{ background-position:-240px 0px;}
    .iconSoporte{background-position:-360px -90px;}
    .iconSoporte:hover{background-position:-360px 0px;}
    
/* arregla separator de el menuTopPrincipal*/
ul.menuSupLeft li, ul.menuSupRight .fixSesion { background-position: right -26px !important; }