/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */
/*===================================================================================================================================*/
/* importando outros css */
@import url(home.css); 
@import url(noticias.css);
@import url(forms.css);
@import url(internas.css);
@import url(iehack.css);
@import url(jquery.panorama.css);
@import url(multibox.css);

/*===================================================================================================================================*/
	div#vest { width:990px; margin:0 auto;}
	div#vest img { margin:0 0 0 6px;}



/* TRABALHE CONOSCO */
div#clipping { padding:5px;}
div#twitter { margin:0 0 0 32px; display:inline;}
div#bannerzinho { margin:0 auto; width:568px;}
div#bannerzinho img { margin:0 auto;}


#abas_hemerotecas {
	background-image:url(../../img/abas_hemerotecas_fundo.gif); 
	height:240px; 
	width:568px; 
	border-bottom:1px solid #97a5b0; 
	border-left:1px solid #97a5b0; 
	border-right:1px solid #97a5b0;
	margin: 0px 0px 0px 4px;
}
div#hemerotecas ul { width:100%; height:23px; margin: 0px 0px 0px 2px; padding:0px;}

.contact h1 { background:url(../../img/logo_inesul_form.png) no-repeat; width:213px; height:204px; margin:0 auto;}
.contact h1 span { display:none;}
.contact ul li { text-align:center;}


