/*** ESTILOS HOME GRUPO TRANSHOTEL ***/

/* COMUNES */
	html { margin:0; padding:0; }
	body {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:62.5%;
		color:black;
		margin:0;
		position:relative;
	}
	.clear {
		clear:both;
		line-height:0;
		font-size:1px;
		padding:0;
		margin:0;
	}
	a {	color:#0199FF; outline-style:none; }
	.warning {
		font-size:0.9em;
		line-height:1em;
		font-weight:bold;
		color:#CC0000;
		text-align:center;
		margin:0 0 10px 0;
	}
	h1, h2, h3, h4, h5 {
		color:#004EA4;
	}
	h1 {
		font-size:1.2em;
	}
	h2 {
		font-size:1.6em;
		letter-spacing:-1px;
	}
	h3 {
		font-size:1.25em;
		letter-spacing:-1px;
	}
	h4 {
		font-size:1.1em;
		letter-spacing:normal;
	}
	

/*** CABECERA ***/
	.menuContainer {
		width:960px;
		margin:auto;
		*margin-bottom:10px !important;
		*margin-bottom:10px;
		text-align:center;
		background:url(../images/bgMenu.jpg) repeat-x;
		height:53px;
	}
	.menutopContainer {
		width:960px;
		margin:auto;
		*margin-bottom:10px !important;
		*margin-bottom:10px;
		/*text-align:center;
		background:url(../images/bgMenu.jpg) repeat-x;
		height:53px;*/
		z-index:999;
	}
	.bajoMenu {
		width:960px;
		height:25px;
		background:#e7e7e7;
		margin:auto;
		}
	.headerHome {
		width:980px;
		height:65px;
		margin:auto;
		position:relative;
	}
		.headerHome .logo {
			position:absolute;
			left:18px;
			top:15px;
		}
		.headerHome .comboPais {
			position:absolute;
			bottom:12px;
			right:0;
			text-align:left;
			width:140px;
		}
		.headerHome .comboIdioma {
			position:absolute;
			bottom:12px;
			right:150px;
			text-align:left;
			width:140px;
		}
		.headerHome .comboIdioma span, .headerHome .comboPais span {
			font-family: Arial, Helvetica, sans-serif;
			font-weight:bold;
			font-size:1.25em;
			letter-spacing:-1px;
			color:#999;
		}
		.headerHome .comboPais select, .headerHome .comboIdioma select {
			font-size:1em;
			padding:1px;
			width:130px;
		}

/*** CONTENIDOS ***/
	.contentsHome {
		width:944px;
		margin:auto;		
		margin-bottom:0;
		padding:0 8px;
		font-size:1.1em;
		line-height:1.6em;
		background:url(../images/bgContentsHome2.jpg);
		background-color:#E9F3FF;
		}
	

	#home .contentsHome .colLeft {
		width:379px !important;
		width:375px;
		float:left;
		padding-top:10px !important;
		*padding-top:0 !important;
		*padding-top:0;
		height:446px !important;
		*height:435px !important;
		*height:431px;
		position:relative;
		z-index:1;
		}
	#home .contentsHome .colRight {
		float:right;
		width:555px;
		padding:10px 0 5px 0 !important;
		*padding:0 0 5px 0 !important;
		*padding:0 0 5px 0;
		}
		
	.contents { /* Interiores */
		width:960px;
		margin:auto;
		font-size:1.1em;
		line-height:1.6em;
		}
		.contents .colLeft {
			float:left;
			width:195px !important;
			width:190px;
			height: auto !important;
			*height:400px;
			min-height:400px !important;
			
		}
	
/* Bloque izquierdo de Home: Noticias, Caja de Login, Bloques */	
	.titArea {
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.45em;
		font-weight:bold;
		color: #004EA4;
		letter-spacing:-1px;
		margin-top:10px;
		margin-bottom:6px;
	}
	.fechaNoticia { font-weight:bold; color:#999; }
	.noticiaHome {
		padding-left:18px;
		background:url(../images/bulletNoticias.gif) no-repeat;
		background-position:top left;
		margin-top:3px;
		margin-bottom:6px;
		line-height:1.3em;
	}
	#home .colLeft .blockLeft { /* Columna izquierda */
		float:left;
		width:195px !important;
		width:190px;
	}
