/* GERAL */

*{ padding:0; margin:0;}

body{background:#000;color:#fff;}

/*Uso global*/
span.requerido{color:#ff0000;}

.clear{clear:both;}
.centro{text-align:center;}
.esquerda{text-align:left;}
.direita{text-align:right;}
a.link{
	color:#0000ff;
	text-decoration:none;
}

a:hover.link{
	text-decoration:underline;
}

a {color:#0000FF;outline-style:none; }
input, select, textarea{padding:2px;margin-bottom:15px;}
label {font-weight:bold;display:block;}



/* caminho-de-milho */
ul.caminho-de-milho {
	display:block;
	height:15px;
}

ul.caminho-de-milho li{
	float:left;
	margin-left:8px;
	list-style:none;
	font-family:arial;
	font-size:0.8em
}

ul.caminho-de-milho li a{color:#ccc;}


/* Cabeçalho da lista de interesse  */
h4#titulo-lista-de-interesses a{
	color:#fff;
}

h4#titulo-lista-de-interesses {
	color:#ffffff;

}
/* Lista de interesses */
div.lista-de-interesses {
	background-color:#ccc;
	position:absolute;
	left:0;
	width:30%;
	border: solid 1px #000;
	padding:5px;
	z-index:1;
	
}

div.lista-de-interesses h5{
	font-size:1.3em;
}

div.lista-de-interesses ul{
	margin-top:40px;
	display:none;
}

div.lista-de-interesses ul li{
	list-style:none;
	margin:10px;
}


/* Publicações */
div#publicacoes div.item-lista img{
	float:none;
	padding:10px;
}
div#publicacoes div.item-lista{
	text-align:center;
	float:left;
	height:485px;
}

div#publicacoes div.item-lista div{
	width:255px;
	margin:20px;
	
}


/* ERRO */
#erro {
	display:block;
	padding:10px;
	border-top:5px solid #FF0000;
	border-bottom:1px dashed #FF0000;
	margin:20px;
	font-size:0.8em;
	color:#000000;
	font-weight:bold;
	text-align:center;
	background-image: url('../i/msg_critica.html');
	background-repeat: no-repeat;
	background-position: 0 5%;
}
#erro h6 {
	font-size:1em;
	padding:2px 4px;
	margin:0 0 13px 40px;
	font-weight:bold;
	font-style:italic;
	text-align: left;
}

#erro h6 a{font-weight:normal; font-family:Verdana,Arial,sans-serif;}

#erro ul { list-style:disc; margin-left:70px; font-weight: normal; text-align: left; }
#erro ul li { margin:3px 0 10px 0; }
#erro ul li span { font-weight:bold; }
#erro p { text-align: left; margin-left:50px; }
#erro p span { font-weight:normal; }


#msg-Box{
	margin:20px;
	border-top :5px solid #5d5d5d;
	display:block;
	text-align:right;
	color:#c0c0c0;
	font-weight: bold;
}
#msg-Box-titulo{
	text-align:left;
	float:left;
}
.msg-conteudo{
	display:block;
	color:#000;
	margin-left:20px;
	font-weight: normal;
	font-size:0.8em;
}

#msg{
	color:red;
}

#msg-Box a{
	color:#00f;
}
.msg-informativa{
	padding-left:60px;
	padding:0 51px 55px;
	color:#000000;
	font-weight: bold;
	background-image: url('../i/msg-informativa.png');
	background-repeat: no-repeat;
	background-position:-25px -11px;
	text-align:left;
	margin:2px 0 0 0 ;
}

#alerta { display: block; padding:10px; background:#FFFFA8; border-top:3px solid #FC0; color:#000000; margin:20px auto; width: 80%; font-weight: bold; text-align: center; }
#msg { display: block; padding:10px; background:#F0F0F0; border-top:3px solid #CCCCCC; color:#000000; margin:0 auto; width: 80%; font-weight: bold; text-align: center; }
#msg h6 { font-size:1.2em; padding:2px 4px; margin:0 0 13px 0; font-weight:bold; font-style:italic; text-align: left; }
#msg ul { list-style:disc; margin-left:25px; font-weight: normal; text-align: left; }
#msg ul li {  margin:3px 0 10px 0; }
#msg ul li span { font-weight:bold; }
#msg p { text-align: left; }
#msg p span { font-weight:normal;}



/* Topo */
#topo{
	height:230px;
	background:transparent url(../i/bg-topo.png) no-repeat;
	margin-bottom:50px;
}

#topo h1 span {display:none;}

#topo h1 a {
	margin-left:2%;
	margin-top:18px;
	display:block;
	width:460px;
	height:115px;
	background:transparent url(../i/logo.png) left bottom no-repeat;
	text-decoration:none;
	float: left;
	outline-style:none;
	cursor:pointer;
}

#mao{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../i/mao-trans.png) no-repeat scroll left bottom;
	height:235px;
	margin-left:50%;
	width:460px;
}

#barra-topo{
	height:35px;
	width:100%;
	position:absolute;
	top:214px;
	background:transparent url(../i/bg-barra-topo.png) center repeat-x;
	clear:both;
	z-index:-1;
}

#menu-principal{
	float:left;
	width:35%;
	height:460px;
	background:transparent url(../i/bg-menu-meia-lua.png) no-repeat;
	margin-top:65px;
}

#menu-principal ul{
	margin:20px;
	font-size:1.3em;
	list-style:none;
}


#menu-principal ul a{
	color:#ccc;
	line-height:50px;
	text-decoration:none;
}

