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


/*-------------------------------DEFINE BODY PROPERTIES----------------------------------------*/


* {
	margin: 0 auto 0 auto; /* GLOBAL RESET */
	padding: 0;
}
body{
	margin: 0 auto 0 auto;
	font-size: 62.5%; 
	font-family: Arial, Sans-Serif; /*change font*/
	line-height: 150%; 
	color:#333; /*change font color*/
	background: #f5f5f5; /*background color*/
}

div, p, ul, h2, h3, h4, img{
	padding:0px; margin:0px; border:none;
}
ul{
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}

a { outline:none; /* Remove Firefox's dotted borders */ text-decoration:none; color:#819d00; padding:0; margin:0;}
a img { border:none;} /* Remove IE's blue borders */
a:hover{ color:#000;}

txt a{ color:#819d00;}
txt a:hover()

h1 { border:none; margin:10px 0 0 0; padding:0;}
h2 {font-size: 2.4em; line-height:1.6em; font-weight:bold; border:none; margin:0; padding:0; color:#4A708B;}/**/
h3 {font-size: 2em; line-height:1.2em; font-weight:normal; border:none; width:610px; margin:0 0 10px 10px; padding:0; float:left; color:#0099cc;}/**/
h4 {font-size: 1.6em; border:none; margin:0; padding:0; color:#4A708B;}/**/
h5 {font-size: 1.8em; line-height:1.2em; border:none; margin:0; padding:0; font-weight:normal;}/**/
h6 {font-size: 2.6em; line-height:1em; font-weight:normal; border:none; width:320px; margin:0 0 20px 0; padding:0; float:right;}/**/
p  {font-size: 1.2em; padding:0 10px 0 0; line-height:1.4em;}/**/
.small  {font-size: 1.1em; padding:0; line-height:1.4em;}
.big {font-size: 2.2em; padding:0; line-height:1.4em; color:#666666;}
.white {font-size: 1.2em; padding:0 10px 0 0; line-height:1.4em; color:#fff;}
.heading {font-size: 1.4em; font-weight:normal; border:none; margin:0; padding:0;}
.hr{ border-bottom:1px solid #CCCCCC; border-left:none; border-right:none; border-top:none; margin:10px 0 10px 0; }
.left{ float:left;}
.left_margin_right{ float:left; margin:0 10px 0 0; font-size:1.2em;}
.left_margin_right_top{ float:left; margin:4px 10px 0 0;}
.right{ float:right;}
.right_margin_top{ float:right; margin:-50px 0 0 0;}
.right_margin_right{ float:right; margin:0 20px 0 0;}
/*-------------------------------END----------DEFINE BODY PROPERTIES----------------------------------------*/

.center{width:960px; height:100%; padding:0; margin:0 auto;}

/*------------------------------CONTENT--------------------------------*/


/*HEADER*/

#header{ width:100%; height:180px; background:transparent url(../images/layout_images/bg_header.jpg) top left repeat-x;}
#header_holder{ width:960px; height:180px; background:transparent url(../images/layout_images/LOGO_TOPO.jpg) top left no-repeat;}

#headerMENOR{ width:100%; height:150px; background:transparent url(../images/layout_images/BG_TOPO_MENOR.jpg) top left repeat-x;}

.imagemHEADER {
position:relative;
float:left;
margin-left:230px;
}

/*NAVIGATION*/

#nav ul {margin: 0 0 25px 0; padding: 0; list-style: none; float:left;}
#nav ul li,
#nav ul li a {float: left; display: block;}
#nav ul li a {margin: 10px 10px 0 20px; padding: 10px;font-size: 1.7em;color: #fff;text-decoration: none; -moz-border-radius: 5px;-webkit-border-radius: 5px;}
#nav ul li a:hover,
#nav ul li a.selected {
	background-color: #4A708B;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/*FOOTER NAVIGATION*/

#f_nav ul {margin: 0 0 10px 0; padding: 0; list-style: none; float:right;}
#f_nav ul li,
#f_nav ul li a {float: left; display: block;}
#f_nav ul li a {margin: 15px 10px 0 10px; padding: 5px;font-size: 1.2em; color: #4A708B; text-decoration: none; -moz-border-radius: 5px;-webkit-border-radius: 5px;}
#f_nav ul li a:hover,
#f_nav ul li a.selected {background-color: #4A708B;color: #fff; -moz-border-radius: 5px;-webkit-border-radius: 5px;}


/*MAIN CONTENT*/

.main{ width:100%; background: transparent url(../images/layout_images/bg_main.jpg) top left repeat-x; padding:0; margin:0;}
.main_wrapper{ width:960px; height:100%; padding:0 0 40px 0; margin:0;}

.welcome{width:160px; display:block; text-indent:-9999px; line-height:4em; float:left; margin:0 0 10px 0; background:url(../images/layout_images/welcome.png) top left no-repeat;}
.news_events{width:220px; display:block; text-indent:-9999px; line-height:2em; float:right; margin:10px 20px 0 0; background:url(../images/layout_images/latest_news.png) top left no-repeat;}

.separator_top{ width:960px; height:21px; background:transparent url(../images/layout_images/sep_top.png) top center no-repeat;}
.separator_mid{ width:960px; height:21px; background:transparent url(../images/layout_images/sep_mid.png) top center no-repeat; margin:20px 0 0 0;}
.separator_bot{ width:960px; height:21px; background:transparent url(../images/layout_images/sep_bot.png) top center no-repeat;}

.intro{ width:100%; margin:0 0 40px 0;}
.tagline{ margin:0 0 20px 30px;}

#preview{position:absolute;border:1px solid #b6b6b6;background:#fff;padding:5px;display:none;color:#333;}
#tooltip{position:absolute;border:1px solid #b6b6b6;background:#fff;padding:2px 5px;color:#333;display:none;}	

/*individual content holder*/
.box{ width:629px; height:100%; padding:10px 0 20px 10px; float:left;}
.box a{ color:#0033CC;}
.box a.read_more{float:right; color:#006ea1; font-style:italic; font-size:1.1em; margin:20px 20px 20px 0;}

.box_2{ width:295px; height:100%; float:right; padding:20px 10px 10px 15px; display:inline; overflow:hidden;}
.box_2 a{ color:#0033CC;}
.box_2 a:hover{ color:#819d00;}
.box_2 a.read_more{float:right; color:#006ea1; font-style:italic; font-size:1.1em; margin:0 0 20px 0;}

.box_3{ width:300px; height:100%; float:left; padding:10px; display:inline; overflow:hidden;}
.box_3 a.read_more{float:right; color:#006ea1; font-style:italic; font-size:1.1em; margin:0 0 20px 0;}
.box_3 a{ color:#333;}
.box_3 a:hover{ color:#819d00;}


.services{width:160px; display:block; text-indent:-9999px; line-height:3em; margin:20px 0 10px 0; background:url(../images/layout_images/services.png) top left no-repeat;}
.featured{width:160px; display:block; text-indent:-9999px; line-height:3em; margin:20px 0 10px 0; background:url(../images/layout_images/featured.png) top left no-repeat;}
.proposal{width:171px; display:block; text-indent:-9999px; line-height:3em; margin:20px 0 10px 0; background:url(../images/layout_images/proposal.png) top left no-repeat;}

ul.listing{ padding:20px; margin:0;}
ul.listing li{ list-style-image: none; background-image:url(../images/details/ico_li.png); background-repeat: no-repeat; background-position: left center; padding:0 0 5px 25px; font-size:1.2em;}

.img_border{ width:294px; height:80px; background-color:#b6b6b6; padding:2px; margin:20px 0 0 0;}
.img_border2{ width:133px; height:80px; background-color:#fff; padding:2px; margin:0 10px 10px 0; float:left;}
.img_border3{ width:138px; height:138px; background-color:#b6b6b6; padding:1px; margin:5px 10px 0 0; float:left;}
.img_border4{ width:598px; height:251px; background-color:#b6b6b6; padding:1px; margin:0;}

.stroke_main{display:block; border:2px solid #b6b6b6; margin:20px 0 0 0; padding:0; }
.stroke_footer{display:block; border:2px solid #fff; margin:0 10px 10px 0; padding:0; float:left; }

/*NEWS*/

.news{}
.ico_date{ display:block; width:46px; height:51px; background:url(../images/details/ico_date.png) no-repeat; float:left; margin:0 10px 20px 0;}
.month{ font-size:0.9em; text-transform:uppercase; padding:3px 12px 3px 12px; color:#fff;}
.day{font-size:2em; text-transform:uppercase; padding:1px 12px 10px 11px; color:#666;}

/*FOOTER*/

#footer{
	overflow: hidden;
	width:100%;
	background:transparent url(../images/layout_images/bg_footer.jpg) top left repeat-x;
	background-color: #CCCCCC;
	color:#fff;
	padding:20px 0 40px 0;
	margin:0;
	display:block;
}
.footer_cont{margin:5px 0 0 5px;}
.linksPortal p{line-height:1.7em;}
.archive a{color:#4A708B; font-weight:bold;}
.archive a:hover{color:#819d00; font-weight:bold;}
.date{ margin:0 10px 0 0;}
.cc{margin: 0 0 0 0; font-size:1.1em; float:left; color: #4A708B;}
.footer_banner{float:right; margin-top:10px; margin-right:15px;}



/* -------------------------- LOGIN EVA -------------------------- */

#login {
	background-image: url(images/bg_login.jpg) top right;
	padding:0 0 0 0;
	position: relative;
	float: right;
	margin-left:229px;
	font-size:x-small;
}

#login form {
margin-top:3px;
}

#login input {
	margin-top:3px;
	font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000033;
	background-color:#CCCCCC;
}

.textFieldTOP {
padding:2px;
height:15px;
font-size:8px;
}

.botaoEVA {
padding:0;
height:23px;
margin-left:2px;
}

.LABEL{
	color:#CCCCCC;
	display:block;
	margin:3px;
	padding:1px;
	font-size:9px;
}

td#EVA {
padding-left:15px
}


/* -------------------------- LAYOUT DA HOME PAGE -------------------------- */


.home_wrapper{ width:960px; height:100%; padding:0 0 0 0; margin:0;}

#flashcontent { width:615px; border:1px solid #CCCCCC;}

.boxHOME{ width:629px; height:100%; padding:10px 0 10px 10px; float:left; border-right:none; border-left:none; border-bottom:none; border-top:none;}

.addThis {display:block; margin-top:30px;}

.left_margin_rightHOME{ float:left; margin:0 10px 25px 0; font-size:1.2em; border:1px solid #CCCCCC;}

.material{width:180px; display:block; text-indent:-9999px; line-height:3em; margin:20px 0 10px 0; background:url(../images/home_gallery/material_didatico.png) top left no-repeat;}

.interacao{width:200px; display:block; text-indent:-9999px; line-height:3em; margin:20px 0 10px 0; background:url(../images/home_gallery/interacao_WEB.png) top left no-repeat;}

.armadas{width:280px; display:block; text-indent:-9999px; line-height:3em; margin:20px 0 10px 0; background:url(../images/home_gallery/EaD_armadas.png) top left no-repeat;}


.jogo{width:280px; display:block; text-indent:-9999px; line-height:3em; margin:20px 0 10px 0; background:url(../images/home_gallery/vinheta8damas.png) top left no-repeat;}


.box_TABS{ width:295px; height:100%; float:right; padding:10px 10px 10px 15px; display:inline; overflow:hidden;}

.box_TABS p{ line-height:70%;}

.box_TABS .datas{ line-height:60%;}

.h4HOME {font-size: 1.6em; font-weight:bold; border:none; margin:7px 0 3px 0; padding:0; color:#4A708B;}

.boxHOME a{ color:#0033CC;}
.boxHOME a:hover{ color:#819d00;}


/* -------------------------- PÁGINA CURSOS -------------------------- */

.box_CURSOS{ width:630px; height:100%; padding:10px 0px 10px 0px; float:right;}

.box_2CURSOS{ width:270px; height:100%; float:left; padding:40px 10px 10px 15px; display:inline; overflow:hidden; text-align:justify; background-image:url(../images/layout_images/BG_menu_videos.png); background-repeat:no-repeat;}

.box_2CURSOS a{ color:#0033CC;}
.box_2CURSOS a:hover{ color:#819d00;}
.box_2CURSOS a.read_more{float:right; color:#006ea1; font-style:italic; font-size:1.1em; margin:0 0 20px 0;}

.box_2CURSOS .margin-bottom{ margin-bottom:30px;}

.listaNoticias {display:block; margin-bottom:5px; margin-top:5px;}


/* -------------------------- PÁGINA METODOLOGIA -------------------------- */

.videoPlayer{ width:400px; height:300px; background-color:#b6b6b6; padding:5px; margin:0 10px 20px 20px; position:relative; float:right;}

.checkBullet {margin: 0 5px 0 0;}

.listaVantagens {display:block; margin-bottom:3px;}

.right_margin_METODO{ float:RIGHT; margin:0 0 10px 10px; border:1px solid #CCCCCC;}

.botaoMAIS {display:block; height:30px; margin-bottom:20px;}

.more{ float:left; width:74px; height:20px; display:block; overflow:hidden; padding:6px 0 0 13px; margin:10px 0 0 0; color:#006ea1; font-size:0.9em; background:transparent url(../images/details/button_more.png) no-repeat; text-transform:uppercase;}


/* -------------------------- PÁGINA CAMPUS  -------------------------- */


.box_2CAMPUS{ width:280px; height:100%; float:right; padding:20px 10px 10px 15px; display:inline; overflow:hidden; text-align:justify;}

.box_2CAMPUS a{ color:#0033CC;}
.box_2CAMPUS a:hover{ color:#819d00;}
.box_2CAMPUS a.read_more{float:right; color:#006ea1; font-style:italic; font-size:1.1em; margin:0 0 20px 0;}

.respostas{
	font-size:9px;
}


/* -------------------------- PÁGINA INSCRIÇÕES  -------------------------- */

.box_INSCRI{ width:615px; height:100%; padding:10px 0 20px 10px; float:left; border-right:1px solid #b6b6b6;}
.box_INSCRI a{ color:#0033CC;}


.fotoLEFT {
	float:left;
	margin:20px 20px 130px 0;
	width:162px;
	
}