@charset "utf-8";
/* CSS Document */
.content-area-left{ background:url(../img/lines_dto_verdes.png) repeat-y top left; width:1200px; margin:0 auto;}
.content-area-right{ background:url(../img/lines_esq_verdes.png) repeat-y top right; width:1200px; min-height:1500px;}


/*Page Header area Style
------------------------------------------------------------------------------------------*/
header{ width:100%; height:auto; clear:both;}
header .container{ position:relative;}

.logo{ width:206px; height:99px; position:absolute; top:20px; left:20px;}
.banner{ width:100%; height:300px; overflow:hidden;}
.banner img{ width:100%;}


/*Main Menu area Style
------------------------------------------------------------------------------------------*/
nav{ background:url(../img/barra_botoes_site.png) no-repeat; width:982px; height:45px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; overflow:hidden;}
nav ul{ margin:0; padding:0; float:left;}
nav ul li{ margin:0; padding:0 0 0 5px; float:left; list-style:none;}
nav ul li a {  text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#fff; font-weight:bold; margin:0; padding:0 0 0 16px; float:left;display:block;}

nav ul li.menu-item-1 a span{ display:block; background:url(../img/menu-item-1.png) no-repeat 0 50%; height:45px; padding:12px 20px 12px 30px;} 
nav ul li.menu-item-2 a span{ display:block; background:url(../img/menu-item-2.png) no-repeat 0 50%; height:45px; padding:12px 20px 12px 30px;} 
nav ul li.menu-item-3 a span{ display:block; background:url(../img/menu-item-3.png) no-repeat 0 50%; height:45px; padding:12px 20px 12px 30px;} 
nav ul li.menu-item-4 a span{ display:block; background:url(../img/menu-item-4.png) no-repeat 0 50%; height:45px; padding:12px 20px 12px 30px;} 
nav ul li.menu-item-5 a span{ display:block; background:url(../img/menu-item-5.png) no-repeat 0 50%; height:45px; padding:12px 20px 12px 30px;} 
nav ul li.menu-item-6 a span{ display:block; background:url(../img/menu-item-6.png) no-repeat 0 50%; height:45px; padding:12px 20px 12px 30px;} 
nav ul li.menu-item-7 a span{ display:block; background:url(../img/menu-item-7.png) no-repeat 0 50%; height:45px; padding:12px 20px 12px 30px;}
nav ul li.menu-item-8 a span{ display:block; background:url(../img/menu-item-8.png) no-repeat 0 50%; height:45px; padding:12px 20px 12px 30px;} 

nav ul li:hover, nav ul li.act{ margin:0; padding:0 0 0 5px; float:left; list-style:none;background:url(../img/hover-let.png) no-repeat top left;}
nav ul li:hover a, nav ul li.act a { background:url(../img/hover-right.png) no-repeat top right; color:#fff; text-decoration:none;}

/*Main Menu area Style End
------------------------------------------------------------------------------------------*/

/*Page Header area Style End
------------------------------------------------------------------------------------------*/



/*Page Section area Style Start
------------------------------------------------------------------------------------------*/
.leftSide{ float:left; width:765px;}
.rightSide{ width:190px; float:right;}

.tag{ width:100%; height:auto; clear:both; float:left; text-align:center;}
.tag h2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#73abff; margin:30px 0 50px; padding:0;}


.leftSide-mid{background:url(../img/line-bg.png) no-repeat top center;min-height:1443px;clear:both;	overflow:hidden; padding:0 0 0;}
.leftSide-lt{ float:left; width:381px;}
.leftSide-rt{ float:right; width:381px;}

.content-con{ width:365px; margin:0; float:left; overflow:hidden; min-height:400px;}
.leftSide-rt .content-con{ float:right;}
.content-con h1{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; font-weight:bold; color:#73abff; margin:30px 0 50px; padding:0;}

.content-con h2{color: #00000;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight:bold;line-height:22px; margin: 55px 0 0;padding: 0;    text-align: justify;    text-transform: none;}
.content-con p {color: #c5c5c5;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;line-height:22px; margin: 25px 0;padding: 0;    text-align: justify;    text-transform: none;}

.athor-con{width:340px; margin:35px 0; float:right; clear:both;}
.athor{ margin:0 0 15px;}
.athor-con p{ font-size:12px; font-weight:normal; color:#ffffff; margin:0; padding:0;}
.pdf-con{ width:100%; clear:both; float:left; margin:20px 0 0; }
.pdf-con p{ float:left; margin:23px 0 0;}
.pdf-con a{ font-size:0px; display:block; background:url(../img/simbolo_pdf.png) no-repeat; width:39px; height:41px; float:left; margin:0 0 0 5px;}


.right-call-con{ width:100%; clear:both; height:auto; margin:25px 0 0;}
.right-call-con img{ display:block; margin:0 auto; text-align:center;}

.right-call-con ul {display: block; margin: 0 auto; padding: 0;width: 93%;}
.right-call-con ul li{ display:block; clear:both; list-style:none;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#c5c5c5; margin:15px 0 5px; padding:0; text-align:left; width:100%;}

.right-call-con ul li span{ display:block; float:right;}


.social{ width:100%; overflow:hidden; float:left; margin:70px 0 0;}
.social h1{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#c5c5c5; margin:5px 0 15px; padding:0; text-align:center;}
.social ul{ display:block; float:left; margin:0; padding:0;}
.social ul li{ display:block; float:left; list-style:none; margin:0 0 0 13px;}
.social ul li a { display:block; float:left; list-style:none; text-decoration:none;} 
.social ul li:first-child{ margin:0;}


.contact{ width:100%; clear:both; margin:50px 0 0; height:auto; float:left;}
.contact-2{ margin:0px;}
.contact h1{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#c5c5c5
; margin:5px 0 10px; padding:0; 
-align:center;}
.contact input.input-area{ width:100%; display:block; height:25px; border:none; background:#f2f2f2; font-size:12px; padding:0 5px; font-style:italic; color:#000000;}
.contact input.input-area:hover,
.contact input.input-area:focus,
.contact textarea:hover,
.contact textarea:focus,
.contact select:hover,
.contact select:focus{background:#c5c5c5;}

.contact textarea{ font-style:italic;width:100%; display:block; height:185px; border:#ffffff; background:#c5c5c5; font-size:12px; padding:10px 5px;}
.contact label{	color: #ffffff;font-family: Verdana, Arial, Helvetica, sans-serif;line-height: 1;  text-align: left;font-size:12px;font-weight:normal;	margin:10px 0 5px;}

.contact select { width:100%; display:block; height:25px; border:none; background:#f2f2f2; font-size:12px; padding:3px  5px; font-style:italic;}


.contact input.btn{width:130px; display:block; height:30px; border:1px solid #6b6b6b; background:#fff; font-size:12px; padding:0 5px;font-family: Verdana, Arial, Helvetica, sans-serif
;color: #6B6B6B;font-size:12px; text-align:center; margin:25px 0 0;}

.contact input.btn:hover,
.contact input.btn:focus{background:#f2f2f2;}

.logo-con{ width:100%; height:auto; clear:both; margin:60px 0 0; float:left;}
.logo-con h1{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#c5c5c5; margin:5px 0 10px; padding:0; text-align:center;}
.logo-con h1 span{ font-size:12px; font-weight:normal; display:block; margin:2px 0 0;}
.logo-con ul{ margin:30px 0 0; padding:0; width:100%; display:block;}
.logo-con ul li{ display:block; list-style:none; width:100%; text-align:center; margin:15px 0;}
.logo-con ul li a{ display:block; text-align:center; text-decoration:none;}

.logo-con-2{ margin:10px 0;}
.logo-con-2 ul{ margin:-20px 0px 0;}

.left-partner-area{ width:100%; height:auto; clear:both;float:left;}
 
.left-partner-area ul { display: block;margin:0 auto 25px; padding: 0; overflow:hidden; width: 512px;}
.left-partner-area ul li{ display:block; list-style:none; text-align:center; margin:20px; float:left;}
.left-partner-area ul li a{ display:block; text-align:center; text-decoration:none;}

.short-text{  width:100%; overflow:hidden; clear:both;}
.short-text p{ color:#c5c5c5; margin:0; padding:0; line-height:14px;}
/*Page Section area Style Start
------------------------------------------------------------------------------------------*/

/*Page footer area Style Start
------------------------------------------------------------------------------------------*/
footer{ background:url(../img/foot-bg.png) no-repeat bottom center; width:982px; height:31px; margin:50px auto 0;}
footer p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#fff; text-align:center; margin:0; padding:7px 0;}
/*Page footer area Style End
------------------------------------------------------------------------------------------*/



.cursos-con a {background: url("../img/simbolo_saiba_mais.png") no-repeat scroll 100% 100% rgba(0, 0, 0, 0); color: #c5c5c5; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;font-weight: bold; margin: 5px 0 10px; padding: 0 25px 5px 0;}
.cursos-con a:hover{ text-decoration:none; color: #fff;}
.cursos-con h1{ font-size:12px; margin:25px 0 15px;}
.cursos-con p{ font-size:12px; margin:15px 0 15px;}


.pd-link-con{ width:100%; height:auto; clear:both; float:left; margin:20px 0 50px;}
.pd-link-con p{ text-align:left;}
.pd-link-con p span{ text-align:left; font-size:12px;}
.title{ display:block; clear:both; float:left; width:100%;}
.title h3{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#fff; display:block;  float:left; width:76%;}
.title  a{ background:none; float:right; padding:0;}
.title h3 span{ font-size:12px; font-weight:normal;}

.leftSide-rt .cursos-con  .title { margin:25px 0 0;}
 

.cursos-con-2 h3{  font-weight:normal; width:76%; font-size:12px; }
.leftSide-rt .cursos-con-2  .title { margin:0 0 0;}

.contact-info{ width:100%; clear:both; float:left; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-weight:normal; text-align:center;}
.contact-info h3{ margin: 10px  0 20px 0; padding:0; font-size:12px; font-weight:normal; line-height:22px; display:block;  }
.contact-info h2{ margin:55px 0 10px;font-size:12px; font-weight:normal; line-height:22px; display:block; text-align:center;}
.contact-info p{margin:15px 0;font-size:12px; font-weight:normal; line-height:22px; display:block; text-align:center;}
.contact-info p.transport{height:3em;}

small{ display:block; margin:5px 0 0;}
small a{ font-size:11px!important; background:none!important; font-weight:normal!important; font-family:Arial, Helvetica, sans-serif; color:#0000FF; text-decoration:underline;}

.contact-con .content-con{ margin:0 0 150px;}

.e-learning{}
.e-learning h4{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#c5c5c5; line-height:22px; margin:0 0 40px;}
.e-learning a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#c5c5c5; line-height:22px; margin:80px 0 0; float:right;}

.con-right{ float:right; padding-left: 20px; }
.leftSide-lt {
    width: 100% !important;
}
.contact-left .leftSide-lt .content-con-right{ float:right;}
.contact-left .leftSide-lt .content-con h2 a{ background:none; display: block;font-size: 12px;font-weight: normal;line-height: 22px; margin: 10px 0 20px; padding:0;}

.scrollarea{ height: 210px; padding:10px 0 0; overflow:hidden; background: none repeat scroll 0 0 #F2F2F2; }
.scrollarea-con{ 
    background: none repeat scroll 0 0 #F2F2F2;
    color: #000000;
    border: medium none;
    display: block;
    font-size: 12px;
    font-style: italic;
    height: 195px;
    padding: 10px 5px;
    width: 100%;
    	overflow:auto;
}
.scrollarea p{}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    nav ul li {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0 0 0 4px;
}
nav ul li:hover {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0 0 0 4px;
}
nav ul li.act{ padding: 0 0 0 4px;}

}