#menu-principal ul a:hover{
	background:#000000 url(../i/bg-conteudo-geral.png) repeat-x scroll 0;
	opacity:0.8;
	color:#000;
}

#menu-principal ul a.ativo{
	background:#000000 url(../i/bg-conteudo-geral.png) repeat-x scroll 0;
	opacity:0.8;
	color:#000;
}


#menu-principal ul li#item1{
	margin-left:60px;
}
#menu-principal ul li#item2{
	margin-left:87px;
}
#menu-principal ul li#item3{
	margin-left:104px;
}

#menu-principal ul li#item4{
	margin-left:112px;
}

#menu-principal ul li#item5{
	margin-left:113px;
}

#menu-principal ul li#item6{
	margin-left:108px;
}

#menu-principal ul li#item7{
	margin-left:93px;
}

#menu-principal ul li#item8{
	margin-left:67px;
}

#conteudo-geral{
	background:#4F5A7B url(../i/bg-conteudo-geral.png) repeat-x scroll 0 -6px;
	padding-bottom:10px;
	margin-bottom:10px;
}

#conteudo{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:25px;
-moz-border-radius-topright:5px;
	width:59%;
	margin-left:34%;
	margin-bottom:10px;
	padding:25px;
	border:solid 1px #000;
	background:#fffff7 url(../i/pergaminho.jpg) repeat scroll 0;

}

/*Fim de Professores*/

/*Fale conosco*/
#contato h2{
	background:transparent url(../i/titulo-h2-contato.html) left 0 no-repeat scroll;
	border-bottom: solid 1px;
	padding-bottom: 7px;
}

#contato img{
	float:left;
	padding: 8px;
}

#contato p{
	color:#000;
}

#contato ul{
	margin-left: 20px;
}

#contato h4{
	margin-left: 20px;
	font-weight: normal;
}

#contato h4 a, p a{
	text-decoration: none;
}

#contato h4 a:hover{
	text-decoration: underline; 
}

#contato h3{
	margin-bottom:10px;
	border-bottom: solid 1px;
	width: 90%;
}

#frmFaleConosco{width: 530px;}

#frmFaleConosco p{text-indent:0;}

#frmFaleConosco #nome, #email{width:350px;}

#frmFaleConosco #assunto{width:200px;}

/*Fim de fale Conosco*/



/*título da caixas*/
h2.titulo{
	color:#4D4D4D;
	margin-bottom:10px;
	font-size:3em;
	font-weight:normal;
	border-bottom: solid 5px;
	width:99.8%;
}

h3.titulo, h4.titulo{
	color:#4D4D4D;
	margin:20px 0;
}

h4.titulo{
	margin:5px 0;
}
/*Caixas*/

.caixa{

}

.caixa p{
	font-size:0.9em;
	color:#4D4D4D;
	margin-bottom:10px;
}

#criticas-detalhes .caixa p{
	margin-bottom:0;
}

p.western{	margin-bottom:0;}

.caixa img{
	float:left;
	padding-right:10px;
	border:none;
}

.item{
	border-bottom:1px dashed #000;;
	margin-bottom:25px;
	min-height:160px;
	width:95%;
}


/* Galeria de imagens  */
div#galeria-de-imagens {
	min-height:450px;
	height:450px;
}
html>body div#galeria-de-imagens {
	height: auto;
}


#galeria-de-imagens-detalhes div.item{
	min-height:410px;
	width:100%;

}

#galeria-de-imagens div.item p.qtd{
	text-align:center;
}

#galeria-de-imagens div.item hr{
	margin:5px 0 20px;
	border:none;
}

img#img-galeria-de-imagens-detalhes{
	float:right;
	float:right;
}

/* img-mestres-detalhes */
img#img-mestres-detalhes, img#img-poemas-detalhes{
	float:right;
}

/*JQuery jcarousel*/
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 200px;
    height: 150px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}



/* PAGINACAO */
div.paginacao { text-align:center; display: block; }
div.paginacao p { margin: 10px 0 0 0; }
div.paginacao ul { list-style: none; height:30px; margin: 10px auto 0 auto; text-align: center; }
div.paginacao ul li { display: inline; margin:2px 0px; height: 30px; line-height: 30px; }
div.paginacao a:hover { text-decoration: none; }
div.paginacao a.num { color:#00f; margin: 0 1px; padding: 2px 2px; }
div.paginacao a.atual { color: #000; font-weight: bold; }
div.paginacao .ante { margin-right: 8px; }
div.paginacao .prox { margin-left: 8px; }
div.paginacao a.ante { padding: 2px 2px; color: #00f;  }
div.paginacao a.prox { padding: 2px 2px; color: #00f; }
div.paginacao span.ante { padding: 2px 2px; color: #ccc; }
div.paginacao span.prox { padding: 2px 2px; color: #ccc; }

/*RODAPE*/
#rodape{
	color:#CCCCCC;
	background:#004C93 url(../i/bg-rodape.png) repeat-y ;
	text-align:left;
	width:100%;
	height:90px;
	border-top: 1px solid #FFFFFF;
	clear:both;
	font-size:0.8em;
	margin-top:10px;
}

#rodape a{color:#CCCCCC;text-decoration:none;}
#rodape a:hover{text-decoration:underline;}
#rodape ul{float:left;padding:10px;}
#rodape ul li{list-style:none;}
span.geo {display:none;}
.org{font-size:1.3em;}
.vcard{margin:5px;}
#creditos{
	margin: 55px 0 0 80%;
	font-size:11px;
	color:#4D4D4D;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	height:100%;
	width:100%;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	margin-bottom:1px;
}