/*
Nome do Tema: Hospital Memorial São José
URL: http://
Autor: Thiago Targino
Versão: 1.0


[Tabela de Conteudos] 

	0- Reset
	1- Global
	2- Links
	3- Cabeçalhos
	4- Cabeçalho 
	5- Navegação
	6- Meio 
	7- Formulários
	8- Extras
	9- Rodapé 

*/

/* 0- Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content: none;}
:focus {outline:0;}
table {border-collapse: collapse;border-spacing:0;}
caption, th, td {text-align: left;font-weight:normal;}
strong {font-weight:bold;}
em {font-style:italic;}
hr {display:none;}
input, textarea {color:#7f7d79; font-size:12px;}
textarea {font:normal 12px/1.3em "Trebuchet MS", Helvetica, sans-serif; vertical-align:top;}


/* 1- Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body {font:normal 12px/1.3em "Trebuchet MS", Helvetica, sans-serif; vertical-align:top; background:#fff url(../img/layout/body.png) repeat-x; color:#7f7d79;}
*.right {float:right;}
*.left {float:left;}
*.align-left {text-align:left;}
*.align-right {text-align:right;}
*.align-center {text-align:center;}
*.justify {text-align:justify;}
*.hide {display:none;}
*.clear {clear:both;}
*.bold {font-weight:bold;}
*.italic {font-style:italic;}
*.underline {border-bottom:1px solid;}
*.highlight {background:#ffc;}
*.ativo {font-weight:700;}
*.enfase {color:#075585;}

img.centered {display:block;margin-left: auto;margin-right: auto;}
img.alignleft {float:left;margin:4px 10px 4px 0;}
img.alignright {float:right;margin:4px 0 4px 10px;}

*.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
*.clearfix {display:block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}


.all {width:894px; margin:0 auto; background:url(../img/layout/all.png) no-repeat left top;}
.sem-borda {padding:0 !important; border:none !important;}


/* 2- Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a:link, a:visited {color:#7f7d79; text-decoration:none;}
a:hover {color:#7f7d79; text-decoration:underline;}
a:active {color:#7f7d79;}


/* 3- Cabeçalhos
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.ultimas-noticias h2 {width:346px; margin:0 0 12px; font-size:24px; color:#075585; font-weight:normal; letter-spacing:-0.05em; padding-bottom:12px; border-bottom:1px solid #e2e2e2;}


/* 4- Cabeçalho
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#hd {width:880px; margin:0 auto;}
#hd h1 {display:none;}
#hd #banner {height:336px;}
#hd #banner-internas {height:215px;}


/* 5- Navegação
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#menu ul {display:none; margin-bottom:20px;}


/* 6- Meio
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#md {float:left; width:880px; margin-left:7px; min-height:348px; background:#fff url(../img/layout/md.jpg) repeat-x;}
.bg {float:left; width:100%; height:100%; background: url(../img/layout/bg.png) repeat-x left bottom;}
.bg .boxes {position:relative; float:left; margin-bottom:18px; padding-bottom:174px; _padding-bottom:70px; background-image: url(../img/layout/cb.png); _background-image: url(../img/layout/cb.jpg); background-position:left bottom; background-repeat:no-repeat;}
.boxes .chamadas {position:absolute; left:130px; bottom:60px;}
.boxes .chamadas h2 {margin-bottom:6px; font-size:18px; font-weight:normal; color:#908674;}
.boxes .c-2 {left:590px;}
.sombra {float:left; width:900px; background: url(../img/layout/sombra.png) repeat-y;}
.linha {display:block; width:880px; height:18px; margin:0; background: url(../img/layout/linha.png) no-repeat;}

.col-a, .col-b {float:left;}
.col-a .memorial, .col-a .diagnostico {float:left; width:224px; height:300px; margin-right:1px; background:url(../img/layout/destaque.jpg) no-repeat;}
.col-a .diagnostico {background-position:right top;}
.col-a .memorial h2, .col-a .diagnostico h2 {display:block;  margin:22px 0 20px 10px; /*text-indent:-1000em;*/ font-size:18px; font-weight:normal; color:#908674;}
.col-a .memorial img, .col-a .diagnostico img {display:block; width:224px; height:120px; background:#edeae6;}
.col-a .memorial p, .col-a .diagnostico p {margin:20px 0 0 9px; padding-right:10px; font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;}
.col-a {width:450px; margin:14px 0 0 32px;}

.noticias-size {width:800px !important;}
.noticias-size img {margin:0 auto 15px !important; display:block;}
.col-b .ultimas-noticias {margin:20px 0 0 22px;}
.col-b .ultimas-noticias li, 
.interna .col-a .md ul li a, 
.ultimas-noticias a.botao {background:url(../img/layout/elementos.gif) no-repeat left bottom}
.col-b .ultimas-noticias li {margin:0 0 4px; padding:4px 4px 4px 13px; background-color:#ebebeb; color:#7f7d79; background-position:0 -38px;}
.col-b .ultimas-noticias li.fix {margin-bottom:10px;}
.col-b .ultimas-noticias li h3 {font-size:11px;}
.col-b .ultimas-noticias li p {font-size:10px;}
.col-b .ultimas-noticias a.botao {display:block; width:113px; height:17px; text-indent:-1000em; background-position:left top;}

.interna .boxes {padding-bottom:158px; background: url(../img/layout/cb-interna.png) no-repeat left bottom; _background: url(../img/layout/cb-interna.jpg) no-repeat left bottom;}

.interna .col-a {width:194px;}
.interna .col-a h2 {font-size:18px; font-weight:normal; color:#908674;}
.interna .col-a .ct, .interna .col-a .cb, .interna .col-a .md {float:left; width:100%;}
.interna .col-a .ct, .interna .col-a .cb {background: url(../img/layout/c-menu.gif); background-repeat:no-repeat;}
.interna .col-a .ct {padding-top:20px; background-position:left top;}
.interna .col-a .cb {padding-bottom:19px; background-position:left bottom;}
.interna .col-a .md {width:184px; padding-left:10px; background:#dbd7cf url(../img/layout/m-menu.gif) 0 0 no-repeat;}
.interna .col-a .md ul {margin-top:20px;}
.interna .col-a .md ul li {margin-bottom:8px;}
.interna .col-a .md ul li a {padding-left:10px; background-position:-6px -40px;}
.interna .col-a .md ul li a:hover {color:#075585; text-decoration:none;}
.interna .col-a .md ul li a span {margin-left:20px;}
.interna .col-a .md ul li .submenu {float:left; width:174px; padding:10px 0;}
.interna .col-a .md ul li .submenu ul {margin-top:0;}
.interna .col-a .md ul li .submenu ul li.ultimo {margin-bottom:0;}
.interna .col-a .md ul li .submenu ul li a {color:#dfddda; background:none;}
.interna .col-a .md ul li .submenu ul li a:hover {color:#fff; text-decoration:none;}
.interna .col-a .ct-sub, .interna .col-a .cb-sub, .interna .col-a .md-sub {float:left; width:100%;}
.interna .col-a .ct-sub, .interna .col-a .cb-sub {background: url(../img/layout/c-submenu.gif); background-repeat:no-repeat;}
.interna .col-a .ct-sub {padding-top:15px; background-position:left top;}
.interna .col-a .cb-sub {padding-bottom:15px; background-position:left bottom;}
.interna .col-a .md-sub {background:#a39a8a;}

.interna .col-b {width:600px; margin:20px 0 0 40px;}
.interna .col-b .migalha {float:left; margin-bottom:26px;}
.interna .col-b .migalha li {float:left; font-size:10px;}
.interna .col-b .migalha li span {margin-left:4px;}
.interna .col-b h2 {clear:both; width:100%; margin-bottom:26px; padding-bottom:15px; line-height:22px; font-size:24px; font-weight:normal; color:#075585; border-bottom:1px solid #e2e2e2;}
.interna .col-b .logo {position:absolute; width:82px; height:84px; top:15px; right:35px; background:url(../img/layout/logo-memorial-solidario.gif);}
.interna .col-b h3 {margin-bottom:12px; font-size:18px; font-weight:normal; color:#7f7d79; line-height:1.2em;}
.interna .col-b h4 {font-size:14px;}
.interna .col-b p {margin-bottom:14px;}
.interna .col-b p a {color:#075585; text-decoration:underline;}
.interna .col-b table {margin-bottom:20px;}
.interna .col-b table tr th, .interna .col-b table tr td {padding:8px;}
.interna .col-b table tr {border-bottom:1px solid #a39a8a;}
.interna .col-b table tr th {background:#dbd7cf; color:#7f7d79; font-weight:700;}
.interna .col-b img {margin:0 10px 10px 0; padding:6px; border:1px solid #e5e2dd;}

.interna .col-b .listagem-noticias li {margin-bottom:25px;}
.interna .col-b .listagem-noticias li h3 {margin-bottom:5px;}
.interna .col-b .listagem-noticias li h3 span {display:block; font-size:11px; color:#075585;}
.interna .col-b .listagem-noticias li p a {color:#7f7d79; text-decoration:none;}
.interna .col-b .listagem-noticias li p a:hover {text-decoration:underline;}

.int-contato .col-a {width:418px;}
.int-contato .col-b {width:400px; margin:12px 0 0;}


/* 7- Formulários
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#contato {width:364px; height:453px; padding:24px 0 0 20px; background:url(../img/layout/form-contato.gif) no-repeat;}
#contato legend {margin-bottom:15px; color:#908674; font-size:18px;}
#contato label {display:block; margin-bottom:8px;}
#contato input {margin-bottom:19px; border:none; background:none;}
#contato #nome, #contato #email, #contato #assunto {width:320px;}
#contato #sim, #contato #nao {float:left;}
#contato #sim {margin-right:15px;}
#contato textarea {overflow:hidden; margin-bottom:27px; border:none; background:none; color:#7f7d79;}
#contato p {margin-bottom:20px;}
#contato #enviar {width:100px; height:18px; margin:18px 0 0 124px;}

#visitas {margin-bottom:30px;}
#visitas legend {margin-bottom:10px; color:#908674; font-size:18px;}
#visitas label {display:block; margin:4px 0 3px; padding-left:10px; background:url(../img/layout/elementos.gif) no-repeat -4px -40px;}
#visitas input {width:320px; height:20px; padding:5px 0 5px 5px; border:none; background:url(../img/layout/input-visita.gif) no-repeat;}
#visitas textarea {overflow:auto; width:318px; height:98px; padding:5px 0 5px 5px; border:none; background:url(../img/layout/textarea-visita.gif) no-repeat;}
#visitas p {margin:20px 0 0;}
#visitas #enviar {float:left; width:100px; height:18px; margin:14px 0 0 225px; background:url(../img/layout/bt-enviar.gif) no-repeat;}


/* 8- Extra
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/


/* 9- Rodapé
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#ft {clear:both; position:relative;}
#ft address {display:block; width:563px; height:50px; margin:0 auto 38px; background: url(../img/layout/ft.gif) no-repeat; text-indent:-1000em;}
#ft a {position:absolute; left:415px; top:44px; display:block; width:62px; height:6px;  text-indent:-1000em;}

/* 9- Línguas
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#hd .linguas {float:right; margin:0 35px 0 0; /*margin:20px 35px 0 0;*/}
#hd .linguas a {text-indent:-99999px; display:block; background:url(../img/layout/linguas.png) no-repeat; width:87px; height:24px; float:left;}
#hd .linguas a.en {width:80px; background-position:-26px 0; /*margin:0 0 0 10px;*/ background-position:-87px 0;}