/* CSS » MERELY structure ----------------------------------------------------------- */
/* Author: Ricardo Bourscheid ------------------------------------------------------- */
/* Date: March 2014 ----------------------------------------------------------------- */





/* Structure » global --------------------------------------------------------------- */
	@charset "iso-8859-1";
	BODY 
		{	margin-left: 0px;			margin-top: 0px;		margin-right: 0px;		margin-bottom: 0px;	
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 75%;	/* font-size:100% ~ 16px */			}
/* FIM Structure » global ----------------------------------------------------------- */

	
	
	
/* Structure » radius --------------------------------------------------------------- */
	.id_new_codigo,	#id_new_codigo,	.tab_login,	.divBtnMenuFavoritos,	.divBtnMenuFavoritos2,		.link_02,	.txtRelogio
		{	border-radius: 5px		}	
	#id_new_login,	#imgLogin,	#id_new_login2,	#id_new_rodape,	#captcha img,	.lateralNew	
		{	border-radius: 10px		}	

/* FIM Structure » radius ----------------------------------------------------------- */

	

	
/* padding -------------------------------------------------------------------------- */

	.link_02  
		{	padding: 2px;		}
	.id_new_codigo,	 #id_new_codigo,		#id_new_codigo,		.tab_login		
		{	padding: 5px;		}
	#id_new_rodape,	.divBtnMenuFavoritos,	.divBtnMenuFavoritos2
		{	padding: 10px;		}
	.padTop1
		{	padding-top: 12px;	}	
	.txtRelogio
		{	padding: 7px;		}
/* padding » FIM -------------------------------------------------------------------- */
	



/* border --------------------------------------------------------------------------- */
	
	/*.link_02		{	border-bottom-color: #6195ED;	}
	
	.link_02:hover	{	border: 1px dotted;	}*/
	
/* border » FIM --------------------------------------------------------------------- */


	
	
/* float / position / left / right / top / bottom ----------------------------------- */
	#id_new_codigo,	#id_new_codigo,	#telaInstituicao
		{	position:absolute;	}
	#id_new_login,	#imgLogin,	#fundo_new2012,	#id_new_rodape
		{	position:fixed;		}
		
	.new_rodape_canto,	.new_rodape_canto2
		{	float: right;		}
	.span_login_esquerda, .resolucao
		{	float: left;		}
		
	#id_new_login,	#imgLogin
		{	top: 50%;	left: 50%;	}
	#fundo_new2012
		{	top: 0px;	left: 0px;		bottom: 0px;	right: 0px;		}
	.nenhumainda		
		{	display: flex;		}
	.login2 
		{	position:fixed;		}				
/* float / position / left / right / top / bottom » FIM ---------------------------- */

	
	
	
/* display ------------------------------------------------------------------------- */	
	.firefox,	.ie,	.chrome,	.safari 
		{	display: block;			}	
	.flexbox		
		{	display: flex;	display: -ms-flexbox;		}	
	.ie .flexbox		
		{	display: none;	background-color: red;	float: left;		}