body {
	font-family:Verdana, Arial, Helvetica, sans-serif; background:url(../../img/BG.jpg) #FFF;  
	font-size:62.5%; color:#000; height: 100%;} /*  font-size:62.5%; 10px = 1em */
a {color:#000; text-decoration:none;}
a:visited {color:#E0E0E0;}
a:hover {color:#be1e2d; text-decoration:underline;}
a:active { color:#E0E0E0;}

/*===================================================================================================================================*/
.pixels { font-size:16px; line-height:30px; margin-bottom:20px; padding:20px; background-color:#222222;}
.point { font-size:12pt; line-height:30px; margin-bottom:20px; padding:20px; background-color:#222222;}
.em { font-size:1em; margin-bottom:20px; padding:20px; background-color:#222222;}
.percentage { font-size:100%; margin-bottom:20px; padding:20px; background-color:#222222;}
.undefined { margin-bottom:20px; padding:20px; background-color:#222222;}
#changeFont { position:absolute; top:10px; right:10px; background-color:#fff; padding:5px;}
.increaseFont, .decreaseFont, .resetFont { color:#CCCCCC; font-size:14px; float:left; margin:10px;}

div#ancora { width:990px; margin:0 auto; height:40px; padding:10px; text-align:center; font-size:1.2em;}
div#ancora li.first { border:none;}
div#ancora ul li { display:inline; border-left:1px solid #000; padding:0 2px 0 2px;}


/* inicio cs menu jquery */
.applemenu{ margin:0; padding:0 0 0 4px; width: 150px; background:#d8d9db;}
.applemenu div.silverheader { background: url(../../img/botao_menu.png) no-repeat ; font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif; color: black; font-weight:bold; display: block; position: relative; width:178px; height:34px; padding: 5px 0; padding-left: 2px;}

.applemenu div.silverheader1 { background: url(../../img/botao_menu.png) no-repeat; font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif; color: black; font-weight:bold; display: block; position: relative; width:178px; height:34px; padding: 5px 0; padding-left: 2px;}
.applemenu div.silverheader1 a { font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif; color: black; font-weight:bold; display: block; position: relative; width:178px; height:34px; padding: 5px 0; padding-left: 2px; }
.applemenu div.silverheader1 a:hover { font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif; color: black; font-weight:bold; display: block; position: relative; width:178px; height:34px; padding: 5px 0; padding-left: 2px;}

.applemenu div.submenu ul li { background:#d8d9db; width:160px; border-left:2px solid #be1e2d; border-bottom:1px solid #ccc; margin:1px 0 2px -10px; padding:1px 0 1px 0; position:relative }
.applemenu div.submenu ul li:hover { background-color:#be1e2d; width:160px; border-left:2px solid #FFF; border-bottom:1px solid #ccc;}
.applemenu div.submenu ul .subtitle1 a { background:#d8d9db; width:160px; border:2px solid #be1e2d; border-bottom:1px solid #ccc; margin:1px 0 2px -10px; padding:1px 0 1px 0; position:relative }
.applemenu div.submenu ul .subtitle1 a:hover { background-color:#be1e2d; width:160px; border-left:2px solid #FFF; border-bottom:1px solid #ccc;}
.applemenu div.submenu .subtitle a { padding:0 0 0 5px; display:block; width:150px;}
.applemenu div.submenu .subtitle a:hover { padding:0 0 0 5px; width:150px; color:#FFF; background:#be1e2d;}
.applemenu div.submenu #last { border-bottom:none;}
/* fim menu jquery */


/*===================================================================================================================================*/
/* Header */
div#header { width:990px; background:#fff url(../../img/barrinha3.jpg) no-repeat bottom; height:110px; margin:0 auto; padding-top:10px; position:relative;}
div#header2 { width:100%; height:29px; margin:-52px auto 0 auto; padding-top:29px; background:url(../../img/pedaco.png) repeat-x bottom; z-index:-1;}

/* inicio css Logo */
div#header h1 span { display:none;}
div#header h1 a { display:block; width:104px; height:104px; cursor:pointer; margin:0 0 0 -5px;}
div#header h1 { background: url(../../img/logo_inesul.png); width:104px; height:104px;} 

div#header .gripe { background:url(../../img/contra_gripe.png) no-repeat; width:499px; height:48px; margin:-90px 0 0 120px; cursor:pointer;}
div#header .gripe span { display:none;}
div#header .gripe a { display:block; width:413px; height:72px;}


div#header h2 { background:url(../../img/faculdade_integrado_inesul1.png) no-repeat; width:413px; height:72px; margin:-100px 0 0 100px; cursor:pointer;}
div#header h2 span { display:none;}
div#header h2 a { display:block; width:413px; height:72px;}
div#barrinha { background:url(../../img/barrabg.png) repeat-x; width:100%; height:26px; margin:84px 0 0 0; position:absolute; z-index:-1;}
/* fim css logo */

/* inicio css menu restrito */
div#header ul#restrito { margin:-20px 0 0 480px;}
div#header ul#restrito span { display:none;}
div#header ul#restrito li { display:inline;}
div#header ul#restrito li.aluno a { cursor:pointer; display:block; float:left; margin:4px 0 0 110px; width:76px; height:24px; background:url(../../img/botao_alunos.png) no-repeat;}
div#header ul#restrito li.professor a { cursor:pointer; display:block; float:left; margin:4px 0 0 10px; width:100px; height:24px; background:url(../../img/botao_professores.png) no-repeat;}
div#header ul#restrito li.admin a { cursor:pointer; display:block; margin:4px 0 0 10px; width:119px; float:left; height:24px; background:url(../../img/administrativo.png) no-repeat;}
/* fim menu restrito */

/* inicio css menu topo */
div#header ul#menutopo { width:380px; font-family:Arial, Helvetica, sans-serif; margin:40px 0 0 100px;}
div#header ul#menutopo li { display:inline; border-right:1px solid #FFF; padding:0 3px 0 3px;}
div#header ul#menutopo li a { color:#fff; text-decoration:none;}
div#header ul#menutopo li a:hover { text-decoration:underline;}
div#header ul#menutopo li.last { border:none;}
/* fim menu restrito */

/* inicio css menu topo */
div#header ul#menutopo { width:380px; font-family:Arial, Helvetica, sans-serif; margin:35px 0 0 100px;}
div#header ul#menutopo li { display:inline; border-right:1px solid #FFF; padding:0 3px 0 3px;}
div#header ul#menutopo li a { color:#FFF; text-decoration:none;}
div#header ul#menutopo li a:hover { text-decoration:underline;}
div#header ul#menutopo li.last { border:none;}
/* fim menu topo*/

/* inicio css bannerswf */
div#bannerswf { width:990px; margin:0 auto; background:url(../../img/page.gif) repeat-y center;}
div#bannerswf div.swf { margin:0 auto; width:970px; padding:20px 0 0 0;} 
/* fim bannerswf*/
/*===================================================================================================================================*/

h1 { font-size: 2em; font-weight: normal;}
h2 { font-size: 1.7em; font-weight: normal;}
img.download {vertical-align:middle;}

table { margin: 2px; padding: 2px; }
table.esquerda{ margin: 2px 2px 0 0px; padding: 0; }
table.centro { margin: 2px 2px 0 2px; padding: 0; }
table.direita { margin: 2px 0 0 0; padding: 0; }

/* ----------container zentriert das layout-------------- */
div#container { width:990px; min-height:100%; margin:0 auto; background-color:#fff;/*background:url(../../img/page.gif) repeat-y center;*/}
div#content { width:990px; padding:0px;	margin:0 0 0 0; min-height:100%;}
* html div#content { width:990px; padding:0px; margin:0 0 0 0; min-height:100%;}

/* ----------banner for logo-------------- */
#banner { margin: 0; padding: 0; background-color: #EBD3E0;}
#banner p {	margin-left: 15em; padding: 10px;}
#mainnavi {	margin: 0;	padding: 0;	background-color: #E0A3B7;}
#mainnavi p{ margin-left: 15em;	padding: 0 10px;}

/* -----------------Inhalt--------------------- */

p, pre {	padding: 10px;	margin:0;}
pre, code { font-size: 1.2em;}
h1 {	padding: 10px;	margin:0;}
h2 {	padding: 10px;	margin:0;}
.gross {	width: 5.71em;	height: 1.07em;}

/* --------------left navigavtion------------- */
#left {	float:left; width:200px; margin:0; padding:5px 0 0 0;}
* html #left { float: left;	width:200px; margin: 0;	padding:5px 0 0 0;	 }
#right {	float: right;	width: 15em;	margin: 0;	padding: 0;	}
#left ul{	list-style-type: none ;	padding: 0 0 0 5px;	margin: 0;}
#left ul.borderbottom{	border-bottom:1px solid #ffffff;	padding: 0 0 5px 5px;}
#left li a {	font-size: 1.3em;	text-decoration:none; }
#left  li li a { font-size: 1em; }
#left li{	margin: 0;	padding: 0 0 2px 0;}
#left li li{	margin: 0;	padding: 0 0 3px 0;}
#left li a.selected {	margin: 0;	padding: 0 0 0 5px;}
#left li li a.selected {	margin: 0;	padding: 0;}

/* DIV QUE TEM DORDINHA NO TOPO E NO FOOTER */
div.top { background:url(../../img/topo.png) no-repeat; width:568px; height:54px;}
div.top h1 { position:absolute; font-variant:small-caps; margin:20px 0 0 20px; font-size:1.3em; font-weight:bold;}
div.geral { padding:0 15px 0 15px; font-family:Arial, Helvetica, sans-serif; background:url(../../img/meio.png) repeat-y; font-size:1.2em; text-align:justify;}
.textosubmenu { padding: 5px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; text-align:justify;}
div.geral a { color:#09F;}
.textosubmenu a {color:#09F; text-decoration:none;}
.textosubmenu a:visited {color:#09F; text-decoration: underline;}
.textosubmenu a:hover {color:#be1e2d; text-decoration:underline;}
.textosubmenu a:active { color:#E0E0E0;}
.textosubmenu h2 { font-size:1.5em; color:#000; padding:5px; font-weight:bold;}
.textosubmenu h3 { font-size:1.2em; color:#a70303; padding:5px; font-weight:bold;}


* html div.geral { width:568px; padding:0 15px 0 15px; font-family:Arial, Helvetica, sans-serif; background:url(../../img/meio.png); font-size:1.2em; text-align:justify;}
* html div.down { background:url(../../img/baixo.png) repeat-x; width:760px; height:27px;}

div.geral h1 { font-size:1.1em; color:#000; padding:5px; font-weight:bold;}
div.geral h2 { font-size:1em; color:#000; padding:5px;}
div.geral h3 { font-size:1em; color:#000; padding:5px;}
div.geral p { font-size:1em; color:#000;}
div.geral ul li { padding:5px;}
div.down { background:url(../../img/baixo.png) repeat-x; width:760px; height:27px;}
div.geral div.ava { margin:0 auto; width:400px;}
div.geral div.ava1 { margin:0 auto; width:400px;}

div.geral div.conteudo h3 { color:#000; font-variant:small-caps; font-size:1.2em; text-decoration:underline;}
div.geral div.conteudo p { font-size:1.3em;}

/* CONTEUDO DO GERAL */
div.geral ul li a { padding:0 0 10px 0; text-decoration:none;}
div.geral ul li a:hover { text-decoration:underline; color:#09F;}
div.geral ul li a:visited { color:#666;}


#arrowlistmenu{
width: 200px; /*width of menu*/
}

#arrowlistmenu .headerbar{
font: bold 14px Arial;
color: black;
/*background: black url(../../img/titlebar.png) repeat-x center left;*/
background: url(../../img/topo.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

#arrowlistmenu .headerbar a{
font: bold 14px Arial;
color: black;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
}

#arrowlistmenu .headerbar a:visited{
font: bold 14px Arial;
color: black;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
}

#arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

#arrowlistmenu ul li{
text-align:left;
padding-bottom: 2px; /*bottom spacing between menu items*/
}

#arrowlistmenu ul li a{
color: #A70303;
background: url(../../img/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 100%;
}

#arrowlistmenu ul li a:visited{
color: #A70303;
}

#arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}



/* telefones */
ol#telefone li span { color:#333; font-weight:bold;}

/* paginaçao */
.mostra_total { margin-top:4px; margin-bottom:2px; text-align:center; }
.paginationlinks { padding:4px; font-weight:bold; border:1px solid white;}
.paginationlinksover { color:black; text-decoration:underline; font-weight:normal; padding:4px; font-weight:bold; border:1px solid #0038B8; cursor:pointer;}
.paginationlinks a:link, a:visited, a:active { color:black; text-decoration:none; font-weight:normal;}
.paginationlinks a:hover{ color:black;text-decoration:underline; font-weight:normal;}
.paginationlinksover a:link, a:visited, a:active { color:black; text-decoration:none; font-weight:normal;}
.paginationlinksover a:hover { color:black;	text-decoration:underline; font-weight:normal;}

/* filtro */
div#novabusca { margin-bottom:10px; padding:5px; background-color:#d4d5d6; width:550px;}
div#novabusca ol { width:100%; background-color: #d4d5d6; height:40px;}
div#novabusca li { list-style:none; margin:0; padding:7px; }
div#novabusca li.titulo { float:left; width:100%; width:200px;}
div#novabusca li.conteudo { float:left; width:100%; width:200px;}

.messagewarning{ width:300px;border:solid 1px #E6E4D9;background:#FCF9CE;color:#222222;padding:4px;	text-align:center;}
.messageok{	width:300px;border:solid 1px #359545;background:#CEE6C3;color:#1B8D44;padding:4px;	text-align:center;}
.messageerror{	width:300px;	border:solid 1px #CB2026;	background:#F6CBCA;	color:#D02127;	padding:4px;	text-align:center;}
.errorvalidate { border: 1px dashed red; color: red; font-weight:bold; width:auto; }
li.errorvalidate, li.errorvalidate {color: red; font-style: italic;background:none;border:none; list-style:none;}

/* -----------footer--------------------------- */
#footer { clear:both; width: 990px; height:50px; margin:0 auto 0 auto; }
	#footer .info, #footer .nav { float:left; display:block; width:100%;}
	#footer .info { width:990px; margin:55px 0 0 0; font-size:1.3em; font-variant:small-caps; color:#999;}
	#footer .info li { text-align:center;}
	#footer .nav { width:240px;  margin:0 37px;   }
		#footer .nav  li { display:inline; padding:0 10px 0 0; }
	#footer .author { float:left; display:block; margin:0 0 0 120px; width:32px; height:32px; }
	#footer .author a { display:block; width:32px; height:32px; }
	#footer .author span { display:none; }
	#footer p { float:left; margin:0 auto; padding:0 0 5px 10px;}
#footer2 { width:700px; margin:10px auto 0 auto; text-align:center;}