@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/open-sans-fontfacekit/web-fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot');
    src: url('../fonts/open-sans-fontfacekit/web-fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open-sans-fontfacekit/web-fonts/opensans_regular_macroman/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/open-sans-fontfacekit/web-fonts/opensans_regular_macroman/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/open-sans-fontfacekit/web-fonts/opensans_regular_macroman/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
	-webkit-font-smoothing: antialised;}

@media (min-width: 700px) {
    #headerow p, .login, .info p, .firstMenu>.submenu li, .search { font-size: 10px !important;
    }
    #searchbar input[type=text], .bannermenu li,
    .quicksubmenu li, .button, .table p, .table div, input[type="button"], input[type="submit"] {
    	font-size: 11px !important;
    }
    .firstMenu { font-size: 14px !important;}
    #banner h3 { font-size: 20px !important;}
}


img { max-width: 100%; }
body{	background-color:#FFFFFF;
		font-family: 'open_sansregular', sans-serif;}

.container{	height:auto;
			margin-left:auto;
			margin-right:auto;}
	
/* MAIN */

	/*HEADER*/	
	#headerow{	background-color:#A1A1A4;
				height:35px;
				max-width: 100%;}
				
		#headerow p{ 	/*font-size:10px;
						font-size: 1vw;*/
						font-size: 1vmax;
						color:#FFFFFF;}
		
		/*CALENDAR*/
		.calendar{	padding-top:10px;
					text-align:left;
					max-width: 100%;}
		
		/*OPINION*/
		.opinion{	max-width: 100%;
					display:block;
					height:35px;
					padding:10px;
					text-align:center;
					right:86px;
					position:absolute;}
				
		.opinionform{	background-color:#585C5D;
						padding:15px;
						text-align:left;
						position:absolute;
						top:35px;
						left:0;
						display:none;
						z-index:3;}
						
			.opinionform input[type=checkbox] {	margin-top: 5px;
												background:#FFFFFF !important;
												border:none;}
			.opinionform label{	color: #FFFFFF;
								font-size: 10px;
								padding-left:5px;
								font-weight:normal;
								top:-4px;
								position:relative;}
								
			.opinion:hover{	cursor:pointer;
							background-color:#585C5D;}
			
			.opinion:hover > .opinionform{ display:block;}
			.opinionform p{ padding-bottom:10px;
							font-size:12px;}
							
			.votebutton{	border:none;
							background:#EAEAEA;
							color:#585C5D;
							height:22px;
							width:60px;
							font-size:8px !important;
							margin-top:10px;}
						
			.thankyou{	background-color:#585C5D;
						padding:15px;
						text-align:left;
						position:absolute;
						top:35px;
						left:0;
						z-index:4;
						display:none;}
		/*LOGIN*/				
		.login{ width:50px;
				max-width: 100%;
				display:block;
				height:35px;
				padding:10px;
				color:#FFFFFF;
				text-align:center;
				right:35px;
				position:absolute;
				/*font-size: 1vw;*/
				font-size: 1vmax;}
			
			#linkgroup{	padding-top:10px;}
			
			#linkgroup p:nth-child(3){	padding-top:25px;}
			
			.links{	padding-top:8px;
					padding-bottom:8px;
					height:10px;
					margin-left: 0px;
					padding-left: 0px;}
					
			.login:hover{	cursor:pointer;
							background-color:#585C5D;}
			
			.login:hover > .loginform{ display:block;	}
			
			.loginform{	background-color:#585C5D;
						width:200px;
						padding:15px;
						text-align:left;
						position:absolute;
						top:35px;
						right:0;
						display:none;
						z-index:3;}
				
				.loginform label{	color: #FFFFFF;
									font-size: 11px;
									line-height:24px;
									font-weight:normal;}
						
				.loginform input[type=text],
				.loginform input[type=password] {	color: #777;
													padding-left: 5px;
													font-size: 11px;
													width: 170px;
													height: 25px;
													background:#FFF;
													border:none;}
													
				input[type=checkbox] {	margin-top: 5px;
										background:#FFFFFF; border:none;}
										
				#lower{	padding-top:10px;
						height:30px;}
				
				#lower label{ 	padding-left:5px;
								height:10px;
								position: relative;
								top:-3px;}
								
				.loginform p {	text-align:left;
								width: 170px;
								line-height:5px !important;}
								
				.loginform p a{	font-size: 11px;
								color:#FFFFFF;
								margin-top:5px;
								text-decoration:none;}
								
				.loginform p:nth-child(3){	padding-bottom: 10px;}

				.loginform p a:hover {	color:#8cb3df;}
									
		.loupe{	background:#E7E7E7;
				cursor:pointer;
				top:0;
				right:0;
				position:absolute;}
				
		#searchbar{	width:95px;
					/*height:35px*/
					max-height: 100%;
					position:absolute;
					right:-93px;
					background:#E7E7E7;
					display:none;}
	
		#searchbar input[type=text] {	color: #777;
										/*font-size: 11px;
										font-size: 1.1vw;*/
										font-size: 1.1vmax;
										/*width: 95px;*/
										height: 35px;
										max-width: 100%;
										background:#E7E7E7;
										border:none;
										padding-left:10px}
