﻿body{margin: 0}
h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd,select,input{margin: 0; padding: 0;}
img{border: 0;}
a{outline: none;}
.clear{clear: both;}

div#wrapper{width: 770px; margin: 0 auto; font: 9px Verdana, Arial;}

/* ************************************************ HEADER ************************************************ */
div#wrapper div#header{width: 760px; height: 155px; margin-left: 10px; position: relative;}
div#wrapper div#header h1{background: url(../img/logo.gif) no-repeat; width: 190px; height: 45px; text-indent: -9999px; margin-top: 10px; float: left;}
div#wrapper div#header h1 a{width: 190px; height: 45px; display: block;}


div#wrapper div#header div.info{float: right; margin-top: 3px; width: 280px; position: relative; z-index: 10}
div#wrapper div#header div.info ul.bandeiras{width: 67px; float: right; padding:1px 0;}
div#wrapper div#header div.info ul.bandeiras li{border: 0; margin:0; padding:0 0 0 5px;}
div#wrapper div#header div.info ul.bandeiras li a.link{width: 23px; height: 16px; text-indent: -9999px; float: left; display: block;}
div#wrapper div#header div.info ul.bandeiras li.en{background: url(../img/ico_en.gif) no-repeat;}
div#wrapper div#header div.info ul.bandeiras li.es{background: url(../img/ico_es.gif) no-repeat; margin-left: 4px;}

div#wrapper div#header div.info ul{padding: 3px 12px 0 0; float: right;}
div#wrapper div#header div.info li{float: left; list-style: none; border-right: solid 1px #e6e6e6; margin-right: 10px; padding-right: 10px;}
div#wrapper div#header div.info li a{color: #004990; text-decoration: none;}
div#wrapper div#header div.info li.last{border: 0; margin: 0; padding: 0;}

div#wrapper div#header div.info div.search{background-color: #f2f2f2; clear: both; padding: 2px; height: 20px;}
div#wrapper div#header div.info div.search select{font: 9px Verdana, Arial; border: solid 1px #b5b4b4; width: 122px; height: 17px; float: left; color: #a7a7a7;}
div#wrapper div#header div.info div.search input.tx{font: 9px Verdana, Arial; border: solid 1px #b5b4b4; width: 104px; height: 16px; float: left; margin: 0 5px; color: #a7a7a7;}
div#wrapper div#header div.info div.search input.bt{float: left; margin-top: 4px;}

div#wrapper div#header div.login{background: #f6fafb url(../img/bg_box_private.gif) top left repeat-x; width: 100%; height: 80px; position: absolute; bottom: 0; left: 0;}
div#wrapper div#header div.login div.box-alunos{margin: 10px 0 5px 10px; _margin: 10px 0 5px 5px; float: left;}
div#wrapper div#header div.login div.box-alunos h2{background: url(../img/tit_alunos.gif) top no-repeat; width: 102px; height: 15px; text-indent: -9999px; font-size: 9px;}
div#wrapper div#header div.login div.box-alunos label{color: #004990;}
div#wrapper div#header div.login div.box-alunos table td{padding: 0px;}
div#wrapper div#header div.login div.box-alunos table tr.ln-color{background-color: #eff0f1;}
div#wrapper div#header div.login div.box-alunos input.tx{font: 9px Verdana, Arial; color: #a7a7a7; border: solid 1px #b5b4b4; height: 17px;}
div#wrapper div#header div.login div.box-alunos input.campus{width: 100px;}
div#wrapper div#header div.login div.box-alunos select.campus{font: 9px Verdana, Arial; color: #a7a7a7; border: solid 1px #b5b4b4; height: 17px; width: 100px;}
div#wrapper div#header div.login div.box-alunos input.rgm{width: 48px;}
div#wrapper div#header div.login div.box-alunos input.senha{width: 63px;}
div#wrapper div#header div.login div.box-alunos input.bt{margin: 0 5px;}
div#wrapper div#header div.login div.box-alunos a{color: #a7a7a7; margin-right: 5px;}

