/*-------------------------------*/
.sombra	 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(106,97, 75, 0.8);
/* display: none;*/
 	z-index: 20000; 
	}
	.content-popup {
		position: relative;
		margin:0px auto;
		margin-top:70px;
		padding:10px 10px 10px 10px;
		width:850px;
		min-height:479px;
		border-radius:0px;
		/*background-color:#FFFFFF;*/
		
		background-image:url(../../../Img/PopUp/Bg-PopUp.png);
		
		-webkit-box-shadow: 0px 0px 18px -3px rgba(0,0,0,1);
		-moz-box-shadow: 0px 0px 18px -3px rgba(0,0,0,1);
		box-shadow: 0px 0px 18px -3px rgba(0,0,0,1);

	/*	box-shadow: 0 2px 5px #666666;*/
		border: 0px solid rgba(0,0,0,0.2);
		}
		/*----------------------------------------------------*/
		.exit {
			position: absolute;
			top: 10px;
			right: 20px;
			color: #000;
			cursor: pointer;
			font-family: "Noto Sans", sans-serif;
			font-weight: 900;
			padding: 1px;
			z-index: 100 !important;
			letter-spacing: 1px; 
		}
	   .exit::after {
			position: absolute;
			bottom: -5px;
			left: -5px;
			background: #cc0109;
			content: "";
			height: 100px;
			width: 70px;
			-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
			-moz-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
			-o-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
			transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
			z-index: -1; 
		}
		.exit:hover {
			color: #fff; 
		}
		.exit:hover::after {
			height: 2px; 
		}  
		.exit a{
			text-decoration:none;
			color: #fff;
		}
		.exit a:hover{
			text-decoration:none;
			color: #000;
		}
		/*----------------------------------------------------*/
		.PopUp-Bg-Close{
			position: absolute;
			top: -65px;
			right: -100px;
			width : 350px;
			opacity: 1;
		}	
		.PopUp-LogoInst{
			position: absolute;
			bottom: -65px;
			right: -10px;
			width : 120px;
			opacity: 1;

		/*
			-webkit-box-shadow: 0px 0px 18px 4px rgba(0,0,0,0.3);
			-moz-box-shadow: 0px 0px 18px 4px rgba(0,0,0,0.3);
			box-shadow: 0px 0px 18px 4px rgba(0,0,0,0.3);
		*/
			
		}	
		/*----------------------------------------------------*/
		.PopUp_prllgrm1{
			position: absolute;
			top: 5%;/*50px;*/
			left: -15%;/*160px;*/
			width: 35%;/*600px;*/ 
			height: 12%;/*175px;*/
						
			/* Skew */
			-webkit-transform: skew(-35deg); 
			-moz-transform: skew(-35deg); 
			-o-transform: skew(-35deg);
			transform: skew(-35deg);
			
			-webkit-box-shadow: 0px 0px 18px -3px rgba(0,0,0,1);
			-moz-box-shadow: 0px 0px 18px -3px rgba(0,0,0,1);
			box-shadow: 0px 0px 18px -3px rgba(0,0,0,1);
			z-index: 100;
			}
			.PopUp-Ttl{
				position: absolute;
				top: 6%;
				left: -7%;
				font-size: 28px;
				font-weight: bold;	
				color: rgba(0,0,0,1);
				
				z-index:100;
			}
			.Marco1{			
				position: absolute;
				top: 20%;
				left: 2%;
				
				width:730px;
				height:370px;
				
				border-left: 1px solid rgba(255,0,0,1);
				border-bottom:1px solid rgba(255,0,0,1);
				z-index:20;
			}
			
			.PopUp-Txt{
			
				position: absolute;
				top: 100px;
				left:30px;
				width: 780px;
				
				color: rgba(0,0,0,1.0);
				text-align: justify;
				justify-content: justify;
				font-size: 18px;/*1.8em 22 21px;*/
				font-weight: normal;
				/*letter-spacing: 0pt;*/
				/*word-spacing:1pt;*/
				font-family: arial;
				/*line-height:1;*/
						
						
				border: 0px solid rgba(196,196,196,1);
			}	  
			.PopUp-IMG{
				position: absolute;
				top: 55px;
				left:-100px;
				
				width: 700px;
						
				border: 0px solid rgba(196,196,196,1);
				z-index:30;
			}	
			
			.PopUp-Icon{
				position: absolute;
				top: 155px;
				right:100px;
				
				width: 80px;
				
							
						
				border: 0px solid rgba(196,196,196,1);
				z-index:30;
			}	
			.Info-Icon{
				position: absolute;
				top: 240px;
				right:35px;
				
				width: 180px;
				
				color:rgba(0,0,0,1);
							
						
				border: 0px solid rgba(196,196,196,1);
				z-index:30;
			}	
		
			.Sbryr-PopUp p{
						color: rgba(255,0,0,1.0)
					}
.close- {
	position:relative;
	left:480px;
	}
		
	  
.PopUp-Logo-{
	position: absolute;
	top: 120px;
	left: 15px;

	-webkit-box-shadow: 0px 0px 18px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 18px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 18px 4px rgba(0,0,0,0.3);
}	

.PopUp-Web- {
	position: absolute;
	bottom: 20px;
	left: 20px;
	font-size: 23px;
	z-index: 10;
}	

.PopUp-Webb a{
	text-decoration:none;
	color: rgba(255, 255, 255,1);
	cursor: pointer;
	}

.PopUp-Web_bg- {
	position: absolute;
	margin:0px auto;
	margin-top:360px;
	width:750px;
	min-height:35px;
	border-radius:10px;
	background-color:rgba(123, 1, 1,1);
	
	-webkit-box-shadow: 0px 0px 18px -3px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 18px -3px rgba(0,0,0,1);
	box-shadow: 0px 0px 18px -3px rgba(0,0,0,1);

/*	box-shadow: 0 2px 5px #666666;*/
	border: 0px solid rgba(0,0,0,0.2);

}

/*----------------------------------------------------*/
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animacion1 {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animacion2 {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animacion3 {
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/*------------------------------------------*/
@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
/*------------------------------------------*/
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
/*------------------------------------------*/
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
/*------------------------------------------*/