/* ESTILOS PROJECTO 'PROXIMA VIAGEM -- REVISTA DIGITAL' */
/* © IMPALA 2011                                        */



/* ARTIGO 03 -- AMESTERDAO -------------------------------------- */

.artigo03 {
	position:relative;
	}

.artigo03 p {
	clear:none;
	line-height:150%;
	}

.artigo03 h1 {
	font-family:Delicious;
	font-size:21px;
	font-weight:normal;
	padding:15px 20px;
	line-height:140%;
	}
	
.artigo03 h1.amesterdao {
	font-size:20px;
	color:#00335B;
	width:498px;
	}
	
.artigo03 h2 {
	font-family:Delicious;
	font-size:22px;
	line-height:140%;
	font-weight:normal;
	color:#007E79;
	}

.artigo03 h2.bikes {
	float:left;
	margin:30px 20px 0 20px;
	color:#9B8057;
	}
	
.artigo03 h2.museu {
	float:left;
	margin:30px 20px 0 20px;
	color:#9B8057;
	}

.artigo03 h2.cafe {
	float:left;
	margin:30px 20px 0 20px;
	color:#9B8057;
	}

.artigo03 h2.cidade {
	float:left;
	margin:-10px 20px 0 20px;
	color:#9B8057;
	}

.ie8 .artigo03 h2.cidade {
	float:left;
	margin:-10px 20px 0 20px;
	color:#9B8057;
	}
		
.artigo03 h6 {
	font-family:Delicious;
	font-size:20px;
	font-weight:normal;
	color:#fff;
	background:#9B8057;
	padding:13px 20px;
	line-height:130%;
	}
	
.artigo03 h6.ondeir {
	float:left;
	font-family:Delicious;
	font-size:30px;
	font-weight:normal;
	color:#fff;
	background:#01335C;
	margin:1px 0 0 0;
	padding:10px 20px;
	line-height:130%;
	width:319px;
	}
	
.artigo03 p.txtl {
	float:left;
	width:420px;
	padding:0 10px 10px 20px}

.artigo03 .txtr {
	float:left;
	width:420px;
	padding:0 20px 10px 10px;
}
	
.artigo03 p.txt01{
	float:left;
	width:499px;
	margin:-425px 20px 0 20px;
}

.artigo03 p.txt02{
	float:left;
	width:319px;
	margin:-210px 20px 0 20px;
}

.ie8 .artigo03 p.txt02{
	margin:-220px 20px 0 20px;
}

.artigo03 p.txt03{
	float:left;
	clear:left;
	width:499px;
	margin:0 20px 0 20px;
}

.ie8 .artigo03 p.txt03{
	float:left;
	clear:left;
	width:499px;
	margin:0 20px 0 20px;
}

.artigo03 p.bicicletas{
	float:left;
	width:320px;
	margin:15px 20px 0 20px;
}

.ie8 .artigo03 p.bicicletas{
	float:left;
	width:320px;
	margin:5px 20px 0 20px;
}

.artigo03 p.arte{
	float:left;
	width:320px;
	margin:10px 20px 0 20px;
}

.artigo03 p.cafe{
	float:left;
	width:410px;
	margin:20px 20px 0 20px;
}

.ie8 .artigo03 p.cafe{
	float:left;
	width:410px;
	margin:10px 20px 0 20px;
}

.artigo03 p.cidade{
	float:left;
	width:410px;
	margin:20px 20px 0 20px;
}

.ie8 .artigo03 p.cidade{
	float:left;
	width:410px;
	margin:10px 20px 0 20px;
}

.artigo03 p.ondeir01{
	float:left;
	width:319px;
	margin:20px 20px 0 20px;
}

.artigo03 p.ondeir02{
	float:right;
	width:320px;
	margin:20px 20px 0 20px;
}

.artigo03 img.Dam{
	float:right;
}

.artigo03 img.canais{
	float:right;
	clear:right;
}

.artigo03 img.coffeeshop{
	float:right;
	margin:1px 0 1px 0;
}

.artigo03 img.central{
	float:left;
	margin:1px 0 0 0;
}

