body
{
    -ms-overflow-style: scrollbar;
}
.sticky-popup
{
	position: fixed;	
	width: 420px;
	visibility: hidden;	
    z-index: 999999;
}
.sticky-popup .popup-header
{   
    padding: 10px 5px 5px 10px;
    border:1px solid #2C5A85;   
    cursor:pointer;
}

.popup-title
{
    color: #ffffff; 
    font-size: 18px;
    font-weight: bold;
}
    
.popup-image 
{
    float: right;
    padding: 0 15px 0 0;
    margin: 0px;
    width:25px;
}

.popup-image img
{
    max-width: 30px;
    max-height: 153px;    
}
.popup-content
{
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y:auto;
    height: auto;
    background-color: #fefefe;
    border: 1px solid hsl(0, 0%, 92%);
}

.popup-content input, textarea, select
{
    max-width: 95%;
}
.popup-content p
{
    margin: 5px 0 5px 0px;
}
.popup-content-pad
{
    padding: 0;
}
/*Right Bottom and Left bottom side popup style*/
.right-bottom
{   
    right: 2%;
    bottom: 0;  
}
.left-bottom .popup-header
{
    border-radius: 4px 4px 0 0;
}
.right-bottom .popup-header
{
    border-radius: 4px 4px 0 0;
}
.left-bottom
{   
    left: 2%;
    bottom: 0;  
}
.open_sticky_popup {
    -webkit-transition: bottom .8s;
    -moz-transition: bottom .8s;
    -o-transition: bottom .8s;
    transition: bottom .8s;
}
@-webkit-keyframes popup_content_bounce_in_up{
    0%{opacity:0;-webkit-transform:translateY(2000px)}
    60%{opacity:1;-webkit-transform:translateY(-30px)}
    80%{-webkit-transform:translateY(10px)}
    100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes popup_content_bounce_in_up{
    0%{opacity:0;-moz-transform:translateY(2000px)}
    60%{opacity:1;-moz-transform:translateY(-30px)}
    80%{-moz-transform:translateY(10px)}
    100%{-moz-transform:translateY(0)}
}
@-o-keyframes popup_content_bounce_in_up{
    0%{opacity:0;-o-transform:translateY(2000px)}
    60%{opacity:1;-o-transform:translateY(-30px)}
    80%{-o-transform:translateY(10px)}
    100%{-o-transform:translateY(0)}
}
@keyframes popup_content_bounce_in_up{
    0%{opacity:0;transform:translateY(2000px)}
    60%{opacity:1;transform:translateY(-30px)}
    80%{transform:translateY(10px)}
    100%{transform:translateY(0)}
}
.popup-content-bounce-in-up{    
    -webkit-animation-name:popup_content_bounce_in_up;
    -moz-animation-name:popup_content_bounce_in_up;
    -o-animation-name:popup_content_bounce_in_up;
    animation-name:popup_content_bounce_in_up;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/*Right side popup style*/
.sticky-popup-right
{
    /*top:25%;*/
    right:0;    
}
.sticky-popup-right .popup-header
{
    width: 35px;
    margin-top: 45%;
    float: left;
    height: 160px;
    border-radius: 4px 0 0 4px;
    padding: 0px;  
}
.sticky-popup-right .popup-title
{
    writing-mode:tb-rl;
    /*-webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform: rotate(90deg);*/
    white-space:nowrap;
    display: block;
    padding:5px;    
}
.sticky-popup-right .popup-image
{
  	position: absolute;
	top: 0;
    right: -22px;  
    /*margin: -12px 0 0 -10px;*/
	/*margin-right: -16px\9 !important;
	padding-right: 15px\9 !important;*/
	width: 40px;
	height: 21px;
	padding: 0px;
	/*-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	position: absolute;
	left: -27px;
	top: -63px;*/
	/*border: #0f0 dashed 1px;*/
	/*background-repeat: no-repeat;
	background-image: url('http://www.unisuam.edu.br/wp-content/uploads/2014/07/setas.png');
  	background-position: top;*/
	
}


/*.seta-pra-dentro {background-position: top;}*/
.seta-pra-fora {background-position: bottom !important;}


.sticky-popup-right .ie10 .popup-image
{
    margin-right:-16px !important;
}
.sticky-popup-right .ie11 .popup-image
{
    margin-right:-16px !important;
}
.sticky-popup-right .popup-content
{    
    width: auto;
}
.open_sticky_popup_right{
    -webkit-transition: right .8s;
    -moz-transition: right .8s;
    -o-transition: right .8s;
    transition: right .8s;
}
@-webkit-keyframes popup_content_bounce_in_right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes popup_content_bounce_in_right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.popup-content-bounce-in-right{ 
    /*-webkit-animation-name:popup_content_bounce_in_right;
    -moz-animation-name:popup_content_bounce_in_right;
    -o-animation-name:popup_content_bounce_in_right;
    animation-name:popup_content_bounce_in_right;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;*/
}
/*Left side popup style*/
.sticky-popup-left
{
	/*top:25%;*/
	left:0;    
}
.sticky-popup-left .popup-header
{
    width: 40px;
    padding: 0px; 
    margin: 35% 0 0 0;
    float: right;
    height: 160px;
    border-radius: 0 4px 4px 0;    
}
.sticky-popup-left .popup-title
{
    padding:10px;
    writing-mode:tb-rl;
    /*-webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform: rotate(90deg);*/
    white-space:nowrap;
    display: block;    
}
.sticky-popup-left .popup-image
{
    margin:7px -135px 0 0;
    /*margin-right:-20px\9 !important;
    padding-right:20px\9 !important;*/
    width: 40px;
    padding: 0px;    
    /*-webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform: rotate(90deg);*/    
}

.sticky-popup-left .ie8 .popup-image
{
    margin-right:-16px !important;
}
.sticky-popup-left .ie9 .popup-image
{
    margin-right:-16px !important;
}
.sticky-popup-left .ie10 .popup-image
{
    margin-right:-16px !important;
}
.sticky-popup-left .ie11 .popup-image
{
    margin-right:-16px !important;
}
.sticky-popup-left .popup-content
{    
    width: auto;
    padding:0px;
    margin:0px;    
}
.open_sticky_popup_left{
    -webkit-transition: left .8s;
    -moz-transition: left .8s;
    -o-transition: left .8s;
    transition: left .8s;
}
@-webkit-keyframes popup_content_bounce_in_right_left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes popup_content_bounce_in_right_left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.popup-content-bounce-in-left {
    -webkit-animation-name:popup_content_bounce_in_right_left;
    -moz-animation-name:popup_content_bounce_in_right_left;
    -o-animation-name:popup_content_bounce_in_right_left;
    animation-name:popup_content_bounce_in_right_left;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/* Top Left and Top Right style */
.top-left .popup-header
{
   border-radius:0 0 4px 4px;
}
.top-right .popup-header
{
   border-radius:0 0 4px 4px;
}
.open_sticky_popup_top {
    -webkit-transition: top .8s;
    -moz-transition: top .8s;
    -o-transition: top .8s;
    transition: top .8s;
}
@-webkit-keyframes popup_content_bounce_in_down{
    0%{opacity:0;-webkit-transform:translateY(2000px)}
    60%{opacity:1;-webkit-transform:translateY(-30px)}
    80%{-webkit-transform:translateY(10px)}
    100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes popup_content_bounce_in_down{
    0%{opacity:0;-moz-transform:translateY(2000px)}
    60%{opacity:1;-moz-transform:translateY(-30px)}
    80%{-moz-transform:translateY(10px)}
    100%{-moz-transform:translateY(0)}
}
@-o-keyframes popup_content_bounce_in_down{
    0%{opacity:0;-o-transform:translateY(2000px)}
    60%{opacity:1;-o-transform:translateY(-30px)}
    80%{-o-transform:translateY(10px)}
    100%{-o-transform:translateY(0)}
}
@keyframes popup_content_bounce_in_down{
    0%{opacity:0;transform:translateY(50px)}
    60%{opacity:1;transform:translateY(-30px)}
    80%{transform:translateY(10px)}
    100%{transform:translateY(0)}
}
.popup-content-bounce-in-down{    
    -webkit-animation-name:popup_content_bounce_in_down;
    -moz-animation-name:popup_content_bounce_in_down;
    -o-animation-name:popup_content_bounce_in_down;
    animation-name:popup_content_bounce_in_down;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.top-left
{
    left: 2%;
}
.top-right
{
    right : 2%;
}

	  
/********************** ESTILO DO BOX FLUTUANTE **********************/
	  
	  
	  	.box-matricula {padding: 15px 15px 3px 15px; font-size: 14px !important; font-family: "arial" !important;}
	  
	  	.box-matricula h1 .fa-university {color: #545454 !important; }

		.box-matricula h2 {font-family: 'arial'; margin: 10px 0; font-size: 16px !important;} 
  
  		.box-matricula h3 {color: #545454 !important; font-family: "arial" !important; font-size: 15px !important; text-align: center !important;}

		.box-matricula p {font-size: 13px !important;}
	  
	  	.font-cinza {color: #545454 !important; font-family: 'arial';}

		.box-matricula h1 {font-family: 'arial'; text-align: center !important; color: #545454; font-size: 22px !important; margin: 20px 0;} 
	  
	  	.box-matricula h3 {margin: 0; line-height: 16px;}

		.box-matricula tr td {padding: 10px 0;}

		.box-matricula .btn-matricula {background: rgb(67, 175, 0); padding: 2px 10px; border: 1px solid #545454; color: #fff; font-family: 'arial';}

		.box-matricula .btn-matricula:hover {background: #3D9BE9; color: #fff;}

		.box-pos-graduacao {background: #f3f3f3; padding: 15px;}

		.box-pos-graduacao li {list-style-type: none; display: inline-block;}

		.box-pos-graduacao li h2 {display: inline-block; text-align: center; font-family: 'calibri'; font-size: 13px !important; padding: 0 9px; }

		.box-pos-graduacao li h2 a:hover {color: #009fc0;}

		.sticky-popup-right .popup-title {
  		
  		  display: block;
  
		  /*-webkit-transform:rotate(-180deg) !important;
  
		  -moz-transform:rotate(-180deg);
		  
		  -ms-transform:rotate(-180deg);
		  
		  -o-transform:rotate(-180deg);
		  
		  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
  
			text-align: center !important;
  			position: relative; top: 10px;*/
	  
	  	}

      

	  /*IPhone */
		@media only screen 
		and (min-device-width: 320px) 
		and (max-device-width: 480px)
		and (-webkit-min-device-pixel-ratio: 2) {
  
   			.sticky-popup-right .popup-image {
			  position: absolute;
			  top: 0;
			  left: -3px;
			}
	  
		}
	  


	  /*Safari Hack*/

		/*@supports (-webkit-text-size-adjust:none) and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) { 
		
		  .sticky-popup-right .popup-image {
		  
			  position: absolute;
			  top: 0;
			  left: -3px; 
			
		   } 
			
  		}*/
		  
		  
		@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){ 
			@media {
			.sticky-popup-right .popup-image {
		  
			  position: absolute;
			  top: 0;
			  left: -3px; 
			
		   } 
		}}  
	  
	  
	  
/*********************************************************************/	  
	  
	  
	  
	  
	  
	  

@media screen and (max-width: 768px) {	  
	  
  .sticky-popup
  {
	  position: fixed;	
	  width: 370px;
	  visibility: hidden;	
	  z-index: 999999;
	}	  

}