/**************************************************
CSS GERAL
**************************************************/
*{
margin:0;
padding:0;
list-style:none;
border:none;
text-decoration:none;
}

/**************************************************
BODY
**************************************************/
body{
background:#1B1811 url(../layout/background.jpg) repeat-x;
color:#202623;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

/**************************************************
TITULOS
**************************************************/
.tit-apartamentos{
background:url(../layout/tit-apartamentos.gif) no-repeat;
text-indent:-9999px;
}
.tit-bemvindo{
background:url(../layout/tit-bemvindo.gif) no-repeat;
text-indent:-9999px;
}
.tit-contato{
background:url(../layout/tit-contato.gif) no-repeat;
text-indent:-9999px;
}
.tit-eventos{
background:url(../layout/tit-eventos.gif) no-repeat;
text-indent:-9999px;
}
.tit-lazer{
background:url(../layout/tit-lazer.gif) no-repeat;
text-indent:-9999px;
}
.tit-localizacao{
background:url(../layout/tit-localizacao.gif) no-repeat;
text-indent:-9999px;
}
.tit-reservas{
background:url(../layout/tit-reservas.gif) no-repeat;
text-indent:-9999px;
}
.tit-restaurante{
background:url(../layout/tit-restaurante.gif) no-repeat;
text-indent:-9999px;
}
.tit-servicos{
background:url(../layout/tit-servicos.gif) no-repeat;
text-indent:-9999px;
}

/**************************************************
TEXTOS
**************************************************/
h1{
color:#423D25;
font-size:18px;
margin-top:15px;
margin-bottom:10px;
}
h2{
color:#423D25;
font-size:16px;
padding:5px 10px 2px 10px;
}
p{
font-size:14px;
padding:0px 10px 5px 10px;
}
ol{
font-size:14px;
padding-left:30px;
}
ol li{
list-style:outside;
padding-bottom:8px;
}
.azul{
color:#0066CC;
font-weight:bold;
}

/**************************************************
LINKS
**************************************************/
a{
color:#202623;
font-weight:bold;
text-decoration:underline;
}
a:hover{
color:#423D25;
font-weight:bold;
text-decoration:underline;
}
a.popupwindow{
background:url(../layout/picture.png) no-repeat 0% 100%;
color:#202623;
padding-left:25px;
padding-top:15px;
position:absolute;
}
a.popupwindow:hover{
background:url(../layout/picture.png) no-repeat 0% 100%;
color:#423D25;
padding-left:25px;
padding-top:15px;
position:absolute;
}
a.popupmap{
background:url(../layout/map.png) no-repeat 0% 100%;
color:#202623;
padding-left:25px;
padding-top:15px;
position:absolute;
}
a.popupmap:hover{
background:url(../layout/map.png) no-repeat 0% 100%;
color:#423D25;
padding-left:25px;
padding-top:15px;
position:absolute;
}

/**************************************************
TUDO
**************************************************/
#tudo{
background:#FFF;
position: relative;
min-height:100%;
width:770px;
height:100%;
margin:0 auto;
}

/**************************************************
TOPO
**************************************************/
#topo{
width:770px;
height:240px;
background:url(../layout/topo.jpg) no-repeat;
}

/**************************************************
CORPO
**************************************************/
#corpo{
display:table;
padding:5px;
}

/**************************************************
CONTEUDO
**************************************************/
#conteudo{
width:460px;
float:left;
}
.mapa-local{
margin-left:110px;
margin-top:50px;
}

/**************************************************
LATERAL
**************************************************/
#lateral{
background:url(../layout/polaroid.jpg) no-repeat;
float:left;
margin-top:10px;
width:300px;
}
#lateral-mapa{
float:left;
margin-top:10px;
width:300px;
}
#fotinhos{
margin-left:10px;
}
.foto-grande{
height:215px;
padding:10px 20px;
width:260px;
}
.foto-pequena{
padding:10px 1px;
}

/**************************************************
RODAPÉ
**************************************************/
#rodape{
clear:both;
width:770px;
height:30px;
margin:0 auto;
background:url(../layout/rodape.png) no-repeat;
_background-image:none;
_filter:Progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/rodape.png', sizingMethod='scale');
margin-bottom:10px;
}
#rodape a{
float:right;
margin-right:5px;
margin-top:7px;
}

/**************************************************
FORMULÁRIO
**************************************************/
fieldset{
border:0;
margin:0;
padding-left:10px;
}
label{
display:block;
font-size:14px;
}
input.text,textarea{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:250px;
color:#333;
padding:3px;
margin:1px 0;
border:1px solid #ccc;
}
input.submit{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
margin-top:3px;
padding:1px 5px;
color:#fff;
border:1px solid #423D25;
background:#423D25;
}
.error{
color:#FF0000;
}

/**************************************************
TABELAS
**************************************************/
table{
border:1px solid #B3B3B3;
margin-left:10px;
width:450px;
}
caption{
background:#B3B3B3;
font-size:12px;
font-weight:bold;
height:30px;
margin-left:10px;
padding-top:6px;
width:452px;
}
thead{
background:#E6E6E6;
font-size:12px;
font-weight:bold;
height:40px;
margin-left:10px;
padding-top:5px;
width:450px;
}
tr td{
padding:3px;
}
.tr{
background:#F0F7F7;
}
tbody{
font-size:12px;
margin-left:10px;
padding-top:5px;
width:450px;
}
tfoot{
font-size:12px;
margin-left:10px;
padding-top:5px;
width:450px;
}