/* CSS Document */

/* links */

a {
	text-decoration:none;
	/*color:#373737;*/
	color:#999999;
	background-color: transparent;
	font-weight: normal
  }

a:visited { 
	text-decoration: none 
  }

a:active {
	text-decoration:none
  }

a:hover {
	text-decoration: underline;
  }

hr{
border: 1px dotted #CCCCCC

}

#bg-link-menu-texto-a{
	/*background-color:#999999;*/
	width:145px;
	height:17px;
	line-height:17px;
	background-image:url(../img/bg-link-menu-texto-a.jpg)
}

#link-menu-servicos-a {
	font-family: 'Trebuchet MS', Verdana, Calibri;
	font-size:10px;
	font-weight: bold	
}

#link-menu-texto-a{
	font-family: 'Trebuchet MS', Verdana, Calibri;
	font-size:16px;
	font-weight: bold;	
	/*color: #373737;*/
	color: #FFFFFF;
	/*color: #003399; -- cinza*/
	text-decoration: none;
	clear:right;
	/*border-bottom:1px solid #CCCCCC;*/
	/*background-color:#EEEEEE;*/
	margin-left:7px
}

#link-menu-texto-b{
	font-size:11px;
	/*color:#E10F0F;*/
	color: #333333;
	text-decoration: none;
	width:135px;
	height:18px;
	border-bottom:1px solid #E7E7E7;
	margin-left:7px;		
}

body{
	background-image:url(../img/bg_geral.jpg);
	font-family: Arial, 'Trebuchet MS' , Arial, 'Trebuchet MS', Verdana, Calibri;
	font-size:12px;
	text-align: center;
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;	
	margin-right:auto;
	color:#000000;
	border:0;
	padding:0;

}

#master{
	width:778px;
	text-align: center;
    margin-left:auto;	
    margin-right:auto;

}

#header{
	position:relative;
	width:778px;
	height:140px;
	clear:both;
}

#principal{
	margin-top: 0px;
	clear:both
}

#conteudo_interna{
	text-align: justify
}

#coluna-esquerda{
	width:147px;
	float:left;
}

#menu-header-superior{
	font-size:11px
}

#bg-menu-servicos{
	width:147px;
	height:118px;
	background-image:url(../img/bg-menu-servicos.jpg)
}

#menu-servicos{
	list-style-type: none;
	text-align:left;
	padding-top: 10px;
	margin-left:10px
}

#menu-servicos ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menu-servicos li {
	border: 0;
	margin: 0;
	display:block;
	padding:0
}

#menu-servicos ul li a {
	border: 0;
	margin: 0;
	padding: 0;
	clear:both;
	display:block;
}

#menu-servicos a{
	color: #FFFFFF
}

#menu-principal{
	width:145px;
	text-align:left;
	/*padding-top: 10px;
	margin-left:10px*/
	/*min-height:700px;*/
	/* background-image:url(../img/bg-menu-principal.jpg);*/
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	border:2px solid #F0F0F0
}

#menu-principal-interno{
	list-style-type: none;
	margin-left: 0px
	/*padding:5px*/
	/*padding-top: 10px;
	margin-left:10px*/
}

#menu-principal-interno ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}

#menu-principal-interno li {
	border: 0;
	margin: 0;
	display:block;
	padding:0;
}
#menu-principal-interno li a{
	border: 0;
	margin: 0;
	padding: 0;
	clear:both;
	display:block;
}

#coluna-meio{
	width:395px;
	margin:0px 0px 0px 15px;
	/*border: 1px solid #999999;*/
	float:left;
	text-align:justify;
}

#box-hp-comunicados {
	background-color:#FFFFFF; 
	border:2px solid #F0F0F0; 
	height:80px; 
	width:395px; 
	text-align:left
}

#dentro-box-hp-comunicados{
	padding:2px 10px 5px 10px
}

#coluna-direita{
	width:199px;
	/*border: 1px solid #999999;*/
	float:right;
	text-align:left
}

#tit-coluna-direita-calendario{
	font-family: 'Trebuchet MS', Arial, Verdana, Calibri;
	font-size: 16px;
	color:#999999;
	font-weight:bold
}
#tit-coluna-direita-comunidades{
	font-family: 'Trebuchet MS', Arial, Verdana, Calibri;
	font-size: 16px;
	color:#999999;
	font-weight:bold
}

#tit-coluna-direita-instalacoes{
	font-family: 'Trebuchet MS', Arial, Verdana, Calibri;
	font-size: 16px;
	color:#999999;
	font-weight:bold
}

#tit-hp-comunicados{
	font-family: 'Trebuchet MS', Arial, Verdana, Calibri;
	font-size: 16px;
	color:#999999;
	font-weight:bold;
	text-align:left
}
#tit-hp-noticias{
	font-family: 'Trebuchet MS', Arial, Verdana, Calibri;
	font-size: 16px;
	color:#999999;
	font-weight:bold;
	text-align:left
}

#tit-hp-aconteceu{
	font-family: 'Trebuchet MS', Arial, Verdana, Calibri;
	font-size: 16px;
	color:#999999;
	font-weight:bold;
	text-align:left	
}

#tit-coluna-direita-cadastrese{
	font-family: 'Trebuchet MS', Arial, Verdana, Calibri;
	font-size: 16px;
	color:#999999;
	font-weight:bold
}

