/*
	Webroom Soluções Interativas
	Rua Carmo Gifoni, 481 - B. Martins - Uberlândia/MG - Fone: +55 (34) 3217-1253
	Site: www.webroom.com.br - E-mail: webroom@webroom.com.br
	Projeto: Rioquente.com
	Data: Maio de 2007
	Autor: Thiago Melo
*/

/*.......... ESTRUTURA ..........*/
* { margin:0px; padding:0px; border:0px; list-style-type:none; }
body { background:#6FB9EE; margin:0 auto; text-align:center; font:0.7em/1.2em Tahoma, Helvetica, sans-serif; color:#333; }
.bg { width:100%; margin:0 auto; background:url(../../imagens/fundo_topo_bg.jpg) top no-repeat; }
.bg2 { width:100%; margin:0 auto; background:url(../../imagens/fundo_rodape_bg.jpg) bottom no-repeat; }
.wrap { width:778px!important; background:url(../../imagens/fundo_wrap.gif) repeat-y; margin:0 auto; text-align:left; }
.header { width:778px; height:100px; background:#EFEFEF url(../../imagens/fundo_header.jpg) no-repeat; clear:both; display:table; }
.column { width:175px; float:left; background:#9EBCD7 url(../../imagens/bg_logo.gif) no-repeat; }
.content { width:603px; float:left; }
.footer { width:778px!important; clear:both; display:table!important; background:#EFEFEF; margin:0; height:200px!important;  }
.page_content { width:458px; padding:10px 15px; float:left; display:block!important; min-height:450px!important;  }
/****************************************************************/

.animacao { display:block; _margin:-480px 0 0 175px!important;}

/*.......... BASICOS ..........*/
p { margin:10px 0; line-height:16px; }
.img_esquerda { padding:10px 10px 10px 0; float:left; }
.img_direita { padding:10px 0 10px 10px; float:right; }

.img_canal { width:600px; height:156px; clear:both; margin-left:0px; }

#home .barra_telefones { position:absolute; display:block!important; margin-left:664px!important; *margin-left:488px!important; _margin-left:488px!important; width:115px; height:600px; background:url(../../imagens/barra_telefones.png) no-repeat; }
.wrap .barra_telefones { position:absolute; float:left; display:table; width:115px; margin-left:488px!important; height:600px; background:url(../../imagens/barra_telefones.png) no-repeat; }

.barra_telefones ul { margin-top:10px; }
.barra_telefones li { display:block; color:#FFF; margin:0 0 8px 10px; }

.voltar { width:100%; clear:both; margin-top:20px; padding-top:15px; border-top:1px dashed #999; }
.voltar a { width:176px; height:22px; background:url(../imagens/bt_voltar.gif) no-repeat; display:block; text-indent:-99999px; overflow:hidden; }

.content_imagens { width:230px; float:left; margin:0 15px 15px 0; }
.content_imagens img { display:block; }
.content_imagens p { font-weight:bold; font-size:9px; }
.content_imagens p a { text-decoration:none; color:#666666; }
.content_imagens p a:hover { text-decoration:underline; color:#666666; }

#botao_enviar { background:#036; border:none!important; padding:3px 10px; display:block !important; font-size:11px; color:#FFF; font-weight:bold; cursor:pointer; }
#bt_enviarCadastroSimples { background:url(../../imagens/bt_enviar.gif) no-repeat; border:none!important; width:71px !important; height:28px; display:block; text-indent:-9999px;}

.txtfield { background-color:#FFF; padding:1px; font-size:11px; border:1px solid #C6C1B6; font-family:Tahoma, Verdana, Arial; }
label { display:block; margin:5px 0; }
legend { margin:0; padding:0; }
.asterisco { color:#FF0000; }
.botoes { background:#B2D7A1; padding:4px 8px; border:1px solid #376121; color:#376121; font-family:Tahoma, Verdana, Arial; font-size:11px; margin-top:10px; cursor:pointer; }

ul.telefones { clear:both; display:table; margin-bottom:10px; }
.telefones li { width:150px; display:block; float:left; margin:8px 0; }
.deficientes_auditivos { position:absolute; margin:-13px 0 0 16px; border:1px solid #AFBCC9; }

.agente_preferencial { position:absolute; margin-left:0px; margin-top:-15px; width:175px; text-align:center; font-family:"Trebuchet MS", Tahoma, Verdana, Arial; font-size:11px; font-weight:bold; }
/****************************************************************/

/*.......... TITULOS ..........*/
h1 { width:448px; font:13px/1.2em "Trebuchet MS", Tahoma, Helvetica, sans-serif; font-weight:bold; color:#FFF; background:#125C94; padding:20px; clear:both; }
h2 { font:11px/2em Tahoma, Helvetica, sans-serif; color:#FFF; margin:10px; font-weight:bold; }
h3 { font:"Trebuchet MS", "Times New Roman"; color:#006699; font-size:16px; clear:both; }
h4 { font:0.7em/1.2em Tahoma, Helvetica, sans-serif; color:#333; }
h5 { font:0.7em/1.2em Tahoma, Helvetica, sans-serif; color:#333; }
h6 { font:0.7em/1.2em Tahoma, Helvetica, sans-serif; color:#333; }
/****************************************************************/

/*.......... LISTAGENS ..........*/
ul, ol, li { margin:0; padding:0; list-style-type:none; }
ul {}
ol {}
li a { color:#125C94; }

ul.faq li { margin:10px 0; }
.faq dt { background:url("../../imagens/seta2.gif") 0 5px no-repeat; padding:0 0 0 10px; margin:10px 0; }
.faq dt a { text-decoration:none; color:#125C94; }
.faq dd { margin:4px 0px 20px 10px; font-size:11px; }
/****************************************************************/

/*..........EVENTOS..........*/
.evento { clear:both; display:table; float:none; margin:4px 0; }
.evento dl a { text-decoration:none; }
.evento dt { font-weight:bold; margin-top: 1.3em }
.evento dt a { color:#125C94; }
.evento dt img { float:left; width:95px; height:73px; padding:7px; background-color:#FFF; border:1px solid #CCC; margin:0 10px 10px 0; }
.evento dt img:hover { background-color:#86C960; border:1px solid #477D2B; }
.evento dd { font-size:11px; }

.summary { font-family:Georgia, Tahoma, Verdana; font-size:14px !important; color:#477D2B; margin:10px 0; }
.post_info { padding-bottom:5px; border-bottom:1px dashed #999; }
.post_info p { margin:0; }

.related { display:table; clear:both; width:100%; margin-top:20px; }
.related dt { font-family:Georgia, Tahoma, Verdana; font-size:14px !important; color:#477D2B; font-weight:bold; display:block; border-top:1px dashed #999; padding:10px 0 4px 0; margin-bottom:15px; }
.related dd { margin:5px 0; }
.related dd a { background:url("../../imagens/seta2.gif") 0px 5px no-repeat; margin:0; text-decoration:none; padding:0 0 0 10px; color:#125C94; }
.related dd a:hover { text-decoration:underline; color:#125C94; }
/****************************************************************/


/*..........GALERIA DE FOTOS..........*/
.paginacao { color:#666; width:100%;  border-top:1px solid #CCC; font-size:11px; padding:5px 0; margin:10px 0 20px 0; text-align:center; clear:both; display:table; }
.paginacao p a { background-color:#FFF; color:#666; background-color:#FFF; text-decoration:none; font-weight:normal; padding:0px 4px; margin:0 2px; display:inline; }
.paginacao p a:hover { background-color:#125C94; color:#FFF; text-decoration:none; }
.paginacao p span { background-color:#125C94; padding:0px 4px; color:#FFF; }
.paginacao h4 { float:left; font-size:11px; color:#666; font-weight:normal; margin-top:0px; }
.paginacao p { float:right; margin:0px; }


#estrutura_salas { border:none!important;}
#estrutura_salas .box { width:220px; display:block; background:#EEEEEE; border:1px solid #CCCCCC; margin:20px 0 0 0; padding:10px 10px 60px 10px!important; *padding:10px 10px 30px 10px!important;}
#estrutura_salas .result_capacidade { float:left;}
#estrutura_salas input { float:left;}
#estrutura_salas .box span {}
#estrutura_salas .box a {margin:0 auto;}
#estrutura_salas .item_box { display:block; height:20px; float:left; width:180px;}
#estrutura_salas label { display:table; float:left; margin:0 0 0 10px;} 

#estrutura_salas .nome_sala { margin:0 auto; clear:both; font-size:14px; font-weight:bold; font-family:"Trebuchet MS", "Times New Roman"; color:#003366;}
#estrutura_salas .titulo { background:#003366; padding:5px 10px; display:block; margin:10px 0 20px 0; width:200px;}
#estrutura_salas .titulo_estrutura { color:#FFFFFF; font-weight:bold;}
#estrutura_salas .titulo_capacidade { color:#FFFFFF; font-weight:bold; margin:0 0 0 100px;}

/*.......... COLUMN NAVIGATION ..........*/
.column { float:left!important; display:block;}
.column .menu { display:block; }

.column .menu li {}
* html .column .menu li { height:1%;}
.column .menu li a { display:block; width:165px; padding:6px 5px; background:#EFEFEF url("../../imagens/fundo_menu.jpg") bottom repeat-x; font:11px "Trebuchet MS"; font-weight:bold; color:#396F99; text-decoration:none;}
.column .menu li a:hover { color:#FFF; background:#7DA6CA;}

.column .menu li:hover ul li, .content .navigation li ul li:hover ul li  { text-align:left;}
.column .menu li:hover ul li a, .content .navigation li ul li:hover ul li a {display:block; width:165px; font:11px "Trebuchet MS"; font-weight:bold; color:#477D2B; background:#EFEFEF url(../../imagens/fundo_submenu.jpg) bottom repeat-x; padding:6px 5px;}
.column .menu li:hover ul li a:hover, .content .navigation li ul li:hover ul li a:hover  {color:#FFF; background:#6BBB40; }
/* Se tiver for 3 niveis >>>>> .column .menu li:hover ul li ul, .content .navigation li ul li:hover ul li ul { display:none;}*/

.column .menu li:hover ul { position:absolute; display:block; margin:-28px 0 0 175px;}
/* Se tiver for 3 niveis >>>>> .column .menu li ul li:hover ul { position:absolute; display:block; background-color:#56799B; margin:-23px 0 0 109px; padding:0;}*/

.column .menu li ul { display:none;}
/* Se tiver for 3 niveis >>>>> .column .menu li ul li ul { display:none;}*/

/*
MENU ANTIGO

ul.menu { position:absolute; top:156px; margin-left:0; z-index:300; }
.menu li a { width:165px; background:#EFEFEF url(../../imagens/fundo_menu.jpg) bottom repeat-x; font:11px "Trebuchet MS"; font-weight:bold; color:#125C94; display:block; text-decoration:none; color:#396F99; padding:6px 5px; }
.menu li a:hover { color:#FFF; background:#7DA6CA; }

ul.submenu { z-index:10; }
.submenu li a { width:165px; background:#EFEFEF url(../../imagens/fundo_submenu.jpg) bottom repeat-x; font:11px "Trebuchet MS"; font-weight:bold; display:block; text-decoration:none; color:#477D2B; padding:6px 5px; }
.submenu li a:hover { color:#FFF; background:#6BBB40; }

#menu1Container { position:absolute; margin-left:175px; top:27px; }
#menu2Container { position:absolute; margin-left:175px; top:55px; }
#menu3Container { position:absolute; margin-left:175px; top:83px; }
#menu4Container { position:absolute; margin-left:175px; top:111px; }
#menu5Container { position:absolute; margin-left:175px; top:139px; }
#menu6Container { position:absolute; margin-left:175px; top:167px; }
#menu7Container { position:absolute; margin-left:175px; top:195px; }
#menu8Container { position:absolute; margin-left:175px; top:223px; }
*/

.logomarca {}
.logomarca a { width:175px; height:155px; display:block; text-indent:-999999px; overflow:hidden; background:url(../imagens/logomarca.gif) center no-repeat; margin:-35px 0 0 0; }

/****************************************************************/





/*.......... POP UP ..........*/

.popup { z-index: 1000; }

/****************************************************************/



/*.......... IDIOMAS ..........*/
#home .idiomas { position:absolute; top:3px; margin-left:585px; *margin-left:405px; }
.content .idiomas { position:absolute; top:3px; margin-left:415px; }
.idiomas li { display:block !important; float:left !important; margin-right:5px; }

.wrap_principal { min-height:550px!important; display:block!important;}

/*.......... PAGINA DE LOGIN PARA CADASTRO DAS FOTOS ..........*/
.content_form #titulo { border:#999999 1px solid; margin:0 0 0 10px;}
.content_form #form_cadastro_contato { background:#EEEEEE; border:1px solid #CCCCCC; width:210px; padding:10px !important; float:left; margin:0 0 100px 0 !important;}
.content_form #form_cadastro_contato .sou_cadastrado { font-size:18px; color:#006699; font-family:"Trebuchet MS", "Times New Roman";}
.content_form #form_cadastro_contato .desc_cadastrado { font-family:"Trebuchet MS", "Times New Roman"; font-weight:bold; font-size:10px;}

.content_form .nao_cadastrado { width:180px; background:#EEEEEE; border:1px solid #CCCCCC; padding:10px; float:right;}
.content_form .link_nao_cadastrado a { color:#990000; font-weight:bold;}
.content_form .nao_sou_cadastrado {font-size:18px; color:#006699; font-family:"Trebuchet MS", "Times New Roman";}

/*.......... GALERIA DE FOTOS ..........*/

.content_galeria { width:470px;}
.envie_foto { width:222px; height:80px; display:table; margin:20px auto; clear:both;}
.content_galeria .list_fotos { width:470px; margin:0 0 0 7px !important;}
.content_galeria .list_fotos .item_galeria_fotos { float:left; margin:5px 0 0 5px; width:150px; height:160px; }
.content_galeria .list_fotos .item_galeria_fotos strong { list-style:none; float:left!important; padding:0 0 0 15px;}
.content_galeria .list_fotos .item_galeria_fotos img {}
.content_g aleria .list_fotos .item_galeria_fotos p { width:130px; padding:0 0 0 10px; font-family:"Trebuchet MS", "Times New Roman"; color:#003366; font-weight:bold;}



#material_salas span { display:block; margin:10px 0;}
.check {display:block; margin:0 0 5px 0!important;}
.check input { float:left; margin:0 0 0 0;}
.check label { margin:0 0 0 20px!important;} 

.titlo_participantes { background-color:#006699; color:#FFFFFF;}
.titlo_participantes label { text-align:center;}
.list_participantes { background:#EEEEEE; border:1px solid #CCCCCC;}
.cont_participantes { border:1px solid #CCCCCC; text-align:center;}
.bt_alterar {}
.bt_alterar a { background:url(../../imagens/bt_alterar.jpg) no-repeat; text-indent:-9999px; display:block; width:50px; height:19px; margin-top:15px!important;}
/*.......... GALERIA DE FOTOS INTERNAS ..........*/

.content_galeria { width:460px;}
.content_galeria .list_fotos { margin:0 0 0 20px;}
.content_galeria .list_fotos li { float:left; background:url(../../imagens/bg_fotos.jpg) no-repeat; width:146px; height:126px; }
.content_galeria .list_fotos li img { padding:24px 27px 27px 27px;}
.content_galeria .list_fotos li p { width:130px; padding:0 0 0 10px; font-family:"Trebuchet MS", "Times New Roman"; color:#003366; font-weight:bold;}


/*..... PAGINACÃO .....*/



/*.......... AJUSTE ..........*/
.ajuste { height:500px; float:right; }
.ajuste2 { height:100px; display:block; width:200px;}


/*.......... FOOTER ..........*/
.selo_melhor_resort { position:absolute; margin-top:-90px; margin-left:650px; }
.footer address { width:480px; float:left; margin:50px 0 12px 200px; font-style:normal; color:#435760; }
.selo_webroom { width:55px; margin:10px; float:right; }
.selo_webroom a { width:55px; height:21px; display:block; text-indent:-999999px; overflow:hidden; background:url(../../imagens/selo_webroom.gif) no-repeat; }
.menina_mergulho { background:url(../../imagens/menina.png) no-repeat; position:absolute; width:361px; height:317px; margin:-118px 0 0 -155px; *margin:-118px 0 0 -835px !important; _margin:-118px 0 0 -840px !important; float:left;}


/****************************************************************/

.error, .error:hover, .error:focus { color:#000; background:#FFF; border:2px solid #F00 !important; font-size:11px; padding:2px; }

.galeria_fotos li { margin:0; display:block; float:left; background:url(../../imagens/bg_fotos.jpg) no-repeat; width:106px; height:86px; padding:25px; }


.list_sala { margin:10px auto; display:table;}
.list_sala li { float:left;}
.list_sala li img { width:50px; height:50px; border:1px solid #006699; padding:2px; margin:0 3px;}
.capacidade { clear:both; font-size:12px; font-weight:bold; margin:0; padding:0;}
.bloco_sala { background-color:#CCCCCC;}
.bloco_sala .radio { margin:0 10px 0 0;}
.bloco_sala p { margin:0 !important; border:1px solid red;}
.descri_sala {clear:both; font-size:12px; font-weight:bold; margin:0; padding:0;}
.sub_materiais { color:#006699; font-size:11px; font-weight:bold; border-bottom:1px solid #006699; margin:15px 0;}

#bt_enviarContato { margin:10px 0;}




.content_upload { width:200px; float:left;}
.bloco_upload { width:280px; float:left;}
#GaleriaGrid { border:1px solid #666666; margin:20px 0 0 100px; clear:both; width:320px !important;}
#GaleriaGrid div { padding:5px; display:table;}


td div  { margin:0 0 0 10px;}
td a  { margin:0 0 0 10px;}
.descri_envie_foto { width:450px; margin:20px 0 0 15px;}

.departamentos {}
.block_input_departamentos { margin:5px 0 5px 0;}
.messagererror { color:#FF0000; margin:0 0 5px 0;}

