/* Toggle Styles */

@font-face {
    font-family: dax-bold;
    src: url(../fonts/ufonts.com_dax-bold.ttf);
}

@font-face {
    font-family: dax-regular;
    src: url(../fonts/ufonts.com_dax-regular.ttf);
}

/* Reset CSS */
*, *:after, *:before{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

.unselectable {
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}

/* Fundo do menu */
.menu{
  z-index: 1000;
  position: fixed;
  left: 135px;
  width: 135px;
  height: 100%;
  margin-left: -135px;
  background: #ffffff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background-color: #ffffff;
  font-family: font: 14px dax-bold;
}
/* Remove as bolinhas do lado das listas */
.menu .menu-list, .menu .sub-menu{
  list-style: none;
}
/* Configura todos os links do nosso menu */
.menu a{
  color: #fff;
  text-decoration: none;
  display: block;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  letter-spacing:0.2em;
}
/* Faz os <li>s ficarem na horizontal */
.menu > .menu-list > li{
  float: left;
  position: relative;
}

/* Configura o fundo do menu principal quando com mouse hover */
.menu > .menu-list > li:hover a {
	line-height: 0; 
	font-size: 0;
	color: transparent; 
}

/* Clearfix para o menu */
.menu:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* ------------------------------------------------- MENU PANORAMAS ---------------------------------------------------- */

.menu > .menu-list > li > .submenu-element-pano {
	min-width: 250px;
	height: 1080px;
	background-color: #FFFFFF;
	background: #FFFFFF;
	position: absolute;
	top: -135px;
	left: 135px;
	z-index: 1001;
	display: none;
	overflow: hidden;
}

.menu > .menu-list > li:hover > .submenu-element-pano {
  display: block;
}

/* Mostra o submenu no evento de mouse hover */
.menu > .menu-list > li:hover > .submenu-element-pano > .sub-menu {
  display: block;
}
/* Configura o estilo do submenu */
.menu > .menu-list > li > .submenu-element-pano > .sub-menu {
  min-width: 250px;
  height: 980px;
  z-index: 1001;
  display: none;
  overflow: hidden;
}

/* Configura os links do submenu */
.menu > .menu-list > li > .submenu-element-pano > .sub-menu > li > a {
	height: 135px;
}

.menu > .menu-list > li > .submenu-element-pano > .top-nav {
	min-width: 250px;
	height: 50px;
	background-color: #FFFFFF;
	background: #FFFFFF url('../img/nav-top-pano.png') no-repeat left top;
	z-index: 1001;
	display: none;
}

.menu > .menu-list > li:hover > .submenu-element-pano > .top-nav {
  display: block;
}

.menu > .menu-list > li:hover > .submenu-element-pano > .top-nav:hover {
	background: #FFFFFF url('../img/nav-top-pano-hover.png') no-repeat left top;
}

.menu > .menu-list > li > .submenu-element-pano > .bottom-nav {
	min-width: 250px;
	height: 50px;
	background-color: #FFFFFF;
	background: #FFFFFF url('../img/nav-bottom-pano.png') no-repeat left top;
	z-index: 1001;
	display: none;
}

.menu > .menu-list > li:hover > .submenu-element-pano > .bottom-nav {
  display: block;
}

.menu > .menu-list > li:hover > .submenu-element-pano > .bottom-nav:hover {
	background: #FFFFFF url('../img/nav-bottom-pano-hover.png') no-repeat left top;
}

/* ------------------------------------------------- MENU PANORAMAS ---------------------------------------------------- */

/* ------------------------------------------------- MENU MIRADOUROS ---------------------------------------------------- */

.menu > .menu-list > li > .submenu-element-mira {
	min-width: 250px;
	height: 1080px;
	background-color: #FFFFFF;
	background: #FFFFFF;
	position: absolute;
	top: -270px;
	left: 135px;
	z-index: 1001;
	display: none;
}

.menu > .menu-list > li:hover > .submenu-element-mira {
  display: block;
}

/* Mostra o submenu no evento de mouse hover */
.menu > .menu-list > li:hover > .submenu-element-mira > .sub-menu {
  display: block;
}
/* Configura o estilo do submenu */
.menu > .menu-list > li > .submenu-element-mira > .sub-menu {
  min-width: 250px;
  height: 980px;
  z-index: 1001;
  display: none;
  overflow: hidden;
}

/* Configura os links do submenu */
.menu > .menu-list > li > .submenu-element-mira > .sub-menu > li > a {
	height: 135px;
}

.menu > .menu-list > li > .submenu-element-mira > .top-nav {
	min-width: 250px;
	height: 50px;
	background-color: #FFFFFF;
	background: #FFFFFF url('../img/nav-top-mira.png') no-repeat left top;
	z-index: 1001;
	display: none;
}

.menu > .menu-list > li:hover > .submenu-element-mira > .top-nav {
  display: block;
}

.menu > .menu-list > li:hover > .submenu-element-mira > .top-nav:hover {
	background: #FFFFFF url('../img/nav-top-mira-hover.png') no-repeat left top;
}

.menu > .menu-list > li > .submenu-element-mira > .bottom-nav {
	min-width: 250px;
	height: 50px;
	background-color: #FFFFFF;
	background: #FFFFFF url('../img/nav-bottom-mira.png') no-repeat left top;
	z-index: 1001;
	display: none;
}

.menu > .menu-list > li:hover > .submenu-element-mira > .bottom-nav {
  display: block;
}

.menu > .menu-list > li:hover > .submenu-element-mira > .bottom-nav:hover {
	background: #FFFFFF url('../img/nav-bottom-mira-hover.png') no-repeat left top;
}

/* ------------------------------------------------- MENU MIRADOUROS ---------------------------------------------------- */

/* ------------------------------------------------- MENU JARDINS ---------------------------------------------------- */

.menu > .menu-list > li > .submenu-element-jard {
	min-width: 250px;
	height: 1080px;
	background-color: #FFFFFF;
	background: #FFFFFF;
	position: absolute;
	top: -405px;
	left: 135px;
	z-index: 1001;
	display: none;
}

.menu > .menu-list > li:hover > .submenu-element-jard {
  display: block;
}

/* Mostra o submenu no evento de mouse hover */
.menu > .menu-list > li:hover > .submenu-element-jard > .sub-menu {
  display: block;
}
/* Configura o estilo do submenu */
.menu > .menu-list > li > .submenu-element-jard > .sub-menu {
  min-width: 250px;
  height: 980px;
  z-index: 1001;
  display: none;
  overflow: hidden;
}

/* Configura os links do submenu */
.menu > .menu-list > li > .submenu-element-jard > .sub-menu > li > a {
	height: 135px;
}

.menu > .menu-list > li > .submenu-element-jard > .top-nav {
	min-width: 250px;
	height: 50px;
	background-color: #FFFFFF;
	background: #FFFFFF url('../img/nav-top-jard.png') no-repeat left top;
	z-index: 1001;
	display: none;
}

.menu > .menu-list > li:hover > .submenu-element-jard > .top-nav {
  display: block;
}

.menu > .menu-list > li:hover > .submenu-element-jard > .top-nav:hover {
	background: #FFFFFF url('../img/nav-top-jard-hover.png') no-repeat left top;
}

.menu > .menu-list > li > .submenu-element-jard > .bottom-nav {
	min-width: 250px;
	height: 50px;
	background-color: #FFFFFF;
	background: #FFFFFF url('../img/nav-bottom-jard.png') no-repeat left top;
	z-index: 1001;
	display: none;
}

.menu > .menu-list > li:hover > .submenu-element-jard > .bottom-nav {
  display: block;
}

.menu > .menu-list > li:hover > .submenu-element-jard > .bottom-nav:hover {
	background: #FFFFFF url('../img/nav-bottom-jard-hover.png') no-repeat left top;
}

/* ------------------------------------------------- MENU JARDINS ---------------------------------------------------- */

/* ------------------------------------------------- MENU IGREJAS ---------------------------------------------------- */

.menu > .menu-list > li > .submenu-element-igre {
	min-width: 250px;
	height: 1080px;
	background-color: #FFFFFF;
	background: #FFFFFF;
	position: absolute;
	top: -540px;
	left: 135px;
	z-index: 1001;
	display: none;
}

.menu > .menu-list > li:hover > .submenu-element-igre {
  display: block;
}

/* Mostra o submenu no evento de mouse hover */
.menu > .menu-list > li:hover > .submenu-element-igre > .sub-menu {
  display: block;
}
/* Configura o estilo do submenu */
.menu > .menu-list > li > .submenu-element-igre > .sub-menu {
  min-width: 250px;
  height: 980px;
  z-index: 1001;
  display: none;
  overflow: hidden;
}

/* Configura os links do submenu */
.menu > .menu-list > li > .submenu-element-igre > .sub-menu > li > a {
	height: 135px;
}

.menu > .menu-list > li > .submenu-element-igre > .top-nav {
	min-width: 250px;
	height: 50px;
	background-color: #FFFFFF;
	background: #FFFFFF url('../img/nav-top-igre.png') no-repeat left top;
	z-index: 1001;
	display: none;
}

.menu > .menu-list > li:hover > .submenu-element-igre > .top-nav {
  display: block;
}

.menu > .menu-list > li:hover > .submenu-element-igre > .top-nav:hover {
	background: #FFFFFF url('../img/nav-top-igre-hover.png') no-repeat left top;
}

.menu > .menu-list > li > .submenu-element-igre > .bottom-nav {
	min-width: 250px;
	height: 50px;
	background-color: #FFFFFF;
	background: #FFFFFF url('../img/nav-bottom-igre.png') no-repeat left top;
	z-index: 1001;
	display: none;
}

.menu > .menu-list > li:hover > .submenu-element-igre > .bottom-nav {
  display: block;
}

.menu > .menu-list > li:hover > .submenu-element-igre > .bottom-nav:hover {
	background: #FFFFFF url('../img/nav-bottom-igre-hover.png') no-repeat left top;
}

/* ------------------------------------------------- MENU IGREJAS ---------------------------------------------------- */

/* ------------------------------------------------- MENU FONTES ---------------------------------------------------- */

.menu > .menu-list > li > .submenu-element-font {
	min-width: 250px;
	height: 1080px;
	background-color: #FFFFFF;
	background: #FFFFFF;
	position: absolute;
	top: -675px;
	left: 135px;
	z-index: 1001;
	display: none;
}

.menu > .menu-list > li:hover > .submenu-element-font {
  display: block;
}

/* Mostra o submenu no evento de mouse hover */
.menu > .menu-list > li:hover > .submenu-element-font > .sub-menu {
  display: block;
}
/* Configura o estilo do submenu */
.menu > .menu-list > li > .submenu-element-font > .sub-menu {
  min-width: 250px;
  height: 980px;
  z-index: 1001;
  display: none;
  overflow: hidden;
}

/* Configura os links do submenu */
.menu > .menu-list > li > .submenu-element-font > .sub-menu > li > a {
	height: 135px;
}

.menu > .menu-list > li > .submenu-element-font > .top-nav {
	min-width: 250px;
	height: 50px;
	background-color: #FFFFFF;
	background: #FFFFFF url('../img/nav-top-font.png') no-repeat left top;
	z-index: 1001;
	display: none;
}

.menu > .menu-list > li:hover > .submenu-element-font > .top-nav {
  display: block;
}

.menu > .menu-list > li:hover > .submenu-element-font > .top-nav:hover {
	background: #FFFFFF url('../img/nav-top-font-hover.png') no-repeat left top;
}

.menu > .menu-list > li > .submenu-element-font > .bottom-nav {
	min-width: 250px;
	height: 50px;
	background-color: #FFFFFF;
	background: #FFFFFF url('../img/nav-bottom-font.png') no-repeat left top;
	z-index: 1001;
	display: none;
}

.menu > .menu-list > li:hover > .submenu-element-font > .bottom-nav {
  display: block;
}

.menu > .menu-list > li:hover > .submenu-element-font > .bottom-nav:hover {
	background: #FFFFFF url('../img/nav-bottom-font-hover.png') no-repeat left top;
}

/* ------------------------------------------------- MENU FONTES ---------------------------------------------------- */

/* ------------------------------------------------- MENU ELEVADORES ---------------------------------------------------- */

.menu > .menu-list > li > .submenu-element-elev {
	min-width: 250px;
	height: 1080px;
	background-color: #FFFFFF;
	background: #FFFFFF;
	position: absolute;
	top: -810px;
	left: 135px;
	z-index: 1001;
	display: none;
}

.menu > .menu-list > li:hover > .submenu-element-elev {
  display: block;
}

/* Mostra o submenu no evento de mouse hover */
.menu > .menu-list > li:hover > .submenu-element-elev > .sub-menu {
  display: block;
}
/* Configura o estilo do submenu */
.menu > .menu-list > li > .submenu-element-elev > .sub-menu {
  min-width: 250px;
  height: 980px;
  z-index: 1001;
  display: none;
  overflow: hidden;
}

/* Configura os links do submenu */
.menu > .menu-list > li > .submenu-element-elev > .sub-menu > li > a {
	height: 135px;
}

.menu > .menu-list > li > .submenu-element-elev > .top-nav {
	min-width: 250px;
	height: 50px;
	background-color: #FFFFFF;
	background: #FFFFFF url('../img/nav-top-elev.png') no-repeat left top;
	z-index: 1001;
	display: none;
}

.menu > .menu-list > li:hover > .submenu-element-elev > .top-nav {
  display: block;
}

.menu > .menu-list > li:hover > .submenu-element-elev > .top-nav:hover {
	background: #FFFFFF url('../img/nav-top-elev-hover.png') no-repeat left top;
}

.menu > .menu-list > li > .submenu-element-elev > .bottom-nav {
	min-width: 250px;
	height: 50px;
	background-color: #FFFFFF;
	background: #FFFFFF url('../img/nav-bottom-elev.png') no-repeat left top;
	z-index: 1001;
	display: none;
}

.menu > .menu-list > li:hover > .submenu-element-elev > .bottom-nav {
  display: block;
}

.menu > .menu-list > li:hover > .submenu-element-elev > .bottom-nav:hover {
	background: #FFFFFF url('../img/nav-bottom-elev-hover.png') no-repeat left top;
}

/* ------------------------------------------------- MENU ELEVADORES ---------------------------------------------------- */

/* ------------------------------------------------- MENU MUSEUS ---------------------------------------------------- */

.menu > .menu-list > li > .submenu-element-muse {
	min-width: 250px;
	height: 1080px;
	background-color: #FFFFFF;
	background: #FFFFFF;
	position: absolute;
	top: -945px;
	left: 135px;
	z-index: 1001;
	display: none;
}

.menu > .menu-list > li:hover > .submenu-element-muse {
  display: block;
}

/* Mostra o submenu no evento de mouse hover */
.menu > .menu-list > li:hover > .submenu-element-muse > .sub-menu {
  display: block;
}
/* Configura o estilo do submenu */
.menu > .menu-list > li > .submenu-element-muse > .sub-menu {
  min-width: 250px;
  height: 980px;
  z-index: 1001;
  display: none;
  overflow: hidden;
}

/* Configura os links do submenu */
.menu > .menu-list > li > .submenu-element-muse > .sub-menu > li > a {
	height: 135px;
}

.menu > .menu-list > li > .submenu-element-muse > .top-nav {
	min-width: 250px;
	height: 50px;
	background-color: #FFFFFF;
	background: #FFFFFF url('../img/nav-top-muse.png') no-repeat left top;
	z-index: 1001;
	display: none;
}

.menu > .menu-list > li:hover > .submenu-element-muse > .top-nav {
  display: block;
}

.menu > .menu-list > li:hover > .submenu-element-muse > .top-nav:hover {
	background: #FFFFFF url('../img/nav-top-muse-hover.png') no-repeat left top;
}

.menu > .menu-list > li > .submenu-element-muse > .bottom-nav {
	min-width: 250px;
	height: 50px;
	background-color: #FFFFFF;
	background: #FFFFFF url('../img/nav-bottom-muse.png') no-repeat left top;
/*	position: absolute;
	left: 135px;*/
	z-index: 1001;
	display: none;
}

.menu > .menu-list > li:hover > .submenu-element-muse > .bottom-nav {
  display: block;
}

.menu > .menu-list > li:hover > .submenu-element-muse > .bottom-nav:hover {
	background: #FFFFFF url('../img/nav-bottom-muse-hover.png') no-repeat left top;
}

/* ------------------------------------------------- MENU MUSEUS ---------------------------------------------------- */

#panoramas {
	width: 135px; 
	height: 135px;
	background: url('../img/panoramicas_sidebar.jpg') no-repeat left top;
}

