/* CSS Document site Jovem Doutor */

BODY { font-family: Arial, Helvetica, sans-serif; margin:0; }
TD { font-size: 12px; } /* TD: celula da tabela */
TH { font-size: 12px; } /* TH: cabecalho da tabela */


H1 { font-size: 18px; color: #C62721; } /* TITULO */ 
H2 { font-size: 15px; color: #009B00; } /* SUBTITULO */
H3 { font-size: 13px; } /* INTERTITULO */
H4 { font-size: 14px; text-align: center; color: #C62721; } /* TEXTO DESTAQUE */


hr { color: #828282; }

P /* alinhamento do paragrafo */
{ 
	text-align: left;
}

.p1{ text-indent: 35px; }
UL { list-style-image: url(/jovemdoutor/images/bullet.gif); } /* insere uma imagem como bullet */

A:link { color: #000000; text-decoration: underline; }
A:active { color: #C62721; }
A:visited { color: #000000; text-decoration: underline; }
A:hover { color: #C62721; text-decoration: underline; }


.bordatabela { border: 1px #C2C2C2 solid }

.bordatop { border-top: 1px solid #C2C2C2; }
.bordaleft { border-left: 1px solid #C2C2C2; }
.bordaright { border-right: 1px solid #C2C2C2; }
.bordabottom { border-bottom: 1px solid #C2C2C2; }

.voltar { text-align: center; font-size: 10px } /* classe para usar no link voltar das paginas */

.rodape { font-size:10px; color: #828282; text-align: center; }

.cor { color: #C62721; } /* cor vermelho */

.cor2 { color: #848484; } /* cor cinza */

.cor3 { color:#006600; } /* cor verde */

.esquerda { text-align: left; } /* alinha texto ou imagem à esquerda */

.direita { text-align: right; } /* alinha texto ou imagem à direita */

.centro { text-align: center; } /* centraliza texto ou imagem */

.legenda { font-weight: bold; font-size: 10px; }

.fundo { background-color: #EAEAEA; }

.fundobranco { background-color: #FFFFFF; }

.imgBorder { border: 1px solid black; } 

.imgEsquerda
{
	float: left;
}

.imgDireita
{
	float:right;
}

.imgEsq
{
	float: left;
	margin-right: 10px; 
	margin-bottom: 10px;
}

.imgDir
{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.boxFoto /* serve para inserir o quadro com foto e legenda */
{
	float: right;	
	width: auto;
	padding: 5px;
	margin-left: 10px;
	text-align: center;
	font-size: 8pt;
	font-weight: bold;
	border: 1px solid black;
	
}

.imgContentR /* serve para inserir o quadro com foto e legenda */
{
	float: right;	
	width: auto;
	padding: 5px;
	margin: 0 0 10px 10px;
	text-align: center;
	font-size: 8pt;
	font-weight: bold;
	
}
.imgContentL /* serve para inserir o quadro com foto e legenda */
{
	float: left;	
	width: auto;
	padding: 5px;
	margin: 0 10px 10px 0px;
	text-align: center;
	font-size: 8pt;
	font-weight: bold;
}


/* Incluído por Camilo */

/* define a posição das fotos */
.fotos
{
	float: left;
}

/* define a posição das descrições */
.descricao
{
	width: 250px;
	float: left;
}

/* define a posição das fotinhos que usaremos com o ad rotator */
.fotinhos
{
	width: 70px;
	height: 85px;
}

.upPanel1
{
	float: left;
}


.botaoVolta
{
	display: block;
	width: 20px;
	height: 28px;
	float: left;
	margin-left: 40px;
}

.botaoVai
{
	display: block;
	width: 20px;
	height: 28px;
	margin-left: 130px;
}

 /* destaque cor vermelho */
.destaque1CorRed
{
	font-size: 18px;
	font-weight: bold;
	color: #C62721;
}

a.destaque1CorRed
{
	color: #C62721; 
}

.destaque2CorRed
{
	font-size: 14px;
	font-weight: bold;
	color: #C62721;
}

a.destaque2CorRed
{
	color: #C62721; 
}

.fdPapel
{
	background-image:url("images/fd_papel.jpg");
}

.fdCortica
{
	background-image: url("images/fd_cortica.jpg");
}

.depoimento
{
	font-size:10px; 
	color: #828282;
	width: 187px;
	height: 124px;
	padding: 15px;
	background-image: url(images/depoimento_branco.jpg);
	text-align: left;
}


.limpaEstilo
{
	clear: both;
}
.minitexto
{
	font-size:10px;
	color: #000000;
}


/* Codigos da Galeria de Fotos */

.galeria
{
	width: 680px;
	margin: 0 auto;
	text-align: left;
}

.img-aqui
{
	
	background: #fff url('/jovemdoutor/galeria/capa3.jpg') center no-repeat;
	width: 500px;
	height: 375px;
	position: relative;
	top: 8px;
	float: right;
	border: 1px solid #fff
}

ul.fotos {
	position:relative;
	list-style:none;  
	width:162px;
	padding:1px;
	background:#FFF;
	margin:0; 
	padding:0; 
}

.fotos:after {
	display: block;
	content: ".";
	height: 0;
	font-size:0; 
	visibility: hidden;
	clear: both;
}

ul.fotos li {
	width:75px;
	height:50px;
	float:left; 
	border:2px solid #444;
	margin:1px; 
}

ul.fotos li img {
	border:none; 
	width:75px;
	height:50px;
}

ul.fotos li span img {
	border:none;
	width:500px;
	height:375px;
	height:auto;
}

ul.fotos a {
	display: block;
	text-decoration: none;
	} 

ul.fotos a span {
	display: none;
	text-decoration: none;
}

ul.fotos a:hover span.legenda {
	display: block;
	text-align:center; 
	width:500px;
	position:absolute;
	top:375px;
	left:-2px;
	text-decoration: none;
}

ul.fotos a:hover span {
	display: block;
    position: absolute; 
	top:-5px; 
	left: 177px; 
	background:#fff;
	/* border:2px solid #666; */
	text-decoration: none;
   }

ul.fotos a:hover span.legenda {
	padding:5px 0;
	color:#333; 
	text-decoration: none;
}

/* fim dos Codigos da Galeria de Fotos */

.boxFotoDir
{
	float: right;	
	width: auto;
	padding: 5px;
	margin: 0 10px 10px 00px;
	text-align: center;
	font-size: 8pt;
	font-weight: bold;
}

.boxFotoEsq
{
	float: left;	
	width: auto;
	padding: 5px;
	margin: 0 10px 10px 00px;
	text-align: center;
	font-size: 8pt;
	font-weight: bold;
}
.boxFotoDir
{
	float: right;	
	margin: 0 0 10px 10px;
}