﻿/* ************************************************ POS-GRADUACAO ************************************************ */

/* ****** OLD *********** 
div#wrapper div#container div.pos{min-height: 450px; _height: 450px;}
div#wrapper div#container div.pos h2{background: url(../img/pos/tit_pos.gif) no-repeat; width: 161px; height: 22px; text-indent: -9999px; font-size: 9px; margin: 9px 0 0 15px;}

div#wrapper div#container div.pos p{color: #666666;}
div#wrapper div#container div.pos p.tx{margin: 20px 15px; _margin-left: 7px; width: 360px; float: left;}

div#wrapper div#container div.pos div.image{background-color: #f2f2f2; float: right; padding: 8px; margin-right: 15px; _margin-right: 8px;}

div#wrapper div#container div.pos p.bt-info{background: url(../img/pos/bt_info.gif) no-repeat; width: 352px; height: 58px; text-indent: -9999px; margin: 20px 0 0 15px;}
div#wrapper div#container div.pos p.bt-info a{width: 352px; height: 58px; display: block;}
 ****** OLD *********** */

div.pos{min-height: 450px; _height: 450px;}

div.pos div.box-destaque{/*background: url(../img/pos/destaque_pos.jpg) no-repeat;*/ width: 602px; height: 326px; float: left; margin: 15px 5px; _margin-left: 2px;}
div.pos div.box-destaque ul{display: block; width: 287px; height: 326px;float: left; margin-right: 14px;}
div.pos div.box-destaque ul li{display: block; padding-bottom: 5px;}
div.pos div.box-destaque ul li.dest-on{display: block; background: url(../img/pos/tit-pos-graduacao-online.jpg) left top no-repeat; width: 297px; height: 268px; text-indent: -9999px; margin-right: 4px;}
div.pos div.box-destaque ul li.dest-pre{display: block; background: url(../img/pos/tit-pos-graduacao-presencial.jpg) left top no-repeat; width: 297px; height: 268px; text-indent: -9999px;}
div.pos div.box-destaque ul li span{background: url(../img/pos/bg-btn-clique-aqui.gif) top center no-repeat; width: 296px; height: 60px; display: block;}
div.pos div.box-destaque ul li span a{display: block; text-decoration: none; text-indent: -9999px; width: 100%; height: 100%;}
div.pos div.box-destaque ul li span a img{margin: 0 auto; display: block; padding-top:10px;}
div.pos div.box-destaque *{display: none;}


