/* --- >>> TOPO <<< --- */
#topo {
	background: url(../img/bg/bg_topo_01.jpg) repeat-x center top;
}

/*.subsite #topo {
	background: url(../img/bg/bg_topo_01.jpg) repeat-x center -16px;
	height: 55px;
}*/
	#topo > .nivel2 {
		
	}
		/*.subsite #topo > .nivel2 > .nivel3 {
			height: 55px;
		}*/
			#topo > .nivel2 > .nivel3 #coluna1,
			#topo > .nivel2 > .nivel3 #coluna1 > .nivel2 > .nivel3{
				height: 71px;
			}

			/*.subsite #topo > .nivel2 > .nivel3 #coluna1 > .nivel2 > .nivel3{
				height: 50px;
			}*/

			/*#topo > .nivel2 > .nivel3 #coluna2 > .nivel2 > .nivel3{
				height: 366px;
			}*/


#topo .coluna {
	display: block;
	
	width: 100%;

	margin-right:30px;



	/*** fix ***/
	float: none;
	overflow: visible;
}
	#topo .coluna > .nivel2 {
		overflow:hidden;

		margin:0px auto;

		width:642px;
	}
		#topo .coluna > .nivel2 > .nivel3 {
			float:left;
		
			width:672px;
		}


	#topo .coluna.largura1 {
		max-width:306px;
	}
		#topo .coluna.largura1 > .nivel2 {
			width:306px;
		}
			#topo .coluna.largura1 > .nivel2 > .nivel3 {
				width:336px;
			}

	#topo .coluna.largura2 {
		max-width:642px;
	}
		#topo .coluna.largura2 > .nivel2 {
			width:642px;
		}
			#topo .coluna.largura2 > .nivel2 > .nivel3 {
				width:672px;
			}

	#topo .coluna.largura3 {
		max-width:978px;
	}
		#topo .coluna.largura3 > .nivel2 {
			width:978px;
		}

			#topo .coluna.largura3 > .nivel2 > .nivel3 {
				width:1008px;
			}


#topo #coluna1,
#topo #coluna2 {
	margin:0px auto;
	max-width:1058px;
}
	#topo #coluna1 > .nivel2,
	#topo #coluna2 > .nivel2 {
		width:978px;
	}
		#topo #coluna1 > .nivel2 > .nivel3,
		#topo #coluna2 > .nivel2 > .nivel3 {
			width:1008px;
		}



/* --- >>> TOPO <<< --- */






/* --- >>> MENU MIDIAS SOCIAIS <<< --- */
.widget_menuMidiasSociais {
	float: right !important;
	margin-top:20px;
	height: 24px;

	
}

#rodape .widget_menuMidiasSociais {
	margin-right: 0px !important;
}
	.widget_menuMidiasSociais li {
		float:left;
		display:block;
		width: 22px;
		height: 24px;
		padding:0px;
		margin-right: 4px !important;

		background-position: top center !important;
	}

	.widget_menuMidiasSociais li.ultimo {
		margin-right: 0px;
	}

		.widget_menuMidiasSociais li a {
			float:left;
			display:block !important;
			width: 24px;
			height: 24px;
			text-indent: -9999em;
		}

	.widget_menuMidiasSociais li:hover {
		background-position: bottom center !important;
	}

	.widget_menuMidiasSociais .topo,
	.widget_menuMidiasSociais .midia,
	.widget_menuMidiasSociais .dataPublicacao,
	.widget_menuMidiasSociais .chapeu,
	.widget_menuMidiasSociais .base {
		display:none;
	}
/* --- >>> MENU MIDIAS SOCIAIS <<< --- */


/* --- >>> MENU TOPO <<< --- */
.widget_menuPrincipal{
    display: block;
    float: left;
    overflow: visible !important;
    position: absolute;
    z-index: 999;
    margin-right: 0 !important;
}

.widget_menuPrincipal{
    height: 78px;
}