.artigo03 img.bikespark{
	float:right;
	margin:1px 0 0 0;
}

.artigo03 img.museu{
	float:right;
}

.artigo03 img.AF{
	float:right;
	margin:1px 0 0 0;
}

.artigo03 img.queijo{
	float:left;
	margin:1px 0 0 0;
}

.artigo03 img.Haarlem{
	float:left;
	clear:left;
	margin:1px 0 0 0;
}

.artigo03 img.palacio{
	float:right;
	margin:1px 0 0 0;
}

.artigo03 img.red{
	float:right;
	margin:1px 0 0 0;
}

.artigo03 img.oude{
	float:left;
	margin:1px 0 0 0;
}

.artigo03 .boxVideo{
	float:right;
	margin:1px 0 0 0;
}

/* galeria simples ------------------------------------------------ */

.artigo03 .boxGaleriaSimples {
	height:500px;
	width:900px;
	overflow:hidden;
	}


.boxGaleriaSimples .galeria { 
	width:900px;
	height:500px;
	overflow:hidden;
	}
	
.artigo03 .boxGaleriaSimples .title {
	position:absolute;
	z-index:1000;
	left:20px;
	top:15px;
	}

.artigo03 .boxGaleriaSimples p.subtitle {
	position:absolute;
	z-index:1000;
	left:20px;
	top:100px;
	font-family:Delicious;
	font-size:30px;
	font-weight:normal;
	line-height:130%;
	color:#01335C;
	}
					
.boxGaleriaSimples .galeria img {display:none;}	
.boxGaleriaSimples .galeria img:first-child {display:block;}


/* panorama -------------------------------------------------- */

.type_panoramica {
	width:900px;
	height:350px;
	margin:0;
	overflow:hidden;
	float:left;
	}
	
.scroll-pane {
	width:900px;
	height:350px;
	}

	

/* daqui para baixo nao e preciso mexer em nada */
.ie7 .scroll-pane {overflow:hidden;}
.jspContainer {overflow: hidden;position: relative;}
.jspPane {position: relative;}
.jspVerticalBar {display:none;}
.jspContainer .jspHorizontalBar {position: absolute;z-index:1000;bottom: 10px;left: 0;width: 100%;height: 9px;padding:1px 0;background:#fff;opacity:0.6;filter:alpha(opacity=60);}
.jspVerticalBar *, .jspHorizontalBar * {margin: 0;padding: 0;}
.jspCap {display: none;}
.jspHorizontalBar .jspCap {float: left;}
.jspTrack {background: #fff;position: relative;filter:alpha(opacity=30);}
.jspDrag {background:#c00;position:relative;top: 0;left: 0;cursor: pointer;filter:alpha(opacity=60);}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {float: left;height: 100%;}
.jspArrow {background: #50306d;text-indent: -20000px;display: block;cursor: pointer;}
.jspArrow.jspDisabled {cursor: default;background: #80808d;}
.jspVerticalBar .jspArrow {height: 1x;width:1px;}
.jspHorizontalBar .jspArrow {width: 1x;float: left;height: 100%;}
.jspVerticalBar .jspArrow:focus {outline: none;}
.jspCorner {background: #eeeef4;float: left;height: 100%;width:0 !important;}
.jspDragLeft {height:9px;width:auto;background:url(../../img/scrollbar.jpg) left no-repeat;}
.jspDragRight {height:9px;width:5px;float:right;background:url(../../img/scrollbar.jpg) right no-repeat;margin-top:-9px;}

.type_panoramica .title {
	font-family:Delicious;
	font-size:17px;
	line-height:120%;
	font-weight:normal;
	color:#ffffff;
	padding:5px;
	margin:10px 0 0 0;
	position:absolute;
	z-index:1000;
	background:url(../../img/transp_50.png) repeat;
	}
	
/* galerias e modals zoom imagens ------------------------ */

#fotos1 { width:540px; height:179px; float:right; margin:1px 0 0 0;}

#zoom1 { display:none; }

#btn_zoom1 { cursor:pointer; float:right; margin:0; }

.ie7 #btn_zoom1 { display:none; }

/* fim galerias e modals zoom imagens ------------------------ */