/*--------------------------------------------------------------------
LAYOUT "Pousadas genericos" 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: normal; font-style: italic; color: #0083d7;}
#contentPrim a.mais:hover, #contentPrim a.mais:focus{text-decoration: none;}

#contentPrim h2{
	position: relative; left: 178px; width: 100%; margin-bottom: 15px;
	font: bold 1.82em "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(../images/imgs/p-texto-degrade.png) repeat-x left top;
}
* html #contentPrim h2 span{background: none; width: 1px; height: 1px;} /* :BUG: IE6*/


/* =LISTAGEM PIC + TXT a dta 
----------------------------------------------------------------------------*/
.listaTxtPic #contentPrim .linha{margin-bottom: 25px; height: 1%; overflow: hidden;}
.listaTxtPic #contentPrim .linha img{
	float: left; padding: 5px 5px; width:147px; height: 84px; 
	background: url(../images/imgs/pic-moldura-147x84.gif) no-repeat;
}
.listaTxtPic #contentPrim .linha div{
	float: right; width: 314px; padding: 0 15px 15px 0; min-height: 8.18em;
	border-bottom: solid 1px #e4e4e4;
}
.listaTxtPic #contentPrim .linha p{line-height: 1.27em;}
.listaTxtPic #contentPrim .paginacao div{min-height: 1.36em;}
.listaTxtPic #contentPrim .linha h3, .listaTxt #contentPrim .linha h3{
	font: bold 1.00em Verdana, Geneva, Arial, Helvetica, sans-serif; color:#003460;
	margin-bottom: 2px;
}
.listaTxtPic #contentPrim .linha h3 a, .listaTxt #contentPrim .linha h3 a{text-decoration: none; color:#003460;}


/* =LISTAGEM SO TEXTO
----------------------------------------------------------------------------*/
.listaTxt #contentPrim .linha{
	padding: 15px 20px 15px 0;
	border-bottom: solid 1px #e4e4e4;
}
.listaTxt #contentPrim .first{padding-top:0px;}
.listaTxt #contentPrim h2, .txt #contentPrim h2{position: relative; left: 0px;}


/* =TEMPLATE CONTEUDO
----------------------------------------------------------------------------*/
.txt #contentPrim h3{
	margin:0 20px 0 0; color:#777777;
	font: normal small-caps 1.0em/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif; 
}
.txt #contentPrim h4{
	margin:0 20px 20px 0; letter-spacing: -0.02em;
	font: bold 1.64em/1.09em Verdana, Geneva, Arial, Helvetica, sans-serif; color:#000000;
}

.txt #contentPrim .linha{margin: 0 0 25px 0; height: 1%; overflow: hidden;}
.txt #contentPrim .linha img{
	float: left; padding: 5px 5px; width:147px; height: 84px;
	background: url(../images/imgs/pic-moldura-147x84.gif) no-repeat;
}
.txt #contentPrim .linha div{float: right; width: 320px; padding-right: 20px;}
.txt #contentPrim span.seleccionado{
	line-height: 1.64em; padding: 0.16em 0; margin: 0;	background-color: #e5e5e5; color:#444444;
}
.txt img.banner{margin: 25px 0 20px 0;}


/* =Abrir conteudo ---------------------------------------------------------*/
.txt a#abrirTodos {
	margin-right: 20px; padding: 2px 0 2px 17px; color:#777777;
	font: normal 1.0em "Trebuchet MS", Arial, Helvetica, sans-serif; word-spacing: -0.05em;
	background: transparent url(../images/imgs/p-icon-seta-parabaixo2.gif) no-repeat left 0.36em;
	text-decoration:none; border-bottom: 1px dashed #999999;
}
.txt a:hover#abrirTodos{
	text-decoration: none; border: 0;
	background: transparent url(../images/imgs/p-icon-seta-parabaixo2.gif) no-repeat left 0.55em;
}

