/*
Theme Name: TAM Viagens tableless
Theme URI: 
Description: The default tableless theme for TAM Viagens
Version: 1.0
Author: Wellington Rocha Parra | Email: wellington.parra@riosoft.com.br
Author URI: http://www.riosoft.com.br
*/


/*
+----------------------------------------------------------------+
	Reset CSS by Eric Meyer: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/															
+----------------------------------------------------------------+
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
body {line-height: 1;}
ol, ul {list-style: none;}
img, div { behavior: url("iepngfix.htc")!important; }

/*
+----------------------------------------------------------------+
	Extras															
+----------------------------------------------------------------+
*/
.clear {clear:both; overflow:hidden; font-size:0;}
.clearImg {clear:both; font-size:0;}
.alignleft {float:left}
.alignright {float:right}
div:after, ul:after, dl:after, dd:after, dt:after{clear:both; content:""; display:block; font-size:0; height:0; visibility:hidden;}
/*Limpar fluxo oculto para IE-mac \*/
* html div, * html ul, * html dl, * html dd, * html dt {height:1%;}
/* final hack IE-mac */
*:first-child+html div, *:first-child+html ul, *:first-child+html dl, *:first-child+html dd, *:first-child+html dt, *:first-child+html ol {height:auto; display: inline-block;}