#panoramas:hover {
	width: 135px; 
	height: 135px;
	background: url('../img/panoramicas_sidebar_hover.jpg') no-repeat left top;
}

.panorama-submenu {
	width: 100%;
	height: 155px;
	border: 10px solid #FFFFFF;
	text-align: center !important;
}

.panorama-submenu .pano { 
	position:relative; 
	top:0; 
	background:#5c5e56; 
	opacity:0;
} 

.panorama-submenu:hover .pano { 
	opacity:0.8;
}

.panorama-submenu .pano span {
	visibility: hidden;
	position: absolute;
	width: 90%;
	height: 50%;
	top: 25%;
	left: 5%;
	padding-top: 5%;
	color: white;
}

.panorama-submenu .pano:hover span { 
	visibility: visible;
}

#miradouros {
	width: 135px; 
	height: 135px;
	background: url('../img/miradouros_sidebar.jpg') no-repeat left top;
}

#miradouros:hover {
	width: 135px; 
	height: 135px;
	background: url('../img/miradouros_sidebar_hover.jpg') no-repeat left top;
}

.miradouro-submenu {
	width: 100%;
	height: 155px;
	border: 10px solid #FFFFFF;
	text-align: center !important;
}

.miradouro-submenu .mira {
	position:relative; 
	top:0px; 
	background:#7e9e2d; 
	opacity:0; 
}

