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



/* ARTIGO 20 -- Napoles -------------------------------------- */

.artigo20 {
	position:relative;
	}

.artigo20 p {
	clear:none;
	}

.artigo20 h1 {
	font-family:Delicious;
	font-size:22px;
	color:#9b8057;
	line-height:130%;
	font-weight:normal;
	}

.artigo20 h2 {
	font-family:Delicious;
	font-size:19px;
	line-height:130%;
	font-weight:normal;
	color:#9b8057;
 	width:450px;
	text-align:left;
	}

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

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

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

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



/* galeria20 ---------------------------- */


.galeria20 { 
	position:relative;
	clear:both;
	width:900px;
	height:550px;
	padding:1px 0 0 0;
	top:0;
	}
	

.artigo20 .galeria20.type_galeria:hover .icn {
	right:0px;
	top:0px;
	}


.artigo20 .galeria20 p.desc {
	float:left;
	padding:0px;
	}

.galeria20 #galeria20 { 
	width:900px;
	height:550px;
	position:relative;
	top:0px;
	margin:0px;
	padding:0;
	}
		
.galeria20 #galeria20 .slide { 
	display:none; 
	}
	
.galeria20 #galeria20 .slide:first-child { 
	display:block; 
	}

.galeria20 #nav { 
	position:absolute; 
	float:left;
	bottom:110px; 
	z-index:100;	
	margin: 0px 1px 0px 0px;
	max-width:140px;
	}

.galeria20 #nav li {
	background:#fff;
	background:rgba(250, 250, 250, 0.9);	
	padding:2px 5px 2px 5px;
	margin-top:5px;
	cursor:pointer;
	display:inline-block;
	list-style:none;
	color:#01335c;	
	}

.ie8 .galeria20 #nav li {
	background:url(../../img/transpwhite_80.png);
	background-repeat:repeat;
	color:#01335c;	
	}	

.galeria20 #nav li a {
	font-size:11px;
	text-decoration:none;
	display:inline-block;
	list-style:none;	
	}
	
.ie8 .galeria20 #nav li a {
	font-size:11px;
	text-decoration:none;
	display:inline-block;
	list-style:none;
	}		
	
.galeria20 #nav li:hover {
	background:#9b8057;
	color:#FFF;
	}

.galeria20 #nav li a:hover {
	text-decoration:none;
	color:#FFF;
	}


.galeria20 #nav li.activeSlide, .galeria20 #nav li.activeSlide a {
	background:#01335c;
	color:#fff;
	font-weight:normal;
	}

.galeria20  #caption {
	position:absolute;
	left:0px;
	top:25px;
	width: auto;
	font-size:28px;
	font-family:Delicious;
	color:#FFF;
	background:#000;
	background:rgba(0, 0, 0, 0.7);	 
	display:block;
	z-index:100;
	padding:10px;
	}

.ie8 .galeria20 #caption {
	top:20px;
	background:url(../../img/transp_60.png);
	}

.galeria20 #galeria20 .slide .legenda {
	position:absolute;
	/*bottom:150px;*/
	font-size:12px;
	display:block;
	z-index:100;
	padding:7px;
	min-height:30px;
	margin:0; 
	background:#222;
	background:rgba(0, 0, 0, 0.7);	
	}

.ie8 .galeria20 #galeria20 .slide .legenda {
	background:url(../../img/transp_70.png);
	background-repeat:repeat;
	}

#galeria20 .slide .legenda h5 {
	font-family:Delicious;
	font-size:18px;
	text-align:right;
	font-weight:normal;
	color:#FFF;
	line-height:24px;
	}
	
#galeria20 .slide .legenda p {
	margin:0;
	color:#fff;
	font-size:12px;
	line-height:18px;
	text-align:right;
	}




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

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