/* CAJA LOGIN HOME */
	#home .colLeft .cajaLogin {
		padding:4px;
		height:237px;
		margin-bottom:0;
		}
	#home .colLeft .cajaLogin .titulo {
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.5em;
		font-weight:bold;
		color: #004EA4;
		letter-spacing:-1px;
		margin-bottom:10px;
		padding-bottom:10px;
		border-bottom:1px solid #AAD2FF;
		background:#E8F3FF;
	}
	#home .colLeft .cajaLogin label {	
		font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
		float:left;
		width:auto;
		margin-bottom:4px;
		font-size:10px;
		color:#666;
		font-weight:bold;
		padding-top:2px;
	}
	#home .colLeft .cajaLogin input {
		float:right;
		width:75px;
		padding:1px;
		font-size:11px;
		margin-bottom:4px;
	}
	#home .colLeft .cajaLogin input.btnLogin {
		float:right;
		margin-right:7px;
		margin-top:4px;
		margin-bottom:10px;
		padding-bottom:2px;
		width:75px;
		height:23px;
		background:url(../images/bgBtnLogin.gif) no-repeat;
		border:0;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-size:0.9em;
		font-weight:bold;
		color:white;
		text-transform:uppercase;
		text-align:center;
	}
	#home .colLeft .blockRight { /* Columna derecha: Revista y Únete */
		float:right;
		width:175px;
	}
	#home .colLeft .blockRight .bloqueRevista {
		height:136px;
		margin-top:0;
		margin-bottom:10px;
		border:1px solid #CCC;
		padding:7px 3px 5px 3px;
		background:url(../images/bgBloqueRevista.jpg) no-repeat;
		position:relative;
		}
		#home .colLeft .bloqueRevista .titulo {
			font-family:Arial, Helvetica, sans-serif;
			font-size:1.4em;
			font-weight:bold;
			color: #004EA4;
			letter-spacing:-1px;
			height:36px;
			width:169px;
			position:absolute;
			top:2px;
			left:2px;
			}
		#home .colLeft .bloqueRevista img {
			float:left;
			width:66px;
			height:94px;
			position:absolute;
			top:45px;
			left:10px;
			border:0;
			}
		#home .colLeft .bloqueRevista .numero {
			font-family:Arial, Helvetica, sans-serif;
			position:absolute;
			right:-3px;
			bottom:5px;
			font-size:1.55em;
			font-weight:bold;
			letter-spacing:-1px;
			color:#666;
			padding-right:6px;
			}
	#home .colLeft .blockRight .bloqueUnete {
		height:72px;
		margin-top:0;
		margin-bottom:0;
		border:1px solid #CCC;
		padding:7px 3px 5px 3px;
		background:url(../images/bgBloqueUnete.jpg) no-repeat;
		background-position:2px 2px;
		position:relative;
	}
	#home .colLeft .bloqueUnete .titulo {
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.5em;
		font-weight:bold;
		color:#002C5F;
		letter-spacing:-1px;
	}
	#home .colLeft .bloqueUnete .enlaces {
		width:166px;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		position:absolute;
		left:4px;
		bottom:3px;
	}
/* Bloque derecho de Home: Foto central, 2 columnas bajo foto */
	#home .contentsHome .colRight .imagenCentralHome {
	margin-bottom:5px;
	background:#E9F3FF;
	border:1px solid #CCC;
	line-height:1.2em;
	}
	#home .colRight .blockLeft { /* Columna izquierda */
		float:left;
		width:330px; 
		height:208px !important;
		margin-bottom:0;
		/*height:179px !important;
		*height:174px;*/
		border:1px solid #CCC;
		padding:2px;
		background:white;
		}
	#home .colRight .blockLeft p {
		margin-top:0; padding-left:5px;
		}
	#home .colRight .blockLeft_publi { /* Columna izquierda */
		float:left;
		width:336px;
		height:214px !important;
		margin-bottom:0;
		}
	#home .colRight .blockLeft_publi p {
		margin-top:4px; padding-left:5px;
		}
	#home .colRight .blockRight { /* Columna derecha */
		float:right;
		width:214px;
		height:214px;
	}
	#home .colRight .blockRight p { /* Contenidos en columna derecha */
		height:98px !important;
		/*height:84px !important;
		*height:81px;*/
		margin-top:0;
	}
	#home .colRight .blockRight p.top {
		margin-top:0px;
		margin-bottom:6px;
		text-align:center;
		padding:2px;
		background:white;
		border:1px solid #CCC;
	}
	#home .colRight .blockRight p.bottom {
		margin-bottom:0;
		text-align:center;
		padding:2px;
		background:white;
		border:1px solid #CCC;
	}
		#home .colRight .blockRight p.top_publi {
		margin-top:0;
		margin-bottom:6px;
		text-align:center;
	}
	#home .colRight .blockRight p.bottom_publi {
		margin-top:0;
		margin-bottom:0;
		text-align:center;
			}
