body{
  margin:0;
  padding:0;
}

.lightbox-div-hide{
	
	display:none;
	
}
.lightbox-number {
	color:white;
	font-size: 1.6em;
	font-family: "Libre Baskerville", Verdana, sans-serif;
	width: 40%;
	float: left;
	text-align: left;
	padding: .2em 0;
	margin: 0;
}


#lightbox-menu {
    position: relative;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    z-index: 999;
    padding: 0;
    /*! background-color: transparent; */
}

#lightbox-arrow-right{
	position:absolute;
	left:96%;
	top:25%;
	width:30px;
	height:57px;
	/*background-color:red;*/
	border-radius:10px;
	/*background-color:white;*/
	background-size:100% 100%;
	background-image:url("../img/seta_ir.png");
	z-index: 9999;
}


#lightbox-arrow-right:hover{
	position:absolute;
	/*! left:92%; */
	top:25%;
	width:30px;
	height:57px;
	/*background-color:red;*/
	border-radius:10px;
	/*background-color:white;*/
	background-size:100% 100%;
	background-image:url("../img/seta_ir_over.png");
}


#lightbox-arrow-left{
	position:absolute;
	left:1%;
	top:25%;
	width:30px;
	height:50px;
	/*background-color:white;*/
	
	background-size:100% 100%;
	background-image:url("../img/seta_voltar.png");
	border-radius:10px;
	z-index: 9999;
}

#lightbox-arrow-left:hover{
	position:absolute;
	left:1%;
	top:25%;
	width:30px;
	height:50px;
	/*background-color:white;*/
	
	background-size:100% 100%;
	background-image:url("../img/seta_voltar_over.png");
	border-radius:10px;
}

#lightbox-text{
    position: relative;
		clear: both;
		width: 100%;
		font-size: 1.6em;
		/*! left:10.5%; */
		padding: 1em 0;
		top:50%;
		margin:0;
		font-family:Libre Baskerville,serif;
		color:#fff;
		text-align: left;
		font-weight: normal;
		line-height: 1.5em;
}


.lightbox-text{
    position: relative;
		clear: both;
		width: 100%;
		font-size: 1.6em;
		/*! left:10.5%; */
		padding: 1em 0;
		top:50%;
		margin:0;
		font-family:Libre Baskerville,serif;
		color:#fff;
		text-align: left;
		font-weight: normal;
		line-height: 1.5em;
}


.lightbox-button {
    float:right;
    margin:0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:70%;
	font-weight:bold;
	padding:1% 1.5%;
	text-decoration:none;
	text-shadow:0px -1px 0px #157cd6;
	background-image: url("../img/botao_fechar.png");
	/*! background-size:50% 50%; */
	width:105px;
    height: 20px;
    background-repeat: no-repeat;
    /*! margin-top: 25px; */
    position: relative;
}

.eng .lightbox-button {
	background-image: url("../img/botao_fechar_en.png");
}

.lightbox-button-panel{
	
	
	width: 60%;
	float: right;
	height: 23px;
	position: relative;
}
.lightbox-button:hover {
	background-image: url("../img/botao_fechar_over.png");
}	

.eng .lightbox-button:hover {
	background-image: url("../img/botao_fechar_en_over.png");
}
	
.lightbox-button:active {
	position:relative;
	top:1px;
}

.image{
	width:100%;
	
}


#lightbox{
 position: relative;   
  width: 70%; 
  height:auto; 
  /*! background: white; */ 
  padding-top: 1em;
  z-index: 80;
}
#lightbox-background {
    position: absolute;   
    width:100%; 
    height:300%;
    left:0;
    top:0;
    background: black;
    z-index: 1001;
    background: rgb(0, 0, 0) transparent;
    background: rgba(0, 0, 0, 0.9);
    
}