.miradouro-submenu:hover .mira {
	opacity:0.8;
}

.miradouro-submenu .mira span {
	visibility: hidden;
	position: absolute;
	width: 90%;
	height: 50%;
	top: 25%;
	left: 5%;
	padding-top: 5%;
	color: white;
}

.miradouro-submenu .mira:hover span { 
	visibility: visible;
}

#jardins {
	width: 135px; 
	height: 135px;
	background: url('../img/jardins_sidebar.jpg') no-repeat left top;
}

#jardins:hover {
	width: 135px; 
	height: 135px;
	background: url('../img/jardins_sidebar_hover.jpg') no-repeat left top;
}

.jardins-submenu {
	width: 100%;
	height: 155px;
	border: 10px solid #FFFFFF;
	text-align: center !important;
}

.jardins-submenu .jard {
	position:relative; 
	top:0px; 
	background:#009a52; 
	opacity:0; 
}

.jardins-submenu:hover .jard {
	opacity:0.8;
}

.jardins-submenu .jard span {
	visibility: hidden;
	position: absolute;
	width: 90%;
	height: 50%;
	top: 25%;
	left: 5%;
	padding-top: 5%;
	color: white;
}

.jardins-submenu .jard:hover span { 
	visibility: visible;
}

#igrejas {
	width: 135px; 
	height: 135px;
	background: url('../img/igrejas_sidebar.jpg') no-repeat left top;
}