/*** FOOTER ***/
	.footer { width:960px; margin:auto; border-top:1px solid #CCC; }
	.footer div {
	padding:9px 10px;
	text-align:right;
	background:#e7e7e7; 	
	border-top:1px solid white;
	font-size:1.1em;
	color:#666;
	}

.footerhome div {
	padding:9px 10px;
	text-align:right;
	background:#e7e7e7 url(http://www.tripadvisor.es/img/cdsi/langs/es/tripadvisor_logo_132x24-14277-0.gif) no-repeat 12px;
	border-top:1px solid white;
	font-size:1.1em;
	color:#666;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	}

		.footer2 { width:976px; margin:auto;}
	.footer2 div {
	position:absolute; 
	top:873px;
	padding:9px 10px;
	text-align:right;
	background:#e7e7e7;
	border-top:1px solid white;
	font-size:1.1em;
	color:#666;
	width: 960px;

	}	
	
/*** PAGINAS INTERIORES ***/

/* Breadcrumb */
	.breadcrumb {
		width:920px;
		margin:auto;
		border-bottom:1px solid #EFEFEF;
		padding:7px 20px 7px 20px !important;
		*padding:0 20px 7px 20px !important;
		*padding:0 20px 7px 20px;
		margin-bottom:15px;
		margin-top:0;
		color:#999;
	}
	#interior .colLeft {
		float:left;
		width:170px;
		margin-right:10px;
	}
.colRight {
	float:left;
	width:760px;
}

/*- Menu lateral STAFF ------------------------------*/
	/* Menu Producto */
		.menuProducto {
			/*width:160px;*/
			padding:4px 0;
			text-align:center;
			margin-bottom:5px;
			border-bottom:1px solid #63C0FE;
			}
	/* Menu Areas Contacta */
		.menuAreas { border-bottom:1px solid #63C0FE; padding:2px; }
		.menuAreas span { color:#666; font-weight:bold; }	
		.menuAreas ul {
			margin:0;
			padding:0;
			list-style-type:none;
			margin-bottom:5px;	
			}
		.menuAreas ul li {
			border-bottom:1px solid #e7e7e7;
		}
		.menuAreas a {
			display:block;
			color:black;
			text-decoration:none;
			padding-left:7px;
			height:22px;
			line-height:2.1em;
		}
		.menuAreas a:hover {
			color:white;
			background:#63C0FE;
		}

/* CAJA LOGIN */
	.colLeft .cajaLogin { padding:3px; background:#E8F3FF; border:1px solid #C4E0FF; margin-bottom:15px; }
	.colLeft .cajaLogin .titulo {
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.45em;
		font-weight:bold;
		color: #004EA4;
		letter-spacing:-1px;
		margin-bottom:10px;
		padding-bottom:10px;
		border-bottom:1px solid #AAD2FF;
	}
	.colLeft .cajaLogin label {	
		font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
		float:left;
		width:auto;
		margin-bottom:4px;
		font-size:10px;
		color:#666;
		font-weight:bold;
		padding-top:2px;
	}
	.colLeft .cajaLogin input {
		float:right;
		width:80px;
		padding:1px;
		font-size:11px;
		margin-bottom:4px;
	}
	.colLeft .cajaLogin input.btnLogin {
		float:right;
		margin-right:11px;
		margin-top:4px;
		margin-bottom:10px;
		padding-bottom:2px;
		width:75px;
		height:23px;
		background:url(../images/bgBtnLogin.gif) no-repeat;
		border:0;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-size:0.9em;
		font-weight:bold;
		color:white;
		text-transform:uppercase;
		text-align:center;
		cursor:pointer;
		cursor:hand;
	}
	
/* Contenidos Interiores */

	.colRight .contenidos {
		padding:0 10px 15px 20px;
		margin-bottom:15px;
	}
	
/* Combo Delegaciones */
	.comboDelegaciones {
		font-size:1em;
		margin-top:15px;
		margin-bottom:20px;
		font-weight:bold;
		color:#666;
	}
	.comboDelegaciones select {
		font-size:1.1em;
		padding:1px;
		width:190px;
	}
/* Pestañas Datos y Staff */
	.navegaStaff {
		width:100%;
		border-bottom:1px solid #666;
		padding-left:4px;
	}		
	.navegaStaff .inactiva {
		float:left;
		width:auto;
		color:white;
		font-weight:bold;
		padding:2px 15px;
		margin-right:1px;
		border:1px solid #666;
		border-width:1px 1px 0 1px;
	}
	.navegaStaff .activa {
		float:left;
		width:auto;
		color:#666;
		font-weight:bold;
		padding:2px 15px;
		background:#efefef;
		margin-right:1px;
		border:1px solid #CCC;
		border-width:1px 1px 0 1px;
	}
	.navegaStaff .producto { float:right; width:auto; }
	.navegaStaff a:link, .navegaStaff a:visited  {
		display:block;
		color:#666;
		font-weight:bold;
		text-decoration:none;
	}
	.navegaStaff a:hover {
		color:white;
	}
/* Datos generales */
	.containerDatos {
		padding:0 20px 0 20px;
	}
	.datos {
		float:left;
		width:50%;
		padding:0;
		margin:0;
		margin-top:15px;
	}
	.datos .titulo {
		display:block;
		color:#0199FF;
		font-weight:bold;
		border-bottom:1px solid #efefef;
	}
	.datos p {
		margin-top:4px;
		margin-bottom:4px;
	}
/* Buscador de Contactos */
	.contactSearch {
		margin:auto;
		width:520px;
		background:#DFEEFF;
		padding:12px 40px;
		margin-top:30px;
	}
	.contactSearch h4 {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 1.4em;
		color:#0199FF;
		letter-spacing:-1px;
		margin:3px;
	}
	.contactSearch select,.contactSearch  input  {
		width:170px;
		font-size:1em;
		padding:1px;
	}
	.contactSearch input.btnBuscarContactos {
		padding-bottom:2px;
		width:75px;
		height:23px;
		background:url(../images/bgBtnLogin.gif) no-repeat;
		border:0;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-size:0.9em;
		font-weight:bold;
		color:white;
		text-transform:uppercase;
		text-align:center;
	}
/* Página de Staff: breadcrumb y fichas */
	.headerStaff, .footerStaff { margin-top:20px; padding:5px 0 5px 0; }
	.headerStaff { border-bottom:1px solid #e7e7e7; }
	.footerStaff { border-top:1px solid #e7e7e7; }
	.headerStaff .breadcrumbStaff, .footerStaff .breadcrumbStaff {
		float:left;
		width:auto;
		color:#999;
	}
	.headerStaff .paginacion, .footerStaff .paginacion {
		float:right;
		width:auto;
		font-weight:bold;
		color:#999;
	}
	.fichaPersonal {
		float:left;
		width:33%;
		margin:15px 0 15px 0;
	}
	.fichaPersonal .nombre {
		display:block;
		font-weight:bold;
		color:#0199FF;
	}	
	.fichaPersonal .foto {
		border:1px solid #0199FF;
	}
/* Tabs Páginas Contenidos */
	.navegaTabs {
		width:100%;
		border-bottom:1px solid #666;
	}		
	.navegaTabs .inactiva {
		float:left;
		height:19px;
		width:auto;
		color:white;
		font-weight:bold;
		padding:3px 15px 2px 15px;
		background:#666666;
		margin-right:1px;
		font-size:0.9em;	
	}
	.navegaTabs .activa {
		float:left;
		height:19px;
		width:auto;
		color:#666;
		font-weight:bold;
		padding:3px 15px 2px 15px;
		background:#CCC;
		margin-right:1px;
	}
	.navegaTabs a:link, .navegaTabs a:visited  {
		display:block;
		color:#666;
		font-weight:bold;
		text-decoration:none;
		font-size:0.9em;
	}
	.navegaTabs a:hover {
		color:white;
	}

/*- QUIENES SOMOS ------------------*/
	.fichaEmpresaQuienes { float:left; width:330px; margin-right:20px; margin-bottom:20px; }
	.fichaEmpresaQuienes #logo { float:left; width:100px; padding-top:5px; }
	.fichaEmpresaQuienes p { float:right; width:215px; border-left:1px solid #CCC; padding-left:5px; margin:0; }
	
/*- LISTADO DE NOTICIAS -----------------------*/
	ul.listaNoticias { margin:0; padding:0; list-style-type:none; }
	ul.listaNoticias li { padding-bottom:23px !important; *padding-bottom:5px !important; *padding-bottom:7px; clear:both; }
	ul.listaNoticias span { float:left; width:55px; background:#D4E0EE; color:#004EA4; padding:1px 4px; margin-right:12px; }
	ul.listaNoticias a { float:left; width:600px; display:block; }


	/*- Caption --------------------------*/
	.imagenNoticiaLeft, .imagenNoticiaRight { padding:2px; border:1px solid #CCC; }
	.imagenNoticiaLeft { float:left; margin-right:8px; }
	.imagenNoticiaRight {  float:right; margin-left:8px; }
	.imagenNoticiaLeft img, .imagenNoticiaRight img { margin-bottom:2px !important;*margin-bottom:1px !important; *margin-bottom:1px; }
	.imagenNoticiaLeft .caption, .imagenNoticiaRight .caption {  font-size:0.9em; line-height:1.1em; padding:3px 8px; text-align:center; background:#e7e7e7; }
	
	/*- Ferias ---------------------------*/
	h4.mesFerias { margin-bottom:3px; margin-top:1px; }
	h4.nombreFerias { margin:2px 0; display:block; }
	.bloqueFerias { border-top:1px solid #CCC; padding:5px; zoom:1; position:relative; }
	.bloqueFerias .miniaturas { width:390px; float:left; text-align:left; padding-top:6px; }
	.bloqueFerias .miniaturas a { float:left; width:120px; margin-right:10px; text-align:center; margin-bottom:10px; }
	.bloqueFerias .infoFeria div { width:285px; float:right; color:#666; border:1px dashed #CCC; background:#FFF; padding:5px 10px; zoom:1; position:relative; top:0; right:0; }
	.bloqueFerias .infoFeria div .cerrar { position:absolute; top:5px; right:10px; }
	
			/*- TorSystemAdvanced ---------------------------*/
	h4.TSA { margin-bottom:3px; margin-top:1px; }
	h4.nombreTSA { margin:2px 0; display:block; }
	.bloqueTSA { padding:5px; position:relative; }
	.bloqueTSA .miniaturas { width:650px; float:left; text-align:left; padding-top:6px; }
	.bloqueTSA .caracteristica div { width:650px; float:left; color:#000; border:1px dashed #CCC; background:#FFF; padding:5px 10px; zoom:1; position:relative; top:20px; right:0; }
	.bloqueTSA .caracteristica div .cerrar { position:absolute; top:5px; right:10px; }
	
	/*- Folletos -------------------------*/
	.folletosTH { float:left; width:auto; padding:2px; border:1px solid #CCC; margin-right:9px; text-align:center; margin-bottom:5px; }
	.folletosTH h4 { font-size:1em; margin-top:4px; margin-bottom:2px; }
	.folletosTH span.imagen { text-align:center; }
	.folletosTH span.imagen img { border:1px solid #CCC; padding:2px; }
	.folletosTH a.verfolleto { display:block; text-align:right; }
		
	/*- Aviso legal ----------------------*/
	#avisoLegal { margin:10px; }
	#avisoLegal .tblBorde { width:480px; border:1px solid #CCC; }
	#avisoLegal .tblBorde .celdaBordePadding { padding:8px; }
	
	
	.colRight > .contenidos > h2 { margin-top:2px; }