/* CSS Document */
/* Definições de formatação CSS para site Viamais */

/* Link padrão */
a{
	color:#858585;
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:12px;
	border-bottom: #858585 dotted 1px;
	text-decoration:none;
}

a:active{
	color:#858585;
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:12px;
	border-bottom: #858585 dotted 1px;
}

a:visited{
	color:#FF0909;
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:12px;
	border-bottom: #858585 dotted 1px;
}

a:hover{
	color:#858585;
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:12px;
	border-bottom: #858585 dotted 1px;
	background:#EBCD21;
}

/* Links de planos de hospedagem */
a.hospedagem:link{
	color:#FFFFFF;
	font-weight:bold;
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:12px;
	border-bottom: #858585 dotted 1px;
	text-decoration:none;
}

a.hospedagem:active{
	color:#FFFFFF;
	font-weight:bold;
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:12px;
	border-bottom: #858585 dotted 1px;
}

a.hospedagem:visited{
	color:#FFFFFF;
	font-weight:bold;
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:12px;
	border-bottom: #858585 dotted 1px;
}

a.hospedagem:hover{
	color:#FFFFFF;
	font-weight:bold;
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:12px;
	border-bottom: #858585 dotted 1px;
	background:#EBCD21;
}

/* Links do menu */
a.menu:link{
	color:#5499ED;
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:18px;
	text-decoration:none;
}

a.menu:active{
	color:#5499ED;
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:18px;
	text-decoration:none;
}

a.menu:visited{
	color:#5499ED;
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:18px;
	text-decoration:none;
}

a.menu:hover{
	color:#5499ED;
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:18px;
	background:#EBCD21;
	text-decoration:none;
}

/* Links diferenciados */
a.link:link{
	color:#000000;
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:12px;
	text-shadow:#000000;
	text-decoration:none;
}

a.link:active{
	color:#000000;
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:12px;
	text-shadow:#000000;
	text-decoration:none;
}

a.link:visited{
	color:#1F60A7;
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:12px;
	text-shadow:#000000;
	text-decoration:none;
}

a.link:hover{
	color:#000000;
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:12px;
	border-bottom: #858585 dotted 1px;
	text-shadow:#000000;
	text-decoration:none;
	background:#5097E4;
}

a.rodape:link{
	color:#5499ED;
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:10px;
	text-decoration:none;
	border:none;
}

a.rodape:active{
	color:#5499ED0;
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:10px;
	text-decoration:none;
	border:none;
}

a.rodape:visited{
	color:#5499ED;
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:10px;
	text-decoration:none;
	border:none;
}

a.rodape:hover{
	color:#5499ED;
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:10px;
	border-bottom: #5499ED dotted 1px;
	text-decoration:none;
	background:#CBDFF5;
}

.negrito{
	font-weight:bold;
}

.coolBlue{
	font-weight:bold;
	color:#40A6E3;
}

/* Formata corpo HTML */
html, body{
	margin:0px;
	background:url(../images/background.jpg) top no-repeat;
    background-color:#3e3e3e;
	padding:0px;
	border:0px;
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:12px;
}

h1{
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:14px;
	font-weight:bold;
}

/* Formata o posicionamento da site */
#principal{
	position:relative;
	width:770px;
	left:50%;
	margin-left:-385px;
}

#topo{
	width:770px;
	height:250px;
	background:url(../images/cabecalho2.jpg) no-repeat top;
}

#menu_superior{
	float:left;
	height:25px;
	width:770px;
	text-align:right;
	background:url(../images/menu_header.jpg) center;
}

#corpo{
	width:760px;
	padding: 5px;
	float: left;
	height: 100%;
	background:url(../images/corpo.jpg) no-repeat top;
	background-color: white;
}

#rodape{
	clear:both;
	float:left;
	width:100%;
	height:90px;
	text-align:center;
	font-size:10px;
	background:url(../images/rodape.jpg) center no-repeat;
}

/* Gerenciamento do espaço para conteúdo */
.conteudo_direito{
	width:190px;
	height:550px;
	float:right;
	background:url(../images/conteudo_fixo.jpg) no-repeat center;
}

.conteudo_direito p{
	width:150px;
	padding-left:15px;
	text-align:center;
}

