/* HTML RESET: */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	z-index:0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
    font-family: 'Open Sans', sans-serif;
    line-height: 1;
    overflow-x: hidden;
    overflow-y: scroll;
}


ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a,
a:active,
a:hover,
a:visited,
a:disabled {
	outline: 0;
	/*background: transparent;*/
	border: 0px;
	text-decoration: none;
}

html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	background: #000000;
	color: #FFFFFF;
        background:#000000 url('../images/bg_pag_mapa.jpg');
        background-size: cover;
        background-repeat: no-repeat;

}

i{
	font-style:italic !important;
	
	}
.bx-wrapper .bx-viewport {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border:  0px;
	left: 0px;
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.home-wrapper {
	position: relative;
}

.home-top-menu-wrapper {
	position: absolute;
	top: 30px;
	z-index: 9999999;
}

.logos-wrapper {
	position: absolute;
	bottom: 0px;
}

.hover {
	cursor: pointer;
}

/* MAP HOMEPAGE: */

.menu-box{
    padding: 40px 0 0 1%;
}

	.main-map-menu-wrapper img {
		width: 100%;
	}
	.main-map-menu-wrapper .small-image {
		max-width: 346px;
	}
	.main-map-menu-wrapper .big-image {
		max-width: 419px;
	}



.main-map-wrapper {
	position: absolute;
	top: 30px;
	right: 1%;
	width: 65%;
	height: auto;
}

.main-map-wrapper img {
		width: 100%;
		height: auto;
	}

.left {
	float: left;
}

.menu-content-wrapper {
	margin-top: 10px;
}

.icon-left-wrapper {
	width: 28%;
	float: left;
	max-width: 115px;
	height:120px;
	
}

.menu-left-content {
	width: 72%;
	max-width: 309px;
}

.menu-item {
	color: #D1D1D1;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-size: 0.7em;
	text-transform: uppercase;
	line-height: 20px;
	cursor: pointer;
	padding-left:10px;
}
.menu-item:hover {
	color: #b8fe11;
	margin-left:3px;
	}
	
	
.toggle-menu{cursor:pointer;}
.btn-menu{width:5%;}

/* General styles for all menus */
.cbp-spmenu { background: #000000;position: fixed;padding:20px 0 0 20px;}
.cbp-spmenu a {display: block;font-size: 1.1em;}
.cbp-spmenu a:hover {background: #258ecd;}

.cbp-spmenu a:active {background: #afdefa;color: #4b4b54;}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {width: 439px;min-height: 100%;top: 0;z-index: 1000;border-right: 1px solid black;}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {left: -439px;}
.cbp-spmenu-right {right: -240px;}
.cbp-spmenu-left.cbp-spmenu-open {left: 0px;}
.cbp-spmenu-right.cbp-spmenu-open {right: 0px;}

/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {top: -150px;}
.cbp-spmenu-bottom {bottom: -150px;}
.cbp-spmenu-top.cbp-spmenu-open {top: 0px;}
.cbp-spmenu-bottom.cbp-spmenu-open {bottom: 0px;}

/* Push classes applied to the body */
.cbp-spmenu-push {position: relative;left: 0;}
.cbp-spmenu-push-toright {left: 240px;}
.cbp-spmenu-push-toleft {left: -240px;}

/* Transitions */
.cbp-spmenu,
.cbp-spmenu-push {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}



/* Pretos*/
.hotspotA{position:absolute;left:16%; top:55%; width:2%; height:2%;z-index:8;}
.hotspotB{position:absolute;left:35%; top:34%; width:2%; height:2%;}
.hotspotF{position:absolute;left:21%; top:52%; width:2%; height:2%;z-index:7;}
.hotspotG{position:absolute;left:20%; top:60%; width:2%; height:2%;z-index:10;}
.hotspotH{position:absolute;left:31%; top:53%; width:2%; height:2%;z-index:6;}
.hotspotI{position:absolute;left:32%; top:50%; width:2%; height:2%;}
.hotspotJ{position:absolute;left:42%; top:51%; width:2%; height:2%;z-index:5;}
.hotspotK{position:absolute;left:43%; top:65%; width:2%; height:2%;z-index:17;}
.hotspotL{position:absolute;left:46%; top:60%; width:2%; height:2%;z-index:16;}
.hotspotM{position:absolute;left:45%; top:47%; width:2%; height:2%;z-index:4;}
.hotspotN{position:absolute;left:48%; top:42%; width:2%; height:2%;z-index:2;}
.hotspotO{position:absolute;left:51%; top:44%; width:2%; height:2%;z-index:3;}
.hotspotP{position:absolute;left:50%; top:55%; width:2%; height:2%;z-index:11;}
.hotspotQ{position:absolute;left:62%; top:37%; width:2%; height:2%;z-index:22;}
.hotspotR{position:absolute;left:76%; top:32%; width:2%; height:2%;z-index:22;}
.hotspotY{position:absolute;left:54%; top:64%; width:2%; height:2%;z-index:26;}

/* Vermelhos*/
.hotspotC{position:absolute;left:26%; top:35%; width:2%; height:2%;} 
.hotspotD{position:absolute;left:29%; top:65%; width:2%; height:2%;z-index:12;} 
.hotspotE{position:absolute;left:13%; top:39%; width:2%; height:2%;} 
.hotspotS{position:absolute;left:56%; top:55%; width:2%; height:2%;z-index:25;} 
.hotspotT{position:absolute;left:43%; top:38%; width:2%; height:2%;z-index:1;} 
.hotspotU{position:absolute;left:69%; top:29%; width:2%; height:2%;z-index:21;}
.hotspotV{position:absolute;left:66%; top:48%; width:2%; height:2%;z-index:24;}
.hotspotW{position:absolute;left:81%; top:41%; width:2%; height:2%;z-index:23;}

/*Barragens*/
.hotspotX{position:absolute;left:18%; top:57%; width:2%; height:2%;z-index:9;}
.hotspotZ{position:absolute;left:32%; top:58%; width:2%; height:2%;z-index:11;}

/*MAPA*/
.hotspotMAPA{position:absolute;left:93%; top:0%; width:2%; height:2%;z-index:11;}

@-webkit-keyframes pulse_animation {
	0% { -webkit-transform: scale(1); }
	30% { -webkit-transform: scale(1); }
	40% { -webkit-transform: scale(1.13); }
	50% { -webkit-transform: scale(1); }
	60% { -webkit-transform: scale(1); }
	70% { -webkit-transform: scale(1.11); }
	80% { -webkit-transform: scale(1); }
	100% { -webkit-transform: scale(1); }
}

.pulse {
-webkit-animation-name: 'pulse_animation';
-webkit-animation-duration: 5000ms;
-webkit-transform-origin: 70% 70%;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
}





/* Tooltip - Start */
.tooltipPop {
	display: inline !important;
	position: absolute !important;
	z-index: 9999999 !important;
}

/* Trigger text */

.tooltip-item {
	/*background: rgba(0,0,0,0.3);*/
	cursor: pointer;
	display: inline-block;
	/*font-weight: 700;*/
	padding: 0 10px;
}

/* Gap filler */

.tooltip-item::after {
	content: '';
	position: absolute;
	width: 340px;
	height: 20px;
	bottom: 100%;
	left: 50%;
	pointer-events: none;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.tooltip:hover .tooltip-item::after {
	pointer-events: auto;
}

/* Tooltip */

.tooltip-content {
	position: absolute;
	z-index: 999999 !important;
	width: 270px;
	left: 50%;
	margin: 0 0 20px -133px;
	bottom: 100%;
	font-size: 0.765em;
	line-height: 1.4;
	box-shadow: -5px -5px 15px rgba(48,54,61,0.2);
	/*background: #2a3035;*/
	background:url(../js/fancybox/source/bg_lightbox.png);
	
	opacity: 0;
	cursor: default;
	pointer-events: none;
        padding:10px;
	/*text-align:center !important;*/
}

.tooltip-effect-1 .tooltip-content {
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
        z-index: 999999;
}

.tooltip-effect-2 .tooltip-content {
	-webkit-transform-origin: 50% calc(100% + 10px);
	transform-origin: 50% calc(100% + 10px);
	-webkit-transform: perspective(1000px) rotate3d(1,0,0,45deg);
	transform: perspective(1000px) rotate3d(1,0,0,45deg);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
}

.tooltip-effect-3 .tooltip-content {
	-webkit-transform: translate3d(0,10px,0) rotate3d(1,1,0,25deg);
	transform: translate3d(0,10px,0) rotate3d(1,1,0,25deg);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.tooltip-effect-4 .tooltip-content {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transform: scale3d(0.7,0.3,1);
	transform: scale3d(0.7,0.3,1);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
}

.tooltip-effect-5 .tooltip-content {
	width: 180px;
	margin-left: -90px;
	-webkit-transform-origin: 50% calc(100% + 6em);
	transform-origin: 50% calc(100% + 6em);
	-webkit-transform: rotate3d(0,0,1,15deg);
	transform: rotate3d(0,0,1,15deg);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
	-webkit-transition-timing-function: ease, cubic-bezier(.17,.67,.4,1.39);
	transition-timing-function: ease, cubic-bezier(.17,.67,.4,1.39);
}

.tooltipPop:hover .tooltip-content {
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
	transform: translate3d(0,0,0) rotate3d(0,0,0,0);
	
}

.tooltipPop.tooltip-effect-2:hover .tooltip-content {
	-webkit-transform: perspective(1000px) rotate3d(1,0,0,0deg);
	transform: perspective(1000px) rotate3d(1,0,0,0deg);
}

/* Arrow */

.tooltip-content::after {
	content: '';
	top: 100%;
	left: 50%;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent 0.4;
	/*border-top-color: #ffffff;*/
	border-top-color: #FFFFFF;
	opacity: 0.8;
    filter: alpha(opacity=80);
	border-width: 10px;
	margin-left: -10px;
	z-index:999999;
	
}

/* Tooltip content*/

.tooltip-content img {
	position: relative;
	/*height: 170px;*/
	display: block;
	float: left;
	margin-right: 1em;
}

.tooltip-text {
	font-size: 1.18em;
	line-height: 2.35;
	display: block;
	/*padding: 0.31em 1.21em 1.21em 0;*/
	font-family:Arial, Helvetica, sans-serif;
	color: #b4f811;
	background:#1c1c1c;
	text-align:center !important;
}

.tooltip-effect-5 .tooltip-text {
	padding: 1.4em;
}

.tooltip-text a {
	/*font-weight: bold;*/
}

/* Tooltip - End */
.legenda{
	float:right;
	margin-top:-130px;
	}

.logo_edia{
	float:left;
	margin-bottom:10px;
	margin-top:10px;
	margin-left:-10px;
	}
	
.bar{
    margin:20px 0 0 -30px;
    width: 107%;
    height: 36px;
    top: 80%;
    background: transparent url("../images/barra_menu_baixo.png");
    background-repeat: repeat-x;
}
.bar .credits{
    width:110px;float:left; display:inline;padding: 11px 0 0 4px;color:#758b26;
}
.bar .separator{
    width:10px;float:left;border-left: 1px solid #646560;height:36px;margin-left: 70%;
}

.bar-detail{
    width: 100%;
    height: 36px;
    top: 80%;
    background: transparent url("../images/barra_menu_baixo.png");
    background-repeat: repeat-x;
}
.bar-detail .separator{
    float:left;border-left: 1px solid #646560;height:36px;
}
.bar-detail .credits{
    padding: 11px 0 0 4px;color:#758b26;
}
.bar-detail .title{
    padding: 11px 0 0 4px;color:#d1e282;
}

.credits{
	font-size: 12px !important;
	/*padding: 0.31em 1.21em 1.21em 0;*/
	font-family:Arial, Helvetica, sans-serif;
	color: #b4f811;
	text-align:center !important;}


#nav .separator{
    float:left;border-left: 1px solid #646560;height:36px;margin:0 20px 0 30px;
}
#nav .item{
    padding: 11px 0 0 4px;
    color: #9ec102;float:left;
}
#nav .item a{
    color: #9ec102;
}

.thumbnails{
    width:100%;
    border:1px solid #000000;
    margin:10px 0 0 0;
}
.thumbnails img{
    width:14.28%;
    float:left;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    opacity: 0.5;
}
.thumbnailsLabel{
    width:35%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    position:absolute;
    z-index:99999;
    text-align: center;
	
	
}
.thumbnailsLabel label{
    padding: 8px 25px 10px 25px !important;
    border:0 !important;
    color:#FAFAFA;
	background:url(../images/bg_title.jpg) left;
	box-shadow: 0px 0px 10px rgba(48,54,61,0.9);

   
    
}
.thumbnailsLabel label span{
    display: none;
}
.thumbnails .active{
    opacity: 1 !important;
}
.thumbnails .active{
    opacity: 1 !important;
}

.thumbnails img:hover{
   opacity: 1 !important;
}
.thumbnails a{
   cursor:pointer;
}

/* Slider controls */
#slider-prev{
   position:absolute;
   top:45%;left:0%;
}
#slider-next{
   position:absolute;
   top:45%;right:0%;  
}
.img-arrow{
    width:100%;
}
#slider-legend{
   position:absolute;
   bottom:2%;left:1%;
   text-transform: uppercase;
}