#tit-internas{
	font-family: 'Trebuchet MS', Arial, Verdana, Calibri;
	font-size: 16px;
	color:#999999;
	font-weight:bold;
	text-align:left
}

#link-menu-interno-sel{
	font-family: 'Trebuchet MS', Arial, Verdana, Calibri;
	font-size:12px;
	color:#E10F0F;
	text-decoration: none;
}

#link-menu-interno {
	font-family: 'Trebuchet MS', Arial, Verdana, Calibri;
	font-size:12px;
	text-decoration: none;
}

#bg-coluna-direita-calendario{
	background-image: url(../img/bg-coluna-direita-calendario.gif);
	background-repeat:no-repeat;
	width:199px;
	height:325px;
	clear:both
}

#dentro-coluna-direita-calendario{
	margin: 5px 8px 8px 8px;
	font-size:11px
}

#footer{
	width:778px;
	height:65px;
	border: 1px solid #F0F0F0;
	clear:both;
	margin-top:20px;
	background-color: #FFFFFF
}

#logo-colegio{
	width:170px;
	float:left
}

#endereco-colegio{
	width:600px;
	float:right;
	font-size:12px;
	margin-top:15px
}

#calendario{
	float:left
}

#banner_noticias{
	float: right
}

#lista_noticias{
	clear:both;
	padding-top: 20px
}

#barra-header{
	width:100%;
	height:25px;
	border-bottom: 2px solid #999999;
	background-color: #FFFFFF;
	text-align:center;
	margin:auto;
}
/*
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(../js/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(../js/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../js/overlay.png", sizingMethod="scale");
	}

#flash{
	position:relative;
	margin:0;
	padding:0;
	width:778px;
	height:136px;
	border-left:0px solid #EEEEEE;
	border-right:0px solid #EEEEEE;
	clear:both
}

#spacer-hp{
	height:10px;
	clear:both
}

#spacer-menu-principal{
	height:5px;
	line-height:5px;	
	clear:both;
}*/


/*
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(js/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(js/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="js/overlay.png", sizingMethod="scale");

	}
*/

/* NOVO LIGHTBOX */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(js/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(js/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
label{clear:both}

#BannerLogo{
	width:283px;
	height:126px;
	float:left;
	margin-top:8px;
	margin-bottom:8px;
}

#BannerTopo{
	width:495px;
	height:126px;
	float:left;
	margin-top:8px;
	margin-bottom:8px;
}

ul.bannerDestaque{margin:0;padding:0;float:left; text-align:center; width:27px;}

ul.bannerDestaque li{list-style:none;}

.button{width:27px;height:24px;background-color:#EBEBEB;cursor:pointer;margin-top:1px;}

.buttonActive{width:27px;height:24px;background-color:#E2E2E2;cursor:pointer;margin-top:1px;}

.buttonText{color:#999999;height:24px;line-height:24px;font-weight:bold;}

/*barra compartilhe (tlp_1)*/
.barra-compartilhe{
	clear:both;
	height:33px; 
	width:630px; 
	margin: 15px 0 20px 0; 
	border-bottom:dotted #989898 1px; 
	border-top:dotted #989898 1px; 
	padding-top:7px;
	}

.barra-compartilhe div{float:left;}

.barra-compartilhe div.print-indique{ 
	border:0; 
	border-left:1px solid #999; 
	margin-left:10px; 
	padding-left:10px;
	}

.barra-compartilhe div span{ float:left; margin:6px 7px;}
	
.barra-compartilhe a{
	width:20px; height:24px;
	padding:0;
	margin:0 10px 0 0;
	background-image:url(../img/sprite-redes-sociais.png);
	background-color:transparent;
	background-position:0 0;
	background-repeat:repeat;
	text-decoration:none;
	display:block;
	float:left;
	}
.barra-compartilhe a.link{ 
	background-image:none !important; 
	width:55px !important; 
	height:15px !important; 
	border:0; border-right:1px solid #999; 
	padding:6px;
	color:#000000;
	}
	
.barra-compartilhe a.face { background-position:0 -25px;}

.barra-compartilhe a.twitter{ background-position:-20px -25px;}

.barra-compartilhe a.orkut{ background-position:-80px -25px;}

.barra-compartilhe a.indique{ background-position:-160px -25px;}

.barra-compartilhe a.print{ background-position:-18px -53px;}

/*hover redes sociais*/
.barra-compartilhe a.face:hover { background-position:0 -3px;}

.barra-compartilhe a.twitter:hover{ background-position:-20px -3px;}

.barra-compartilhe a.orkut:hover{ background-position:-80px -3px;}

.barra-compartilhe a.indique:hover{ background-position:-160px -3px;}

.barra-compartilhe a.print:hover{ background-position:-18px -55px;}


/*Rating - Common(Article)*/
.btGostei{ 
background-image: url(../img/btLikesHandless.png);
width:56px; float:left; height:26px; cursor:pointer; margin-bottom:2px;
}

.btGostei:hover{ background-image:url(../img/btLikesHandlessOn2.png);}

#col1Common, #col2Common{float:left;}

#col1Common{width:57px;}

#col2Common{
width:200px; 
position:relative;
}

.ponta-tooltip{
position:absolute; 
top:7px; left:1px;
}

.box-count{
float:left; 
padding:3px 10px 3px 10px; 
border:1px solid #C0C0C0; 
background-color:#ffffff; 
margin:2px 0 0 8px;
}

#infoRating{
width:257px; 
clear:both;
}
/*Fim Rating - Common(Article)*/