/*background overlay*/
.backstretch:before {
	content: "";
	width: 100%;
	height: 100%;
	background: url("http://www.carpati360.ro/img/backgrounds/overlays/01.png");
	position: absolute;
}
/*body*/
body {
	/*padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
	background-color: black;
	/*padding-top: 70px;*/
	padding-bottom: 10px;
}

/*logo*/
.logo {
	padding-bottom: 10px;
}
.logo_mic {
	padding-top: 10px;
}
/*buttons*/
.btn {
	background-color: black;
	color: white;
	text-transform: uppercase;
	font: 1em 'PT Sans Narrow', sans-serif;
	font-weight: 600;
	padding: 6px;
	border-radius: 0px;
}
.btn:focus {
	background: black;
	color: rgb(255, 152, 0);
}
.btn:hover {
	background: white;
	color: black;
}
.btn.disabled, .btn[disabled] {
	background: black;
	color: rgb(255, 152, 0);
}
.btn-default {
	border-color: black;
}
#btn_occidentali, #btn_fagaras, #btn_bodoc, #btn_aninei, /*#btn_contribuie*/ #btn_contact {
	position: relative;
	bottom: 5px;
}

#btn_orientali, #btn_iezerpapusa, #btn_ceahlau, #btn_bihor, #btn_contribuie/*#btn_fotografi*/ /*#btn_contact*/ {
	position: relative;
	bottom: 10px;
}
#btn_dobrogei, #btn_latoritei, #btn_ciucas, #btn_metaliferi/*, #btn_contact*/ {
	position: relative;
	bottom: 15px;
}
#btn_leaota, #btn_giumalau {
	position: relative;
	bottom: 20px;
}
#btn_lotrului, #btn_grohotis {
	position: relative;
	bottom: 25px;
}
#btn_magura, #btn_harghitei {
	position: relative;
	bottom: 30px;
}
#btn_parang, #btn_hasmas {
	position: relative;
	bottom: 35px;
}
#btn_piatracraiului, #btn_persani {
	position: relative;
	bottom: 40px;
}
#btn_retezat, #btn_piatramare {
	position: relative;
	bottom: 45px;
}
#btn_postavarul {
	position: relative;
	bottom: 50px;
}
#btn_rarau {
	position: relative;
	bottom: 55px;
}
#btn_siriu {
	position: relative;
	bottom: 60px;
}
#btn_vrancei {
	position: relative;
	bottom: 65px;
}
#btn_noutati {
	color: rgb(255, 152, 0);
}
/*pano titles*/
.pano-title {
	background-color: black;
	color: white;
	text-transform: uppercase;
	font: 1em 'PT Sans Narrow', sans-serif;
	font-weight: 600;
	padding: 4px;
	display: inline-block;
	position: relative;
	top: 5px;
}
.pano-title span {
	color: #ff9800;
}
p.pano-altitude {
	background-color: black;
	color: white;
	font-size: 1em;
	padding: 5px;
	display: inline-block;
	margin-right: 5px;
}
p.pano-fov {
	background-color: black;
	color: white;
	font: 1em;
	padding: 5px;
	display: inline-block;
	margin-right: 5px;
}
p.pano-date {
	background-color: black;
	color: white;
	font: 1em;
	padding: 5px;
	display: inline-block;
}
p.pano-photographer {
	background-color: black;
	color: white;
	font: 1em;
	padding: 5px;
	display: inline-block;
}
p.project-about {
	background-color: black;
	color: white;
	font: 1em;
	padding: 3px;
	display: inline;
	line-height: 1.8;
	text-align: justify;
	margin-left: 40px;
}
p.copyright {
	background-color: black;
	color: white;
	font: 1em;
	padding: 3px;
	display: inline;
	line-height: 1.8;
	text-align: justify;
}
p.error404 {
	background-color: black;
	color: white;
	font: 1em;
	padding: 3px;
	display: inline;
	line-height: 1.8;
	text-align: justify;
	margin-left: 0px;
	/*text-transform: uppercase;*/
}
img.pano-image {
	background: black;
	padding: 5px;
	margin-bottom: 5px;
}
img.pano-image:hover {
	background: white;
}
#email {
	position: relative;
	bottom: 1px;
}
.link_site:link, .link_site:visited {
	color: rgb(126, 138, 162);
	text-decoration: none;
}
.link_site:hover {
	color: rgb(255, 152, 0);
	text-decoration: none;
}
/* navbar */
.navbar-custom {
	background-color: #000000;
	border-color: #000000;
}
.navbar-custom .navbar-brand {
	color: #ffffff;
}
.navbar-custom .navbar-brand:hover, .navbar-custom .navbar-brand:focus {
	color: #e6e6e6;
	background-color: transparent;
}
.navbar-custom .navbar-text {
	color: #ffffff;
}
.navbar-custom .navbar-nav > li > a {
	color: #ffffff;
}
.navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:focus {
	color: #ff9800;
	background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a, .navbar-custom .navbar-nav > .active > a:hover, .navbar-custom .navbar-nav > .active > a:focus {
	color: #ff9800;
	background-color: #000000;
}
.navbar-custom .navbar-nav > .disabled > a, .navbar-custom .navbar-nav > .disabled > a:hover, .navbar-custom .navbar-nav > .disabled > a:focus {
	color: #cccccc;
	background-color: transparent;
}
.navbar-custom .navbar-toggle {
	border-color: black;
}
.navbar-custom .navbar-toggle:hover, .navbar-custom .navbar-toggle:focus {
	background-color: #ff9800;
}
.navbar-custom .navbar-toggle .icon-bar {
	background-color: white;
}
.navbar-custom .navbar-collapse, .navbar-custom .navbar-form {
	border-color: #000000;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret, .navbar-custom .navbar-nav > .dropdown > a:focus .caret {
	border-top-color: #ff9800;
	border-bottom-color: #ff9800;
}
.navbar-custom .navbar-nav > .open > a, .navbar-custom .navbar-nav > .open > a:hover, .navbar-custom .navbar-nav > .open > a:focus {
	background-color: #000000;
	color: #ff9800;
}
.navbar-custom .navbar-nav > .open > a .caret, .navbar-custom .navbar-nav > .open > a:hover .caret, .navbar-custom .navbar-nav > .open > a:focus .caret {
	border-top-color: #ff9800;
	border-bottom-color: #ff9800;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
	border-top-color: #ffffff;
	border-bottom-color: #ffffff;
}
@media (max-width: 767) {
	.navbar-custom .navbar-nav .open .dropdown-menu > li > a {
		color: #ffffff;
	}
	.navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #ff9800;
		background-color: transparent;
	}
	.navbar-custom .navbar-nav .open .dropdown-menu > .active > a, .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #ff9800;
		background-color: #000000;
	}
	.navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		color: #cccccc;
		background-color: transparent;
	}
}
.navbar-custom .navbar-link {
	color: #ffffff;
}
.navbar-custom .navbar-link:hover {
	color: #ff9800;
}
/*dropdown menu*/
.dropdown-menu {
	background-color: #000000;
}
.dropdown-menu > li > a {
	color: #ffffff;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	color: #ff9800;
	text-decoration: none;
	background-color: #000000;
}
/*pagination*/
.pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
	background-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border-right-color: #000000;
	border-top-color: #000000;
	color: #FFFFFF;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #ff9800;
	border-bottom-color: #ff9800;
	border-left-color: #ff9800;
	border-right-color: #ff9800;
	border-top-color: #ff9800;
	color: #000000;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	background-color: #FFFFFF;
	color: #000000;
}
.pagination > li > a, .pagination > li > span {
	background-color: #000000;
	border: 1px solid #000000;
	color: #FFFFFF;
}