/*.subsite .widget_menuPrincipal{
    height: 57px;
}*/



	.widget_menuPrincipal > li{
		display: block;
	    float: left;
	}
	
	.widget_menuPrincipal > li.border_left_none > span > a{
		border-left: none !important;
	}


	.widget_menuPrincipal > li{
		height: 78px;
	}

	/*.subsite .widget_menuPrincipal > li{
		height: 57px;
	}*/

	.widget_menuPrincipal > li.padrao:hover{
		background: transparent url(../../layout/img/widgets/menuPrincipal/bg_menuPrincipal_01.png) repeat-x left top;
	}
	/*.subsite .widget_menuPrincipal > li.padrao:hover{
		background: transparent url(../../layout/img/widgets/menuPrincipal/bg_menuPrincipal_01.png) repeat-x left -16px;
	}*/	


		.widget_menuPrincipal > li > span{
			display: block;

			width: 100%;
			height: 100%;
		}


		.widget_menuPrincipal > li > span > a{
			display: block;
			float: left;
			padding: 0 12px 0 20px;
			border-left: 1px solid #0090c5;
			position: relative;
		}

		.widget_menuPrincipal > li > span > a{
		    height: 66px;

		    line-height: 68px;
		}

		/*.subsite .widget_menuPrincipal > li > span > a{
		    height: 50px;

		    line-height: 52px;
		}
		.subsite .widget_menuPrincipal > li:last-child > span > a{
			border-right: 1px solid #0090c5;
		}*/
		

			.widget_menuPrincipal > li > span > a > span{
				font-family:'Ubuntu Condensed', sans-serif;
				color: #ffffff;
			}
			.widget_menuPrincipal > li > span > a > span{
				font-size:15px;
				position: relative;
				z-index: 6;
			}
			/*.subsite .widget_menuPrincipal > li > span > a > span{
				font-size:13px;
			}*/


			.widget_menuPrincipal > li > span > a > .pin{
				display: none;
				float: left;

				position: absolute;

				top: 60px;
				left: 50%;

				margin-left: -18px;

				width: 36px;
				height: 18px;

				background: transparent url(../../layout/img/widgets/menuPrincipal/bg_pin_01.png) no-repeat center center;

				z-index: 1002;
			}

		.widget_menuPrincipal > li > span > ul{
		    display: none;
		    
		    width: 916px;

		    border: 1px solid #cccccc;
		    border-radius: 5px;
		    -moz-border-radius: 5px;
		    -webkit-border-radius: 5px;


		    padding: 10px 30px 40px 30px;

		    position: absolute;
		    left: 0;
		    top: 76px;

		    background: #ffffff;

		    z-index: 1001;
		}

		.widget_menuPrincipal > li > span > ul > li > span > ul > li{
			display: block;
	    	float: left;

	    	width: 189px;

	    	border-bottom: 1px dotted #dbdbdb;

	    	padding: 5px 0 5px 0;
	    }

	    .widget_menuPrincipal > li > span > ul > li > span > ul > li:hover{
	    	background: #f4f4f4;
		}
	    	.widget_menuPrincipal > li > span > ul > li > span > ul > li > span > a{
	    		display: block;
	    	}

		    	.widget_menuPrincipal > li > span > ul > li > span > ul > li > span > a > span{
		    		display: inline-block;

		    		font-family: arial, sans-serif;
					font-size:15px;
					color: #003652;		    		
					line-height: 19px;
					font-weight: normal;
					font-style: normal;
					font-variant: normal;
					text-transform: none;
					text-decoration: none;
					text-align: left;
					padding: 5px 0;

				}

				.widget_menuPrincipal > li > span > ul > li > span > ul > li:hover > span > a > span{
					color: #00527c;
				}


		.widget_menuPrincipal > li > span > ul > li > span > ul > li.titulo{
			min-height: 18px;

			padding: 35px 0 12px 0;

			border-bottom: none;
		}

		.widget_menuPrincipal > li > span > ul > li > span > ul > li.titulo:hover{
			background: none;
		}

			.widget_menuPrincipal > li > span > ul > li > span > ul > li.titulo > span > a > span{
				font-family:'Ubuntu Condensed', sans-serif;
				font-size:18px;
				color: #6ac71e;

				line-height: 100%;
			}
			.widget_menuPrincipal > li > span > ul > li > span > ul > li.titulo:hover > span > a > span{
				color: #4caa00;
			}

		.widget_menuPrincipal > li > span > ul > li > span > ul > li.semTitulo{
			margin-top: 65px;
		}

		.widget_menuPrincipal > li > span > ul > li > span > ul > li.destaque > span > a > span{
			background: transparent url(../../layout/img/widgets/menuPrincipal/bg_destaque_01.png) no-repeat right center;
			padding-right: 20px;
		}

		.widget_menuPrincipal > li > span > ul > li > span > ul > li.variacao1,
		.widget_menuPrincipal > li > span > ul > li > span > ul > li.variacao2{
			background: transparent url(../../layout/img/widgets/menuPrincipal/bg_seta_verde_baixo_01.png) no-repeat left center;
			border-bottom: none;
			padding: 2px 0px 2px 10px;
		}

			.widget_menuPrincipal > li > span > ul > li > span > ul > li.variacao1 > span > a > span,
			.widget_menuPrincipal > li > span > ul > li > span > ul > li.variacao2 > span > a > span{
				color: #0078b4;
			}

			.widget_menuPrincipal > li > span > ul > li > span > ul > li.variacao1:hover > span > a > span,
			.widget_menuPrincipal > li > span > ul > li > span > ul > li.variacao2:hover > span > a > span{
				color: #0092db;
				text-decoration: underline;
			}


			

			.widget_menuPrincipal > li > span > ul > li > span > ul > li.variacao2 > span > a > span{
				font-weight: bold;
			}
		
			.widget_menuPrincipal > li > span > ul > li > span > ul > li.variacao3 > span > a > span{
				font-weight: bold;
			}
		

		.widget_menuPrincipal > li > span > ul > li > span > ul > li.verTodos{
			padding: 6px 0 0 0;
			border-bottom: none;
		}

		.widget_menuPrincipal > li > span > ul > li > span > ul > li.verTodos:hover{
			background: none;
		}

			.widget_menuPrincipal > li > span > ul > li > span > ul > li.verTodos > span > a{
				display: inline-block;

				border-radius:3px;
				-moz-border-radius:3px;
				-webkit-border-radius:3px;
				
				background:url(../../layout/img/bg/bg_bt_02.gif) repeat-x top left;
				
				height:18px;
				line-height: 18px;

				padding: 0px 20px;

				border: none;

			}
			.widget_menuPrincipal > li > span > ul > li > span > ul > li.verTodos > span > a:hover{
				background-position: bottom left;
			}

				.widget_menuPrincipal > li > span > ul > li > span > ul > li.verTodos > span > a > span{
					font-family:arial, sans-serif;
					font-size:11px;
					color: #ffffff;

					line-height: 18px;

					font-weight: bold;
				}


		.widget_menuPrincipal > li > span > ul > li > span > ul > li.banner{
			border-bottom: none;

			border-radius: 5px;
		    -moz-border-radius: 5px;
		    -webkit-border-radius: 5px;
		}

		.widget_menuPrincipal > li > span > ul > li > span > ul > li.banner.semTitulo{
			margin-top: 30px;
		}

		.widget_menuPrincipal > li > span > ul > li > span > ul > li.banner:hover{
			background: none;
		}
			.widget_menuPrincipal > li > span > ul > li > span > ul > li.banner > span > a,
			.widget_menuPrincipal > li > span > ul > li > span > ul > li.banner > span > a > span{
				width: 189px;
				height: 85px;
			}

			.widget_menuPrincipal > li > span > ul > li > span > ul > li.banner > span > a{
				background-color: transparent;
				background-repeat: no-repeat;
				background-position: center center;
				
			}

				.widget_menuPrincipal > li > span > ul > li > span > ul > li.banner > span > a > span{
					display: block;
					float: left;

					width: 100px;

					padding: 16px 0 0 79px;
					
					font-family: 'Ubuntu Condensed', sans-serif;
					font-size:17px;
					color: #0078b4;

					line-height: 19px;

					font-weight: normal;
				}

				.widget_menuPrincipal > li > span > ul > li > span > ul > li.banner:hover > span > a > span{
					color: #0097e3;
				}








		.widget_menuPrincipal > li:hover > span > ul{
		    display: block;
		}

		.widget_menuPrincipal > li:hover > span > a > .pin{
		    display: block;
		}

		.widget_menuPrincipal > li > span > ul.ativo{
		    display: block;
		}
		
		.widget_menuPrincipal > li > span > a > span.pin.ativo{
			display: block;
		}	

		
		/*.widget_menuPrincipal > li.ativo > span > ul{
		    display: block;
		}

		.widget_menuPrincipal > li.ativo > span > a > .pin{
		    display: block;
		} */





		.widget_menuPrincipal li.padrao > span > a{
			background-color: transparent;
			background-repeat: no-repeat;
			
		}
		.widget_menuPrincipal li.padrao > span > a{
			background-position: 3px 27px;
		}
		/*.subsite .widget_menuPrincipal li.padrao > span > a{
			background-position: 15px 20px;
		}
*/


		.widget_menuPrincipal li.logo > span > a{
			background-color: transparent;
			background-repeat: no-repeat;
			
		}
		.widget_menuPrincipal li.logo > span > a{
			background-position: left 20px;	
			/* background-position: right 5px; */
		}
		/*.subsite .widget_menuPrincipal li.logo > span > a{
			background-position: left 12px;	
		}*/

			.widget_menuPrincipal li.logo > span > a{
				text-indent: -999em;
				padding: 0;
				border-left: none;
			}


	/*.site */ .widget_menuPrincipal li.antesCursosServicos > span{
		background-image: url(../../layout/img/widgets/menuPrincipal/bg_cursosServicos_01.png);
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: right 5px;
	}

	/*.site */ .widget_menuPrincipal li.cursosServicos,
	/*.site */ .widget_menuPrincipal li.cursosServicos:hover{/* 		background-image: url(../../layout/img/widgets/menuPrincipal/bg_cursosServicos_03.png); */background-color: transparent;background-repeat: no-repeat;background-position: right 5px;}

		/*.site */ .widget_menuPrincipal li.cursosServicos > span{/* 			background-image: url(../../layout/img/widgets/menuPrincipal/bg_cursosServicos_02.png); */background-color: transparent;background-repeat: no-repeat;/* background-position: left 5px; */position: relative;}

		/* .site */
		.widget_menuPrincipal li.cursosServicos > span a:before{
			content: '';
			position: absolute;
			width: 100%;
			height: 80px;
			top: 1px;
			left: -10px;
			background-image: url(https://www.senaipr.org.br/layout/img/widgets/menuPrincipal/bg_pesquiseCurso_02.png);
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
		}
		.widget_menuPrincipal li.cursosServicos > span a span{
			
color: #016aac;
			
font-size: 16px;
			
font-weight: 600;
			
white-space: normal;
			
opacity: 0;
		}

		/*.site */ .widget_menuPrincipal li.cursosServicos > span > a{
			/*background-color: transparent;
			background-repeat: no-repeat;
			background-position: left 5px;*/
			border-left: none;
			/* padding: 0 20px 0 55px; */
			position: relative;
			z-index: 99;
		}
		




	.widget_menuPrincipal .coluna1,
	.widget_menuPrincipal .coluna2,
	.widget_menuPrincipal .coluna3,
	.widget_menuPrincipal .coluna4,
	.widget_menuPrincipal .coluna5 > span > ul > li{
	    display: block;
	    float: left;
	    
	    padding: 0 20px;
	}

	.widget_menuPrincipal .coluna5{
		clear: both;
		padding-top: 35px;
	}

	.widget_menuPrincipal .coluna1,
	.widget_menuPrincipal .coluna2,
	.widget_menuPrincipal .coluna3,
	.widget_menuPrincipal .coluna4{
		width: 189px;
	}

		.widget_menuPrincipal .coluna1 > span > a,
		.widget_menuPrincipal .coluna2 > span > a,
		.widget_menuPrincipal .coluna3 > span > a,
		.widget_menuPrincipal .coluna4 > span > a,
		.widget_menuPrincipal .coluna5 > span > a{
		    display: none;
		}
/* --- >>> MENU TOPO <<< --- */




/* --- >>> CURSOS E SERVIÇOS <<< --- */

.widget_cursosEServicos{
	display: none;

	width: 263px;

	border: 1px solid #cccccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;


    padding: 40px 50px 35px 50px;

    position: absolute;
    left: 50%;
    margin-left: -183px;
    top: 76px;

    background: #ffffff;

    z-index: 1001;
}

.widget_menuPrincipal > li:hover > span > a > .widget_cursosEServicos{
	display: block;
}


	.widget_cursosEServicos fieldset{
		line-height: 100%;
	}

		.widget_cursosEServicos fieldset label{
			display: block;
			float: left;
			clear: both;

			font-family: arial, sans-serif;
			font-size: 11px;
			color: #003652;
			font-weight: bold;
			text-transform: uppercase;
		}

		.widget_cursosEServicos fieldset select{
			display: block;
			float: left;
			clear: both;

			padding: 5px 8px;
			margin: 4px 0 14px 0;
			width: 263px;

			font-family: arial, sans-serif;
			font-size: 11px;
			color: #787878;
			font-weight: normal;

			border: 1px solid #e4e4e4;
		}

		.widget_cursosEServicos fieldset .divisor{
			display: block;
			float: left;
			clear: both;

			width: 263px;

			padding-bottom: 0px;
			margin-bottom: 0px;

			border-bottom: none;
		}

		.widget_cursosEServicos fieldset .maisOpcoes{
			display: block;
			float: left;

			font-family: arial, sans-serif;
			font-size: 11px;
			color: #0078b4;
			font-weight: bold;
			text-transform: none;

			text-decoration: underline;
		}
		.widget_cursosEServicos fieldset .maisOpcoes:hover{
			color: #0099e5;
		}
			.widget_cursosEServicos fieldset .maisOpcoes span{
				display: block;
				float: left;

				padding-right: 5px;

				font-family: arial, sans-serif;
				font-size: 15px;
				color: #6ecf1f;
				font-weight: bold;
				text-transform: none;

				text-decoration: none;
			}
		.widget_cursosEServicos fieldset .btBuscar{
			display: block;
			float:right;

			border-radius:3px;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			color:#ffffff;
			font-size:11px;
			font-weight:bold;
			background:url(../../layout/img/bg/bg_bt_02.gif) repeat-x top left;
			height:18px;
			line-height: 18px;
			width:90px;
			border:0px;
			cursor:pointer;
		}
		.widget_cursosEServicos fieldset .btBuscar:hover{
			background-position: bottom left;
		}


		.widget_cursosEServicos fieldset .btCatalogo{
			display: block;
			float:left;
			
			width: 263px;
			height:25px;
			line-height: 25px;
			text-align: center;

			border-radius:3px;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			color:#ffffff;
			font-size:11px;
			font-weight:bold;
			background:url(../../layout/img/bg/bg_bt_03.gif) repeat-x left -3px;
			border:0px;
		}

		.widget_cursosEServicos fieldset .btCatalogo:hover{
			background-position: left -34px;
		}
		
/* --- >>> CURSOS E SERVIÇOS <<< --- */



/* --- >>> BANNER PRINCIPAL <<< --- */
#corpo .bannerPrincipal{
	display: block;
	width: 100%;
	height: 480px;
	position: absolute;	
	left: 0px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center top;
	top: 100px;
}
#corpo .bannerPrincipal .setas-bannerPrincipal{
    display: block;
    width: 100%;
    height: 400px;
    position: absolute;
}
#corpo .bannerPrincipal .setas-bannerPrincipal .seta-esquerda{
    position: absolute;
    height: 100%;
    width: 25px;
    left: 50px;
    top: 0;
}
#corpo .bannerPrincipal .setas-bannerPrincipal .link-seta-esquerda{
	background-image: url(https://www.senaipr.org.br/layout/img/widgets/slideshow/sprite_setas.png);
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center left;
	height: 100%;
	width: 100%;
	display: block;
}
#corpo .bannerPrincipal .setas-bannerPrincipal .seta-direita{
    position: absolute;
    height: 100%;
    width: 25px;
    right: 50px;
    top: 0;
}
#corpo .bannerPrincipal .setas-bannerPrincipal .link-seta-direita{
    background-image: url(https://www.senaipr.org.br/layout/img/widgets/slideshow/sprite_setas.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center right;
    height: 100%;
    width: 100%;
    display: block;
}
	.widget_bannerPrincipal,
	.widget_bannerPrincipal > .meio,
	.widget_bannerPrincipal > .meio > ul.itens,
	.widget_bannerPrincipal > .meio > ul.itens > li.item,
	.widget_bannerPrincipal > .meio > ul.itens > li.item > .texto,
	.widget_bannerPrincipal > .meio > ul.itens > li.item > .texto > h4,
	.widget_bannerPrincipal > .meio > ul.itens > li.item > .texto > h4 > a{
		display: block;
		float: left;
		width: 978px;
		height: 366px;
	}

	.widget_bannerPrincipal{
		position: relative;
	}

		.widget_bannerPrincipal > .nav{
			position: absolute;
			right: 0;
			top: 40px;
			height: 87px;

			padding-left: 10px;
		}
			.widget_bannerPrincipal > .nav > li{
				display: block;
				width: 156px;
				background: #ffffff;
				background: rgba(255, 255, 255, 0.85);
				height: 24px;				
				margin-bottom: 1px;
				border-radius:3px;
				-moz-border-radius:3px;
				-webkit-border-radius:3px;
			}

			.widget_bannerPrincipal > .nav > li.ativo{
				height: 36px;
			}

			.widget_bannerPrincipal > .nav > li.ativo,
			.widget_bannerPrincipal > .nav > li:hover{
				background: #0079b6;
			}
				.widget_bannerPrincipal > .nav > li > a{
					display: block;

					font-family: arial, sans-serif;
					font-size:11px;
					color: #0069ab;
		    		
					line-height: 24px;

					font-weight: bold;
					font-style: normal;
					font-variant: normal;
					text-transform: none;
					text-decoration: none;
					text-align: left;

					padding: 0 8px;

					position: relative;
				}

				.widget_bannerPrincipal > .nav > li.ativo > a{
					line-height: 36px;
				}

				.widget_bannerPrincipal > .nav > li.ativo > a,
				.widget_bannerPrincipal > .nav > li:hover > a{
					color: #ffffff;
				}

					.widget_bannerPrincipal > .nav > li > a .pin{
						display: none;

						width: 9px;
						height: 18px;

						position: absolute;
						left: -9px;
						top: 8px;


						background-image: url(../../layout/img/widgets/bannerPrincipal/bg_pin_01.png);
						background-color: transparent;
						background-repeat: no-repeat;
						background-position: center center;
					}

					.widget_bannerPrincipal > .nav > li.ativo > a .pin{
						display: block;
					}


	.widget_bannerPrincipal .topo,
	.widget_bannerPrincipal .midia,
	.widget_bannerPrincipal .dataPublicacao,
	.widget_bannerPrincipal .chapeu,
	.widget_bannerPrincipal .titulo,
	.widget_bannerPrincipal .gravata,
	.widget_bannerPrincipal .corpo,
	.widget_bannerPrincipal .base {
		display:none;
	}

/* --- >>> BANNER PRINCIPAL <<< --- */



.widget_menuPrincipal li.logo > span > a{
	width: 180px;
}