#igrejas:hover {
	width: 135px; 
	height: 135px;
	background: url('../img/igrejas_sidebar_hover.jpg') no-repeat left top;
}

.igrejas-submenu {
	width: 100%;
	height: 155px;
	border: 10px solid #FFFFFF;
	text-align: center !important;
}

.igrejas-submenu .igre {
	position:relative; 
	top:0px; 
	background:#029ab1; 
	opacity:0; 
}

.igrejas-submenu:hover .igre {
	opacity:0.8;
}

.igrejas-submenu .igre span {
	visibility: hidden;
	position: absolute;
	width: 90%;
	height: 50%;
	top: 25%;
	left: 5%;
	padding-top: 5%;
	color: white;
}

.igrejas-submenu .igre:hover span { 
	visibility: visible;
}

#fontes {
	width: 135px; 
	height: 135px;
	background: url('../img/fontes_sidebar.jpg') no-repeat left top;
}

#fontes:hover {
	width: 135px; 
	height: 135px;
	background: url('../img/fontes_sidebar_hover.jpg') no-repeat left top;
}

.fontes-submenu {
	width: 100%;
	height: 155px;
	border: 10px solid #FFFFFF;
	text-align: center !important;
}

.fontes-submenu .font {
	position:relative; 
	top:0px; 
	background:#0875b9; 
	opacity:0; 
}

