/* style jan purisco mansão pinheiro 2014 */

/* --- START - Base */
* {
	margin:0;
	padding:0;
}

body {
	font-family: 'Open Sans', sans-serif;
	background-color:black;
	background:url("../img/bg.jpg") center fixed;
	line-height: 1.7;
	color:#dadada;
}

a {
	color:white;
	text-decoration:none;
	transition:all .35s;	
}

a:hover {
	color:rgb(23, 130, 203);
	text-decoration:none;
}

p {
	padding-left:10px;
}

h5 {
	font-weight:bold;
	margin-bottom:20px;
}

.fa {
	margin-right:3px;
}
/* --- END - base */

/* --- START - Menu Top Bar --*/

.lang_bar {
	width:100%;
	height:20px; 
	text-align:right; 
	padding-top:5px;
	padding-right:20px; 
	font-size:0.8em
}

.navbar-toggle,
.icon-bar,
.mock {
	border:1px solid white;
}

.navbar-header {
	float:right;
}
.navbar {
	border-top:1px solid #515151;
	margin-top:20px;
}

.navbar-nav li{
	float:none;
	display:inline-block;
}

.navbar-nav {
	text-align:center;
	float:none;
}

.navbar a {
	color:white;
	border-radius:0 0 2px 2px;
}

.navbar a:hover {
	color:rgb(23, 130, 203);
}

.active {
	background:rgba(255,255,255,0.2);
	border-radius:0 0 2px 2px;
}
.logo {
	text-align:center;
	margin-bottom:25px;
}
.logo_mob {
	float:left;
	display:none;
}

/* --- END - Menu Top Bar --*/

/* --- START - Content --*/
.content-right {
	border-left:1px solid #515151;
}

.head_img,
#map-canvas {
	width:100%;
	margin-bottom:20px;
}

.content-right,
.sidebar-left {
	padding:0 40px;
}

.container {
	margin-top:40px;
}

.container h2,
.container h4 {
	font-family: 'Bitter', serif;
	color:white;
	margin-top:35px;
	margin-bottom:25px;
	width:100%;
	padding-bottom:5px;
	padding-left:5px;
	border-bottom:1px solid #515151;
}

.container h4 {
	margin-top:35px;
	margin-bottom:5px;
}

.title {
	margin-top:0px !important;
}

.gallery {
	text-align:center;
}
.gallery img {
	display:inline-block;
	margin:10px 5px;
	width:50px;
	border-radius:2px;
	border:1px solid rgba(255,255,255,0);
	transition:all .45s;
}

.gallery img:hover {
		border:1px solid rgba(255,255,255,1);

}


.highlight {
	margin-top:10px;
	margin-left:20px;
	padding-top:10px;
	list-style-type: none;
	float:left;
}

.highlight li {
	margin:5px 0px;
}


.sidebar-left img {
	width:100%;
	max-width:300px;
	max-height:150px;
	margin-bottom:20px;
}

.sidebar-left .gallery img {
	width:60px;

}

.local {
    width:100%;
    max-width:300px;
    max-height:150px;
    margin-bottom:20px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,0);
    transition:all .45s;
}

.local:hover {
    border:1px solid rgba(255,255,255,1);
    transition:all .45s;
}

.local img {
    position:relative;
    margin:0;
}

.legenda {
    position:relative;
    overflow:hidden;
    margin-top:-150px;
    height:150px;
    opacity:1;
}

.legenda p {
    position:absolute;
    bottom:0;
    color:white;
    width:100%;
    padding-left:10px;
    padding-top:5px;
    font-size:1.2em;
    height:45px;
    margin-bottom:0px;
    background:rgba(0,0,0,0.8);
}
/* --- END - Content --*/

footer {
	padding:20px;
	text-align:center;
}

/* --- START - Slider --- */
.slider {
	width:100%;
	padding:0 15px;
	max-width:1170px;
	margin:auto;
}

.caption {
	font-size:1.5em;
	background:rgba(0,0,0,.5); 
	padding:10px;
	margin-right:5%; 
	margin-bottom:40px;
	right:0; 
	bottom:0;
	border-radius:3px;
	position:absolute;
	color:white;
}

#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
    border-radius:3px;
}

.owl-pagination {
	position:absolute;
	width:100%;
	margin-top:-35px;
}

.owl-pagination .active {
	background:none;

}
/* --- END - Slider --- */

/* google maps */
#map-canvas {
    width:100%;
    height:350px;
    border-radius:3px;
}

/* start - float fix */
.clearfix:before,  
.clearfix:after {  
    content: " ";  
    display: table;  
}  
.clearfix:after {  
    clear: both;  
}  
/* For IE 6/7 only */  
.clearfix {  
    *zoom: 1;  
} 
/* end - float fix */

@media screen and (max-width: 1200px) {

}


@media screen and (max-width: 992px) {
	body {
		text-align:center;
	}

	p {
		max-width:75%;
		margin:auto;
	}

	.content-right {
		border:none;
	}

	.sidebar-left {
		margin-bottom:20px;
	}

	.local {
		display:inline-block;
		max-width:150px;
	}

	.local p {
		max-width:100%;
		font-size:.9em;
		margin-top: -50px;
		height: 30px;		
	}

	.head_img,
	.gallery {
		max-width:80%;
		margin:auto;
	}

	.head_img {
		margin-bottom:20px;
	}

	.highlight {
		float:none;
	}

	.content-right {
		border:none;
	}

	.content-right, .sidebar-left {
		padding:0;
	}

	.highlight {
		display:inline-block;
		text-align:left;
	}
}

@media screen and (max-width: 768px) {
	.slider {
		display:none;
	}
	.logo_mob {
		display: inherit;
		width:150px;
	}

	.navbar {
		border:0;
	}

	.navbar-toggle {
		margin:0;
	}
	.logo {
		display:none;
	}

	.navbar-header {
		float:none;
	}

	.navbar-nav li {
		display: block;
	}

	.navbar a {
		color:white;
		border-radius:0;
	}
	.navbar-collapse {
		box-shadow:none;
		border:0;
	}


}

@media screen and (max-width: 640px) {
	.head_img,
	.gallery {
		max-width:100%;
		margin:auto;
	}

	p {
		max-width:100%;
	}

	.local {
		max-width:230px;
	}

	#map-canvas {
		max-width:90%;
		margin:auto;
	}


}