/*--------------------------------------------------------------------
LAYOUT "Pousadas index" Style - PORTAL DA JUVENTUDE(IE6+ FF1.5+ Opera9+)

Version: 	2.0 - 2008
author: 		Burocratik (alexandre r. gomes)
email: 		alex@burocratik.com
website: 	http://www.burocratik.com
----
NOTAS: - algumas imagens tive de dar width e height para nao quebrarem o lyout ao inserirem img com tamanhos incorrectos
-----------------------------------------------------------------------*/
@import url(pousadas-corpo.css);
/*----------------------------------------------------------------------*/


/* =CONTENT PRIMARIO- varios
	nota: pode ser de 3 tipos: so lista de txt, lista txt+pic, desenvolvimento de noticia
---------------------------------------------------------------------------*/
#contentPrim a{color:#586567;}
#contentPrim a:hover, #contentPrim a:focus{text-decoration: none;}
#contentPrim a.mais{font-weight: bold; color: #0083d7; text-decoration: none;}
#contentPrim a.mais:hover, #contentPrim a.mais:focus{text-decoration: underline;}

#contentPrim h2{
	position: relative; width: 100%; margin-bottom: 5px;
	font: bold 2.0em "Trebuchet MS", Arial, Helvetica, sans-serif; 
	text-transform: uppercase;	color: #0083d7; 
}
#contentPrim h2 span{
	position: absolute; left:0; top: 0; display: block; width: 100%; height: 15px;
	background: transparent url(../imgs/p-texto-degrade.png) repeat-x left top;
}
* html #contentPrim h2 span{background: none; width: 1px; height: 1px;} /* :BUG: IE6*/


/* =BLOCO DESTAQUE
Bloco para o caso tipico de imagem esquerda com moldura e texto a direita sublinhado
---------------------------------------------------------------------------*/
#contentPrim .bDestaque{margin: 0 0 25px 0; height: 1%; overflow: hidden;}
#contentPrim .bDestaque img{float: left; width:270px; height: 184px; padding-right: 20px;}
#contentPrim .bDestaque div{float: right; width: 216px;}
#contentPrim .bDestaque p{line-height: 1.27em;}
#contentPrim .bDestaque h3{
	font: bold 1.25em Verdana, Geneva, Arial, Helvetica, sans-serif; color:#0083D7;
	padding: 8px 0 5px 0; 
}
#contentPrim .bDestaque h3 a{color: #0083d7; text-decoration: none;}
#contentPrim .bDestaque h3 a:hover, #contentPrim .bDestaque h3 a:focus{color: #0083d7; text-decoration: underline;}


/* =LISTAGEM PIC + TXT a dta 
----------------------------------------------------------------------------*/
.listaTxtPic #contentPrim .linha{margin-bottom: 25px; height: 1%; overflow: hidden;}
.listaTxtPic #contentPrim .linha img{
	float: left; padding: 15px 15px 17px 13px; width:147px; height: 100px; 
	background: url(../imgs/p-pic-moldura-147x100.gif) no-repeat;
}
.listaTxtPic #contentPrim .linha div{float: right; width: 314px; padding: 0 0 0 17px;}
.listaTxtPic #contentPrim .linha h3{
	font: bold 1.27em Verdana, Geneva, Arial, Helvetica, sans-serif; color:#0083D7;
	text-transform: uppercase;
}
.listaTxtPic #contentPrim .linha h4{font: bold 1.00em Verdana, Geneva, Arial, Helvetica, sans-serif; color:#003460; margin-bottom: 5px;}
.listaTxtPic #contentPrim .linha p{line-height: 1.27em;}
.listaTxtPic #contentPrim .linha h4 a{text-decoration: none; color:#003460;}
.listaTxtPic #contentPrim .linha h4 a:hover, .listaTxtPic #contentPrim .linha h4 a:focus{text-decoration: underline;}