.conteudo_esquerdo{
	width:565px;
	float:left;
	margin:0px;
	padding:0px;
}

/* Formata div's para conteúdo principal */
.conteudo{
	width: 550px;
	border-bottom: 1px double #2E2E2E;
	border-top: 1px solid #2E2E2E;
	border-left: 1px double #2E2E2E;
	border-right: 1px double #2E2E2E;
	margin-bottom:10px;
	background:#FFFFFF;
    padding-left:0.5px;
    padding-right:0.2px;
}

.conteudo h1{
	width:100%;
	font-family:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:14px;
	font-weight:bold;
	text-shadow:#CCCCCC;
	background: #2E2E2E;
	color:#FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	margin:0px;
}

.conteudo ul{
	padding: 0px;
	padding-left: 15px;
	border: 0px;
}

/* Padroniza campos de formulário */
.textfieldNoFocus{
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:12px;
	color:#999999;
	background-color:#F8F8F8;
	border-color:#000000;
	border-style:solid;
	border-collapse:separate;
	border-spacing:inherit;
	border-width:1px;
	margin-bottom:1px;
	margin-top:1px;
	z-index:2;
}

.textfieldFocus{
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:12px;
	color:#000000;
	background-color:#DDDDDD;
	border-color:#000000;
	border-style:solid;
	border-collapse:separate;
	border-spacing:inherit;
	border-width:1px;
	margin-bottom:1px;
	margin-top:1px;
	z-index:2;
}

.comboboxNoFocus{
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:12px;
	color:#999999;
	background-color:#F8F8F8;
	border-color:#000000;
	border-style:solid;
	border-collapse:separate;
	border-spacing:inherit;
	border-width:1px;
	overflow:auto;
	overflow-x:hidden;
	text-align:justify;
	margin-bottom:1px;
	margin-top:1px;
	z-index:1;
}

.comboboxFocus{
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:12px;
	color:#000000;
	background-color:#DDDDDD;
	border-color:#000000;
	border-style:solid;
	border-collapse:separate;
	border-spacing:inherit;
	border-width:1px;
	overflow:auto;
	overflow-x:hidden;
	text-align:justify;
	margin-bottom:1px;
	margin-top:1px;
	z-index:1;
}

.textareaNoFocus{
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:12px;
	color:#999999;
	background-color:#F8F8F8;
	border-color:#000000;
	border-style:solid;
	border-collapse:separate;
	border-spacing:inherit;
	border-width:1px;
	overflow:auto;
	overflow-x:hidden;
	text-align:justify;
	margin-bottom:1px;
	margin-top:1px;
	z-index:2;
}

.textareaFocus{
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:12px;
	color:#000000;
	background-color:#DDDDDD;
	border-color:#000000;
	border-style:solid;
	border-collapse:separate;
	border-spacing:inherit;
	border-width:1px;
	overflow:auto;
	overflow-x:hidden;
	text-align:justify;
	margin-bottom:1px;
	margin-top:1px;
	z-index:2;
}

.buttonNoFocus{
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:12px;
	color:#999999;
	font-weight:bold;
	background-color:#F8F8F8;
	border-color:#000000;
	border-style:solid;
	border-collapse:separate;
	border-spacing:inherit;
	border-width:1px;
	cue-after:inherit;
	margin-bottom:1px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	z-index:2;
}

.buttonFocus{
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	background-color:#DDDDDD;
	border-color:#000000;
	border-style:solid;
	border-collapse:separate;
	border-spacing:inherit;
	border-width:1px;
	cue-after:inherit;
	margin-bottom:1px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	z-index:2;
}

.radioNoFocus{
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:12px;
	color:#999999;
	margin-bottom:1px;
	margin-top:1px;
	z-index:2;
}

.radioFocus{
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	margin-bottom:1px;
	margin-top:1px;
	z-index:2;
}

.checkboxNoFocus{
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:12px;
	color:#999999;
	margin-bottom:1px;
	margin-top:1px;
	z-index:2;
}

.checkboxFocus{
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	margin-bottom:1px;
	margin-top:1px;
	z-index:2;
}