/*
+----------------------------------------------------------------+
	Definicoes Gerais
+----------------------------------------------------------------+
*/
body {background:#FFFFFF url(../imagens/bgTamViagens.jpg) repeat-x center top; color:#000000; font:62.5% Tahoma, Verdana, Trebuchet MS, Arial;}
a {text-decoration:none}
h1, h2, h3, h4, h5, h6, strong {font-weight:700}
#main {width: 920px;margin-left: auto;margin-right: auto;margin-top: 30px;overflow: hidden;}
/*
+----------------------------------------------------------------+
	Header
+----------------------------------------------------------------+
*/
#header {clear:both; display:block; width:100%; height:53px; overflow:hidden;}
#header #tamlogo, #header #tamlogo img{width:146px; height:53px; float:left;}
#header .line{height:11px; width:774px; float:left;	display:block; overflow:hidden;}
#header #loginbuttons{height:21px; width:774px; float:left; display:block; overflow:hidden;}
/* ---User Logged In --- */
#header #loginbuttons #btnMyRegister, #header #loginbuttons #btnMyRegister img{width:135px; height:21px;}
#header #loginbuttons #btnMyRegister{float:right; margin-right:10px;}
#header #loginbuttons #btnMyCart, #header #loginbuttons #btnMyCart img{width:135px; height:21px;}
#header #loginbuttons #btnMyCart{float:right;margin-right:10px;}
#header #loginbuttons #loginMsg{width: 41px;height: 21px;float: right;}
#header #loginbuttons #LoginUsername{width: 168px;height: 23px;float: right;background-color: #0090cd;color: #FFF;font-family: Tahoma, Verdana, Trebuchet MS, Arial;font-size: 14px;font-weight: bold;padding-top: 1px;}
#header #loginbuttons #btnLogout, #header #loginbuttons #btnLogout img{width: 52px;height: 21px;float: right;}
#header #loginbuttons #btnLogout{float: right;}
/* ---User Not Logged In --- */
#header #loginbuttons #btnRegister, #header #loginbuttons  #btnRegister img{width: 127px;height: 21px;}
#header #loginbuttons #btnRegister{float: right;}
#header #loginbuttons #btnLogin, #header #loginbuttons #btnLogin img{width: 93px;height: 21px;}
#header #loginbuttons #btnLogin{float: right;margin-right: 10px;}
/* ---Navigation Buttons --- */
#header #navbuttons{height: 21px;width: 774px;float: left;display: block;overflow: hidden;}
#header #navbuttons #btnHome, #header #navbuttons #btnHome img{width: 181px;height: 21px;}
#header #navbuttons #btnHome{float: left;margin-left: 30px;}
#header #navbuttons #btnGoBack, #header #navbuttons #btnGoBack img{width: 181px;height: 21px;}
#header #navbuttons #btnGoBack{float: left;margin-left: 10px;}
/*
+----------------------------------------------------------------+
	Content
+----------------------------------------------------------------+
*/
#content{width: 100%;clear: both;display: block;overflow: hidden;margin: 30px 0px 30px 0px;}
/*
+----------------------------------------------------------------+
	Footer
+----------------------------------------------------------------+
*/
#footer{width: 100%;height: 120px;clear: both;display: block;overflow: hidden;}
#footer #companyLabels{height: 21px;width: 100%;clear: both;display: block;overflow: hidden;}
#footer #companyLabels #tamlabel, #footer #companyLabels #tamlabel img{width: 181px;height: 21px;}
#footer #companyLabels #tamlabel{float: left;}
#footer #companyLabels #empresalabel, #footer #companyLabels #empresalabel img{width: 180px;height: 21px;}
#footer #companyLabels #empresalabel{float: left;margin-right: 10px;}
#footer #footerBottom{width: 100%;height: 98px;margin-top: 20px;overflow: hidden;}
#footer #atendimento{width: 145px;height: 78px;float: left;overflow: hidden;background-color: #0086c5;}
#footer #atendimento .atdheader, #footer #atendimento .atdcontent, #footer #atendimento .atdfooter{width: 145px;display: block;clear: both;}
#footer #atendimento .atdheader{height: 25px;background-image: url(../imagens/atend_01.gif);background-repeat: no-repeat;}
#footer #atendimento .atdcontent{height: 35px;background-color: #0087c5; color: #FFF; font-size: 12px; text-align: left; padding-left: 15px; padding-top: 2px; line-height: 16px;}
#footer #atendimento .atdfooter{height: 16px;background-image: url(../imagens/atend_03.gif);background-repeat: no-repeat;}
#footer #avisos{width: 644px;height: 83px;float: left;padding: 15px 0px 0px 15px;}
#footer #avisos span.links,#footer #avisos span.links a{color: #0090cd;font-size: 11px;font-weight: bold;line-height: 1.5em;text-decoration: none;}
#footer #avisos span.links a:hover{text-decoration: underline;}
#footer #avisos span.copyright,#footer #avisos span.textoavisos{color: #7d7d7d;font-size: 10px;text-decoration: none;}
#footer #unicertlogo, #footer #unicertlogo img{width: 106px;height: 53px;}
#footer #unicertlogo{float: right;margin-top: 15px;}
/*
+----------------------------------------------------------------+
	MsgBox
+----------------------------------------------------------------+
*/
div.MsgBox{ margin-left: auto; margin-right: auto; display: block; clear: both; background: #FFF url(../imagens/bg_msgbox.gif) repeat-x left bottom; width: 400px; }
div.MsgBoxTop, div.MsgBoxFooter { width: 100%; clear: both; display: block; height: 9px; background-image: url(../imagens/msgbox_topbottom.png); background-repeat: no-repeat;}
div.MsgBoxTop {background-position: left bottom;}
div.MsgBoxFooter {background-position: left top;}
div.MsgBoxContent{ clear: both; display: block; padding: 10px; font-family: Tahoma, Verdana, Arial; color: #4e4e4e; font-size: 15px; text-align: center; height:200px; vertical-align:middle; }
div.MsgBoxContent div.MsgTituloErro, div.MsgBoxContent div.MsgTituloAviso { left: -10px; position: relative; width: 89px; height: 34px; float: left; background-repeat: no-repeat; background-position: left top;  }
div.MsgBoxContent div.MsgTituloErro { background-image: url(../imagens/tt_msgbox_erro.png);}
div.MsgBoxContent div.MsgTituloAviso { background-image: url(../imagens/tt_msgbox_aviso.png);}
div.MsgBoxContent div.MsgBoxBotaoFechar { width: 16px; height: 18px; float: right; }
/*
+----------------------------------------------------------------+
	Outros
+----------------------------------------------------------------+
*/
div.dropdownbutton,div.dropdownbutton img{width: 20px;height: 21px;}
div.calendar,div.calendar img{width: 32px;height: 28px;}
div.calendar{position: relative;top: -5px;}
input[type=text],input[type=password],select,.textbox,.textbox_error{border: none;border-width:0;height:16px;background-position: top left;background-repeat: repeat-x;font-family: Tahoma, Vernana, Trebuchet MS, Arial;font-size: 10px;padding: 5px 3px 0px 3px;margin: 0;}


.textbox{color: #747474;background-image: url(../imagens/bg_input.gif);}
.textbox_error{background-image: url(../imagens/bg_input_red.gif);color: #FF0000;}

.textarea{ color: #747474; background-image: url(../imagens/bg_inputarea.png); border: none;border-width:0;background-position: top left;background-repeat: repeat-x;font-family: Tahoma, Vernana, Trebuchet MS, Arial;font-size: 10px;padding: 5px 3px 0px 3px;margin: 0;overflow: auto;}

.floatLeft{float: left;}
.floatRight{float: right;}

.textaligncenter{text-align: center;}

.marginTop10{margin-top: 10px;}
.marginTop20{margin-top: 20px;}
.marginTop30{margin-top: 30px;}
.marginLeft5{margin-left: 5px;}
.marginLeft10{margin-left: 10px;}

.paddingLeft5{padding-left: 5px;}
.paddingLeft10{padding-left: 10px;}
.paddingRight5{padding-right: 5px;}
.paddingRight10{padding-right: 10px;}

/*
+----------------------------------------------------------------+
	jquery radiobutton checkbox
+----------------------------------------------------------------+
*/
.jquery-checkbox{display: inline;font-size: 15px;line-height: 15px;cursor: pointer;}
.jquery-checkbox .mark{display: inline;}
.jquery-checkbox img{vertical-align: middle;width: 15px;height: 15px;margin-right: 3px;vertical-align: bottom;}
.jquery-checkbox img{background: transparent url(../imagens/radiobutton.png) no-repeat;}
.jquery-checkbox img{background-position: 0px 0px;}
.jquery-checkbox-hover img{background-position: 0px 0px;}
.jquery-checkbox-checked img{background-position: 0px -16px;}
.jquery-checkbox-checked .jquery-checkbox-hover img{background-position: 0px -16px;}
.jquery-checkbox-disabled img{background-position: 0px -32px;}
.jquery-checkbox-checked .jquery-checkbox-disabled img{background-position: 0px -48px;}


/*
+----------------------------------------------------------------+
	Utils
+----------------------------------------------------------------+
*/

.upper
{
	text-transform: uppercase;
}

.lower
{
	text-transform: lowercase;
}


/*
+----------------------------------------------------------------+
	Outros
+----------------------------------------------------------------+
*/


#cadastroform{width: 100%;}
#cadastroform #cadastrotop{width: 100%; height: 15px; float: left; background-image: url(../imagens/border_formcadastro_x.png); background-repeat: no-repeat; background-position: left top;}
#cadastroform #cadastrocontent{float: left; width: 100%;background-image: url(../imagens/border_formcadastro_y.png); background-repeat: repeat-y; background-position: top left; padding: 30px 15px; font-size: 11px; color:#6a6868;}
#cadastroform #cadastrocontent #formtitle {left: -10px; position: relative; margin-bottom: 30px;}
#cadastroform #cadastrocontent .labelfield {font-size: 15px; color: #6a6868;}
#cadastroform #cadastrocontent .linhadivisoria {width: 100%; height:2px; text-align: center; margin-top: 15px; margin-bottom: 15px; background-image: url(../imagens/linhadivisoria.gif); background-position:top center; background-repeat: no-repeat; clear: both; display: block;}
#cadastroform #cadastrocontent p{margin-left: 10px;}
#cadastroform #cadastrocontent .actionbuttons {height: 21px; margin: 15px; float: right; margin-right: 30px;}
#cadastroform #cadastrobottom{width: 100%; height: 15px; background-image: url(../imagens/border_formcadastro_x.png); background-repeat: no-repeat; background-position: left bottom; clear: both; display: block;}


#descrhotelform{width: 100%;}
#descrhotelform #descrhoteltop{width: 100%; height: 15px; float: left; background-image: url(../imagens/border_formcadastro_x.png); background-repeat: no-repeat; background-position: left top;}
#descrhotelform #descrhotelcontent{float: left; width: 100%;background-image: url(../imagens/border_formcadastro_y.png); background-repeat: repeat-y; background-position: top left; padding-top: 30px; padding-left: 15px; font-size: 11px; color:#6a6868;}
#descrhotelform #descrhotelcontent #formtitle {left: -10px; position: relative; margin-bottom: 30px;}
#descrhotelform #descrhotelcontent .labelfield {font-size: 15px; color: #6a6868;}
#descrhotelform #descrhotelcontent .linhadivisoria {width: 100%; height:2px; text-align: center; margin-top: 15px; margin-bottom: 15px; background-image: url(../imagens/linhadivisoria.gif); background-position:top center; background-repeat: no-repeat; clear: both; display: block;}
#descrhotelform #descrhotelcontent p{margin-left: 10px;}
#descrhotelform #descrhotelcontent .actionbuttons {height: 21px; margin: 15px; float: right; margin-right: 30px;}
#descrhotelform #descrhotelbottom{width: 100%; height: 15px; background-image: url(../imagens/border_formcadastro_x.png); background-repeat: no-repeat; background-position: left bottom; clear: both; display: block;}

.w10{width: 10px;}
.w20{width: 20px;}
.w30{width: 30px;}
.w40{width: 40px;}
.w50{width: 50px;}
.w60{width: 60px;}
.w70{width: 70px;}
.w80{width: 80px;}
.w90{width: 90px;}
.w100{width: 100px;}
.w110{width: 110px;}
.w120{width: 120px;}
.w130{width: 130px;}
.w140{width: 140px;}
.w150{width: 150px;}
.w160{width: 160px;}
.w170{width: 170px;}
.w180{width: 180px;}
.w190{width: 190px;}
.w200{width: 200px;}

.bgColor1{background-color: #0086C5;}
.bgColor2{background-color: #D32329;}
.bgColor3{background-color: #D32329;}

/*------------ TEXTOS DE AVISOS --------------*/
.txtAvisos,a.txtAvisos:link,a.txtAvisos:active,a.txtAvisos:visited{ font-family: Tahoma; color:#646464; font-size:11px; }
a.txtAvisos:hover{color:#646464; text-decoration:underline;}

/*------------ TEXTOS BRANCOS --------------*/
.txtBranco,a.txtBranco:link,a.txtBranco:active,a.txtBranco:visited{ font-family: Tahoma; color:#FFFFFF; font-size:12px; }
a.txtBranco:hover{color:#7d7d7d; text-decoration:underline;}

/*------------ TEXTOS DO MENU COM LINKS AZUL & NEGRITO --------------*/
.txtAzul,a.txtAzul:link,a.txtAzul:active,a.txtAzul:visited{ font-family: Tahoma; color:#0090cd; font-size:11px; font-weight:bold; }
a.txtAzul:hover{color:#0090cd;font-weight:bold;}

/*------------ TEXTOS DE MENU CINZA --------------*/
.txtMenuCz,a.txtMenuCz:link,a.txtMenuCz:active,a.txtMenuCz:visited{ font-family: Tahoma; color:#7a7a7a; font-size:12px; font-weight:bold;}
a.txtMenuCz:hover{color:#7a7a7a; text-decoration:underline;}
	
/*------------ TEXTOS BRANCO --------------*/
.txtBranco,a.txtBranco:link,a.txtBranco:active,a.txtBranco:visited{ 
	font-family: Tahoma; color:#FFFFFF; font-size:13px; }
a.txtBranco:hover{
	color:#FFFFFF; text-decoration:underline;}	
	
/*------------ TEXTOS CINZA --------------*/
.txtCinza,a.txtCinza:link,a.txtCinza:active,a.txtCinza:visited{ 
	font-family: Tahoma; color:#4e4e4e; font-size:15px; }
a.txtCinza:hover{
	color:#4e4e4e; text-decoration:underline;}		


/*------------ TEXTOS CALENDÁRIO AZUL --------------*/
.txtCalendAzul,a.txtCalendAzul:link,a.txtCalendAzul:active,a.txtCalendAzul:visited{ 
	font-family: Tahoma; color:#0090cd; font-size:11px; }
a.txtCalendAzul:hover{
	color:#7d7d7d; text-decoration:underline;}
	
/*------------ TEXTOS CALENDÁRIO VERMELHO --------------*/
.txtCalendVerm,a.txtCalendVerm:link,a.txtCalendVerm:active,a.txtCalendVerm:visited{ 
	font-family: Tahoma; color:#d32329; font-size:11px; }
a.txtCalendVerm:hover{
	color:#7d7d7d; text-decoration:underline;}
input.txtCalendVerm{
	border:none; background-image:url(../imagens/calendar/fd.jpg); background-repeat:repeat-x;}
	
/*------------ TEXTOS CALENDÁRIO DIAS CINZA --------------*/
.txtCalendDias,a.txtCalendDias:link,a.txtCalendDias:active,a.txtCalendDias:visited{ 
	font-family: Tahoma; color:#4e4e4e; font-size:11px; }
a.txtCalendDias:hover{
	color:#4e4e4e; text-decoration:underline;}
	
/*------------ TEXTOS CALENDÁRIO DIAS BRANCO --------------*/
.txtCalendDiasBr,a.txtCalendDiasBr:link,a.txtCalendDiasBr:active,a.txtCalendDiasBr:visited{ 
	font-family: Tahoma; color:#FFFFFF; font-size:11px; }
a.txtCalendDiasBr:hover{
	color:#FFFFFF; text-decoration:underline;}



/*------------ LISTAGEM DE HOTEIS - NAVEGAO --------------*/
.navegacao{
	float:none;
}

.ItemNav {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	width:22px;
	height:22px;
	text-decoration:none;
	text-align:center;
	outline:none;
	cursor:pointer;
	padding-right:20px;
}

.ItemPaginacao {
	background:url(../imagens/fd_paginacao.jpg) no-repeat;
	display:inline;
	width:22px;
	height:22px;
}

.ItemLink {
	font-family: Tahoma;
	font-size:14px;
	color:#646464;
	cursor:pointer;
	padding-right:12px;
	padding-left:8px;
	text-decoration:none;
	outline:none;
	display:inline;
}

.ItemPaginacaoHig {
	background:#FFFFFF;
	display:inline;
	font-family: Tahoma;
	font-size:14px;
	font-weight:bold;
	width:22px;
	height:22px;
	cursor:pointer;
	padding-right:12px;
	padding-left:8px;
	padding-bottom:4px;
	
	text-decoration:none;	
	outline:none;
}

.txtBlack {
 font-family: Tahoma;
 color:#FFFFFF;
 text-decoration:none;
 font-size:11px;
}


/*------------ LISTAGEM DE VOOS --------------*/
.itemVooSelected{font-family:Tahoma;color:#FFF;font-size:12px;background-color:#6f1316;}
.itemVooSelected a{color:#FF0 !important;/*cursor:help;*/}
.itemVooDeselected{background-color:#D32329;}
.itemVooDeselected a{color:#cb1e25 !important;/*cursor:help;*/}
.itemVooCorClara{background-color:#ececec;}
.itemVooCorClara a{color:#cb1e25 !important;/*cursor:help;*/}
.itemVooCorEscura{background-color:#dfdfdf;}
.itemVooCorEscura a{color:#cb1e25 !important;/*cursor:help;*/}
/*------------ TROCAR DESTINO --------------*/
/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {background-color:#fff;}
#simplemodal-container a.modalCloseImg {background:url(../imagens/imgX.jpg) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:20px; right:12px; cursor:pointer;}
#simplemodal-container #basicModalContent {padding:1px;}

/*DETALHES DO HOTEL*/
#detalheshotelform{width: 100%;}
#detalheshotelform #formtop{width: 100%; height: 15px; float: left; background-image: url(../imagens/border_formcadastro_x.png); background-repeat: no-repeat; background-position: left top;}
#detalheshotelform #formcontent{float: left; width: 100%;background-image: url(../imagens/border_formcadastro_y.png); background-repeat: repeat-y; background-position: top left; padding-top: 10px; padding-left: 15px; font-size: 11px; color:#6a6868;}
#detalheshotelform #formcontent #formtitle {left: -10px; position: relative; margin-bottom: 20px;}
#detalheshotelform #formcontent .labelfield {font-size: 15px; color: #6a6868;}
#detalheshotelform #formcontent p{margin-left: 10px;}
#detalheshotelform #formcontent .actionbuttons {height: 21px; margin: 15px; float: right; margin-right: 30px;}
#detalheshotelform #formbottom{width: 100%; height: 15px; background-image: url(../imagens/border_formcadastro_x.png); background-repeat: no-repeat; background-position: left bottom; clear: both; display: block;}

#detalheshotelform #formcontent #quartoscontent {width: 510px; float: right; overflow: hidden;}
#detalheshotelform #formcontent #quartoscontent .quartosform{width: 420px; margin: 10px; padding: 20px; background-color: #d5d3d4; clear: both; display: block;}
#detalheshotelform #formcontent #quartoscontent .quartosform .linhadivisoria {width: 100%; height:2px; text-align: center; background-image: url(../imagens/linhadivisoria_w415.gif); background-position:top center; background-repeat: no-repeat; clear: both; display: block;}
#detalheshotelform #formcontent #quartoscontent .redlabel { width: 440px; background-color: #d32228; font-size: 14px; color: #FFFFFF; padding: 2px 10px 2px 10px; margin: 0px 10px 10px 10px;}
#detalheshotelform #formcontent #quartoscontent .divbotoes { width: 460px; font-size: 13px; color: #000000; padding: 0px 0px 0px 0px; margin: 0px 10px 10px 10px;}
#detalheshotelform #formcontent #quartoscontent .bluelabel { width: 60px; background-color: #0090cd; font-size: 12px; color: #FFFFFF; padding: 3px 10px 3px 10px; float: left; }
#detalheshotelform #formcontent #quartoscontent .quartosinfo span { width: 300px; padding: 3px 0px 3px 10px; float: left;}
#detalheshotelform #formcontent #quartoscontent .quartosform table.listaquartos{ width: 100%; }
#detalheshotelform #formcontent #quartoscontent .quartosform table.listaquartos thead th{ color: #d32228; font-size: 12px; }
#detalheshotelform #formcontent #quartoscontent .quartosform table.listaquartos tbody td{ font-size: 12px; }

#detalheshotelform #formcontent #hotelcontent{width: 330px; float: left; margin-left: 20px;}
#detalheshotelform #formcontent #hotelcontent #hotelname{ font-size: 12px; font-weight: bold;}
#detalheshotelform #formcontent #hotelcontent #hoteladdress{font-size: 11px;}
#detalheshotelform #formcontent #hotelcontent #hotelpicture{ width: 320px; height: 270px; padding: 6px; background-image: url(../imagens/bg_fundo.png); background-repeat: no-repeat; background-position: left top;}
#detalheshotelform #formcontent #hotelcontent #hotelpicture img{ width: 320px; height: 270px;}
#detalheshotelform #formcontent #hotelcontent #hoteldetails{font-size: 12px; text-align: justify;}
#detalheshotelform #formcontent #hotelcontent #hotelmoreinfo{ font-size: 11px; font-weight: bold;}
#detalheshotelform #formcontent #hotelcontent #hotelmoreinfo a { color: #0090cd; text-decoration: none; }
#detalheshotelform #formcontent #hotelcontent #hotelmoreinfo a:hover { text-decoration: underline; }

/*INFORMAÇÕES ADICIONAIS*/
#ve_table {width:173px; border:none;}
#ve_table #ve_middle {background:#dff2ff url(../imagens/ve_box_middle.png) left top repeat-x; width:173px; height:auto; font-size:11px; vertical-align:top;}
#ve_table #ve_middle #overlay {position:relative; width:100%; height:2px; z-index:1; margin-top:-2px; background-color:#f1f9ff; }
#ve_table #ve_middle span.qtd {font-weight:bold; color:#D32228;}

#msg_box {position:relative; width:100%; height:auto; z-index:1;}
#msg_box #top {width:100%; height:auto;  margin-left: 0px; *margin-left: 1px;}
/*Hack IE6,7,8, Chrome, Firefox*/
#msg_box #middle {width:100%;height:auto;background: url(../imagens/box_msg_banner_bg.png) 25px top repeat-y;top:-2px;position:relative;margin-left: 1px;*margin-left: 0px;*background: url(../imagens/box_msg_banner_bg.png) 27px top repeat-y;top:-2px;*margin-top: 2px;}
/*Hack Firefox, IE7*/
#msg_box #middle, x:default {width:100%;height:auto;background: url(../imagens/box_msg_banner_bg.png) 25px top repeat-y;top:-2px;position:relative;margin-left: 0px;top:-2px;*background: url(../imagens/box_msg_banner_bg.png) 27px top repeat-y;}
/*Hack IE6,7,8, Chrome, Firefox*/
#msg_box #bottom {width:100%;height:auto;top:-2px;*top:-2px;position:relative;_padding-left: 1px;*padding-left:1px;}
#msg_box #middle #ico {width:70px;float:left;padding-left:50px;height:auto;}
#msg_box #middle #tit {height:auto;float:left;vertical-align:middle;font-weight:bold;color:#d32228;text-transform:uppercase;font-size:13px;padding-top:10px;}
#msg_box #middle #text {height:auto;float:left;width:650px;text-align:justify;vertical-align:middle;font-size:13px;padding:10px 0 15px 0;}


@media screen and (-webkit-min-device-pixel-ratio:0)
#msg_box #top {}

/*
AJUSTA IE7, Chrome, Forefox
Ñ AJUSTA IE8
#msg_box {position:relative; width:100%; height:auto; z-index:1;}
#msg_box #top {width:100%; height:auto; padding-left: 1px;}
#msg_box #middle {width:100%; height:auto; background: url(../imagens/box_msg_banner_bg.png) repeat-y; top:-2px; *top:0px; position:relative;background-position: 26px top;*background-position: 27px top;}
#msg_box #bottom {width:100%; height:auto; top:-2px; *top:0px; position:relative; padding-left: 1px; _padding-left: 1px; *padding-left: 1px;}
#msg_box #middle #ico {width:70px; float:left; padding-left:50px; height:auto;}
#msg_box #middle #tit {height:auto; float:left; vertical-align:middle; font-weight:bold; color:#d32228; text-transform:uppercase; font-size:13px; padding-top:10px;}
#msg_box #middle #text {height:auto; float:left; width:650px; text-align:justify; vertical-align:middle; font-size:13px; padding:10px 0 15px 0;}
*/

/* ---------------------------------------------------------------------------------------------------------
   CSS que gera uma tooltip para um derterminado texto com fundo com imagem em uma unica linha
   -------------------------------------------------------------------------------------------------------- */
a.tooltipMini{ position:relative; padding:0; text-decoration:none; z-index:50; font-weight:bold; }
a.tooltipMini:hover{ background:transparent; z-index:55; }
a.tooltipMini span{ display:none; }
a.tooltipMini:hover span{ display:block; position:absolute; height:15px; top:1em; text-align:justify; left:2em; font: 11px Tahoma, Verdana, Trebuchet MS, Arial;  padding:3px; background:#ffffff; border-left: 1px solid #E8E8E8; border-right: 1px solid #E8E8E8; color:#6c6c6c; background-image: url(../imagens/bg_input.gif);}

/* ---------------------------------------------------------------------------------------------------------
   CSS que gera uma tooltip para um derterminado texto com fundo com imagem em uma unica linha
   -------------------------------------------------------------------------------------------------------- */
a.tooltipBig{position:relative; padding:0;text-decoration:none;z-index:55;font-weight:bold;}
a.tooltipBig:hover{background:transparent;z-index:55; }
a.tooltipBig span{display:none;}
a.tooltipBig:hover span{display:block;position:absolute;width:120px;top:1em;text-align:center;left:-10em;font: 11px Tahoma, Verdana, Trebuchet MS, Arial; padding:5px;background:#ffffff; border: 1px solid #E8E8E8;color:#6c6c6c;background-image: url(../imagens/bg_inputarea.png); z-index:55;}