/*-----------------------------------------------------------------*/
/*---------------------------- POPUP ------------------------------*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
div#btnPopUp{
  position: absolute;
	top: 42px;
	right: 0px;
	z-index:10;
	
	color:#000;
	width: 40px;
	height:40px;
	border:2px solid #000;
	border-radius: 100%;
	padding:0;
	margin:0;
	text-align:center;
	
	background-color: #00b9e8;
	background-image:url(../img/icon_document.png);
	background-position: center;
	background-size: 65%;
	background-repeat:no-repeat;
}
div#btnPopUp:after{
	content: attr(title);
	position: absolute;
	bottom: -17px;
	left: -50%;
	width: 200%;
	text-align: center;
	font-size: 14px;
}




div#btnPopUp:hover{
	cursor: pointer;
  -ms-transform: scale(1.1); /* IE 9 */
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1); /* Safari */
  transform: scale(1.1);
}

div#btnPopUp:active{
	transform: scale(0.9);
	-ms-transform: scale(0.9); /* IE 9 */
	-webkit-transform: scale(0.9); /* Safari and Chrome */
}



@media (max-width: 600px) {
  div#btnPopUp {
	 position: fixed;
	 top: 3px;
	 right: 3px;
		z-index: 100;
  }
  div#btnPopUp:after {
		display: none;
  }
}



div#ventanaPopUp{
	background-color: #fff;
	border: 5px solid #3696DE;
	border-radius: 10px;
  overflow:hidden;
	position:absolute;
	top:0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 90%;
	max-width: 700px;
	height:80%;
	margin: auto;
	z-index:9999;
	
	font-size: 20px;

	box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
	-moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
	-webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
}



div#ventanaPopUp > #popUpTitle{
	position:relative;
	background-color: #3696DE;
	width: 100%;
	height:30px;
	color:#fff;
	font-size:1em;
	text-indent:5px;
	border-bottom:2px solid #d2d3d1;
}
div#ventanaPopUp.ui-draggable > #popUpTitle{
    cursor:move;
}
div#ventanaPopUp > #popUpTitle > #popUpClose{
	background-color: #3696DE;
	min-width: 20px;
	min-height:20px;
	text-align:center;
	color:#fff;
	border-radius: 100%;
	border:2px solid #fff;
	position:absolute;
	top:-2px;
	bottom: 0;
	right:5px;
	margin: auto;
	text-indent: -99999999px;
	font-size:24px;
	
	background: url(../img/icon_x.png) no-repeat center center;
	background-size: contain;
}
div#ventanaPopUp > #popUpTitle > #popUpClose:hover{
	border-color:#ccebf8;
	background-color: #ccebf8;
	cursor:pointer;
}
div#ventanaPopUp > #popUpContent{
	background-color: #fff;
	width: 100%;
  height:auto;
	max-height:90%;
	padding:2%;
	overflow-y:auto;
	font-size: 0.8em;
}

#popUpContent {
	font-family:Helvetica, arial, sans-serif, Verdana, Tahoma, Geneva;
	color:#303030;
	line-height:26px;
	}

#popUpContent > .titulo {
	font-size:21px;
	font-weight:bold;
	padding-bottom:20px;
	}
	
#popUpContent > .texto {
	font-size:18px;
	font-weight:normal;
	
	}
	
#popUpContent > .texto p{
	font-size:18px;
	font-weight:normal;
	margin-bottom:7px;
	}
	
#popUpContent > .epigrafe {
	font-size:16px;
	font-weight:normal;
	font-style:normal;
	width:100%;
	text-align:right;
	}
	
#popUpContent > .epigrafe .tit {
	font-size:16px;
	font-weight:normal;
	font-style:italic;
	width:100%;
	text-align:right;
	}