/* CSS Document - Webinterativa - Internet de Resultados. http://www.webinterativa.com.br */

html{
	min-height:100%;
	overflow:-moz-scrollbars-vertical;
}
body,h1,h2,h3,h4,h5,h6{
	font:normal normal normal 12px Tahoma,Arial,sans-serif;
	color:#454545;
}
html,body,ol,ul,li,dd,dl,dt,a,p,h1,h2,h3,h4,h5,h6,form,label,blockquote,pre,abbr,acronym,address,iframe,fieldset,legend,textarea{
	margin:0;
	padding:0;
}
body {
	background: #102f37;
}

h1 {
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
}

p.line {
	border-bottom: 1px dashed #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

p.line a {
	color: #FFFFFF;
}



h1.azulclaro {background: #2d88a2; float: left; color: #FFF; font-size: 24px; font-weight: bold; padding: 10px 15px 10px 15px; }
h1.azulescuro {background: #1d5565; float: left; color: #FFF; font-size: 24px; font-weight: bold; padding: 10px 15px 10px 15px;}
h1.verde {background: #a9ea1d; float: left;	color: #FFF; font-size: 24px; font-weight: bold; padding: 10px 15px 10px 15px;}

h1.laranja {background-color: #ff9329; float: left; color: #FFF; font-size: 24px; font-weight: bold; padding: 10px 15px 10px 15px;}
h1.roxo {background-color: #ae00ff; float: left; color: #FFF; font-size: 24px; font-weight: bold; padding: 10px 15px 10px 15px;}
h1.amarelo {background-color: #f8f92c; float: left; color: #000; font-size: 24px; font-weight: bold; padding: 10px 15px 10px 15px;}
h1.rosa {background-color: #ff00cd; float: left; color: #FFF; font-size: 24px; font-weight: bold; padding: 10px 15px 10px 15px;}


h2.azulclaro {background: #2d88a2; float: left; color: #FFF; font-size: 15px; font-weight: bold; padding: 5px 10px 5px 10px; }
h3 {color: #fff; margin-bottom: 5px; font-size: 11px; }


ul,li{list-style:none;}
img,fieldset{border:none;}
_img{display:block;}
hr{line-height:1px; color:#CCCCCC; background:#CCCCCC; height:1px; border:0;}
br.clear{clear:both;display:block;font-size:0pt;height:0pt;line-height:0pt;}

a{text-decoration:none; color: #fff;}
a:hover{text-decoration:underline;}

/* FORMULARIOS */

.form{
	color:#454545; 
	border-top:1px solid #B5B5B5;
	border-left:1px solid #B5B5B5;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	height:17px;
	font:normal normal normal 12px Tahoma,Arial,sans-serif;
}
.error{
	color:#FF0000; 
	border:1px solid #FF0000; 
	height:17px;
	font:normal normal normal 12px Tahoma,Arial,sans-serif;
}
.label{
	text-align:right;
}
label.error { 
	background:#FFF0F0;
	border:none;
	color:#FF0000;
	margin-left:5px;
	width:120px;
	text-align:left;
}
.error{
	background: #FFF0F0;
	border: 1px solid #FF0000;
}

/* MENSAGENS DE ERRO/ACERTO VIA PHP */

.msg1{color:#006600;background:#E0FFE0 url(../imagens/icone_v.gif) no-repeat 3px;text-indent:20px;margin-bottom:14px;padding:2px 0 2px;}
.msg2{color:#FF0000;background:#FFF0F0 url(../imagens/icone_x.gif) no-repeat 3px;text-indent:20px;margin-bottom:14px;padding:2px 0 2px;}

/* OVERFLOW & OUTLINE */

#top #top_container h1#logo, #top #top_container #menu li a, #colunarightUnder a, .buttonIr a, .vertodos a,
.buttonOk a, .buttonIndique a, #footer #assinatura a, input#buttonIr, input#buttonOk, #gridEscolas .escola a {
	
	text-indent:-9999px;
	overflow:hidden;
	outline:none;				
}

/* ======= BOTõES ========== */ 
.saibamais {
	color: #fff;
	float: right;
	background:url(../imagens/btn_mais.gif) no-repeat right 3px;
	padding-right: 15px;
}

.vertodos {
	width: 81px;
	float: right;
	height: 26px;
	background: url(../imagens/btn_vertodos.gif) no-repeat;
	margin: 10px 0 10px 0;
}

.vertodas {
	background: url(../imagens/btn_vertodas.gif) no-repeat;
}

.vertodos a {
	height: 26px;
	display:block;
}

input#buttonIr {
	/*background: url(../imagens/btn_ir.gif) no-repeat;*/
	width: 46px;
	height: 24px;
	margin-left: 10px;
	float: left;
	clear:none;
}

input#buttonOk {
	/*background: url(../imagens/btn_ok.gif) no-repeat;*/
	width: 46px;
	height: 24px;
	float: left;
	clear:none;
	margin-left: 10px;
}

/*.buttonOk a{
	height: 24px;
	display: block;
}*/

.buttonIndique {
	width: 230px;
	height: 76px;
	background: url(../imagens/btn_indique.gif) no-repeat;
	float: left;
}

.buttonIndique a {
	height: 76px;
	display:block;
}



/* ======= GERAL E BACKGROUND ========== */ 
#master {
	background: #4ca8c4 url(../imagens/_bg.gif) repeat-x top;
}

#slave {
	background: url(../imagens/footer_bg.gif) repeat-x bottom left;;
}

body#destinosindex #clouds {
	background: none ;
}

#clouds {
	background: url(../imagens/_clouds.gif) no-repeat center 15px;
}


#container {
	width: 965px;
	margin: auto;
	margin-top: 18px;
}

/* ======= TOP ========== */ 
#top {
	background: url(../imagens/top_bg.gif) repeat-x top;
	height: 127px;
}

#top #top_container {
	background: url(../imagens/top_bgLogo.jpg) no-repeat left top;
	width: 965px;
	margin: auto;
	height: 127px;
}

#top #top_container h1#logo {
	top: 30px;
	left: 112px;
	position: relative;
	width: 235px;
	height: 82px;
}

#top #top_container h1#logo a {
	height: 82px;
	display:block;
}

#top #top_container #menu_top {
	float:right;
	clear: right;
	text-align:right;
	margin-top: -65px;
}

#top #top_container #menu_top li {
	background: url(../imagens/icon_seta.gif) no-repeat left 10px;
	float: left;
	padding: 5px 15px 5px 15px ;
}

