/* CSS para EscuintlaViva.com */
/* Enero de 2007              */
/* Autor: Adán A. C.          */
/* Web: escuintlaviva.com     */
/* Categoria: Turismo         */
/* -------------------------- */

/* TOOL TIP */

a.tooltip {
    position:relative; 
    z-index:24;
    text-decoration:none;
}
a.tooltip:hover {
	z-index:25;
}
a.tooltip div {
	display: none;
}
a.tooltip:hover div { 
	margin-top:-10px;
	display:block;
	position:absolute;
	top:8px;
	left:80px;
	width:130px;
	border:1px solid #0cf;
	background-color:#FFFFFF;
	color:#FFFFFF;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 5px;
}

.imgtitulo{
	background-image:url(pixs/arrowbullet.gif);
	padding-left:18px;
	background-repeat:no-repeat;
	background-position:left center;
	font-weight:bold;
	font-size:11px;
}

.imgfecha{
	background-image:url(pixs/date.gif);
	padding-left:18px;
	font-size:11px;
	background-repeat:no-repeat;
	background-position:left center;
}

/* TOOL TIP */

#bgTurismo{
	width:502px;
	height:355px;
	background-image:url(pixs/bgTurismo.png);
	background-repeat:no-repeat;
	background-position:top;
	margin-top:18px;
	padding-top:12px;
	padding-left:10px;
}

#leftcontent{
	padding-left:100px;
	width:510px;
}

.subtitles{
	font-family:"Lucida Sans Unicode", Verdana, Arial;
	font-size:18px;
	color:#FFFFFF;
	border-bottom:1px dotted #36383B;
	background-image:url(pixs/arrow.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:15px;
	margin-left:10px;
	float:left;
}

#navegacion{
	float:right;
	width:168px;
}

.next{
	width:79px;
	height:15px;
	background-image:url(pixs/next.jpg);
	background-repeat:no-repeat;
	font-family:Verdana, Arial;
	font-size:11px;
	color:#FFFFFF;
	text-align:left;
	display:block;
	float:right;
	padding-left:5px;
	text-decoration:none;
}

.previous{
	display:block;
	float:left;
	width:79px;
	height:15px;
	background-image:url(pixs/previous.jpg);
	background-repeat:no-repeat;
	font-family:Verdana, Arial;
	font-size:11px;
	color:#36383B;
	text-align:right;
	padding-right:5px;
	text-decoration:none;	
}

	#navegacion a:link,
	#navegacion a:visited{
		color:#FFFFFF;
		text-decoration:none;
	}
	
	#navegacion a:hover{
		color:#0033FF;
		text-decoration:none;
	}
	
#leftbook{
	float:left;
	width:175px;
}

	.data{
		background:url(pixs/ancla.gif) left center no-repeat;
		font-family: "Lucida Sans Unicode", Verdana;
		font-size:16px;
		color:#FFFFFF;
		padding-left:16px;
		margin-bottom:5px;
	}
	
	.bullet{
		background:url(pixs/bullet.gif) left center no-repeat;
		font-family: "Lucida Sans Unicode", Verdana;
		font-size:12px;
		color:#0033FF;
		padding-left:16px;
	}

#rightbook{
	float:left;
	width:295px;
	margin-left:10px;
	margin-top:15px;
	padding-left:10px;
	padding-top:0px;
}

	#rightbook a img{
		margin:3px;
	}

	#rightbook a:hover img{
		border:#0033FF 1px solid;

	}
	#rightbook h1{
		margin:0;		
		padding:0;
		font-family:"Lucida Sans Unicode", Tahoma, Verdana;
		font-size:14px;
		font-weight:bold;
	}

#iframe{
		margin-top:4px;
		overflow:auto;
		width:290px;
		height:300px;
}

	#iframe img{
		float:right;
		border:1px solid #999999;
		padding:3px;
		background-color:#FFFFFF;
	}
	
	#iframe p{
		color:#FFFFFF;
		font-family:Tahoma, Verdana, Arial;
		font-size:12px;
	}
	
	#iframe a:hover img{
		border:#000000 1px solid;

	}