/* display » FIM -------------------------------------------------------------------- */	

	
	
	
/* shadow / transparent ------------------------------------------------------------ */		
	#imgLogin, #id_new_login2,	#captcha img,	#id_meio,	#id_meio, #id_fundo,	#div_esq,	#div_esq2,	#div_esq3,	.lateralNew,	.divBtnMenuFavoritos,
	.divBtnMenuFavoritos2
		{	box-shadow: #99A1AD 0.1em 0.1em 1.3em;	-webkit-box-shadow: #99A1AD 0.1em 0.1em 1.3em;	-moz-box-shadow: #99A1AD 0.1em 0.1em 1.3em;		}
	.txtRelogio
		{	box-shadow: #cfd6de 0.3em 0.3em 1.3em inset;	-webkit-box-shadow: #cfd6de 0.3em 0.3em 1.3em inset;	-moz-box-shadow: #cfd6de 0.3em 0.3em 1.3em inset;		border-bottom: 1px solid #cfd6de;}
	/*
	#id_meio
		{	box-shadow: #99A1AD 0.1em 0.1em 1.3em inset;	-webkit-box-shadow: #99A1AD 0.1em 0.1em 1.3em inset;	-moz-box-shadow: #99A1AD 0.1em 0.1em 1.3em inset	}				
	*/
	#id_new_codigo
		{	box-shadow: 2px 2px 10px #4682b4;		-webkit-box-shadow: 2px 2px 10px #4682b4;		-moz-box-shadow: 2px 2px 10px #4682b4;		}
	#fundo_new2012
		{	opacity: 0.20;	-moz-opacity: 0.20;		filter: alpha(opacity=20);		} 		
	.login2 
		{	opacity:0.30;	-moz-opacity: 0.30;		filter: alpha(opacity=30);		}	
/* shadow / transparent » FIM ------------------------------------------------------ */
	
	
	
	
/* background-color ----------------------------------------------------------------- */
	#id_new_login2,	#id_new_rodape 
		{	background-color: #E8EAED;	}
	#id_new_rodape 
		{	background-color: #FFF;		}	
	.login2 
		{	background-color: #A5ADBB;	}	
/* background-color » FIM ----------------------------------------------------------- */

	
	

/* images --------------------------------------------------------------------------- */
	.firefox,	.ie,	.chrome,	.safari 
		{	background-image: url(../img/uni_browsers_icones.png);	background-repeat: no-repeat;	background-size: auto 25px;	}	
	.firefox	{	background-position: 3px 0px;		}	
	.chrome		{	background-position: -45px 0px;		}
	.ie			{	background-position: -21px -1px;	}
	.safari		{	background-position: -75px 0px;		}
	.imgLoading	
		{	background-image: url("../img/loading.gif");	background-position: center center;		}
	.logo_pergamum_new
		{	background-image: url(../img/logo_pergamum_new.png);	background-repeat: no-repeat;	background-position: center center;		}			
	.login2 
		{	background-image: url(../img/listras.png);				background-repeat: repeat;		background-position: center top;		
			background-attachment: fixed;			}
	
	#imgLogin
		{	background-image: url(../img/login_senha_ap.png);		}
	#id_new_codigo,	#id_new_codigo,	#telaInstituicao
		{	background-image: url(../img/fundo_zaul_transp.png);	}		
	#id_new_login2 
		{	background-image: url(../img/listras2.png);		}	
	#fundo_new2012
		{	background-image: url("../img/fundo_new2012.png");	background-position: top center; background-size: cover; }
/* images » FIM --------------------------------------------------------------------- */


	
	
/* exclusive / size ----------------------------------------------------------------- */
	.firefox,	.ie,	.chrome,	.safari 
		{	width: 25px;	height: 26px;		}
	.imgLoading	
		{	width: 30px;	height: 30px;		}	
	.logo_pergamum_new
		{	height: 64px;	margin-bottom: 10px;	border-width: 1px 1px 1px 0px;	border-color: #6666FF;		}
	.new_rodape_canto
		{	width: 330px;	}
	.new_rodape_canto2
		{	width: 200px;		}
	.resolucao
		{	margin-left: 30px;		}
	.span_login_esquerda, .resolucao
		{	padding-top: 6px;}
	.sizeLogin
		{	width: 190px;		}
	.sizeLoginAlunoIFSPS
		{	width: 126px;		}
	.tab_login 
		{	border: 1px solid #A4D1FF;		}
	.version
		{	padding-top: 10px;	margin-right: 10px;}
	.login2 
		{	width:100%;		height:100%;	z-index:1;	overflow:scroll;	}	
	.divBtnMenuFavoritos,	.divBtnMenuFavoritos2
		{	margin: 5px;	}	
	.imgInicio
		{	padding: 10px;	float: left;	display: table;		margin: -4px 5px 0px 0px;	}
		
	.txtRelogio
		{	margin-top: 2px;	margin-right: 15px;	}
		
	#id_new_codigo 
		{	left:10px;	z-index:20;	bottom: 60px;		}
	#id_new_login 
		{	width:260px;	height: 350px;	margin-top: -250px;	margin-left: 100px;	z-index:16;		}	
	#id_new_login2 {
		padding: 0px 0px 0px 20px;	border-width: 1px 3px 3px 3px;	border-style: solid;	border-color: #63F #FFF #FFF #FFF;	height: 350px;	z-index: 4;		}		
	#id_new_rodape 
		{	left:0px;	right: 0px;	z-index: 20;	bottom: 0px;	border-top-style: dotted;	border-top-color: #6666FF;	border-top-width: 1px;		}
	#imgLogin
		{	width: 400px;	height: 350px;	margin: auto;	margin-top: -175px;	margin-left: -300px;	z-index: 18;	border: 1px solid #FFF;		}
	#fundo_new2012
		{	z-index: -5;	}
	#telaInstituicao 
		{	width:100%;		height:100%;	z-index:36;	visibility: hidden;		}
/* exclusive /size » FIM ------------------------------------------------------------ */
	
	
	
	
/* Structure » Old ------------------------------------------------------------------ */

	.lateralNew{	padding: 10px;	display: table;	background-color: #FFF;	margin: -10px 10px 0px 20px;	}
	.NewCentro{
		/*border-bottom: 1px #003366 solid;*/
		padding: 0px;
		overflow: 5;
		background-color: #FFF;
		margin-top: -10px;
	}
	#id_ajudaa {
		position:fixed;
		left:0px;
		top:0px;
		width:100%;
		height:100%;
		z-index:10;
		background-image: url(../img/fundo_zaul_transp.png);
		visibility: hidden;
	}
	#id_mostra_consulta {
		position:fixed;
		left:0px;
		top:0px;
		width:100%;
		height:100%;
		z-index:10;
		background-image: url(../img/fundo_zaul_transp.png);
		visibility: hidden;
	}
	.div_fundo_top {
		background-image: url(../img/funto_top_adp.png);
		background-repeat: no-repeat;
		background-position: right;
		background-color: #f5f5f5;		
		border-radius: 10px 10px 1px 1px;
		border-bottom: 1px solid #87cefa;
		margin-bottom: 10px;
	}
	.logo {
		background-image: url(../img/logo.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		height: 74px;
		/*width: 174px;*/
		width: 300px;
	}
	#id_fundo {
		position: absolute;
		z-index:1;
		background-color: #FFFFFF;
		left: 10px;
		top: 10px;
		right: 10px;
		/*bottom: -30px;*/
		border-radius: 10px;
		margin-bottom: 20px;
		display: block;	
	}
	#id_meio {		/* iframe */ 
		border-radius: 0px 10px 10px 10px;
		margin-bottom: 10px;
		padding: 5px;
		border: 1px dotted #ccc;	
	}
	
	.divMenuTop
		{	width: 300px; 	display: table;		background-color:#FFF;		padding: 10px;	 border-radius: 10px;}
	
	.newMenu1
		{	padding: 10px 	}
	.newMenu2
		{	padding: 10px 0px 10px 10px;	}
	.bt_menu
		{	padding: 0px;	border-radius: 5px;		border-bottom: 1px solid #FFF;			
			-webkit-transition-property: margin;
		    -webkit-transition-timing-function: ease-out;
		    -webkit-transition-duration: 500ms;			
		}
	.bt_menu:hover
		{	background: #c3d0f4;
			-webkit-transition-property: background;
		    -webkit-transition-timing-function: ease-out;
		    -webkit-transition-duration: 500ms;	 	
		}
	.bt_menu_sub
		{	padding: 4px 2px 4px 4px;	border-bottom: 1px #FFF dotted;		border-radius: 5px;		margin: 0px 5px 2px 10px;	}
	.bt_menu_sub:before
		{	content: '(»)';	float: left;	color: #C3D0F4;		margin-right: 5px;	}					
	.bt_menu,	.bt_menu_sub,	.bt_menu_sub2,	.bt_menu_sub3
		{	background: #ffffff; /* Old browsers */
			background: #ffffff; /* Old browsers */
			background: -moz-linear-gradient(-45deg,  #ffffff 0%, #c3d0f4 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#c3d0f4)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#c3d0f4 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(-45deg,  #ffffff 0%,#c3d0f4 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(-45deg,  #ffffff 0%,#c3d0f4 100%); /* IE10+ */
			background: linear-gradient(135deg,  #ffffff 0%,#c3d0f4 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c3d0f4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		}		
	.bt_menu_sub:hover /* .bt_menu:hover, */
		{	background: #036; /* Old browsers */
			background: #036; /* Old browsers */
			background: -moz-linear-gradient(-45deg,  #ffffff 0%, #036 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#036)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#036 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(-45deg,  #ffffff 0%,#036 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(-45deg,  #ffffff 0%,#036 100%); /* IE10+ */
			background: linear-gradient(135deg,  #ffffff 0%,#036 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#036',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		}
	.bt_menu_sub2
		{	padding: 4px 2px 4px 4px;	border-bottom: 1px #FFF dotted;		border-radius: 5px;		margin: 0px 5px 2px 10px;		width: 95%;		cursor: pointer;		}
	.bt_menu_sub2Mais
		{	color: #87C270;		cursor: pointer;		}	
	.bt_menu_sub2Menos
		{	color: #ECBC55;		cursor: pointer;		}	
	.bt_menu_sub3
		{	padding: 4px 2px 4px 4px;	border-bottom: 1px #FFF dotted;		border-radius: 5px;		margin: 0px 5px 2px 25px;		width: 90%		}			
		/*	
	.newMenu2
		{	background: #c3d0f4; 
			background: -moz-linear-gradient(45deg,  #c3d0f4 0%, #eaebef 20%, #ffffff 100%); 
			background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#c3d0f4), color-stop(20%,#eaebef), color-stop(100%,#ffffff)); 
			background: -webkit-linear-gradient(45deg,  #c3d0f4 0%,#eaebef 20%,#ffffff 100%); 
			background: -o-linear-gradient(45deg,  #c3d0f4 0%,#eaebef 20%,#ffffff 100%); 
			background: -ms-linear-gradient(45deg,  #c3d0f4 0%,#eaebef 20%,#ffffff 100%); 
			background: linear-gradient(45deg,  #c3d0f4 0%,#eaebef 20%,#ffffff 100%); 
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3d0f4', endColorstr='#ffffff',GradientType=1 );
		}
		*/
	#div_esq2, #div_esq, #div_esq3 
		{	margin-top: -10px; 		padding: 5px;	border-radius: 10px;		height: 610px; 		margin-right: 0px;
			border-bottom: 3px solid #a4d3ee;	border-top: #fff 1px solid;		border-left: #fff 1px solid;	overflow: 2;	
			
			background: #ffffff; /* Old browsers */
			background: -moz-linear-gradient(left,  #ffffff 0%, #d9e1f7 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#d9e1f7)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(left,  #ffffff 0%,#d9e1f7 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(left,  #ffffff 0%,#d9e1f7 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(left,  #ffffff 0%,#d9e1f7 100%); /* IE10+ */
			background: linear-gradient(to right,  #ffffff 0%,#d9e1f7 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9e1f7',GradientType=1 ); /* IE6-9 */
		}
	.imgIco
		{	border-radius: 50%;		border: 3px solid #ECF4F9;		}
		
	/* CSS layer igual ao ZK no jsp */
		.meioZk{			
			margin: 100px auto auto auto;
			width: 90%;				
			border: 5px #c0d3e3 solid;
			border-radius: 5px;
			background-color: #FFF;			
			
			-webkit-box-shadow: 0 0 5px 2px #333;
			box-shadow: 0 0 5px 2px #333;
		}
		.meioZk2{			
			margin: 200px auto auto auto;
			width: 30%;				
			border: 5px #c0d3e3 solid;
			border-radius: 5px;
			background-color: #FFF;			
			
			-webkit-box-shadow: 0 0 5px 2px #333;
			box-shadow: 0 0 5px 2px #333;
		}
		.meioZk3{			
			margin: 300px auto auto auto;
			width: 55%;				
			border: 5px #c0d3e3 solid;
			border-radius: 5px;
			background-color: #FFF;			
			
			-webkit-box-shadow: 0 0 5px 2px #333;
			box-shadow: 0 0 5px 2px #333;
		}
		
		.topoLayer{	
			padding: 10px;
			/*border-radius: 5px 5px 0px 0px;*/
			background-color: #036;
			color: #FFF;
			font-weight: bold;	
			font-family: verdana;
			font-size: 12px;
		}
		/* CSS novos - FIM */
		/**/	

#btSairZK	{	margin-top: 10px;	float: right;	margin-right: 6%;	}
	
/* FIM Structure » Old -------------------------------------------------------------- */

	




/* CSS do relógio ------------------------------------------------------------------- */
	#clock {
        	position: relative;
        	width: 50px;
        	height: 50px;
        	margin: 20px auto 0 auto;
        	background: url(../img/clockface.png) no-repeat;
        	list-style: none;
        	}
        
        #sec, #min, #hour {
        	position: absolute;
        	width: 3px;
        	height: 50px;
        	top: 0px;
        	left: 24px;
        	}
        
        #sec {
        	background: url(../img/sechand.png);
        	z-index: 3;
           	}
           
        #min {
        	background: url(../img/minhand.png);
        	z-index: 2;
           	}
           
        #hour {
        	background: url(../img/hourhand.png);
        	z-index: 1;
           	}
        #RelogioPonteiro
        	{	position: relative;		margin-top: -65px;	}
        	
        	
		/* ------------------- */
		
		@keyframes rodaroda 
			{	from {	transform:rotate(0deg);		}			to {	transform:rotate(360deg);	}		}
		@-webkit-keyframes rodaroda 
			{	from {	-webkit-transform:rotate(0deg);		}	to {	-webkit-transform:rotate(360deg);	}		}
		@-moz-keyframes rodaroda 
			{	from {	-moz-transform:rotate(0deg);		}	to {	-moz-transform:rotate(360deg);	}		}
		@-o-keyframes rodaroda 
			{	from {	-o-transform:rotate(0deg);		}		to {	-o-transform:rotate(360deg);	}		}					
			
		.iconeRelogio
			{	
				width: 13px;	height: 13px;	float:left;		border: 2px solid #FFF; 	border-radius: 50%;		margin-top: 0px;
				background: url(../img/ponteiro01.png) no-repeat center center;
				
				animation: rodaroda 1.5s linear infinite; 			/* IE 			*/			
				-moz-animation: rodaroda 1.5s linear infinite; 		/* Firefox 			*/
				-webkit-animation: rodaroda 1.5s linear infinite; 	/* Safari e Chrome 	*/
				-o-animation: rodaroda 1.5s linear infinite;		/* Opera 			*/										
							
			}
		.iconeRelogio2
			{	
				width: 13px;	height: 13px;	float:left;		margin-left: -15px;  margin-top: 2px;	margin-right: 5px;
				
				background: url(../img/ponteiro01.png) no-repeat center center;
				
				animation: rodaroda 6.5s linear infinite; 			/* IE 			*/
				-moz-animation: rodaroda 6.5s linear infinite; 		/* Firefox 			*/
				-webkit-animation: rodaroda 6.5s linear infinite; 	/* Safari e Chrome 	*/
				-o-animation: rodaroda 6.5s linear infinite;		/* Opera 			*/
						
			}
		
		/* ------------------- */        	
           	
/* CSS do relógio » FIM ----------------------------------------------------------------- */




	

/* CSS » Serviços » 2014 ------------------------------------------------------------ */
	/* ícones --------------------------------------------------------------------------- */
		@font-face { 
			font-family: 'IconicFill'; 
			src: url('../css/iconic_fill.eot'); 
			src: url('../css/iconic_fill.eot?#iefix') format('embedded-opentype'), 
				 url('../css/iconic_fill.ttf') format('truetype'), 
				 url('../css/iconic_fill.svg#iconic') format('svg'); 
			font-weight: normal; 
			font-style: normal; 
		}
		.ico_css_seta_direita:before {
			font-family: 'IconicFill';
			content:'\2192';
			font-size: 18px;
		}
		.ico_css_titulo:before {
			font-family: 'IconicFill';
			content:'\e067';
			font-size: 22px;
			color: #fed61a;
		}
	/* FIM - ícones --------------------------------------------------------------------- */


	/* tabela 3 colunas ----------------------------------------------------------------- */
		/*.flexbox {
			display: flex;
			width: auto;
			height: auto;
		}*/
		.box {
			color: #FFF;
			display: block;
			flex: auto;
			padding: 5px;
		}
	/* FIM tabela 3 colunas ------------------------------------------------------------- */


	.servicos_cx {
		z-index: 1;
		background-color: #FFFFFF;
		padding: 10px;
		border: 1px dotted #FFFFFF;
		margin: 10px 5px 0px 0px;
		border-radius: 10px;
		box-shadow:  0px 0px 10px #BDC4CB;
	  	-webkit-box-shadow:  0px 0px 10px #BDC4CB;
	  	-moz-box-shadow:  0px 0px 10px #BDC4CB;	  	
	  	width: 31%;
	  	display: block;
	  	float: left;
	}	
	.servico_titulo {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #6699CC;
		text-decoration: none;
		padding: 10px;
		background-color: #FBFBFB;
		border-bottom: 1px solid #C8D3DB;
		border-radius: 10px;
		text-align: left;
	}	
	.correcao_borda_branca_laterais {
		left: -5px;
		right: -5px;
		width: 98%;
		height: 95%;
		padding: 1%;
		background-color: #f00;		
		background:blue;
		animation:aprendendoCSS3animation 2s linear infinite alternate;
		-moz-animation:aprendendoCSS3animation 2s linear infinite alternate; /* Firefox */
		-webkit-animation:aprendendoCSS3animation 2s linear infinite alternate; /* Safari e Chrome */
		-o-animation:aprendendoCSS3animation 2s linear infinite alternate; /* Opera */
	}
	
	@keyframes aprendendoCSS3animation
	{
		from {background: #f0f0f0;}
		to {background: #D3D5D9;}
	}
	@-moz-keyframes aprendendoCSS3animation /* Firefox */
	{
		from {background: #f0f0f0;}
		to {background: #D3D5D9;}
	}
	@-webkit-keyframes aprendendoCSS3animation /* Safari e Chrome */
	{
		from {background: #f0f0f0;}
		to {background: #D3D5D9;}
	}
	@-o-keyframes aprendendoCSS3animation /* Opera */
	{
		from {background: #f0f0f0;}
		to {background: #D3D5D9;}
	}
/* FIM CSS » Serviços » 2014 -------------------------------------------------------- */


/* Número da versão no Banner da Tela de Login */
#numeroVersaoBanner {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin: 180px auto 0px 12px;
	text-align: center;
	color: #99AFB9;
	display: block; /* para ocultar substituir block por none; */
}
/* FIM Número da versão no Banner da Tela de Login */