#top #top_container #menu_top li a {
	color: #FFF;
	font-size: 11px;
}


/* ======= MENU ========== */ 

#top #top_container #menu {
	clear: right;
	width: 483px;
	height: 47px;
	float:right;
}


#top #top_container #menu li a {
	height: 47px;
	display: block;
}

#top #top_container #menu li {
	height: 47px;
	border-bottom: 5px #67b5c4 solid; 
	background: url(../imagens/menu_full.gif) no-repeat 0px 0px;
}

/*#top #top_container #menu li:hover, #top #top_container #menu li.hover, #top #top_container #menu li.active {
	border-bottom: 5px #a9ea1d solid; 
}*/

	#top #top_container #menu li#empresa {
		float: left;
		width: 115px;
	}
	
	#top #top_container #menu li#empresa:hover, #top #top_container #menu li#empresa.hover {
		background-position: 0px -47px;
		border-bottom: 5px #f8f92c solid; 
	}
	
	#top #top_container #menu li#destinos {
		float: left;
		width: 117px;
		background-position: -115px 0px;
	}
	
	#top #top_container #menu li#destinos:hover, #top #top_container #menu li#destinos.hover {
		background-position: -115px -47px;
		border-bottom: 5px #b171ff solid; 
	}
	
	#top #top_container #menu li#servicos {
		float: left;
		width: 100px;
		background-position: -232px 0px;
	}
	
	#top #top_container #menu li#servicos:hover, #top #top_container #menu li#servicos.hover {
		background-position: -232px -47px;
		border-bottom: 5px #a9ea1d solid; 
	}
	
	#top #top_container #menu li#escolasparceiras {
		float: left;
		width: 150px;
		background-position: -332px 0px;
	}
	
	#top #top_container #menu li#escolasparceiras:hover, #top #top_container #menu li#escolasparceiras.hover {
		background-position: -332px -47px;
		border-bottom: 5px #ff9329 solid; 
	}


/* ======= FOOTER ========== */ 
#footer {
	color: #FFFFFF;
	width: 965px;
	margin: auto;
	height: 285px;
	background: url(../imagens/footer_bgCenter2.gif) no-repeat bottom;
	margin-top: 10px;
}

#footer #dados {
	padding-top: 200px;
	width: 400px;
	height: 100px;
	line-height: 17px;
	font-size: 11px;
}

#footer #dados a {
	color: #9acad7;
	margin-right: 5px;
}

#footer #assinatura {
	margin-top: -100px;
	float: right;
	background: url(../imagens/assinatura.gif) no-repeat;
	width: 116px;
	height: 37px;
}

#footer #assinatura a {
	height: 37px;
	display: block;
}


/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6 
   Deixe isto ao final de tudo do seu CSS pois o Webkit não interpreta nada mais abaixo do expression
*/
*  html * { color: expression( (function(who){ if(!who.MXPC){
 who.MXPC = '1';
 if(who.nodeName != 'A'){
  who.onmouseenter=function(){ who.className += ' hover'};
  who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; }
 (who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;
} } )(this) , 'auto') }