.foo{}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	PACKAGES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#tituloCategoria
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:20px;
    color:#7caace;
    } 

#produtoItens
{   float:right;
    margin-right:0;
    margin-left:0;
    margin-bottom:20px;
    width:675px;
    height:200;
    }

#produtoItens .produtoImagem
{   position: absolute;
    float:left; 
    width:190px;
    height:200PX;
    border:solid 1px #dedede;    
    margin-right:10px;
    }
    
#produtoItens .produtoConteudo
{
    float:right;
    margin-left:0px;    
    width:470px;
    height:200px;
    border:solid 1px #dedede;
    background-color:#fff;
    }
    
#produtoItens .produtoConteudoFundo
{
    margin:3px;
    width:464px;
    height:190px;
    background:#fff url("Imagens/Produtos/Produto-Fundo_Item.jpg") no-repeat top;        
    }    
    
#produtoItens .produtoConteudoFundo .conteudo
{   padding: 10px 10px 10px 10px;
    height:170px;
    width:460px;    
    }
    
#produtoItens .produtoConteudo .produtoConteudoFundo .conteudo .titulo
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:18px;
    color:#7caace;
    margin-bottom:5px;     
    }    

#produtoItens .produtoConteudo .produtoConteudoFundo .conteudo1 .coluna1    
{   float:left;
    width:224px;   
    }
       
#produtoItens .produtoConteudoFundo .conteudo1 .coluna2
{   float:right;
    width:230px;
    padding:  0 10px 0 0;
    text-align:right;
    }    

#produtoItens .produtoConteudoFundo .conteudo .botaoreservas
{   
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:14px;
    color:#eaa009;
    }    
    
#produtoItens .produtoConteudoFundo .conteudo .botaodetalhes
{   
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:14px;
    color:#84afd1;
    }        


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	PACKAGES HEADER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#packagesHeader .gallery
{
    float:left;
  	margin:1px 0 0 0; 
	width:950px;
 	height:170px;
 	padding: 3px 4px 4px 4px;
 	border:1px solid #d8d5d5;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	PACKAGES CONTENT (BASE)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#packagesContent
{
    float:left;
    left:0;
    width:960px;
    padding:20px 0 20px 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	PACKAGES CONTENT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#packagesContent .category
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    /*font-style:italic;*/
    font-size:22px;
    font-weight:bold;
    color: #06367d;
    text-align:left;
}

#packagesContent .title,
#packagesContent .title a
{	
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-style:normal;
    font-size:20px;
    font-weight:bold;
    color: #06367d;
    text-align:left;
}

#packagesContent .subtitle,
#packagesContent .subtitle a
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-style:normal;
    font-weight:bold;
    font-size:20px;
    color:#696767;
    text-align:left;
    padding-bottom:3px;
}

#packagesContent .description
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style:normal;
    font-weight:normal;
    font-size:11px;
    color:#696767;
    text-align:left;
}

#packagesContent .period,
#packagesContent .period a
{	
    font-size:11px;
 	font-weight:normal;
 	color:#6594a9;
    text-align: left; 	
}

#packagesContent .title a,
#packagesContent .subtitle a,
#packagesContent .description a
{ 	
    text-decoration:none;
}	

#packagesContent .title a:hover,
#packagesContent .subtitle a:hover,
#packagesContent .description a:hover
{ 	
    text-decoration:underline;
}	

#packagesContent .image
{	
	text-align:left;
}

#packagesContent .days
{	
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:13px;
 	font-weight:bold;
 	color:#696767;
    text-align: leftr; 	
}	

#packagesContent .days span
{	
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:15px;
 	font-weight:bold;
 	color:#696767;
	text-align: left; 
}	

#packagesContent .accommodation
{	
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:12px;
 	font-weight:bold;
 	color:#696767;
    text-align: left;
}	

#packagesContent .signalValue,
#packagesContent .plotNumber,
#packagesContent .totalValue
{	
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:12px;
 	font-weight:normal;
 	color:#696767;
    text-align: left;
}

#packagesContent .plotValue
{	
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:16px;
 	font-weight:bold;
 	color:#696767;
    text-align: left;
}	

#packagesContent .observation
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    /*font-style:italic;*/
    font-weight:bold;
    font-size:11px;
    color:#696767;
    text-align:left;
}