.txt #contentPrim h5{padding: 12px 20px 0 0; border-bottom: solid 1px #e4e4e4;}
.txt #contentPrim h5 a{
	display: block; padding:0 0 4px 18px; 
	text-decoration: none; color:#444444;
	font: bold 1.09em/1.2em Verdana, Geneva, Arial, Helvetica, sans-serif; 
	background: transparent url(../images/imgs/p-icon-seta-parabaixo.gif) no-repeat left 0.17em;
}
.txt #contentPrim h5 a:hover, .txt #contentPrim h5 a:focus{
	text-decoration: none; color: #0083d7;
	background: transparent url(../images/imgs/p-icon-seta-parabaixo.gif) no-repeat left 0.33em;
}
.txt #contentPrim .txtRestante{
	padding: 10px 20px 5px 0; line-height: 1.45em; 
	border-bottom: solid 1px #e4e4e4;	
}
.txt #contentPrim .txtRestante p{padding-bottom: 0.73em;}
.txt #contentPrim .txtRestante strong{font-weight: normal; color: #003460;}
.txt #contentPrim .txtRestante ul, .txt #contentPrim .txtRestante ol {margin: 0 0 .73em .73em;}
.txt #contentPrim .txtRestante ul li{
	display: block; padding-left: 10px; 
	background: transparent url(../images/imgs/p-icon-listas.gif) no-repeat left .55em;
}
.txt #contentPrim .txtRestante ol li{list-style: decimal inside none;}
.txt #contentPrim .txtRestante ul.maisInfo li{font-size: 0.91em; padding-bottom: .90em; color: #777777;}
.txt #contentPrim .txtRestante ul.maisInfo span{display: block;}
.txt #contentPrim .txtRestante ul.maisInfo a{color: #003460; font-size: 1.10em; margin-right: .7em;}
.txt #contentPrim .txtRestante ul.maisInfo abbr{color: #777777;}
.txt #contentPrim .txtRestante img{
	padding: 5px 5px; margin: 0 20px 10px 0; width:147px; height: 84px;
	background: url(../images/imgs/pic-moldura-147x84.gif) no-repeat;
}

/* =Video -------------------------------------------------------------*/
.txt .video{
	width: 100%; margin: 15px 0; text-align: center;
	font: normal 0.91em Verdana, Geneva, Arial, Helvetica, sans-serif; color:#555555;
}
.txt .video p{margin: 3px 50px 0 45px;}

/* =Conteudo Links -----------------------------------------------------*/
.txt #contentPrim .linhaLink{
	padding: 10px 20px 15px 0; line-height: 1.45em; 
	border-bottom: solid 1px #e4e4e4;	
}
.txt #contentPrim .linhaLink h5{margin-left:0; padding: 5px 20px 2px 0; border-bottom: 0;}
.txt #contentPrim .linhaLink h5 a{
	display: block; padding:0; text-decoration: none; color:#444444;
	font: bold 1em/1.2em Verdana, Geneva, Arial, Helvetica, sans-serif; 
	background: none;
}
.txt #contentPrim .linhaLink h5 a:hover, .txt #contentPrim .linhaLink h5 a:focus{text-decoration:underline;}
.txt #contentPrim .linhaLink span{color: #003460;}


/* =PAGINACAO
----------------------------------------------------------------------------*/
.paginacao{
	height: 1%; overflow: hidden; color: #777777;
	font: normal 1.0em "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.paginacao ul{float: left;}
.paginacao ul li{display: block; float: left;}
.paginacao ul li.esq a, .paginacao ul li.dta a{display: block; width: 20px; height: 16px; text-indent: -5555px; overflow: hidden;}
.paginacao ul li.esq a {background: transparent url(../images/imgs/p-icon-seta-esquerda.gif) no-repeat 1px center;}
.paginacao ul li.esq a:hover, .paginacao ul li.esq a:focus{background: transparent url(../images/imgs/p-icon-seta-esquerda.gif) no-repeat 0px center;}
.paginacao ul li.dta a{ background: transparent url(../images/imgs/p-icon-seta-direita.gif) no-repeat  8px center;}
.paginacao ul li.dta a:hover, .paginacao ul li.dta a:focus{background: transparent url(../images/imgs/p-icon-seta-direita.gif) no-repeat 9px center;}
.paginacao ul li span{font-weight: bold; color: #0083d7!important;}
#contentPrim .paginacao p{float: right; font-size: 0.9em;}
#contentPrim .paginacao p a{
	padding: 2px 0 2px 17px; color:#777777;
	background: transparent url(../images/imgs/p-icon-seta-parabaixo2.gif) no-repeat left 0.36em;
	text-decoration:none; border-bottom: 1px dashed #999999;
	font-size: 1.1em; word-spacing: -0.05em;
}
#contentPrim .paginacao p a:hover, #contentPrim .paginacao p a:focus {
	text-decoration: none; border: 0;
	background: transparent url(../images/imgs/p-icon-seta-parabaixo2.gif) no-repeat left 0.55em;
}