.imputfileNoFocus{
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:12px;
	color:#999999;
	background-color:#F8F8F8;
	border-color:#000000;
	border-style:solid;
	border-collapse:separate;
	border-spacing:inherit;
	border-width:1px;
	margin-bottom:1px;
	margin-top:1px;
	z-index:2;
}

.imputfileFocus{
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:12px;
	color:#000000;
	background-color:#DDDDDD;
	border-color:#000000;
	border-style:solid;
	border-collapse:separate;
	border-spacing:inherit;
	border-width:1px;
	margin-bottom:1px;
	margin-top:1px;
	z-index:2;
}

/* Customização de erros de validação JavaScript */
#erroLayer{
	position: fixed;
	left: 50%;
	width: 400px;
	margin-left: -200px;
	background-color: #D0EDFD;
	border: 2px solid #3399FF;
	color: #000;
	padding: 0 0 5px 1em;
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size: small;
	text-align: left;
	z-index:1000;
}

#erroLayer h3{
	position:relative;
	background-color: #FF9D93;
	margin: 0 0 0.5em -0.5em;
	padding: 0.5em 1em;
	width:100%;
}

#erroLayer ol{
	margin: 0 0 5px;
	padding: 0;
	list-style-position: inside;
	list-style-type: decimal;
	line-height: 1.5em;
}

#erroLayer input{
	position:static;
	width: 65px;
	font-weight: bold;
	padding: 0px;
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	margin: 0px;
	z-index:1500;
}

#erroLayerTitulo{
	width:101%;
	text-align:justify;
	padding:6px;
	margin:0px;
	margin-left:-14px;
	margin-bottom:3px;
	background-color:#3399FF;
	z-index:1600;
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:14px;
	font-weight:bold;
}

#erroLayerButton{
	width:65px;
	text-align:center;
	padding:7px;
	border:1px solid #3399FF;
	left:50%;
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	font-size:14px;
	font-weight:bold;
	background-color:#76AFEF;
}

#bodyOverlay{ 
    position:fixed;
    left:0;        
    top:0;
    width:120%;
    height:120%;
    background-color:#000000;    
    z-index:500;    
   /* filter:alpha(Opacity=60);*/
    -moz-opacity : 0.6;
}

/* Personalizaçãoo de tabelas */
.main_table {
	BACKGROUND: #FFFFFF;
	COLOR: #000000;
	BORDER-RIGHT: #CECEDE 1px solid;
	BORDER-TOP: #CECEDE 1px solid;;
	BORDER-LEFT: #CECEDE 1px solid;
	BORDER-BOTTOM: #DEDEDE 1px solid;
	FONT: 11px Verdana;
}
.tab_header_cell {
	BBACKGROUND: #DCDCC5;
	BACKGROUND: #D9DAD5;
	COLOR: #000000;
	BORDER-RIGHT: #9E9E9E 1px solid;
	BORDER-TOP: #BEBEBE 0px solid;;
	BORDER-LEFT: #BEBEBE 0px solid;
	BORDER-BOTTOM: #9E9E9E 1px solid;
	FONT: 10px Verdana;
	FONT-WEIGHT: normal;
}

/* Customização da camada de erro no PHP */
.errophp{
	position:relative;
	width:400px;
	left:50%;
	margin-left:-200px;
	border:#13348A solid 1px;
	background:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	z-index:100;
}

.errophp h1{
	width:100%;
	background:#13348A;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	margin:0px;
}

/* Customização de tabelas promocionais para hospedagem */
.tabela_externa{
	border:#4A4A4A 2px solid;
	background:#FFFFFF;
	text-align:left;
}

.tabela_cabecalho{
	border:#FFFFFF 1px solid;
	background:#0B449B;
	text-align:left;
}

.tabela_interno{
	border:#4A4A4A 1px solid;
	background:#FFFFFF;
	text-align:left;
}

.tabela_quebra{
	background:#B1B1B1;
	border:#4A4A4A 1px solid;
	text-align:left;
}

.tabela_assine{
	color:#FFFFFF;
	background:#FF0000;
	text-align:left;
	font-weight:bold;
}

.tabela_linha{
	background:#E8E8E8;
}

.white{
	color:#FFFFFF;
}