#packagesContent .observationCategory
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight:normal;
    font-size:10px;
    color:#696767;
    text-align:left;
}

#packagesContent .separador
{
    padding:20px;
    }
    
#packagesContent .linhaSeparadora
{
    width:1px;
    border-color:#dddddd;
    border-style:solid;
    border-left:1px;
    border-bottom:0;
    border-top:0;
    border-right:0
    }
    
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	PACKAGES DETAILS HEADER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#packagesDetailsHeader .info
{
    float:left;
    width:250px;
    height:310px;
    background-color:#517083;
    color:#FFF;
}

#packagesDetailsHeader .gallery
{
    float:right;
  	margin:1px 0 0 1px; 
	width:700px;
 	height:300px;
 	padding: 3px 4px 4px 3px;
 	border:1px solid #d8d5d5;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	PACKAGES DETAILS CONTENT (BASE)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#packagesDetailsContent
{
    width:100%;
}

#packagesDetailsContent .columnOne
{
    float:left;
    left:0;
    padding:10px 20px 20px 0;
    width:210px;    
    height:100%;
    /*background-color:#f9f9f7;*/
}    
    
#packagesDetailsContent .columnTwo
{
    float:right;   
    right:0;
    margin:20px 20px 20px 20px;
    width:670px;
    height:100%;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	PACKAGES FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#packagesFooter
{
    width: 100%;
    padding:5px;
    border:solid 1px #dddddd;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	PACKAGES DETAILS CONTENT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#packagesDetailsContent .columnTwo .content .complemento
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    /*font-style:italic;*/
    font-size:22px;
    font-weight:bold;
    color: #06367d;
}

#packagesDetailsContent .columnTwo .content .descricao
{
	color:#2a2b2b;
	font-size:12px;
}

#packagesDetailsContent .columnTwo .content .programacao
{
    height:400px;
}

#packagesDetailsContent .columnTwo .content .period
{	
    font-size:14px;
 	font-weight:normal;
    text-align: left; 	
}

#packagesDetailsContent .columnTwo .content .image
{	
	text-align:left;
}

#packagesDetailsContent .columnTwo .content .days
{	
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:17px;
 	font-weight:bold;
 	color:#696767;
    text-align: left; 	
}	

#packagesDetailsContent .columnTwo .content .days span
{	
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:17px;
 	font-weight:bold;
 	color:#696767;
	text-align: left; 
}	

#packagesDetailsContent .columnTwo .content .accommodation
{	
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:14px;
 	font-weight:bold;
 	color:#696767;
    text-align: left;
}	

#packagesDetailsContent .columnTwo .contentt .signalValue,
#packagesDetailsContent .columnTwo .content .plotNumber,
#packagesDetailsContent .columnTwo .content .totalValue
{	
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:15px;
 	font-weight:bold;
 	color:#696767;
    text-align: left;
}

#packagesDetailsContent .columnTwo .content .plotValue
{	
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:20px;
 	font-weight:bold;
 	color:#696767;
    text-align: left;
}	

#packagesDetailsContent .columnTwo .content .observation
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    /*font-style:italic;*/
    font-weight:bold;
    font-size:14px;
    color:#696767;
    text-align:left;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	PACKAGES SHORT LIST (user control)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#packagesShortList
{	
    float:left;
 	width:100%;
 	padding:10px 0 0 0 ;
 	line-height:16px;
}

#packagesShortList .title
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
 	font-size:22px;
 	font-weight:bold;
    /*font-style:italic;*/
}

#packagesShortList .title .titleOne
{	
    color:#ff830a;
} 

#packagesShortList .title .titleTwo
{	
    color:#2a2b2b;
}		

#OldpackagesShortList .items	
{	
    font-family: Arial, Verdana, Helvetica, sans-serif;
    margin:10px 0 0 0 ;
}

#packagesShortList .name,
#packagesShortList .name a
{	
    font-family: Arial, Verdana, Helvetica, sans-serif;
 	font-size:18px;
 	font-weight:bold;
    /*font-style:italic;*/
 	color:#000000; /*#6594a9;*/
}

#packagesShortList .plotValue
{	font-size:12px;
 	font-weight:bold;
	}	
	
#packagesShortList .picture
{   width:190px;
    height:200PX;
    border:solid 1px #dedede;  
	}