/* LightBox Contents*/
.lbox-title-agua{
	font-size: 1.18em;
	display: block;
	/*padding: 0.31em 1.21em 1.21em 0;
	text-align:center !important;
	line-height: 2.35;
	*/
	font-family:Arial, Helvetica, sans-serif;
	color: #008dc9;
	padding-bottom:10px;	
}
.lbox-title-agua-img {
	position: relative;
	width:100%;
	/*height: 170px;
	margin-right: 1em;*/
	display: block;
	float: left;
	padding-bottom:10px;	
        padding-right: 2em;
}
.lbox-title-text{
	font-size: 0.88em;
	display: block;
	text-align:justify;
	/*padding: 0.31em 1.21em 1.21em 0;
	text-align:center !important;*/
	line-height: 1.35;
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
	max-width:500px;
	padding-right: 2em;
}





.header-logo{padding:20px;}
.header-logo-edia{padding:20px; float:right;}

.thumbnails{float:left;}






#navbar-bottom{
   background-color: none !important; 
   border:0 !important; 
   border-color:none !important;
   color: #9ec102 !important;
   z-index: 9999 !important;
}

#navbar-bottom a{
   background-color: none !important; 
   border:0 !important; 
   border-color:none !important;
   color: #9ec102 !important;
}
#navbar-bottom a:hover{
   background-color:transparent !important;
}
#navbar-bottom a:link{
   background-color:transparent !important;
}
#navbar-bottom a:active{
   background-color:transparent !important;
}
#navbar-bottom .open>a, .nav .open>a:hover, .nav .open>a:focus {
background-color:transparent !important;
border-color: #428bca;
}
#navbar-bottom .dropdown-menu {
background-color: transparent !important;
cursor: pointer !important;
}

