@import url(http://fonts.googleapis.com/css?family=Open+Sans); @import url(http://fonts.googleapis.com/css?family=Oswald); body { width:100%; text-align:center; background:#FFF ; margin:0; padding: 0; font-family: "Open Sans"; font-size:14px; line-height: 22px; color:#777;} a { color:#00B6BD; text-decoration: none; border:none;} a:hover { color:#007daa; border:none;} li { list-style-type: circle;} select { font:13px "Open Sans"; border: 1px solid #AAA; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background:#FFF; padding: 7px 18px 7px 8px; color:#333; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline:none; background:url(../imagens/seta.png) no-repeat right #FFF;} input,textarea { font:13px "Open Sans"; border: 1px solid #AAA; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background:#FFF; padding: 8px 8px; color:#333;} input,select, textarea:focus{ outline:none;} input[type=submit] { background:#007daa; border:none; padding: 8px 15px; font-family:"Oswald";font-size:13px; color:#FFF; cursor: pointer; cursor: hand; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;} input[type=button] { background:#007daa; border:none; padding: 8px 15px; font-family:"Oswald";font-size:13px; color:#FFF; cursor: pointer; cursor: hand; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;} input[type=text] { outline:none;} input[type=submit]:hover { background-color:#00B6BD;} input[type=button]:hover { background-color:#00B6BD;} /* Padr�o */ .barra { width:100%; background:#007daa; height:8px; display:table;} .topo { width:960px; margin:0 auto; text-align:center; height:150px; } .logo { width:25%; float: left; text-align:left; margin:30px 0 0 0;} .logo img { width:99%;} .top-menu { width:70%; float: right; text-align:right; border-left:1px solid #DDD; } .wrapper { width:960px; margin:0 auto; text-align:justify; display:table;} .titulo { font:30px 'Oswald', sans-serif; color:#007DAA; margin:0; font-weight:400; text-align:left;} .subtitulo { font:16px "Open Sans"; color:#00B6BD; margin:0; text-align:left;} .elemento { font:14px "Arial"; color:#00B6BD; margin:0;} .filtro { float:right; margin:5px 0 10px 0;} /* Home */ #home .col-01 { width: 33.3%; float: left;} #home .col-02 { width: 33.3%; float: left; text-align:center;} #home .col-03 { width: 33.3%; float: right; text-align:right;} #home div.midia { width: 100%; display:table;} #home div.midia .titulo_quadro { font-family:"Oswald"; color:#FFF; line-height:30px; font-size:22px; text-align:center; } #home div.midia .quadro { background:#FFF; color:#828284; margin-top:10px; text-align:left; padding:15px 15px 25px 15px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #home div.midia .linha { border-top:1px dashed #CCC; margin: 10px 0; font-size:5px; height:1px;width:100%;} #home div.midia div.mais { float:right; font-size:13px;} #home div.midia div.noticias { width: 28%; padding:10px; margin-bottom:30px; float:left; background:#007daa; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #home div.midia div.noticias .quadro a { color:#333;} #home div.midia div.noticias .quadro a:hover{ color:#00B6BD;} #home div.midia div.noticias .data { color:#00B6BD;} #home div.midia div.eventos { width: 28%; margin-left:45px; padding:10px; margin-bottom:30px; float:left; background:#00B6BD; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #home div.midia div.eventos .quadro a { color:#333;} #home div.midia div.eventos .quadro a:hover { color:#007daa;} #home div.midia div.eventos .data { color:#007daa;} #home div.midia div.publicacoes { width: 28%; margin-left:47px; padding:10px; margin-bottom:30px; float:right; background:#007daa; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #home div.midia div.publicacoes .quadro a { color:#333;} #home div.midia div.publicacoes .quadro a:hover { color:#00B6BD;} #home div.midia div.publicacoes .data { color:#00B6BD;} .linha2 { border-top:1px dashed #CCC; margin: 20px 0; font-size:5px; height:1px;width:100%;} div.voltar { float:right;} /* Not�cias */ #noticias div.noticia {font-family:"Oswald"; color:#007daa; margin-bottom:20px; line-height:30px; font-size:30px; text-align:center;} #noticias div.titulo_noticia { font-size:20px; color:#007daa; } #noticias div.data_noticia { color:#666; font-size:12px; float:left;} #noticias div.descricao_noticia { width:100%; display:table; margin-top:30px;} #noticias div.continuar { font-size:13px; width:100%; text-align:right;} /* Eventos */ #eventos div.evento {font-family:"Oswald"; color:#007daa; margin-bottom:20px; line-height:30px; font-size:30px; text-align:center;} #eventos div.titulo_evento { font-size:20px; color:#007daa; } #eventos div.data_evento { color:#666; font-size:12px; float:left;} #eventos div.descricao_evento { width:100%; display:table; margin-top:30px;} #eventos div.continuar { font-size:13px; width:100%; text-align:right;} /* Publica��es */ #publicacoes div.publicacao {font-family:"Oswald"; color:#007daa; margin-bottom:20px; line-height:30px; font-size:30px; text-align:center;} #publicacoes div.titulo_publicacao { font-size:20px; color:#007daa; } #publicacoes div.data_publicacao { color:#666; font-size:12px; float:left;} #publicacoes div.descricao_publicacao { width:100%; display:table; margin-top:30px;} #publicacoes div.continuar { font-size:13px; width:100%; text-align:right;} /* Links */ #links {} #links div.titulo {font-family:"Oswald"; color:#007daa; margin-bottom:20px; line-height:30px; font-size:30px; text-align:center;} /* Quem Somos */ #quem-somos .col-01 { width: 47%; float: left; margin:10px 0 0 0;} #quem-somos .col-02 { width: 47%; float: right; margin:10px 0 0 0;} /* Equipe M�dica */ #equipe-medica .doutores { width: 33%; float:left; text-align:center; margin-top:20px;} #equipe-medica img { -moz-border-radius:300px; -webkit-border-radius:300px; border-radius:300px; max-height:150px;} /* Aulas Comentadas */ #aulas-comentadas li { margin:0 0 10px 0;} #aulas-comentadas .canal-youtube a { font:20px 'Oswald', sans-serif; color:#007DAA; text-decoration: none; float:right;} /* Educa��o Continuada */ #ed-cont .tabela1 { width:45%; float: left; margin: 20px 0 20px 0; border:1px solid #CCC; padding:15px;} #ed-cont .tabela2 { width:45%; float: right; margin: 20px 0 20px 0; padding: 15px 15px 91px 15px; border:1px solid #CCC; } #ed-cont li { margin:0 0 5px 0; padding:0;} /* Pesquisas em Andamento */ #pesquisa-andamento .candidato { margin:25px 0 0 0;} #pesquisa-andamento .info { font-size: 18px; color:#007daa;} /* Bibliografia, Resumos e Artigos */ #bibliografia-resumo-artigos li { margin:0; line-height:22px;} /* Grupo Paulistano */ #grupo-pl .boletim { width:40%; line-height: 30px; float:right; margin-bottom:30px;} #grupo-pl .ipc { width:55%; float:left;} #grupo-pl .espaco-ipc { float:left; margin-bottom:30px;} #grupo-pl .item { font:16px "Arial"; color:#007daa; text-align:left;} /* Newsletters */ #fotos .tituloalbum { font-size:15px; text-align:center; color:#007DAA; padding:0 10px 10px 0; margin:0 0 5px 0;} #fotos .album { width:210px; margin:10px;} #fotos img { width:200px; margin:10px 0 10px 0; border:1px solid #CCC; padding:4px; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; } #fotos .data { font-size:13px; } #exibefotos .compartilha { float:right; padding:0 8px 0 0; margin:0;} #exibefotos #titulo { font-size:22px; color:#007DAA; text-align:left; border-bottom:2px solid #DDD; padding:0 10px 10px 20px; margin:0 0 5px 0;} #exibefotos .tituloalbum { font-size:15px; color:#007DAA; padding:0 10px 10px 0; margin:0 0 5px 0;} #exibefotos .album { width:210px; margin:10px;} #exibefotos img { width:200px; margin:10px 0 2px 0; border:1px solid #DDD; padding:4px;} #exibefotos #data { font-size:13px;; color:#999; text-align:right; padding:0 10px 0 0; margin:0 0 20px 0;} #exibefotos #descricao { width:910px; padding:0 0 15px 0; margin:0 20px 0 20px; text-align:justify;} /* Imagens */ #imagens { } /* Vacina */ #vacina .col-01 { width: 47%; float: left; margin:10px 0 0 0;} #vacina .col-02 { width: 47%; float: right; margin:10px 0 0 0;} /* Direitos dos pacientes com C�ncer de Pulm�o */ #direitos li { margin:0 0 10px 0;} /* Consci�ncia Total */ #consciencia-total .col-01 { width: 47%; float: left; margin:10px 0 0 0;} #consciencia-total .col-02 { width: 47%; float: right; margin:10px 0 0 0;} /* Fale Conosco */ #contato .col-01 { width:47%; float:left;} #contato .col-02 { width:47%; float:right; margin-top:55px;} #contato input { width:92%; padding:15px; margin-bottom:8px; color:#999;} #contato textarea { width:92%; padding:15px; margin-bottom:8px; height:100px; color:#999;} #contato #bt_contato { font-size:16px; color:#FFF;} /* Rodap� */ .rodape { width:100%; margin:0 auto; text-align:center; background: #007DAA; padding:20px 0 20px 0; margin-top:20px;} .rodape p { font-size: 14px; line-height: 16px; color:#fff;} .rodape .telefone { color:#00B6BD; font-size:18px;} .rodape .rodape_centro { width:900px; margin: 0 auto;} .rodape .mogicomp { width:auto; margin: -45px 20px 0 0; float: right;} /* Admin */ .titulo_adm { width:960px; margin:0 auto; font-family:"Oswald"; font-size:18px; color:#00B6BD; text-align:left; border-bottom:1px dashed #DDD; padding:0 0 10px 10px; margin:20px 0 10px 0;} .titulo_tabela { font-size:16px; border:0; color:#FFF; background:#666;} .titulo_first { font-size:16px; border:0; color:#FFF; background:#666; -moz-border-radius:10px 0px 0px 0px; -webkit-border-radius:10px 0px 0px 0px; border-radius:10px 0px 0px 0px;} .titulo_last { font-size:16px; border:0; color:#FFF; background:#666; -moz-border-radius:0px 10px 0px 0px; -webkit-border-radius:0px 10px 0px 0px; border-radius:0px 10px 0px 0px;} .linhapar { background:#F1F1F1; } .linhaimpar { background:#FFFFFF; } .bordatabela { border: 1px dashed #CCC; -moz-border-radius:10px 10px 0px 0px; -webkit-border-radius:10px 10px 0px 0px; border-radius:10px 10px 0px 0px;} #icone { width:15%; text-align:left; float:left; padding:0 0 10px 0px;} #foto { float: left; width:25%;} #foto .excluir { color:#333; position:relative; top:-5px; left:182px; background:#FFF; width:30px; font:11px "Calibri"; padding: 5px 0 5px 0; -moz-border-radius:5px 0 0 0; -webkit-border-radius:5px 0 0 0; border-radius:5px 0 0 0; } #foto img { padding:4px; border:1px solid #CCC; margin: 10px 0 -20px 0; width:216px; background:#FFF;} #foto .x { margin:0; border:0; padding: 0; width: 15px; } #foto .legenda { width: 220px; margin-bottom:10px;} #foto textarea#legenda { font:12px "Calibri"; color:#999; background: #FFF; border: 1px solid #DDD; width:209px; resize:none; overflow:hidden; } .left { float:left;} /* Alerta */ #mask { display: none; background: #000; position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; height: 100%; opacity: 0.8;} .janela { width:400px; overflow:hidden; background-color:#EEE; padding: 30px; border: 2px solid #ddd; position:fixed; text-align:center; top: 50%; left: 50%; right: 50%; /* Centralizar */ z-index: 99999; box-shadow: 0px 0px 20px #FFF; /* CSS3 */ -moz-box-shadow: 0px 0px 20px #FFF; /* Firefox */ -webkit-box-shadow: 0px 0px 20px #FFF; /* Safari, Chrome */ border-radius:10px; -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari, Chrome */ } #erro { font-size:12px; color:#F90F00; text-align:center; width:100%;} /* INPUTS */ input#nt_data {width:150px;} input#nt_titulo {width:650px;} input#nt_video {width:650px;} input#eve_data {width:150px;} input#eve_titulo {width:650px;} input#eve_video {width:650px;} input#pub_data {width:150px;} input#pub_titulo {width:650px;} input#pub_video {width:650px;} input#lin_link {width:650px;} @media screen and (max-width: 960px){ .barra { width:960px;} .rodape { width:960px;} }