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



/* ARTIGO 15 -- Marselha -------------------------------------- */

.artigo15 {
	position:relative;	
	}

.artigo15 h1 {
	font-family:Delicious;
	font-size:21px;
	color:#9A7F57;
	line-height:150%;
	margin:0 10px 10px 10px;
	font-weight:normal;
	width:510px;
	padding-top:5px;
	}
	
.artigo15 h2 {
	font-family:Delicious;
	font-size:22px;
	line-height:130%;
	font-weight:normal;
	color:#01335C;
 	width:780px;
	}
	
.artigo15 .intro {
	margin:1px 0 0 0;
	background:url(../_temp/15_fotos1.jpg) right 0 no-repeat;
	}

.artigo15 .intro p {
	padding:0 0 0 10px;
	width:330px;
	}

.artigo15 .mid {
	}

.artigo15 .mid .col {
	width:430px;
	padding:0 10px;
	float:left;
	}

.artigo15 .mid img {
	margin:0 10px 0 0;
	float:left;
	clear:left;
	}

.artigo15 .bottom {
	background: url(../_temp/15_fotos7.jpg) right 0 no-repeat;
	margin:1px 0 0 0;
	}

.artigo15 .bottom h3 {
	color:#fff;
	background:#01335C;
	width:520px;
	margin:0;
	font-family:Delicious;
	font-size:24px;
	font-weight:normal;
	padding:8px 10px;
	}

.artigo15 .bottom p {
	padding:20px 10px;
	width:520px;
	clear:none;
	}

.artigo15 .bottom .video {
	float:right;
	margin-top:720px;
	width:360px;
	}

.artigo15 .guia {
	margin-top:-4px;
	}
	
	
	
	


/* panorama ---------------------------- */
	
.scroll-pane {
	width:900px;
	height:550px;
	overflow:hidden;
	}

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