@media (max-width: 1024px) {
    .small-image{width: 280px;}
	.small-image2{width: 180px;}
    .left-image-icon{width: 80px;}
    .menu-item {
        font-size: 14px;
        line-height: 20px;
    }    
    .navbar{background-color: #000000 !important;border:0 !important;}
    .navbar-toggle{color:#758b26 !important;border:1px solid #758b26 !important; }
    .img-arrow{
        width:50%;
    }
    .thumbnailsLabel label{
        font-size:0.6em;
    }
    .barra-cor{
        background-color: #292929 !important;
    }
    #navbar-bottom{
       background-color: none !important; 
       border:0 !important; 
       border-color:none !important;
       color: #9ec102 !important;
       z-index: 9999 !important;
    }


    #navbar-bottom .dropdown-menu {
    background-color: #292929 !important;
    }
    
}

@media (max-width: 640px) {
    .small-image{width: 175px !important;}
}

@media (max-width: 360px) {
     html{overflow-x:hidden !important;width:100% !important;margin:0 !important;padding:0 !important;}
    .small-image{width: 120px !important;}
    .left-image-icon{width: 80px !important;}
    .menu-item {
        font-size: 14px !important; 
        line-height: 20px !important;
    }    

    .bar{
    margin: 0px 0 0 -30px !important;
    width: 124% !important;
    top: 80% !important;
    }
    
    .bar .credits {
    width: 75px !important;
    padding: 11px 0 0 4px !important;
    font-size: 10px;
    }
    .img-arrow{
        width:50%;
    }
    
        #slider-prev{
           position:absolute;
           top:35%;left:0%;
        }
        #slider-next{
           position:absolute;
           top:35%;right:0%;  
        }
    
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    #nav .separator{
        margin: 0 20px 0 0px;
    }
    #nav .item{
        padding: 11px 20px 0 4px;
    }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
    #nav .separator{
        margin: 0 20px 0 0px;
    }
    #nav .item{
        padding: 11px 20px 0 4px;
    }
}

.btn_som {
  padding: 1px 1px 0px 1px;
  margin-top:5px;
  
}

.btn_som:hover {
  background: #9ec102;
    padding: 1px 1px 0px 1px;
  
}