/* 
Theme Name: Layout e Personalização
Theme URI: http://www.costao.om.br
Description: Estilo e Personalização do Costão Resort Golf SPA
Version: 1.0
Author: drawit internet business
Author URI: http://www.drawit.com.br
Tags: 
*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MASTERPAGE 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#masterPage
{   
    position:relative;
    margin:10px auto;
    width:960px; 
}	
#masterHeader
{	
    position:relative;
	width:100%;
	height:80px;
	/*background-image:url('Imagens/Topo/bkg-topo.jpg');
	background-position: center top;
	background-repeat:no-repeat;*/
}		
#masterHeaderMenu
{   
    width:100%;
}	
#masterHeaderDestaque
{
    width:100%;
}		
#masterContent
{   
    width:100%;
}

#masterFooter
{   
    width:100%;
    height:80px;
    clear:both;
    float:left;
}	
#masterPoweredBy
{   
    clear:both;
    float:right;
	right:0;
	margin:0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MASTERPAGE (MainTreeColumn.Master)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#mainTreeContent
{
    margin:0;
    padding:0;
    width:960px;
}

.mainTreeColumnLeft
{
    float:left;
    width:250px;
}

.mainTreeColumnCenter
{
    float:left;
    width:450px;
    padding-left:35px;
    padding-right:20px;
}

.mainTreeColumnRight
{
    float:right;
    right:0;
    width:180px;
    padding-top:20px;  
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MASTERPAGE (MainTwoColumn.Master)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#mainTwoContent
{
    margin:0;
    padding:0;
    width:960px;
}

.mainTwoColumnLeft
{
    float:left;
    width:250px;
}

.mainTwoColumnCenter
{
    float:left;
    width:670px;
    padding-left:35px;
} 

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	INDEX CONTENT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#indexContent
{
    width:100%;
}

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

/*** personalização geral TOPO ***/
/* logo */
#topo
{
    }
#logo
{  	position:absolute;
	top:5px;
	left:0px;
	width:177px;
	height:65px;
	}
	
/* menu idiomas */		
#menuidiomas
{  	position:absolute;
	top:-20px;
	right:0;
	width:850px;
	height:21px;
	font: 13px; 	
	text-align:right;
	}

#menuidiomas ul li
{
	list-style: none; 
	margin: 0;
	display: inline;
    vertical-align:middle;
}
#menuidiomas ul li a 
{
	height:1px; /* IE5.0 bug */
	padding: 1px 0 0 0; 
	margin:0;
	text-decoration: none;
}
#menuidiomas ul li a:link 
{
	color: #365b70;
}
#menuidiomas ul li a:visited 
{
	color: #365b70;
}
#menuidiomas ul li a:hover 
{
	color: #365b70; 
	text-decoration: underline;	
}	
	
/* menu topo */	
	
#menutopo
{
	position:absolute;
	right:0;
    top:5px;
	border:none;
	margin: 0;
	font: 13px; 
}
#menutopo li
{
	list-style: none; 
	margin: 0;
	display: inline;
    vertical-align:middle;
}
#menu ul span
{
	color: #365b70;
}
#menutopo li a
{
	height:1px; /* IE5.0 bug */
	padding: 1px 0 0 0; 
	margin:0;
	/*border: 1px solid #f00; */
	/*background: #999;*/
	text-decoration: none;
}
#menutopo li a:link
{
	color: #365b70;
}
#menutopo li a:visited
{
	color: #365b70;
}
#menutopo li a:hover
{
	color: #365b70; 
	text-decoration: underline;	
}

	
/* busca */	
#busca
{	position:absolute;
	top:27px;
	right:0;  	
	width:250px;
	height:25px;
	}	
/* atendimento */			
.atendimento a
{   position:absolute;
    top:47px;
    right:0;
    color:#365b70;
	font-size:12px;
	}
.atendimentotelefone	
{   position:absolute;
    top:62px;
    right:0;
    color:#365b70;
	font-size:16px;
	}		
/*** personalização geral RODAPÉ ***/	
#rodape
{	
    height:100%;
    background-image: url(Imagens/Footer/rodape-bkg.gif);
	background-position:left bottom;
	background-repeat:repeat-x;	
}    
#rodape .rodapeendereco span
{	
	font-size:11px;
    line-height:13px;    
    float:left;
 	padding: 11px 0 0 10px;
	font-style:normal;
	color:#48687a;
	width:960px;
}
#rodape .rodapesiga
{   
	margin-top:1px;
    float:right;
}
#rodape .rodapesiga ul li 
{
    line-height:13px;
	list-style:none; 
	float:left;
	padding:3px 0 3px 6px;
}
/********** fim personalização GERAL **********/