@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'hand_of_seanregular';
    src: url('/fonts/handsean-webfont.eot');
    src: url('/fonts/handsean-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/handsean-webfont.woff') format('woff'),
         url('/fonts/handsean-webfont.ttf') format('truetype'),
         url('/fonts/handsean-webfont.svg#hand_of_seanregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.mr_0{margin-right:0 !important;}
.ml_0{margin-left:0 !important;}
.mb_10{margin-bottom:10px !important;}
.mb_20{margin-bottom:20px !important;}
.pt_0{padding-top:0 !important;}
.pl_30{padding-left:30px !important;}
.pr_30{padding-right:30px !important;}
.vert_line{width:2px; height:100%; background:#fff; position:absolute; left:750px; top:0;}
.back_reset{background:none !important; -webkit-box-shadow:none !important; box-shadow:none !important;}
.back_w90{ background:url(../images/white_transp_90.png) !important;}
body{font-family: 'Roboto', sans-serif;}
#wrapper{position:relative; width:1100px; font-size:15px; margin:0 auto;}

#header {
    background: #fff none repeat scroll 0 0;
    float: left;
    padding:15px;
    position: relative;
	 text-align: center;
}
#header > a {
    display: block;
}


#header h1{position:absolute; top:0; left:0; width:243px; height:170px; background:url(../images/logo.png) #fff center no-repeat; text-indent:-9999px; z-index:200; -webkit-box-shadow:  4px 4px 10px 0px rgba(0, 0, 0, 0.5); box-shadow:  4px 4px 10px 0px rgba(0, 0, 0, 0.5);}
h2.otbt{position:absolute; top:15px; right:0; padding:15px 30px; color:#fff; font-size:40px; font-family:'hand_of_seanregular'; text-shadow: 6px 0px 20px #000; filter: dropshadow(color=#000, offx=6, offy=0);}
	h2.otbt span{color:#fff;}
#wrapper_right{position:absolute; top:0px; right:0px; width:725px;}
.nav{background:#fff; position:absolute; right:0; top:114px; z-index:100; padding:0 10px 0 0;}
	.nav ul{}
	.nav ul li{display: inline-block; margin:; position:relative; background:url(../images/nav_back.png) repeat-x;}
		.nav ul li a{display:block; padding:7px 10px; text-align:left; height:12px; text-transform:uppercase; font-size:12px; color:#000; font-family: 'Roboto', sans-serif;}
		/*.nav ul li a:hover{background:#ccc;}*/
		.nav ul li:hover, .selected, .active{background:#E6E6E6;}
		.nav ul li.a_drop{}
		.nav ul li.a_drop:hover{background:#E6E6E6;}
			.nav ul li ul { display:none; min-width:150%; position:absolute; background:#fff; top:25px; left:0;} 
				.nav ul li ul li{margin:0; width:100%;}
				.nav ul li ul li:first-child{padding-top:5px;}
				.nav ul li ul li:hover{background:#E6E6E6;}
				.nav ul li ul li a{padding:5px 10px; width:100%;}
				
			.nav ul li ul.drop_2{width:145px;}
			.nav ul li ul.drop_6{width:100px;}
				
#outer_content{width:100%; padding-top:60px;}
#content{color:#fff; position:relative;}
#content p{margin-bottom:7px; line-height:20px;}
	#content ul li{margin-bottom:10px; list-style-type:none; border-bottom:1px dashed #666; padding-bottom:10px;}
	#content ul li:last-child{margin-bottom:0; border:0; padding-bottom:20px;}
		#content ul ul{margin-bottom:40px;}
		#content ul ul li{display:inline-block; width:95px;}
			#content ul ul li a{display:block; text-align:center; width:95px;}
				#content ul ul li a img{display:block; width:72px; margin:0 auto 20px;}
	#content .highlights{position:relative;}
		#content .highlights ul{padding:20px 50px 0 20px; background:url(../images/black_transp_80.png); margin-top:10px; width:350px;}
		#content .highlights a{font-weight:300; font-size:12px; color:#00cbf0;}
		#content .highlights a:hover{color:#fff;}
		#content .highlights ul img{border:1px solid #999;}
		#content .highlights h2 a{font-weight:600; margin-bottom:10px; font-size:22px; margin-bottom:10px; color:#fff; display:block; letter-spacing:0.5px}
		#content .highlights h2 a:hover{color:#ccc;}
		#content .highlights a.highlight_arrow{display:block; width:35px; height:35px; background:url(../images/highlights_arrow.png) no-repeat; position:absolute; right:0; bottom:0;}
		#content .highlights h3{font-size:26px;font-weight:800; text-transform:uppercase; background:#fff; color:#000; position:absolute; left:0; padding:5px 14px;}
			#content .highlights h2 span{color:#fff; text-transform:none; font-weight:300;}
		#content .highlight_info{}
			#content .highlight_info p{ font-weight:300; font-size:18px}
		
		#content .news{width:345px; float:left;}	
		#content .news h3{font-size:26px;font-weight:800; text-transform:uppercase; background:#fff; color:#000; padding:5px 14px 5px 50px; width:75px; margin:22px 0 5px;}
		#content .news a{margin-bottom:5px; background:url(../images/white_transp_80.png); padding:10px 20px 10px 50px; display:block; color:#000;}
		#content .news a:hover{background:#000 url(../images/news_arrow_hover.png) bottom right no-repeat; color:#fff;}
		#content .news h2{text-transform:uppercase; line-height:20px; font-weight:800;}
		#content .news h2:hover{}
		
		#content .tours_outer{margin-top:50px;}
			#content .tours_outer ul{}
			#content .tours_outer ul li{border-right:1px solid #ccc; background:#fff; width:274px; min-height:260px; padding:0; position:relative; float:left; border-bottom:0;}
			#content .tours_outer ul li:last-child{border-right:none;}
			#content .tours_outer ul li a, #content .tours_outer ul li h3, #content .tours_outer ul li h2, #content .tours_outer ul li p{color:#000;}
			#content .tours_outer ul li h3{padding:10px; font-size:12px; text-transform:uppercase;}
			#content .tours_outer ul li h2{padding:10px 15px; line-height:22px; font-size:16px;}
			#content .tours_outer ul li a.btn_go{display:block; position:absolute; bottom:0; right:0; background:#00cbf0; padding:5px 10px; font-weight:800;}
			#content .tours_outer ul li a.btn_go:hover{background:#000; color:#fff;}
		
.parceiros ul li{list-style-type:none; display:inline-block; width:205px;font-size:11px; margin-bottom:30px;}
	.parceiros ul li a{display:block; height:100px;}
	.parceiros ul li a:hover{text-decoration:underline;}
	.parceiros ul li a img{display:block; margin-bottom:10px;}
	
#content .page_title{margin:0; font-family:'hand_of_seanregular'; position:relative; margin-bottom:40px;}
#content .page_title_inner{margin:0; font-family:'hand_of_seanregular';}
/*#content .page_title .title_line2 span{color:#fff; font-size:60px;}*/
/*#content .page_title span{color:#fff; margin:0; padding:0 10px;}*/
/*#content .page_title .title_line1 span, #content .page_title .title_line3 span{font-size:30px;}*/
#content .page_title h2{font-size:40px; font-weight:normal; text-shadow: 6px 0px 20px #000; filter: dropshadow(color=#000, offx=6, offy=0);}
	#content .page_title p span{font-size:60px;}
#content .page_title .title_line1, #content .page_title .title_line2, #content .page_title .title_line3{margin:0; padding:5px;}
#content .page_title hr{margin:0; background:0; border:0;}
#content .content_frame{background:#fff; padding:10px;}
#content .pages_content{width:100%;  color:#000; -webkit-box-shadow:0 6px 10px 0 rgba(0, 0, 0, 0.4); box-shadow:0 6px 10px 0 rgba(0, 0, 0, 0.4);}
	.pages_content_inner{padding:20px; background:url(../images/black_transp_80.png);}
		#content .pages_content h2{font-size:30px; margin-bottom:20px;}
		#content .pages_content p{margin-bottom:10px;}
		#content .pages_content p.intro{margin-bottom:20px; font-size:12px; line-height:16px;}
		
	#content .pages_content .tema_3col{width:335px; margin-left:14px;}
		#content .pages_content .tema_3col h2{font-family: 'Roboto', sans-serif; color:#000; font-size:20px; font-weight:600; margin:10px 0 13px;}
		#content .pages_content .tema_3col .info_container{background:#fff; padding:10px;}
			#content .pages_content .tema_3col p{font-size:12px; line-height:16px; margin-bottom:8px; color:#000; font-family: 'Roboto', sans-serif;}
			
	#content .pages_content .last_3col{border:0; width:320px;}
			
	#content .content_frame hr{background:none; border:0; border-bottom:1px dashed #999; margin:10px 0;}
	#content .row{width:100%; height:200px; position:relative;}
		#content .row .row_img{width:450px;}
		#content .row .row_img:hover{opacity:0.9; filter:alpha(opacity=90); /* For IE8 and earlier */}
		#content .row .row_info{width:500px; height:142px; padding:15px 30px 10px; overflow:hidden;}
			#content .row .row_info h2 a{font-family: 'Roboto', sans-serif; color:#000;}
			#content .row .row_info h2 a:hover{color:#00cbf0;}
			#content .row .row_info p{font-size:12px; line-height:18px;}
			#content .row .btn_go{position:absolute; left:480px; bottom:4px; display:block; background:#00cbf0; padding:5px 10px; font-weight:800;
									color: #050505;
						background: -moz-linear-gradient(
							top,
							#ffffff 0%,
							#ebebeb 50%,
							#dbdbdb 50%,
							#b5b5b5);
						background: -webkit-gradient(
							linear, left top, left bottom, 
							from(#ffffff),
							color-stop(0.50, #ebebeb),
							color-stop(0.50, #dbdbdb),
							to(#b5b5b5));
						-moz-border-radius: 10px;
						-webkit-border-radius: 10px;
						border-radius: 10px;
						border: 1px solid #949494;
						-moz-box-shadow:
							0px 1px 3px rgba(000,000,000,0.5),
							inset 0px 0px 2px rgba(255,255,255,1);
						-webkit-box-shadow:
							0px 1px 3px rgba(000,000,000,0.5),
							inset 0px 0px 2px rgba(255,255,255,1);
						box-shadow:
							0px 1px 3px rgba(000,000,000,0.5),
							inset 0px 0px 2px rgba(255,255,255,1);
						text-shadow:
							0px -1px 0px rgba(000,000,000,0.2),
							0px 1px 0px rgba(255,255,255,1);
			}
			
	#content .prod{padding:30px 50px 0; width:250px; margin:0; background:#FFF; margin-right:40px;  -webkit-box-shadow:0 6px 10px 0 rgba(0, 0, 0, 0.4); box-shadow:0 6px 10px 0 rgba(0, 0, 0, 0.4);}
	#content .prod h2, #content .prod p, #content .prod a, #content .prod_urban h2, #content .prod_urban p, #content .prod_urban a{text-align:center; color:#000;}
	#content .prod img:hover, #content .prod_urban img:hover{opacity:0.9; filter:alpha(opacity=90); /* For IE8 and earlier */}
	#content .prod a:hover, #content .prod_urban a:hover{color:#00cbf0;}
	#content .prod .btn_go, #content .prod_urban .btn_go, form input[type="submit"], .pages_content_inner .btn_go3{display:block; padding:5px 7px; font-weight:800; width:40px; margin:0 auto; margin-top:20px; margin-bottom:10px;
						color: #050505;
						background: -moz-linear-gradient(
							top,
							#ffffff 0%,
							#ebebeb 50%,
							#dbdbdb 50%,
							#b5b5b5);
						background: -webkit-gradient(
							linear, left top, left bottom, 
							from(#ffffff),
							color-stop(0.50, #ebebeb),
							color-stop(0.50, #dbdbdb),
							to(#b5b5b5));
						-moz-border-radius: 10px;
						-webkit-border-radius: 10px;
						border-radius: 10px;
						border: 1px solid #949494;
						-moz-box-shadow:
							0px 1px 3px rgba(000,000,000,0.5),
							inset 0px 0px 2px rgba(255,255,255,1);
						-webkit-box-shadow:
							0px 1px 3px rgba(000,000,000,0.5),
							inset 0px 0px 2px rgba(255,255,255,1);
						box-shadow:
							0px 1px 3px rgba(000,000,000,0.5),
							inset 0px 0px 2px rgba(255,255,255,1);
						text-shadow:
							0px -1px 0px rgba(000,000,000,0.2),
							0px 1px 0px rgba(255,255,255,1);
					}
		#content .prod_urban .btn_go{margin:15px auto 0;}
		#content .prod .btn_go:hover, #content .prod_urban .btn_go:hover, #content .row .btn_go:hover, form input[type="submit"]:hover, #content .pages_content_inner .btn_go3:hover{color:#008fa9;}
		
		#content .prod_urban .btns_2opt{width:140px; margin:15px auto 0;}
		#content .prod_urban .btn_opt1, #content .prod_urban .btn_opt2{margin-top:0; float:left;}
		#content .prod_urban .btn_opt1{margin-right:25px;}
		
		
.book_form{width:440px; padding:30px 30px 30px 100px; border-left:1px dashed #ccc;}
.book_info{width:370px; padding:30px; font-size:14px;}
	.book_info span{font-weight:700; float:left; width:70px; line-height:18px;}
	#content .book_info p{margin-bottom:20px; line-height:20px; display:inline-block; width:300px;}
	#content .book_info h2{font-size:14px;}
	#content .book_info a{color:#000;}
	#content .book_info a:hover{color:#008fa9;}
	.book_info h3, .book_form h3{font-family:'hand_of_seanregular'; font-weight:300; font-size:25px; margin-bottom:40px;}
form{font-size:12px;}
.input_wrap{min-height:25px; margin-bottom:10px; width:100%;}
	.input_wrap label{width:65px; padding-top:5px;}
	.input_wrap input, .input_wrap textarea{-webkit-border-radius:5px; border-radius:5px; border:1px solid #ccc; background:#EEE}
	.input_wrap input{display:inline-block; min-height:22px; width:200px;}
	.input_wrap textarea{width:370px; min-height:100px;}
form input[type="submit"]{width:60px; margin:5px 0 10px 65px}
.form_validate{padding:10px;}
.red{color:#CC0000;}
.green{color:#009900;}
#content .pernas_box{height:115px; padding:10px; background:#fff; color:#000;  position:relative;}
#content .pernas_box h2:hover{color:#008fa9;}
#content .pernas_box .pernas_box_img{width:200px; height:114px;}
#content .pernas_box .pernas_box_info{width:260px; padding-left:20px;}
#content .pernas_box h2{font-size:20px; margin-bottom:10px; font-family: 'Roboto', sans-serif; text-align:left !important; margin-top:7px !important;}
#content .pernas_box p{font-size:16px; text-align:left !important; padding:0 !important;}
#content .pernas_box a.btn_go{margin-top:0; position:absolute; bottom:12px; left:230px; padding:3px 0 !important;}
#content .prod_img{width:620px; height:349px; margin:0 40px 0 0;}
#content .prod_header{ width:360px; position:relative;}
	#content .prod_header h2{font-family: 'Roboto', sans-serif; font-weight:600; font-size:25px; margin:30px 0 20px !important; padding-bottom:20px; border-bottom:1px dashed #ccc;}
	#content .prod_header p{font-size:14px; line-height:20px;}
	#content .prod_header .prod_price{position:absolute; right:-140px; top:-33px; width:150px; height:88px; background:url(../images/selo_price.png) no-repeat; display:none;}
	#content .prod_header .book_now{width:140px; font-size:24px; text-align:center; position:absolute; right:0; bottom:10px}
	#content .prod_header h3{margin-bottom:10px; font-size:18px; font-family:'hand_of_seanregular';}
	#content .prod_header span{width:75px; display:inline-block;}
#content .pages_content_inner .btn_go3{width:120px; margin:20px 0 0; padding:8px 5px; text-align:center; font-size:20px;}
#content .prod_urban{width:310px; margin-left:20px; -webkit-box-shadow:0 6px 10px 0 rgba(0, 0, 0, 0.4); box-shadow:0 6px 10px 0 rgba(0, 0, 0, 0.4); color:#000; margin-bottom:20px;}
	#content .prod_urban h2{font-family: 'Roboto', sans-serif; font-size:18px; margin:15px 0 10px; letter-spacing:-0.5px}
	#content .prod_urban p{font-size:11px; padding:0 10px; line-height:14px;}
	#content .prod_urban a{display:block;}
	
#content .prod_2col{width:500px; margin-bottom:20px;}
#content .prod_1col{height:auto;}
	#content .prod_1col p.prod_intro{font-size:14px; line-height:20px; padding-bottom:20px !important; border-bottom:1px dashed #ccc; margin-bottom:15px;}
	#content .prod_1col .prod_descr{padding:10px 30px 20px;}
	#content .prod_1col .prod_descr p{font-size:13px;}
	#content .prod_1col .prod_descr h2{margin-bottom:20px; font-size:20px;}
	#content .prod_1col .prod_descr:hover{color:#000;}
	
#content ul.wedolist{margin-bottom:15px;}
#content ul.wedolist li{font-size:12px; font-family: 'Roboto', sans-serif; list-style:disc; border:none; margin:0 0 5px 15px; padding:0; font-weight:600;}
.line_low p{line-height:14px !important;}
		
#footer{background:; margin-top:60px; width:100%; margin-bottom:30px;}
.footer_hinner{width:1100px; margin:0 auto;}
.copy, .dev{color:#fff;font-size:11px; padding:7px 10px;}
.dev a{color:#fff;}
.copy a:hover, .dev a:hover{color:#00cbf0;}	
.widgets{float: left;    margin: 10px 0 0 15px; /* height:32px; position:absolute; top:5px; left:260px; z-index:1000; */}
.tripadv{float:left; /* margin-right:15px; */}
.tripadv li{list-style:none; text-indent:-9999px;}
.facebook_like{float:left; padding-top:5px;}
#CDSWIDFRR{margin:0 10px !important;}
.captcha{margin-top:30px;}
.captcha img#captcha_image{width:150px; height:56px; margin:0 20px 10px 10px;}
.captcha a img{width:20px; height:20px; margin-top:10px;}
.captcha object{width:25px; height:25px;}
.collapse-button  , .otbtMobile{    display: none;}	

.langs{background-color:white; width:3em; padding:0.2em 1em 0.2em 0.6em; position:fixed; top:155px; right:0;}

.clearfix{clear:both}
img{max-width:100%;}

/* responsive changes */

@media(max-width:1100px) { 
	#wrapper {width: 90%;margin: 10px auto;}
	.footer_hinner {width: 100%;} 
	#content .tours_outer ul li{width:24.8%;}
	.input_wrap textarea {width:80%;}
	.book_info span{width: 100%;}
	.book_info {    font-size: 14px;    padding: 20px 10px;    width: 40%;}
	.book_form {    border-left: 1px dashed #ccc;    padding: 20px 10px;    width: 50%;}
	#content .pages_content .tema_3col {width: 32%; margin-left: 10px;}
	#content .row {height: auto;}
	#content .row .row_img {width: 40%;}
	#content .row .row_info {	height: auto;	overflow: hidden;	padding: 0 0 0 10px;	width: 58%;}
	#content .prod_urban {     margin: 5px !important;    width: 44% !important;}
	h2.otbt {top: 80px; }
	.nav{top:200px;}
	#content .row .btn_go{display:inline-block; position:relative; left:auto;}
	#content .prod_img {height: auto;     width: 50%;}
	#content .prod_header {width: 40%;}
}
@media(max-width:980px) { 
	.tours_inner img { max-width: 100%;}
	#content .pages_content {     margin: 0 auto !important;    width: 100% !important;}
	.pages_content_inner {     margin: 0px auto;    padding: 15px 10px;    width: 90% !important;}
	#content .prod_urban {margin: 10px 0 0 10px !important; width: 45% !important;}
	h2.otbt { font-size: 30px;}
}
@media(max-width:800px) { 
	.widgets {margin: 0 auto;}
	#header{padding:19px 10px;}
	#content .tours_outer ul li{width: 48%;text-align: center; margin: 7px;}
	h2.otbt { display:none }
	.otbtMobile{
		display:block;
		float:left; 
		color: #fff;
		font-family: "hand_of_seanregular";
		font-size:20px;
		padding: 15px; 
		text-shadow: 6px 0 20px #000; 
	}
	.nav {
		box-shadow: 0 0 4px #000;
		background:transparent;
		border: 0 none;
		padding: 0;
		position: relative;
		right: 0; 
		top:5px; 
		width: 100%;
		margin:0 auto;
	} 
	.navinner{padding-top:50px;}
	#topNav ul{	display:none;     background: #fff;}
	.nav ul li ul {  display: block !important;    position: relative;    top: 0;	min-width: 100%;}
	.nav ul li ul li{	width: 100%;}
	.nav ul li{display:block;}

		.collapse-button, .collapse-button:hover {
			background-color: #fff;
			background-image: linear-gradient(to bottom,#fff,#fff);
			background-repeat: repeat-x;
			border-color: #12456A #12456A #12456A ;
			border-radius: 4px;
			border-style: solid;
			border-width: 1px;
			box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
			box-sizing: border-box;
			color: #ffffff;
			cursor: pointer;
			display: block;
			font-size: 14px;
			padding: 5px 0;  
			text-align: center;
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
			width: 40px;float:right;margin:10px 10px 0 0;
		}
		.collapse-button .icon-bar {
			background-color: #12456A;
			display: block;
			height: 2px;
			margin: 3px auto;
			width: 22px;
		}
		.widgets > .clear {top: 60px !important;  z-index: 999; border:1px solid #232323	}
}
@media(max-width:750px) { 
	#content .tours_outer ul li{ margin: 5px;}
	#content .prod_img {    height: auto;    margin: 0 auto;    width: 100%;}
	#content .prod_header {width: 100%;}
	#outer_content {padding-top: 50px;}
}
@media(max-width:640px) { 
	#content .highlights ul {     margin: 10px auto;    padding: 20px 10px;    width: 90%;}
	#content .tours_outer ul li {     float: inherit;    margin: 10px auto;     text-align: center;    width: 95%;}
	#footer{margin:0 auto;}
	.copy, .dev {padding: 10px 0; text-align: center;}
	.right , .left{float: inherit;}
	#content .book_info p{width: 100% }
	#content .content_frame{padding:0;}
	.book_info, .book_form {     margin: 0 auto;    padding: 10px;    width: 90%;}
	.input_wrap label {    display: block;    padding: 5px 0;    width: 100%;}
	#content .pages_content .tema_3col {margin: 0 auto;width: 100% !important;}
	.tema_3col > img, .row_img > a > img{width:100%;}

	#content .row .row_info {    height: auto;    margin: 0 auto;    overflow: hidden;    padding: 10px;    width: 90%;}
	#content .row .row_img { width: 100%;}
	#content .prod_urban { margin: 10px auto  !important; width: 90% !important;}
}
@media(max-width:600px) { 
	.widgets {margin: 0 0 0 10px; width: 50%;}
	#header {width: 40%;}
	#header h1 {height: 150px; position: relative; width: 50%;}
	/*.tripadv {float: inherit; margin: 0 auto;}*/
	.tripadv{display:none;}
	.facebook_like{display:none;}
	#CDSWIDCOE{margin:0 auto !important;  }
	.widgets > .langs{position:relative; right:-5%; top:0px !important; float:right}
}
@media(max-width:370px) { 
	.facebook_like {left: 0; position: absolute; top: 160px;}
	#header {padding: 20px 10px 25px;    width: 48%;}
	.widgets {width: 40%;}
	#CDSWIDCOE{width: 100% !important;}
	.tripadv{display:none;}
	.facebook_like{display:none;}
 }