/* box online */
div.pos div.p1 {float: left;}
div.pos div.p1 div.box-on{background: url(../img/pos/bg_box_conheca.jpg) no-repeat; width: 280px; height: 459px; float: left; margin-left: 5px; _margin-left: 2px; padding: 10px; position: relative;}
div.pos div.p1 div.box-on h3{background: url(../img/pos/tit_qnd-e-ond.jpg) top no-repeat; width: 248px; height: 18px; text-indent: -9999px; margin: 15px 0;}
div.pos div.p1 div.box-on dt{font: bold 18px Arial; margin: 15px 0;}
div.pos div.p1 div.box-on dd{background: url(../img/pos/ico_bull.gif) left no-repeat; padding-left: 10px;  margin-left: 5px; font: 12px Arial;}
div.pos div.p1 div.box-on p{margin-top: 20px; margin-bottom: 20px; font: 12px Arial; color: #333333; width: 262px;}
div.pos div.p1 div.box-on p.bt-conheca{background: url(../img/pos/bt_conheca_pos_presenc.gif) no-repeat; width: 394px; height: 52px; text-indent: -9999px; position: absolute; bottom: 0; margin-left: -11px;}
div.pos div.p1 div.box-on p.bt-conheca a{position: absolute; top: 0; right: 0; width: 107px; height: 52px; display: block;}
div.pos div.p1 div.box-on img{position: absolute; top: 122px; right: 20px;}


/* box presencial */
div.pos div.p2{float:left;}
div.pos div.p2 div.box-presencial{background: url(../img/pos/bg_box_presencial.jpg) no-repeat; width: 280px; height: 631px; float: left; margin-left: 2px; _margin-left: 2px; padding: 10px; position: relative;}
div.pos div.p2 div.box-presencial h3{background: url(../img/pos/tit-escolha-curso-ideal.gif) top no-repeat; width: 261px; height: 45px; text-indent: -9999px; margin: 15px 0;}
div.pos div.p2 div.box-presencial dt{font: bold 18px Arial; margin: 15px 0;}
div.pos div.p2 div.box-presencial dd{background: url(../img/pos/ico_bull.gif) left no-repeat; padding-left: 10px;  margin-left: 5px; font: 12px Arial;}
div.pos div.p2 div.box-presencial p{margin-top: 20px; margin-bottom: 20px; font: 12px Arial; color: #333333; width: 262px;}
div.pos div.p2 div.box-presencial p.bt-conheca{background: url(../img/pos/bt_conheca_pos_presenc.gif) no-repeat; width: 394px; height: 52px; text-indent: -9999px; position: absolute; bottom: 0; margin-left: -11px;}
div.pos div.p2 div.box-presencial p.bt-conheca a{position: absolute; top: 0; right: 0; width: 107px; height: 52px; display: block;}
div.pos div.p2 div.box-presencial img{position:absolute;right:13px;top:169px;}


/* box porque */
div.pos div.box-porque{background: url(../img/vestibular/bg_box_porque.gif) no-repeat; /*width: 191px; height: 169px;*/ width: 171px; height: 149px; float: left; margin-left: 17px; _margin-left: 0px; padding: 10px; position: relative;}
div.pos div.box-porque h3{background: url(../img/vestibular/tit_porque.gif) top no-repeat; width: 128px; height: 24px; text-indent: -9999px; margin-bottom: 5px;}
div.pos div.box-porque div.car{margin: 5px 0 0 -3px;}
div.pos div.box-porque div.lt{float: left; margin: 5px 1px 0 -7px; _margin: 5px 1px 0 -3px;}
div.pos div.box-porque div.rt{float: left; margin: 5px -2px 0 0;}
div.pos div.box-porque div.pics{float: left;position: relative; margin-top: 5px;}
div.pos div.box-porque div.pics img{position: absolute; top: 0pt; left: 0pt; display: none; opacity: 0;}
div.pos div.box-porque p{margin: 0; margin-top: 3px; font: 11px Arial; color: #333333; position: absolute; left: 10px; top: 135px; width: 175px;}
div.pos div.box-porque p a{color: #333333; text-decoration: none;}


/* box fale conosco */
div.pos div.box-fale{background: url(../img/vestibular/bg_box_fale.jpg) no-repeat; /*width: 191px; height: 109px;*/ width: 171px; height: 89px; float: left; margin: 10px 0 0 15px; _margin-left: 0px; padding: 10px;}
div.pos div.box-fale h3{background: url(../img/vestibular/tit_fale_conosco.gif) top left no-repeat; width: 103px; height: 12px; text-indent: -9999px; margin: 5px 0;}
div.pos div.box-fale p.fone{background: url(../img/vestibular/ico_fone.gif) 0 3px no-repeat; line-height: 20px; padding-left: 30px; margin: 20px 0 0 3px; font: bold 12px Arial; color: #1967b2; width: 145px; height: 20px;}
div.pos div.box-fale p.fone span{color: #333333;}
div.pos div.box-fale p.mail{background: url(../img/vestibular/ico_mail.gif) 0 10px no-repeat; line-height: 20px; padding-left: 30px; margin: 3px 0 0 3px; font: bold 12px Arial; color: #1967b2; width: 145px; height: 30px;}
div.pos div.box-fale p.mail a{color: #1967b2;}
div.pos div.box-fale p.mail a span{font-size: 17px; color: #1967b2;}
div.pos div.box-fale p{margin: 2px 0 0 5px; font: bold 12px Arial; color: #333333; margin-top: 20px;}
div.pos div.box-fale p a{color: #333333; text-decoration: none;}

/* box fale conosco */
div.pos div.p2 div.box-fale{background: url(../img/vestibular/bg_box_fale.jpg) no-repeat; /*width: 191px; height: 109px;*/ width: 171px; height: 89px; float: left; margin: 10px 0 0 15px; _margin-left: 0px; padding: 10px;}
div.pos div.p2 div.box-fale h3{background: url(../img/vestibular/tit_fale_conosco.gif) top left no-repeat; width: 103px; height: 12px; text-indent: -9999px; margin: 5px 0;}
div.pos div.p2 div.box-fale p.fone{background: url(../img/vestibular/ico_fone.gif) 0 0 no-repeat; line-height: 20px; padding-left: 30px; margin: 20px 0 0 3px; font: bold 17px Arial; color: #1967b2; width: 145px; height: 20px;}
div.pos div.p2 div.box-fale p.fone span{color: #333333;}
div.pos div.p2 div.box-fale p.mail{background: url(../img/vestibular/ico_mail.gif) 0 10px no-repeat; line-height: 20px; padding-left: 30px; margin: 3px 0 0 3px; font: bold 12px Arial; color: #1967b2; width: 145px; height: 30px;}
div.pos div.p2 div.box-fale p.mail a{color: #1967b2;}
div.pos div.p2 div.box-fale p.mail a span{font-size: 17px; color: #1967b2;}
div.pos div.p2 div.box-fale p{margin: 2px 0 0 5px; font: bold 12px Arial; color: #333333; margin-top: 20px;}
div.pos div.p2 div.box-fale p a{color: #333333; text-decoration: none;}


div.pos p.bt-saiba{background: url(../img/pos/bt_saiba_pos_online.gif) no-repeat; width: 393px; height: 50px; text-indent: -9999px; position: relative; margin: 15px 0 0 5px; _margin-left: 2px;}
div.pos p.bt-saiba a{position: absolute; top: 0; right: 0; width: 107px; height: 52px; display: block;}

div.pos div.p1 p.tx-fim{margin: 15px 0 0 15px; font: 11px Arial; color: #000000; line-height: 20px;}
div.pos div.p1 p.tx-fim span{color: #1867b9; font: 12px Arial;}
div.pos div.p1 p.tx-fim a span{display: block; color: #1867b9; font: 11px Arial;}

div.pos div.p1 p.tx-fim a {color: #1867b9;}

div.pos div.p2 p.tx-fim{margin: 15px 0 0 15px; font: 11px Arial; color: #000000; line-height: 20px;}
div.pos div.p2 p.tx-fim span{color: #1867b9; font: 12px Arial;}
div.pos div.p2 p.tx-fim a span{display: block; color: #1867b9; font: 11px Arial;}

div.pos div.p2 p.tx-fim a {color: #1867b9;}

/* ************************************************ end POS-GRADUACAO ************************************************ */

