/*********************************************************************************/
/**										**/
/**		Montagem:	Hudson Marinho (http://www.rosaleao.com.br/);	**/
/**		Contato: 	hudsonmarinho@rosaleao.com.br			**/
/**		Ano:		2009						**/
/**										**/
/*********************************************************************************/


*{ margin: 0; padding: 0; list-style: none; text-decoration:none; }
address,th{ font-style: normal; font-weight: normal; }
table{ border-collapse: collapse; border-spacing: 0; }
caption,th{ text-align: left; }
img,fieldset{ border: none; }
ol,ul{ list-style: none; font-size: inherit; }
a{ border: 0; text-decoration: none; color: #006CB1; }
a:hover{ text-decoration: underline; }
h1,h2,h3,h4,h5,h6{ font-weight: normal; display: block; }
p{ display: block; }
ul,li{ display: block; }
label{ display: block; cursor: pointer; }


/* html & body */
html,body{ height:100%; }
html{}
body{ background: url(../imagens/bg_body.jpg) no-repeat center top #DCEFFD; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #000; }


/* index */
#layPrincipalIndex{ width: 770px; background: url(../imagens/natal-imagem.jpg) no-repeat 0 40px #007dc2; margin: 0 -385px; top: 40px; left: 50%; position: absolute; color: #fff; font-size: 10px; z-index: 1; }


/* internas */
#layPrincipal{ width: 770px; background: url(../imagens/bg_layprincipal.png) repeat-x top #d7edfb; margin: 0 -385px; top: 40px; left: 50%; position: absolute; color: #000; font-size: 12px; z-index: 1; }
#ctdTitlePage{ width: 420px; height: 75px; }

form#formReservas{ width: 378px; padding: 25px 0 0 0; }
form#formReservas label{ padding: 0 0 10px 0; }
form#formReservas label input{ width: 368px; height: 13px; display: block; margin: 2px 0 0 0; padding: 10px; display: block; border: 0; background: url(../imagens/input_campo_g_blur_focus.png) no-repeat; font-size: 10px; color: #666; }
form#formReservas label textarea{ width: 368px; height: 118px; margin: 2px 0 0 0; padding: 10px 10px 10px 10px; display: block; border: 0; background: url(../imagens/textarea_campo_g_blur_focus.png) no-repeat; _background: url(../imagens/textarea_campo_g_blur_focus.png) no-repeat fixed; overflow-y: auto; font-size: 10px; color: #666; font-family: Tahoma, Geneva, sans-serif; }
form#formReservas label input#btnEnviar{ width: 77px; height: 23px; }
form#formReservas p{}
form#formReservas p label{ width: 185px; float: left; }
form#formReservas p label input{ width: 165px; height: 13px; padding: 10px; display: block; border: 0; background: url(../imagens/input_campo_p_blur_focus.png) no-repeat; }
form#formReservas p.ctdEnviar{ width: 77px; padding: 0 0 0 306px; text-align: right; }
form#formReservas p.ctdEnviar input{ width: 77px; height: 23px; padding: 0 5px; display: block; background: url(../imagens/input_enviar.png) no-repeat; border: 0; text-indent: -30000px; overflow: hidden; cursor: pointer; font-size: 0; color: #f5ece0; text-align: left; }


/* ambos */
/*
#layColunaEsq{ width: 285px; min-height: 50px; float: left; }
#layColunaDir{ width: 420px; min-height: 50px; padding: 0 55px 0 10px; float: left; }

#layMarca{ width: 285px; height: 285px; margin: 0 -385px; top: -35px; left: 50%; position: absolute; z-index: 3; }

ul#layMenu{ width: 475px; background: red; height: 30px;  margin: 0 -90px; top: -10px; left: 50%; position: absolute; z-index: 99; }
ul#layMenu li{ float: left; }
ul#layMenu li span{ width: 115px; height: 30px; display: block; }
*/

#layMarca{ width: 285px; height: 285px; margin: 0 -385px; top: -15px; left: 50%; position: absolute; z-index: 2; }

/* 
#layMenu{ width: 475px; height: 40px; margin: 0 -100px; padding: 0 0 0 10px; top: -10px; left: 50%; position: absolute; z-index: 2; } */
#layMenu{ width: 770px; height: 40px; margin: 0; padding: 0 0 0 10px; top: -10px; position: absolute; z-index: 2; }
#layMenu li{ float: right; }

#layColTexto{ width: 420px; padding: 0 55px 50px 295px; }