#lightbox-image {
    width:100%;
        
}
/* Migrados do index.html - 2017-06-08 (Carol) */
 .images{
    position:relative;
    left:-80px;
    background-color: #363636;
    box-shadow: 2px 2px 2px #363636;
    -webkit-box-shadow: 2px 2px 2px #363636;
    -moz-box-shadow: 2px 2px 2px #363636;
    padding:0;
	margin:0;


}

#zoomIn{
	position:absolute;
		left:1%;
		top:90%;
		width:20px;
		height:20px;	
		background:white url('images/zoom_mais.png');
		background-size:100% 100%;
		z-index: 99;

}

#zoomIn:hover{	
	background:white url('images/zoom_mais_over.png');
	background-size:100% 100%;
	width:20px;
	height:20px;
}

#zoomout{
	position:absolute;
	left:1%;
	top:84%;
	width:20px;
	height:20px;
	background:white url('images/zoom_menos.png');
	background-size:100% 100%;
	z-index: 99;


}

#zoomout:hover{

	position:absolute;
	left:1%;
	width:20px;
	height:20px;
	background:white url('images/zoom_menos_over.png');
	background-size:100% 100%;
	z-index: 99;


}

#moveRight{
	position:relative;
	left:50%;
	top:-20px;
	width:30px;
	height:30px;
	background:white url('images/519629-129_ArrowRight-24.png');
	background-size:100% 100%;
	border-radius:5px;

}

#return{
	position:absolute;
	left:1%;
	top:77%;
	width:20px;
	height:20px;	
	background:white url('images/inicio.png');
	background-size:100% 100%;
	z-index: 99;

}

#return:hover{
	width:20px;
	height:20px;	
	background:white url('images/inicio_over.png');
	background-size:100% 100%;
	z-index: 99;

}

#moveLeft{
	position:relative;
	left:45%;
	top:-45px;
	width:20px;
	height:20px;
	background:white url('images/519627-127_ArrowLeft-32.png');
	background-size:100% 100%;
	border-radius:5px;

}

.titleItem{
	position:relative;
	left:55%;
	top:-470px;

}

.dataItem{
	position:relative;
	left:30%;
	top:-470px;
	color:#A9A9A9;
}
/* Parte 2: */

.ui-datepicker {
	position: fixed;
	width: 25%; /*what ever width you want*/
	min-width: 300px;
	height: 50%;
	min-height: 300px;
	z-index:300;
}

table.ui-datepicker-calendar tbody td.carro > a {
	/*background: url("img/ui-bg_inset-hard_55_ffeb80_1x100.png") repeat-x scroll 50% bottom red; */ /*não existe a imagem*/
	color: white;
	border: 1px solid red;
}


.ui-datepicker-trigger  {
	position:absolute;
	left:90%;
	top:77%;
	z-index:99;
	font-size: 65% !important;
	vertical-align: top !important;
	margin-left: 3px !important;
}

.ui-state-default ui-state-active{

	background-color:red;

}

#calendar{

	position:absolute;
	padding: 0;
	margin: 0;
	left:69%;
	top:60%;
	width:208px;
	height:30px;
	z-index: 99;
}

#iconCalendar{
	position:absolute;
	background-size:100% 100%;
	background-image:url('images/calendar.png');
	left:89%;
	top:80%;
	z-index: 99;
	width:48px;
	height:48px;

}
#tooltip
{
	position: absolute;
	z-index: 200;
	top:50%;
	left:50%;
	visibility: hidden;
}

/* Fim Migrados do index.html */






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

	#lightbox-arrow-right
	{
		width:20px;
		height:38px;
		background-image:url("images/seta_ir-mobile_over.png");
	}
	
	
	#lightbox-arrow-right:hover
	{
		width:20px;
		height:38px;
		background-image:url("images/seta_ir-mobile.png");
	}
	#lightbox-arrow-left
	{
		width:20px;
		height:38px;
		background-image:url("images/seta_voltar-mobile_over.png");
	}
	
	
	#lightbox-arrow-left:hover
	{
		width:20px;
		height:38px;
		background-image:url("images/seta_voltar-mobile.png");
	}	
	
	
}