div#wrapper div#header div.login div.box-campus{margin: 10px 0 5px 0; float: right;}
div#wrapper div#header div.login div.box-campus h2{background: url(../img/tit_campus.gif) top no-repeat; width: 64px; height: 17px; text-indent: -9999px; font-size: 9px;}
div#wrapper div#header div.login div.box-campus ul{margin-top: 10px;}
div#wrapper div#header div.login div.box-campus li{background: url(../img/ico_campus.gif) left no-repeat; float: left; list-style: none; padding-left: 13px; margin-right: 8px; _margin-right: 4px;}
div#wrapper div#header div.login div.box-campus li a{color: #666666; text-decoration: none;}
/* ************************************************ end HEADER ************************************************ */

/* ************************************************ MENU ************************************************ */
div#wrapper div#container div#menu{width: 160px; float: left; _margin: 0;}
div#wrapper div#container div#menu ul{margin: 8px 0 0 10px;}
div#wrapper div#container div#menu li{background: url(../img/ico_seta_mn.gif) 0 4px no-repeat; list-style: none; padding-left: 11px; margin-bottom: 5px;}
div#wrapper div#container div#menu li a{color: #0b4551; text-decoration: none; display: block; background-color: #5bd1ea; padding: 2px 3px; width: 123px;}
div#wrapper div#container div#menu li a.active{font-weight: bold}

div#wrapper div#container div#menu li a.vestibular{background: url(../img/bg_mn_vestibular.jpg); color: #ffffff; font: bold 10px Verdana;}

div#wrapper div#container div#menu div.box-canal{margin-top: 25px;}
div#wrapper div#container div#menu div.box-canal h2{background: url(../img/tit_canal.gif) top no-repeat; width: 149px; height: 50px; text-indent: -9999px; font-size: 9px;}
div#wrapper div#container div#menu div.box-canal p{background: url(../img/img_cruzeiro_tv.gif) top no-repeat; width: 140px; height: 55px; text-indent: -9999px; margin: 10px 0 0 9px;}
div#wrapper div#container div#menu div.box-canal p a{width: 140px; height: 55px; display: block;}

/* submenu */
div#wrapper div#container div#menu ul.sub-menu li{background: url(../img/ico_seta_mn2.gif) left no-repeat; list-style: none; padding-left: 11px; margin-bottom: 5px;}
div#wrapper div#container div#menu ul.sub-menu li a{/*color: #fff;*/ text-decoration: none; display: block; background-color: transparent; padding: 2px 3px; width: 102px;}
div#wrapper div#container div#menu ul.sub-menu li a.active{font-weight: bold; color: #71c2d1;}

div#wrapper div#container div#menu img.img-selo{margin: 10px 0 0 20px;}
/* ************************************************ end MENU ************************************************ */

/* ************************************************ FOOTER ************************************************ */
div#wrapper div#footer{clear: both; _position: relative;}
div#wrapper div#footer div.align{background-color: #fff; float: right; /*width: 610px;*/ width: 593px; padding: 0px 8px 10px 9px;}
div#wrapper div#footer div.align dl{background-color: #e6e6e6; border-top: solid 1px #dce3e4; border-bottom: solid 1px #dce3e4; color: #8d8d8d; padding: 2px 0; margin-bottom: 2px;}
div#wrapper div#footer div.align dl a{color: #8d8d8d;}
div#wrapper div#footer div.align dt{float: left; width: 45px; margin-left: 5px; font-weight: bold;}
div#wrapper div#footer div.align dd{display: inline; border-right: solid 1px #8d8d8d; padding: 0 8px;}
div#wrapper div#footer div.align dd.last{border: 0;}

div#wrapper div#footer div.align div.ft{border: solid 1px #e6e6e6; padding: 7px; margin-top: 6px; clear: both}
div#wrapper div#footer div.align div.ft p.tx-copy{color: #c6c6c6; width: 245px; float: left; font-style: italic; font-weight: normal}
div#wrapper div#footer div.align div.ft p.tx-copy a{color: #c6c6c6;}
div#wrapper div#footer div.align div.ft div.grupo{float: right;}
div#wrapper div#footer div.align div.ft div.grupo p{color: #8d8d8d; font-style: italic; font-weight: bold;}
div#wrapper div#footer div.align div.ft div.grupo img{margin-right: 10px;}
/* ************************************************ end FOOTER ************************************************ */

/* ************************************************ CONTENT ************************************************ */
div#wrapper div#container div#content{background-color: #fff; width: 610px; float: right; _margin: 0;}