/*HEADER'S ENDS*/					
				
/*MENU*/	
		#mainmenu{	background-color:#6688CC;
					/*height:70px;*/}
				
				#mainmenu a{	text-decoration:none;
								color:#FFFFFF;}
				
				#menu{	background-color:#6688CC;
						/*height:70px;*/
						list-style:none;}
			
		#menu li{	display:inline-block;
					height:70px;
					border-right:#AAC6E6 solid thin;
					text-align:center;
					color:#FFFFFF;
					/*font-size:14px;
					font-size: 1.2vw;*/
					font-size: 1.2vmax;
					padding-top:25px;}
	
		.firstMenu {font-size: 100%;}
		#menu li:hover{	background-color:#5C7AB8;
						cursor:pointer;}
		
		#menu li.active{	background:#5C7AB8;}
		
		#menu > ul > li:hover > ul{	display:block;}

	/*SUBMENU*/
		.submenu:hover{	display:block;}
		
		.submenu{	top:70px;
					display:none;
					position:absolute;
					z-index:1;}
	
		.submenu li{	background-color:#5C7AB8;
						text-align:left !important;
						border-top:#8CB3DF solid thin;
						border-right:0 !important;
						/*font-size:11px !important;
						font-size: 1.1vw !important;*/
						font-size: 1vmax !important;
						padding:5px 0 5px 10px !important;
						height:auto !important;
						width: 100%
		}
						
		.submenu li:hover{	background-color:#376596 !important;
							cursor:pointer;}
							
		.submenu li.active{ background:#376596;}

		.quicksubmenusub{
			display:none;
			position:relative;
			z-index:1;}

/*MENU'S END*/	
	
/*CONTENT*/
	.centerTextContent p, li {
		text-align: justify;

	}
	.centerTextContent {
		font-size: 12px;
		line-height: 20px;
		margin-top: 5px;
	}
/*	.margin{	background:	#E7E7E7; height:320px;} /*greymargin*/ 
	.greybackground{	background:	#E7E7E7; max-width: 100%;}
	#banner{
				/*height:320px;*/
				max-width: 100%;}		
		
		.info{	
				float:left;
				position:absolute;
				left:150px;
				top:10px;}
				
		#banner h3{	color:#2F2F2F !important;
					font-weight:700;
					/*font-size:20px;
					font-size: 2vw;*/
					font-size: 2vmax;}
		
		.info p{	/*font-size:10px;
					font-size: 1vw;*/
					font-size: 1vmax;
					line-height:14px;
					padding-bottom:10px;
					width:55%;}
			
		.bannermenu{	list-style:none;
						display:inline-block;
						margin-top:2px;}
		
			.bannermenu li{		color:#666666 !important;
								background-color:#F7F7F7;
								height:auto;
								width:100%;
								margin-top:6px;
								font-size: 1.1vmax;
								font-weight:700;
								padding:2px 15px;}
								
								
			.bannermenu li:hover{	color:#FFFFFF !important;
									background-color:#585C5D;
									cursor:pointer;}
									
			.bannermenu li.active{ 	background-color:#1E3655;
									color:#FFFFFF !important;}
			
			.bannermenu li a{ text-decoration:none; color:inherit; }								
			
			.bannermenu li:first-child{	margin-top:0;}
			
			.bordergreen{	border-left:#008951 solid 5px;}
			
			.borderblue{	border-left:#6688CC solid 5px;}
			
			.title {color: #475F8F;
					font-weight: 700}

		.marginwhite{	background:#FFFFFF;}
	
	/*leftmenu*/
	.quicksubmenu{	list-style:none;
					display:block;
					margin-top:10px;
					color:#FFFFFF;
					font-weight:700;}
					
	.quicksubmenu li{	background-color:#6688CC;
						text-align:left;
						border-top:#FFFFFF solid thin;
						/*font-size:11px;
						font-size: 1.1vw;*/
						font-size: 1.1vmax;
						padding:10px 0 10px 10px;
						height:auto;}
	.quicksubmenu>.level1>.level2>li {
			background-color: #A1A1A4;
			padding-left: 40px;
		}
		.quicksubmenu>.level1>.level2>li:hover {
			background-color:#376596 !important;
		}
	.quicksubmenu a,
	.formativeoffer a{	text-decoration:none;
						color:#ffffff;
						display:block;}
			
		.quicksubmenu li:hover{	background-color:#376596;
								cursor:pointer;}
			
		.quicksubmenu li.active{ background:#376596;}
		
		.formativeoffer{	list-style:none;
							display:block;
							margin-top:10px;}
	
		.formativeoffer li{	text-align:left;
							font-size:11px;
							padding:8px  0px;
							margin-top:5px;
							height:auto;}
	
		.paddingleft{ padding-left:8px;}
	
		.polo li{	padding-left:10px !important;
					cursor:pointer;}	
	
		.bluecontainer{	background-color:#475F8F !important;
						color:#FFFFFF;
						font-weight:700;}
	
		.bluecontainer.active,
		.formativeoffer li:nth-child(2).active {	background-color:#1E3655 !important;}
		.lightbluecontainer.active .polo{	background-color:#5389D0;}
		.lightbluecontainer .polo li.active{	background-color:#475F8F;}
		.lightbluecontainer{	background-color:#5389D0 !important; color:#FFFFFF; font-weight:700;}
		.bluefont{ font-weight:700; color:#375F92;}
		.blueh5{	color:#375F92; font-size:14px !important;}
		
		/*CQEP*/
		.lightgreencontainer{background-color:#008951!important ;}
		.lightgreencontainer:hover{background-color:#006640!important;}
		.lightgreencontainer.active{	background-color:#006640;}
		.lightgreencontainer .polo li.active{	background-color:#008951 !important;}
		.lightgreencontainer .polo{	background-color:#00AC62 !important; color:#FFFFFF; font-weight:700;}
		
		.breadcrumb .cqep, .content .cqep, .newcontent .cqep {	color:#008951 !important;}
		.quicksubmenu li.cqep { background-color:#008951 !important;}

		/*CAM*/
		.breadcrumb .cam{	color:#ED2F2F !important;}
		.content .cam {	color:#ED2F2F !important}
		.redcontainer{	background-color:#ED2F2F !important; color:#FFFFFF; font-weight:700;}
		.redcontainer.active{	background-color:#C71C1D !important;}
		
		/*eLearning*/
		.breadcrumb .elearning{	color:#717171 !important;}
		.content .elearning{	color:#717171 !important;}
		.greycontainer{	background-color:#A2A2A6 !important; color:#FFFFFF; font-weight:700;}
		.lightgreycontainer{ background-color:#E8E8E8;}
		.greycontainer.active{	background-color:#717171 !important}
	
		
		.newcontent {	padding:10px;}
		
		.newcontent h4{ margin-top:0;}
		
		.newcontent p{	font-size:12px;
						line-height:18px;
						margin-top:8px;}
	
		ul li .polo{	list-style:none;
						display:none;
						color:#FFFFFF;
  					  	display: none;}
 	
		.content{	height:auto;
					padding-right:30px;
					margin-left:25px;
					margin-bottom:25px;}
					
		.content h3, h4{	color:#475F8F;
							font-weight:700;}
					
		.content h5{	font-size:11px;
						font-weight:700;}
						
		.content p{	font-size:12px;
					line-height:20px;
					margin-top:5px;}
					
		.content li{	font-size:12px;
						line-height:20px;
						margin-left:30px;}
					
		.content ol{	list-style:lower-latin;}
		
		.newcontent{	height:auto;
						margin-left:25px;
						margin-bottom:25px;}
						
		
			
		.asterisk, .mandatory{
					color:#BF2222;
					font-size:12px !important;
		}
		
		/*TABLE*/				
		.table{ margin-top:20px;}		
		
		.table div{	padding:2px;
					/*min-height:30px;*/
					font-size:1.1vmax;}
					
		.line{	border-bottom:#000000 thin solid;}
		
		.greyhover:hover{background-color:#F7F7F7;}
		
		.table p{	font-size:1.1vmax;
					padding-left:5px;
					margin-top:-3px;}
		
		/*BUTTONS*/
		.send{	background-color:#475F8F !important;
				color:#FFFFFF;
				margin-top:20px;}
		
		.button{	background:#A1A1A4;
					color:#ffffff;
					font-size: 1.5vmin !important;
					font-weight:700;
					height:25px;
					width: 100%;
					padding:0 5px;
					text-align:center;}
		.button.matriculation {
			margin-left:5px;
			background-color: #5389D0;

		}
		.button.back {
			background-color: #375F92;
		}
		.button:hover{	background:#6688CC;
						cursor:pointer;
						}
		.downloadbutton {
					background:#A1A1A4;
					color:#ffffff;
					font-size: 1.5vmin !important;
					font-weight:700;
					height:25px;
					width: 100%;
					padding:0 5px;
					text-align:center!important;
					line-height:25px!important;
		}
		.downloadbutton:hover{	background:#6688CC;
						cursor:pointer;
						text-decoration:none;
						color:#428bca!important;
						}
		.downloadbutton:hover a {
						text-decoration:none;
						color:#475F8F!important;
						
		}
		.button input[type=button],
		.button input[type="reset"],
		.button input[type="submit"] {	font-size:1vmax;}	

		.infobutton{	background-color:#2F2F2F;
						color:#FFFFFF;
						border:none;
						text-align:center !important;
						position:absolute;
						top:-1px;
						/*right:-5px;*/
						padding:2px;
						font-weight:700;
						cursor:pointer;
						height:20px;}
						
		.infobutton:hover{	background-color:#5389D0 !important;}
		.regbutton {	background-color:#2F2F2F;
						color:#FFFFFF;
						border:none;
						text-align:center !important;
						position:absolute;
						top:-1px;
						right: 0; 
						padding:2px !important;
						font-weight:700;
						cursor:pointer;
						height:20px;}
		.seebutton{	background-color:#717171;
					color:#FFFFFF;
					border:none;
					text-align:center !important;
					position:absolute;
					top:-1px;
					right:-2px;
					padding:2px 5px;
					font-weight:700;
					cursor:pointer;
					height:20px;}
					
		.seebutton:hover{	background-color:#5389D0 !important;}
		.log{	background-color:d8d8d8;
			width:70px;
			height:25px;
			color:#616161;
			margin-top:10px;
			border:none;
			font-size:10px;}
		
/*CONTENT'S END*/	

	/*APPLICATION FORM*/
		.contentform{	padding-left:40px;}
		
		.applicationform p{	font-size:11px;
							margin:8px 0;
							/*margin-bottom:5px;*/}
							
			.bold { font-weight:700;}
			.inline{ display:inline-block;}
			
		.applicationform input{	background:#E7E7E7;
								height:25px;
								border:none;
								font-size:12px;}
		.applicationform input[type=text] {width: 90% !important;}
								
		.applicationform textarea{	background:#E7E7E7;
									border:none;}
		

		.applicationform input[type=checkbox] {	padding: 0;
												margin:5px 0;
												vertical-align: bottom;
												position: relative;
												background:#FFFFFF !important;}
												
															
		.applicationform label{	top:-7px;
								left:10px;
								position:relative;
								font-weight:normal;
								font-size:11px;}

		.applicationform .radio-inline {top: 0px;
										line-height: 30px;
										left: 0px;}
		.formrow{	padding-top:4px;}
		
														
			.pseudobutton{	background:#A1A1A4 !important;
							color:#ffffff;
							font-size:10px !important;
							font-weight:700;
							right:-2px;
							position:relative;
							height:25px;}
								
			.browsebuttonWrapper{	background:#E7E7E7;
									border:none; }

			.browsebutton{	height:25px;
							opacity:0;
							-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
							filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
							cursor:pointer;}
			 
		.fileChooserText{	float:left;
							margin-top:-25px;
							margin-left:0;
							position:absolute;
							left:0;
							top:-5px;}
		
		.tab{	padding-left:10px;
				margin:20px 0;
				height:25px;}
				
		.applicationform select{	background-color:#E7E7E7;
									border:none;
									height:25px;
									margin:0;
									width: 90%;}
		
		.confidence {	margin-top:20px;}
		.confidence p{ 	margin-top:-30px;
						margin-left:20px;}
		
/*APLICATION FORM'S END*/
	
	/*SEARCH FORM*/
		.searchform{ 	background-color:#E7E7E7;
						padding:10px 15px;}
						
		.searchform input[type="text"],
		select{ background-color:#FFFFFF;
				border:none;
				height:20px;
				margin:10px 0;}
		
		.searchform label{	top:-3px;
							position:relative;
							font-weight:normal;}
		
		.search{	background-color:#475F8F !important;
					color:#FFFFFF;
					border:none;
					height:20px;
					font-size:1vmax;
					font-weight:700;
					margin:10px 0;}
			
/*SEARCH FORM'S END*/


	/*GALLERY*/
		.pic{	background-color:#E7E7E7;
				height:205px;
				width:230px;
				margin-right:25px;
				margin-bottom:10px;
				display:inline-block;}
/*GALLERY'S END*/

	/*EVENTSNEWS*/
		.evenews{	background-color:#E7E7E7;
					min-height:300px;
					/*width:330px;*/
					width: 45%;
					margin-bottom:25px;
					display:inline-block;}
		.evenews.even {
					margin-right:10%;}
		.evenews h4, #boxes p{
					margin-left: 20px;
					margin-right: 20px;}
		.evenews p.readmore{
					margin-left: 20px;
					margin-bottom: 20px;
					right: 20px;
					color: #475F8F;
					font-weight: bold;}

						
/*EVENTSNEWS' END*/
	
	/*BIGBOX*/
	.bigbox{	background-color:#E7E7E7;
				max-height:100%;
				margin-top:25px;
				padding:10px 20px;}
	
	.bigbox h6{	color:#2E517C;
				font-weight:700;}
				
	.bigbox p{	font-size:12px;}
	
	.bigbox p a{	font-weight:700;
					color:#2E517C;}
/*BIGBOX'S END

	/*BOXES*/
	#boxes{	height:auto;
			margin-top:25px;
			margin-bottom:20px;}
		
		.box{	background-color:#E7E7E7;
				height:205px;
				background-clip: padding-box;
				border: 10px solid transparent;
				display:inline-block;}

		#box1{	margin-left:0 !important;}
		#box4{	margin-right:0 !important;}

		#box1 a,#box1 h5{ color:#6688CC !important; margin-left: 20px;}
		#box2 a,#box2 h5{ color:#118855 !important; margin-left: 20px;}
		#box3 a,#box3 h5{ color:#CC3333 !important; margin-left: 20px;}
		#box4 a,#box4 h5{ color:#A1A1A4 !important; margin-left: 20px;}
		.home_readmore {bottom: 15px; position: absolute; font-size: 12px; font-weight: bold; cursor: pointer;}

		.box:hover{	background-color:#CED1D1;}

		#boxes p{	font-size:12px;}
		
	/*PARTNERS*/			
	#partners{	height:70px;
				margin-top:20px;
				margin-bottom: 10px;}
		
	/*FOOTER*/
		#barsfooterborder,
		.emptyfooterborder{	border-top:#A1A1A4 solid 6px;}
		
		#footertext{	font-size:10px;
						height:30px;
						display:inline;}
						
		#p2{	text-align:right; 
				margin-top:10px;}
				
		#p1{	margin-top:10px;}
	
		.tbars{	position:relative;
				display:inline-block;
				float:left;
				top:-6px;}
/*FOOTER'S END*/

	/*BARS*/				
		.bars{	width:90px;
				height:6px;
				position:absolute;
				bottom:0;
				right:0;}	
			
			#bar1{	background-color:#6688CC;}
			#bar2{	background-color:#118855;}
			#bar3{	background-color:#CC3333;}
			#bar4{	background-color:#A1A1A4;}
			#bar5{	background-color:#6688CC;	width:50px;	height:6px;}
			#bar6{	background-color:#118855;	width:50px;	height:6px;}
			#bar7{	background-color:#CC3333;	width:50px;	height:6px;}
			#bar9{	background-color:#2E517C;}
/*PAGINAÇÂO*/
#pagination li {display: inline;}
.pagenumber{	background:#E7E7E7;
	text-align:center;
	height:30px;
	width:30px;
	margin-right:2px;
	padding:8px 0;
	font-size:12px;
	font-weight:700;
	color:#A2A2A6;
	border-bottom:#A2A2A6 solid medium;
	cursor: pointer;}

.pagenumber.active{	color:#375F92;
	border-bottom:#375F92 solid medium;
	cursor: default;}
.pagenumber.active a{ color:black;
	cursor: default;
	text-decoration: none;}
/*EOF PAGINAÇÂO*/

.fancybox-overlay {
	overflow: hidden;
	margin: 0 !important;
}
.error_message, .info_message, .message_message, .warning_message{ color:#333; font-size:11px; text-align:left; line-height:20px; padding-left:30px; margin:0 auto; margin-bottom:10px; margin-top:10px; }
.message_message { border-color:#8F8; background:#DFFFD2 url('images/message_message.png') no-repeat 1% 50% }
.error_message { border-color:#FF9F9F; background:#FFCECE url('images/message_error.png') no-repeat 1% 50%; }
.error_message a{ color:#C00; text-decoration:underline; vertical-align:baseline }
li.required, li.equalto {
	clear: both;
	margin-left:0px!important;
	font-size: 11px;
}

.centered {
	text-align: center;
}
#partners a {padding-right: 10px;}