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



/* ARTIGO 06 -- Barcelona -------------------------------------- */

.artigo21 {
	position:relative;
	}

.artigo21 p {
	clear:none;
	
	}

.artigo21 h1 {
	font-family:Delicious;
	font-size:20px;
	color:#9b8057;
	line-height:30px;
	margin:20px auto;
	font-weight:normal;
	}

.artigo21 h2 {
	font-family:Delicious;
	font-size:18px;
	line-height:28px;
	font-weight:normal;
	color:#9b8057;
 	width:450px;
	text-align:left;
	}

.artigo21 h3 {
	font-family:Delicious;
	font-size:16px;
	line-height:26px;
	font-weight:normal;
	color:#01335c;
 	width:450px;
	
	}

.artigo21 .colleft {
	width:450px; 
	float:left;
	}
	
.artigo21 .colright{
	width:450px; 
	float:right;
	}	

.artigo21 .intro {
	padding:0;
	margin:0;
	}
	
.boxBody .guia ul {
	margin-left:15px;
	margin-top:10px}

.boxBody .guia li {
	margin-top:10px}


/* galerias ----------------------- */

.artigo21 .galeria1,
.artigo21 .galeria2 { 
	margin:1px 0 0 0;
	float:left;
	}
	
.artigo21 .galeria3 { 
	margin:1px 0 0 0;
	float:left;
	}	

		
.galeria1 img{ 
	display:none; 
	}
	
.galeria1 img:first-child { 
	display:block; 
	}

/* galeria21 ---------------------------- */

.galeria21 { 
	position:relative; 
	clear:both; 
	width:900px;
	height:597px; 
	margin-top:1px; 
}

.galeria21 #galeria21 { 
	position:absolute; 
	left:0; 
	top:1px; 
}

.galeria21 #galeria21 .slide { 
	display:none; 
}

.galeria21 #galeria21 .slide:first-child { 
	display:block; 
}

.galeria21 #nav { 
	position:absolute; 
	left:0px; 
	top:1px; 
	z-index:105;
}

.galeria21 #nav li { 
	list-style:none; 
	float:left; 
	color:#fff; 
	background:rgba(0, 0, 0, 0.5);
}

.ie8 .galeria21 #nav li {
	background:url(../../img/transp_60.png);
	background-repeat:repeat;
	}

.galeria21 #nav li.activeSlide, .galeria21 #nav li.activeSlide a { 
	/*background:rgba(250, 250, 250, 0.7);*/
	color:#9b8057;
	background:rgba(0, 0, 0, 0.7);
}

.ie8 .galeria21 #nav li.activeSlide, .ie8 .galeria21 #nav li.activeSlide a { 
	background:url(../../img/transp_70.png);
	background-repeat:repeat;
}


.galeria21 #nav a { 
	display:block; 
	border:0; 
	color:#fff;
	font-family:Delicious; 
	font-size:14px; 
	padding:7px; 
	text-decoration:none;
}

.ie8 .galeria21 #galeria21 .slide .legenda {
	background:url(../../img/transp_70.png);
	background-repeat:repeat;
	}
	
.galeria21 .legenda {
	position:absolute;
	left:0;
	bottom:0;
	margin:0;
	color:#fff;
	display:block;
	z-index:100;
	}

.galeria21 .legenda h5 {
	font-size:18px;
	font-family:Delicious;
	color:#fff;
	padding:10px 0 0 10px;
	float:left;
	font-weight:normal;
}

.galeria21 .legenda p {
	padding: 35px 10px 10px 10px;
	color:#FFFFFF;
	background:rgba(0, 0, 0, 0.7);
	/*text-shadow:#000 0 0 3px;*/
	font-size:12px;
	}


.galeria21 h4 {
	position:absolute;
	font-family:Delicious;
	font-size:30px;
	color:#fff;
	padding:15px 10px;
	z-index:9;
	font-weight:normal;
	}


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

.artigo21 .scroll-pane.type_panoramica:hover .icn {
	position:absolute;
	right:0;
	top:0px;
	}



.scroll-pane {
	float:right;
	right:0;
	width:442px;
	margin:0 0 1px 0; 
	height:276px;
	}
	

.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;
	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;
	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;
	}