/* =AGENDA
----------------------------------------------------------------------------*/
.agenda #contentPrim .linha h3{text-transform: uppercase; color: #777777; font-size:0.91em; font-weight: normal;}
.agenda #contentPrim .linha h4{font: bold 1.0em Verdana, Geneva, Arial, Helvetica, sans-serif; color:#003460; margin-bottom: 2px;}
.agenda #contentPrim .linha h4 a{text-decoration: none; color:#003460;}
.agenda #contentPrim .linha h4 a:hover, .agenda #contentPrim .linha h4 a:focus{text-decoration: underline;}
ul.infoAgenda{color: #555555; margin-top: 3px; font-size:0.91em;}
ul.infoAgenda li{padding-bottom: 2px;}
ul.infoAgenda li span{color: #0083d7;}
.txt ul.infoAgenda{margin: -15px 0 20px 0;}

/* =FORMULARIO 
---------------------------------------------------------------------------*/
.formularios #contentPrim h2{position: relative; left: 0px;}
.formularios #contentPrim h3{font: bold 2.0em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#2b2927; padding-bottom: 0.27em;}
.formularios #contentPrim h4{font: bold 1.27em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#2b2927; padding: 1.00em 0 0.36em 0;  margin: 0;}
.formularios #contentPrim h3.espaco{padding-top: 1.82em}
.formularios #contentPrim em{color:#d42800;}
.formularios #contentPrim strong{color:#d93813;}
.formularios #contentPrim p.small{font-size:0.91em;}
/* =Blocos de texto informativo -------------------------------------*/
.formularios #contentPrim .texto{margin: 2px 0 15px 0; background-color: #ffffff;}
.formularios #contentPrim .texto p{background-color: #ffffff; padding-bottom: 0.73em; margin: 0; font: 1.0em/1.45em Verdana, Geneva, Arial, Helvetica, sans-serif; color: #555555;}
.formularios #contentPrim .texto strong{font-weight: bold; color: #d93813;}
.formularios #contentPrim .texto ul, #contentPrim .texto ol {margin: 0 0 .73em .73em; background-color: #ffffff;}
.formularios #contentPrim .texto ul li{display: block; padding: 0 0 2px 10px; background-color: #ffffff; background: transparent url(../images/imgs/icon-listas.gif) no-repeat left .55em;}

/* =Mensagem erro --------------------------------------------------*/
.formularios #contentPrim .erroBig, .formularios #contentPrim .texto .erroBig{ /* :INFO: esta dentro de p do form geral insere tamanho dai */
	font-size: 1.17em; color:#d93813; font-weight: bold; line-height: 21px; padding-left: 25px;
	background: url(../images/imgs/icon-msg-erro.gif) no-repeat; margin: 0 0 5px 0;
	padding: 2px 2px 5px 22px;
}
.formularios #contentPrim .erroSmall
{
    padding: 2px 2px 5px 22px;
	background: #ffffcc url(../images/imgs/icon-msg-erroS.gif) 2px 2px no-repeat;
	display: block!important; text-transform: uppercase; text-align: left;
	font: normal 10px Tahoma, Arial, Helvetica, sans-serif; color:#d93813;
}
.formularios #contentPrim .erroCor
{
	padding: 2px 0 5px 0;
	background: #ffffcc;
	margin-top: 0px;
	margin-bottom: 6px;
	display: block!important; 
	width:auto;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000000;
   
}

.formularios  #contentPrim .enviado, .formularios #contentPrim .texto .enviado{
	font-size: 1.17em; color: #129d46; line-height: 21px; padding-left: 25px;
	background: url(../images/imgs/icon-msg-ok.gif) no-repeat; margin: 4px 0;
}