.fontes-submenu:hover .font {
	opacity:0.8;
}

.fontes-submenu .font span {
	visibility: hidden;
	position: absolute;
	width: 90%;
	height: 50%;
	top: 25%;
	left: 5%;
	padding-top: 5%;
	color: white;
}

.fontes-submenu .font:hover span { 
	visibility: visible;
}

#elevadores {
	width: 135px; 
	height: 135px;
	background: url('../img/elevadores_sidebar.jpg') no-repeat left top;
}

#elevadores:hover {
	width: 135px; 
	height: 135px;
	background: url('../img/elevadores_sidebar_hover.jpg') no-repeat left top;
}

.elevadores-submenu {
	width: 100%;
	height: 155px;
	border: 10px solid #FFFFFF;
	text-align: center !important;
}

.elevadores-submenu .elev {
	position:relative; 
	top:0px; 
	background:#db1e3c; 
	opacity:0; 
}

.elevadores-submenu:hover .elev {
	opacity:0.8;
}

.elevadores-submenu .elev span {
	visibility: hidden;
	position: absolute;
	width: 90%;
	height: 50%;
	top: 25%;
	left: 5%;
	padding-top: 5%;
	color: white;
}

.elevadores-submenu .elev:hover span { 
	visibility: visible;
}

#museus {
	width: 135px; 
	height: 135px;
	background: url('../img/museus_sidebar.jpg') no-repeat left top;
}

#museus:hover {
	width: 135px; 
	height: 135px;
	background: url('../img/museus_sidebar_hover.jpg') no-repeat left top;
}

.museus-submenu {
	width: 100%;
	height: 155px;
	border: 10px solid #FFFFFF;
	text-align: center !important;
}

.museus-submenu .muse {
	position:relative; 
	top:0px; 
	background:#ec7727; 
	opacity:0; 
}

.museus-submenu:hover .muse {
	opacity:0.8;
}

.museus-submenu .muse span {
	visibility: hidden;
	position: absolute;
	width: 90%;
	height: 50%;
	top: 25%;
	left: 5%;
	padding-top: 5%;
	color: white;
}

.museus-submenu .muse:hover span { 
	visibility: visible;
}

@media(min-width:768px) {
    #wrapper {
        padding-left: 135px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 135px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 20px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}