/*
 *
 * ESTILO GRADUACAO
----------------------------------------------------------- */

/* contendo float */
.contemfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.contemfloat { display: inline-block; }
/* Hides from IE-mac \*/
* .contemfloat { height: 1%; }
.contemfloat { display: block; }
/* End hide from IE-mac */

/* topo - breadcrumb */
#container #conteudo.graduacao { font: 12px Verdana, sans-serif; }
#container #conteudo.graduacao .opcoes_topo { margin: 0 15px 0 0; /margin-top: 9px; float: right; }
#container #conteudo.graduacao .opcoes_topo li { float: left; margin-left: 15px; }
#container #conteudo.graduacao .opcoes_topo li a { color: #0887bb; font: 12px "Myriad Pro", "Trebuchet MS", Tahoma, sans-serif; }
#container #conteudo.graduacao .breadcrumb { margin: 10px 0 10px 15px; font: 10px Verdana, sans-serif; }
#container #conteudo.graduacao .breadcrumb * { color: #767676; }
#container #conteudo.graduacao .breadcrumb strong { font-weight: bold; }

#container #conteudo.graduacao #interna { margin: 0 15px; padding-bottom: 15px; border: 1px solid #d6d4d4; clear: both; }
#container #conteudo.graduacao .destaque { width: 830px; margin: 0 auto 30px; }

/* coluna 1 */
#container #conteudo.graduacao #coluna1 { float: left; width: 595px; margin: 0; margin-left: 13px; padding: 0 0 15px 0; background: url(/_img/novo/conteudo_bg.gif) 0 bottom no-repeat; }
* html #container #conteudo.graduacao #coluna1 { margin-left: 7px; }
#container #conteudo.graduacao #interna h1 { width: 127px; height: 32px; margin: 19px 0 9px 18px; background: url(/_img/novo/titulo_graduacao.gif) no-repeat; text-indent: -999em; }
#container #conteudo.graduacao #interna h1.politecnico { width: 425px; background: url(/_img/novo/titulo_graduacao_tecnologica.gif) no-repeat; }
<!--#container #conteudo.graduacao #interna h1.tecnologico { width: 425px; background: url(/_img/novo/titulo_graduacao_tecnologica.gif) no-repeat; }-->
#container #conteudo.graduacao #coluna1 h3 { width: 575px; height: 55px; padding-left: 20px; background: url(/_img/novo/conteudo_bg_titulo.png) no-repeat; font: bold 14px/36px "Myriad Pro", "Trebuchet MS", Tahoma, sans-serif; color: #fff; }
#container #conteudo.graduacao #coluna1 form { background: url(/_img/novo/conteudo_bg_busca2.png) no-repeat; }
#container #conteudo.graduacao #coluna1 form fieldset { height: 112px; padding: 23px 0 0 30px; }
#container #conteudo.graduacao #coluna1 form label { float: left; display: block; width: 275px; margin-top:5px; }
#container #conteudo.graduacao #coluna1 form label select,
#container #conteudo.graduacao #coluna1 form label input { width: 265px; margin-top: 5px; }
#container #conteudo.graduacao #coluna1 form button { width: 82px; height: 25px; margin-top: 20px; border: 0; background: url(/_img/novo/bt_buscar.jpg) no-repeat; text-indent: -999em; cursor: pointer; }

#container #conteudo.graduacao #coluna1 ul { padding: 15px 15px 0 25px; }
#container #conteudo.graduacao #coluna1 ul li { padding: 5px; padding-left: 15px; background: url(/_img/novo/seta.png) left 10px  no-repeat; }
#container #conteudo.graduacao #coluna1 ul li a { text-decoration: underline; color: #000; }


/* coluna 2 */
#container #conteudo.graduacao #coluna2 { width: 225px; padding-right: 15px; margin: 0;  margin-top: -4px; float: right; }
#container #conteudo.graduacao #coluna2 .caixa { margin: 0 0 17px 0; padding: 0; background: url(/_img/novo/caixa_destaque.png) bottom no-repeat; }
#container #conteudo.graduacao #coluna2 .caixa h3 { height: 34px; background: url(/_img/novo/caixa_destaque_topo.jpg) no-repeat; text-indent: -999em; }
#container #conteudo.graduacao #coluna2 .caixa ul { padding: 5px 13px 35px; }
#container #conteudo.graduacao #coluna2 .caixa ul li { padding-bottom: 10px; border-width: 1px 0; border-style: solid; border-top-color: #59217b; border-bottom-color: #9c37b4; color: #fff; }
#container #conteudo.graduacao #coluna2 .caixa ul li.primeiro { border-top-width: 0; }
#container #conteudo.graduacao #coluna2 .caixa ul li.ultimo { border-bottom-width: 0; }
#container #conteudo.graduacao #coluna2 .caixa ul li h4 { padding: 15px 0 5px; }
#container #conteudo.graduacao #coluna2 .caixa ul li h4 a { font-size: 12px; font-weight: bold; color: #f0f4c6; }
#container #conteudo.graduacao #coluna2 .caixa ul li h4 a:hover { text-decoration:underline; }

#container #conteudo.graduacao #coluna2 .propagandas a { display:  block; height: 214px; margin-bottom: 17px; text-indent: -999em; overflow: hidden; }
#container #conteudo.graduacao #coluna2 .propagandas .garanta_matricula_2009 a { background: url(/_img/novo/bt_garanta_matricula_2009.jpg) no-repeat; }
#container #conteudo.graduacao #coluna2 .propagandas a { display:  block; height: 275px; margin-bottom: -10px; text-indent: -999em; overflow: hidden; }
#container #conteudo.graduacao #coluna2 .propagandas .cursos_ferias a { background: url(/_img/novo/graduacaopolitecnicoferias.jpg) no-repeat; }