div#wrapper div#container div#content div.bc{padding: 5px 10px; margin: 0 5px;}
div#wrapper div#container div#content div.bc p{font-size: 10px; color: #004990;}
div#wrapper div#container div#content div.bc p a{font-size: 10px; text-decoration: none; color: #004990;}
div#wrapper div#container div#content div.bc p a:hover {text-decoration: underline}
/* ************************************************ end CONTENT ************************************************ */


.pag ul{text-align: center; list-style: none;}
.pag li{display: inline; border-right: solid 1px #f47921; padding: 0 5px; color: #f47921;}
.pag li a{color: #f47921;}
.pag li.st-lt{background: url(../img/ico_seta_pag_lt.gif) center left no-repeat; padding-left: 10px;}
.pag li.st-lt a{font-weight: bold; text-decoration: none;}
.pag li.st-rt{background: url(../img/ico_seta_pag_rt.gif) center right no-repeat; padding-right: 10px; border: 0;}
.pag li.st-rt a{font-weight: bold; text-decoration: none;}
/* ************************************************ end PRINCIPAL ************************************************ */

/*2011-11-09*/
div#wrapper div#footer div.align .boxes {*height: 300px; margin-top: 20px; padding: 15px 15px 15px 27px; background: url(../img/bg-boxes-footer.gif) #f9f9f9 left bottom repeat-x; display: table}
div#wrapper div#footer div.align .boxes .bottom{padding-top: 20px; clear: both}

div#wrapper div#footer div.align .boxes .box{width: 125px; margin-right: 17px; float: left}
div#wrapper div#footer div.align .boxes .box.last{margin-right: 0px}
div#wrapper div#footer div.align .boxes h6{margin: 0px 0px 8px 0px; font-size: 9px; color: #676767}
div#wrapper div#footer div.align .boxes ul {list-style: none}
div#wrapper div#footer div.align .boxes ul li{margin-bottom: 3px}
div#wrapper div#footer div.align .boxes ul li a {padding-left: 14px; font-size: 9px; background: url(../img/ico-bullet-boxes-footer.gif) left center no-repeat; text-decoration: none; color: #676767}
div#wrapper div#footer div.align .boxes div#list_internet {}
div#wrapper div#footer div.align .boxes div#list_internet ul li a{padding: 0px; margin: 0px}
div#wrapper div#footer div.align .boxes div#list_internet div#list_redes_sociais {width: 125px}
div#wrapper div#footer div.align .boxes div#list_internet div#list_redes_sociais a{width: 18px; height: 18px; margin-right: 1px; text-indent: -9999px; overflow: hidden; display: block}
div#wrapper div#footer div.align .boxes div#list_internet div#list_redes_sociais a.facebook{background-image: url(../img/ico-facebook.jpg)}
div#wrapper div#footer div.align .boxes div#list_internet div#list_redes_sociais a.twitter{background-image: url(../img/ico-twitter.jpg)}
div#wrapper div#footer div.align .boxes div#list_internet div#list_redes_sociais a.orkut{background-image: url(../img/ico-orkut.jpg)}
div#wrapper div#footer div.align .boxes div#list_internet div#list_redes_sociais a.flickr{background-image: url(../img/ico-flickr.jpg)}
div#wrapper div#footer div.align .boxes div#list_internet div#list_redes_sociais a.youtube{background-image: url(../img/ico-youtube.jpg)}
div#wrapper div#footer div.align .boxes div#list_internet div#list_blogs {width: 125px; padding-top: 15px; *padding-top: 5px}
div#wrapper div#footer div.align .boxes div#list_internet div#list_blogs ul li {margin-bottom: 5px}
div#wrapper div#footer div.align .boxes div#list_internet div#list_blogs ul li a{padding: 2px 0px 4px 22px; line-height: 16px; background: url(../img/ico-rss.jpg) no-repeat}

.tit .linha{height: 3px; margin: 3px 0px 10px 0px; border-bottom: 1px solid #000000; position: relative}
.tit .linha span{width: 83px; height: 3px; bottom: 0px; left: 0px; background-color: #000000; position: absolute}
	.linha.azul{border-color: #00386c}
		.linha.azul span{background-color: #00386c}
	.linha.laranja{border-color: #f47a20}
		.linha.laranja span{background-color: #f47a20}

ul.horizontal {margin: 0px; padding: 0px; list-style: none; display: table}
	ul.horizontal li {float: left}
	ul.horizontal li a {float: left; display: block}