/* =FORMULARIO GERAL
---------------------------------------------------------------------------*/
.formGeral{position: relative; margin-bottom: 30px; width:520px;}
.formGeral strong{color:#000!important;}
.formGeral legend{
	font: bold 1.27em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#2b2927;
	padding: 1.00em 0 0.36em 0;  margin: 0;
}
.formGeral legend.nivel2{
	font: bold 1.00em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#444444;
	padding: 0.91em 0 0.36em 0;  margin: 0;
}
.formGeral p{
	background-color: #f5f5f5; margin-top: 6px;
	font: normal 1.09em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #2b2927;
	overflow: hidden; height: 1%; /* :INFO: Clear Floats */
}
.formGeral p.pNormal{background-color: transparent;font: 1.0em Verdana, Geneva, Arial, Helvetica, sans-serif; color: #555555;}
.formGeral img{position: relative; vertical-align: bottom;}

.formGeral div.innerTable{
	background-color: #f5f5f5; margin-bottom: 6px;
	font: normal 1.09em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #2b2927;
	overflow: hidden; height: 1%; /* :INFO: Clear Floats */
}

.formGeral label{float:left; width: 190px; padding: 0px 8px 0 2px; text-align: right;}
.formGeral label.orcamento {float:left; width: 290px; padding: 0px 8px 0 2px; text-align: right;}
.formGeral label span{color: #555555;}

.formGeral input, .formGeral textarea, .formGeral select{
	margin: 0; padding: 0; width: 303px; /*height: 18px;  --PARA NAO LIMITAR A AREA DE TEXTO-- */
	font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #555555;
	border: 1px solid #d2d3d4; background-color: #ffffff;}
.formGeral select{width: auto;}
	*:first-child+html .formGeral select{height: 21px;} /* :BUG: IE7 */
	* html .formGeral input, * html .formGeral textarea{width: 300px;}/* :BUG: IE6 */

.formGeral input.checkboxP{width: 15px; border: none; background-color: transparent;}
.formGeral input.checkboxP:hover, .formGeral input.checkbox:focus{border: none; background-color: transparent;}

.formGeral .checkbox input{width: 15px; border: none; background-color: transparent;}
.formGeral .checkbox input:hover, .formGeral .checkbox input:focus{border: none; background-color: transparent;}
.formGeral .checkbox label{width: 470px;}
.formGeral .radiobutton{display: block; clear: both; width: 100%; background-color: #f5f5f5;} /* float: left;  */
.formGeral .radiobutton input{float: left; margin-left: 200px; width: auto; border: none; background-color: transparent;}
.formGeral .radiobutton input:hover, .formGeral .radiobutton input:focus{border: none; background-color: transparent;}
.formGeral .radiobutton label{float: none; width: auto;}

.formGeral .radiobuttonErro{display: block; clear: both; width: 100%; background-color: #ffffcc!important;} /* float: left;  */
.formGeral .radiobuttonErro input{float: left; margin-left: 200px; width: auto; border: none; background-color: transparent;}
.formGeral .radiobuttonErro input:hover, .formGeral .radiobuttonErro input:focus{border: none; background-color: transparent;}
.formGeral .radiobuttonErro label{float: none; width: auto;}

.formGeral input:hover, .formGeral input:focus, .formGeral textarea:hover, .formGeral textarea:focus,
.formGeral select:hover, .formGeral select:focus{border: 1px solid #f64921; background-color: #f9f9f9;}

/* =PASSOS de PREENCHIMENTO
---------------------------------------------------------------------------*/
ul.passos{
	position: relative; margin: 10px 0 10px 0; height: 1%; overflow: hidden;
	font: bold 0.90em Verdana, Geneva, Arial, Helvetica, sans-serif; color: #666666;
}
ul.passos li{
	position: relative; 
	float: left; display: block; height: 27px; padding-left: 15px; margin-bottom: 5px;
	background: transparent url(../images/imgs/forms-passos-bg.gif) no-repeat left top;
}
ul.passos li.first{padding-left: 11px;background: transparent url(../images/imgs/forms-passos-bg-first.gif) no-repeat left top;	}
ul.passos li.last{background: transparent url(../images/imgs/forms-passos-bg-last.gif) no-repeat left top;}
ul.passos li span{display: block; line-height: 22px; padding-bottom: 5px;}
ul.passos li.on span{color:#d93813;background: transparent url(../images/imgs/forms-passos-on.gif) no-repeat center bottom;}
ul.passos li.done span{color:#6c7b11;background: transparent url(../images/imgs/forms-passos-done.gif) no-repeat center bottom;}

/* =botões input ------------------------------------------------------*/
.formGeral p.pBotao{width: 100%; text-align: right; margin: 15px 0; background-color: transparent;} /* float: right;  */
.formGeral p.pBotaoDta input.botao{margin:0;} 
.formGeral input.botao{
	padding: 0 3px; margin-left: 10px; width: auto; height: 20px; float: none;
	font: normal 1.0em/1.50em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #3a4451;
	border: 1px solid #3a4451;  cursor: pointer;
	background: transparent url(../images/imgs/forms-passos-bts.gif) repeat-x left top;
}
.formGeral input.botao:hover, .formGeral input.botao:focus{
	border: 1px solid #f64921; 
	background: transparent url(../images/imgs/forms-passos-bts.gif) repeat-x left bottom;
}
.formGeral input.cancelar{color: #555555; border: 1px solid #d2d3d4; margin: 0 50px 0 0;}

/* =Template 1 coluna verticais ------------------------------------*/
.formGeral div.colunas1V {overflow: hidden; height: 1%; margin-bottom: 6px;}
.formGeral div.colunas1V fieldset{float: left; width: 100%; background-color: #ffffff;}
.formGeral div.colunas1V p{background-color: transparent;}
.formGeral div.colunas1V label{text-align: left; width: auto; float: none; padding: 0px 2px;}

/* =Template 2 colunas verticais ------------------------------------*/
.formGeral div.colunas2V {overflow: hidden; height: 1%; margin-bottom: 6px;}
.formGeral div.colunas2V fieldset{float: left; width: 230px; background-color: #ffffff;}
.formGeral div.colunas2V fieldset.colunaEsq{margin-right: 30px;}
.formGeral div.colunas2V p{background-color: transparent;}
.formGeral div.colunas2V label{text-align: left; width: auto; float: none; padding: 0px 2px;}

/* =Template colunas horizontais -------------------------------------*/
.formGeral div.colunasH {background-color: #f5f5f5; margin-bottom: 6px; overflow: hidden; height: 1%; /* :INFO: Clear Floats */}
.formGeral div.colunasH p{background-color: transparent; float: left; margin: 0; overflow: auto; height: auto;}
.formGeral div.colunasH h6{
	background-color: transparent; float: left; margin: 0; color:#2b2927; font-weight: normal; 
	width: 190px; padding: 0px 8px 0 2px; text-align: right;
}
.formGeral div.colunasH input{margin-right: 10px;}
.formGeral div.colunasH select{width: auto; margin-right: 10px;}

/* Classes de comprimentos --------------------------------------------*/
.formGeral .w20{width: 20px;}
.formGeral .w40{width: 40px;}
.formGeral .w60{width: 60px;}
.formGeral .w80{width: 80px;}
.formGeral .w100{width: 100px;}
.formGeral .w140{width: 140px;}
.formGeral .w250{width: 250px;}
.formGeral .w300{width: 300px;}
.formGeral .w470{width: 470px;}

.formGeral .labelText{display: block!important; float:left!important; width: 190px!important; padding: 0px 8px 0 2px!important; text-align: right!important;}

.clearBoth {clear: both;}

/* =BUGS:
---------------------------------------------------------------------------*/
* html .txt #contentPrim h5 a{width: 95%;} /* :BUG: IE6 width para nao flipar*/
* html .txt #contentPrim .txtRestante{display: block; width: 476px; height: auto;} /* :BUG: IE6, IE7: se nao definir display e width o content nao me aparece!!! */
*:first-child+html .txt #contentPrim .txtRestante{display: block; width: 476px; height: auto;} /* :BUG: IE6, IE7: se nao definir display e width o content nao me aparece!!! */
* html .txt #contentPrim .txtRestante ul li{width: 95%;} /* :BUG: IE6 width para nao flipar*/
* html .txt #contentPrim ul.listaIcons li{height: 26px;}

#corpo_lista{
width:100%;
}

#lista_ledesc{
width:100%;
float:left;
border:0px;
margin-bottom:15px;
}

#lista_legenda{
width:70px;
min-height:15px;
font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#2b2927;
padding:1px;
margin:0px;
float:left;
text-align:center;
border:1px solid silver;
background-color: #f5f5f5;
}
#lista_desc{
width:420px;
min-height:15px;
float:left;
padding:2px;
border:1px solid silver;
}
.active
{
color:#0033CC;
border: solid 1px black;
padding:3px 5px;
margin:5px;
text-decoration:none;
}

.active select
{
color:#0033CC;
font: bold 5px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration:none;
}

.inactive
{
color:#000000;
cursor:default;
text-decoration:none;
border: solid 1px silver;
background-color:#f5f5f5;
padding:3px 5px;
margin:5px;
}