/* ### Caio Mário ### */

* {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	list-style:none;
}
body {
	background:#3B0000;
	font-family:Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#95644E;
	text-align:justify;
	position:relative;
}
#page {background:url(img_bg_body.gif) repeat-y top center; padding:0 14px; width:938px; margin:0 auto;}
#content {background:url(img_bg_content.gif) repeat top left; width:918px; padding:30px 0 0 20px; position:relative;}

/* Links --------------------------------------------------------------------------------------*/
a {color:#5B3E31; text-decoration:none;}
a:hover {color:#95644E; text-decoration:underline;}

/* Miscelaneous --------------------------------------------------------------------------------------*/
hr, h1, h2 {display:none;}
img.cabecalho {float:left;}
p {padding-bottom:8px;}

.balao-home, .balao-historia-small, .balao-historia-big, .balao-livro, .balao-video, #chamada-home a {
	behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
		this.src = "img_blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
		this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
	); /* Correção de comportamento de PNG transparente em IE 6 */
}

/* Menu --------------------------------------------------------------------------------------*/
#menu ul {
	background:url(img_bg_menu.gif) repeat-x top left;
	height:33px;
}
#menu ul li {float:left; height:33px; text-indent:-9000px; position:relative; padding:0 5px;}
#menu ul li a {height:33px; display:block;}
#menu ul li span {background:url(img_menu_divisor.gif) no-repeat top right; width:2px; height:33px; position:absolute; top:0; right:0;}

.home a {background:url(img_menu_home.gif) no-repeat top center; width:45px;}
.historia a {background:url(img_menu_historia.gif) no-repeat top center; width:115px;}
.livro a {background:url(img_menu_livro.gif) no-repeat top center; width:187px;}
.video a {background:url(img_menu_institui.gif) no-repeat top center; width:182px;}
.material {background:url(img_menu_outras.gif) no-repeat top center; width:126px;}
.espaco-docente {background:url(img_menu_espaco-docente.gif) no-repeat top center; width:127px;}


/* Content --------------------------------------------------------------------------------------*/
/* 		Content: Principal --------------------------------------------------------------------------------------*/
.balao-home {
	background:url(img_balao_home.png) no-repeat top left;
	width:539px;
	height:140px;
	padding:25px 25px 40px 25px;
	float:left;
}
#chamada-home a {
	background:url(img_chamada_home.png) no-repeat top left;
	width:279px;
	height:187px;
	text-indent:-9000px;
	display:block;
	position:relative;
	right:20px;
	cursor:pointer;
	float:right;
}

/* 		Content: História em fotos --------------------------------------------------------------------------------------*/
.balao-historia-small img, .balao-historia-big img {float:left; margin-right:8px; position:relative;}
.balao-historia-small {background:url(img_balao_historia_small.png) no-repeat top left; width:239px;}
.balao-historia-big {background:url(img_balao_historia_big.png) no-repeat top left; width:388px;}
.balao-historia-small, .balao-historia-big {
	height:139px;
	padding:25px 25px 0 25px;
	margin:0 15px 10px 0;
	float:left;
}

p.ampliar a {
	background:url(img_misc_mais.gif) no-repeat center left;
	padding-left:10px;
	position:relative;
	top:75px;
	font-size:9px;
}

/* 			AJAX --------------------------------------------------------------------------------------*/
.highslide {cursor:url(ajax/zoomin.cur) , pointer;}
.highslide-active-anchor img {filter:alpha(opacity=15); opacity:.15;}
.highslide-wrapper {background:transparent;}
.highslide-image {background:#390000; padding:30px 8px 30px 8px;}
.highslide-loading {
	display:block;
	color:black !important;
	font-size:8pt;
	font-family:sans-serif;
	font-weight:bold;
	background:#000 url(ajax/loader.gif) no-repeat center center;
	width:40px;
	height:40px;
}
.highslide-caption {background:#390000; padding:8px; margin-top:-30px; position:relative;}
.highslide-display-block {display:block;}
.highslide-display-none {display:none;}

/* 			Paginação --------------------------------------------------------------------------------------*/
#paginacao {float:left; left:365px; position:relative; top:8px; width:330px; height:45px;}
#paginacao strong {float:left; padding-right:6px;}
#paginacao ul li {float:left; margin-right:4px;}
#paginacao ul li.select{
	background:url(img_misc_paginacao.gif) no-repeat bottom left;
	width:8px;
	height:14px;
	padding:1px 0 0 6px;
	float:left;
}
#paginacao ul li.select a {background-position:bottom left;}
#paginacao ul li.select a:hover {background-position:bottom left;}
#paginacao ul li a:hover {background-position:bottom left; text-decoration:none;}
#paginacao ul li a {
	background:url(img_misc_paginacao.gif) no-repeat top left;
	width:8px;
	height:14px;
	padding:1px 0 0 6px;
	float:left;
}

/* 		Content: Livro “Algumas lembranças” --------------------------------------------------------------------------------------*/
.balao-livro {
	background:url(img_balao_livro.png) no-repeat top left;
	width:375px;
	height:205px;
	padding:40px 272px 40px 20px;
	float:left;
	text-align:left;
	position:relative;
	left:30px;
}
#chamada-livro a {
	background:url(img_chamada_livro.gif) no-repeat center right;
	width:404px;
	height:252px;
	text-indent:-9000px;
	display:block;
	position:absolute;
	top:30px;
	right:78px;
	cursor:pointer;
	float:left;
}

/* 		Content: Vídeo --------------------------------------------------------------------------------------*/
.balao-video {
	background:url(img_balao_video.png) no-repeat top left;
	width:372px;
	height:289px;
	margin:0 auto;
	padding-top:25px;
	text-align:center;
}

/* Rodapé --------------------------------------------------------------------------------------*/
#rodape {
	background:url(img_rodape.png) no-repeat top left;
	width:952px;
	height:20px;
	margin:-10px auto 0 auto;
	position:relative;
}

.txtin{
	font-size:9px;
	width:100%;
	text-align:center;
	margin-bottom:60px;
}