/* CSS para Tela */

@media screen {

/* Elementos Padrão */

body {
background-color:black;

font-family:Calibri, Arial, helvetica, Sans-Serif;
}

#centralizador {
background-color:white;
background-image:url('bck.gif');
background-repeat:repeat-y;
border-left:1px solid gainsboro;
border-right:1px solid gainsboro;
}

#menu {
position:absolute;
top:230px;
left:80px;
width:172px;
min-height:264px;
font-size:10pt;
line-height:14pt;
z-index:30;
background-color:none;
text-align:right;
}

#texto {
position:absolute;
top:358px;
left:265px;
width:710px;
font-size:10pt;
text-align:justify;
z-index:40;
color:black;
background-color:none;
}

.texto_mrgn {
margin-top:45px;
margin-left:10px;
margin-right:20px;
/*margin-bottom:45px;*/
}


#bot_print {
position:absolute;
top:405px;
left:265px;
z-index:100;
}


/* Elementos Customizáveis */


#barra-agt {
position:absolute;
top:0px;
left:0px;
z-index:10;
}

#barra-azul {
position:absolute;
top:41px;
left:0px;
z-index:20;
}

#detalhes-menu {
position:absolute;
top:60px;
left:0px;
z-index:20;
}

#logo-ci {
position:absolute;
top:60px;
left:10px;
z-index:30;
}

#fotos {
position:absolute;
top:70px;
left:264px;
z-index:30;
}

#barra-cinza {
position:absolute;
top:327px;
left:264px;
z-index:30;
}

#logo-pucrs {
position:absolute;
top:82px;
left:273px;
z-index:40;
}

#logo-mic {
position:absolute;
top:78px;
left:710px;
z-index:40;
}

/* Itens Menus da Horizontal */
#box1 {
position:absolute;
top:0px;
left:0px;
z-index:40;
}

#conteudo-box1 {
position:absolute;
top:60px;
left:6px;
width:163px;
height:70px;
text-align:center;
background-color:none;
z-index:50;
}


#box2 {
position:absolute;
top:0px;
left:178px;
z-index:40;
}
#conteudo-box2 {
position:absolute;
top:60px;
left:184px;
width:163px;
height:70px;
text-align:center;
background-color:none;
z-index:50;
}


#box3 {
position:absolute;
top:0px;
left:356px;
z-index:40;
}
#conteudo-box3 {
position:absolute;
top:60px;
left:362px;
width:163px;
height:70px;
font-size:11px;
color:#777976;
background-color:none;
z-index:50;
}

#box4 {
position:absolute;
top:0px;
left:534px;
z-index:40;
}
#conteudo-box4 {
position:absolute;
top:60px;
left:540px;
width:163px;
height:70px;
font-size:11px;
color:#777976;
background-color:none;
z-index:50;
}

#tit-box1 {
position:absolute;
top:357px;
left:287px;
z-index:60;
}
#tit-box2 {
position:absolute;
top:357px;
left:480px;
z-index:60;
}

#tit-box3 {
position:absolute;
top:357px;
left:630px;
z-index:60;
}

#tit-box4 {
position:absolute;
display:block;
top:357px;
left:808px;
z-index:60;
}
/* Fim Itens Menus capa */


#texto-capa {
position:absolute;
top:250px;
left:0px;
width:700px;
font-size:12px;
background-color:nome;
z-index:60;
font-size:26px;
color:#2a6b94;
text-align:center;
}




/* Início Calendário da Capa */
/*
#fundo-calendario {
position:absolute;
top:110px;
left:0px;
width:700px;
padding:6px;
font-size:12px;
background-color:#f4f4f4;
z-index:60;
}
#conteudo-calendario {
width:686px;
padding:6px;
font-size:12px;
border: solid #dedede 1px;
color:#000000;
background-color:#ffffff;
z-index:80;
}

.mes {
font-size:18px;
color:#0e6b9f;
}

.dia {
font-size:14px;
color:#000000;
background-color:#f5db00;
border:solid black 1px;
text-decoration:underline;
padding:4px
}
*/
/* Fim Calendário da Capa */


#print_header {
position:absolute;
top:0cm;
left:0cm;
z-index:0;
display:none;
}



}



@media print {

/* Elementos Padrão */

body {
font-family:Calibri, Arial, helvetica, Sans-Serif;
}


#centralizador {
background-image:none;
border:none;
}


#menu, #bot_print, #barra-agt, #barra-azul, #detalhes-menu, #logo-ci, #fotos, #barra-cinza, #logo-pucrs, #logo-mic, #box1, #box2, #box3, #box4, #conteudo-box1, #conteudo-box2, #conteudo-box3, #conteudo-box4, #tit-box1, #tit-box2, #tit-box3, #tit-box4, #fundo-calendario, #conteudo-calendario, #mes, #dia{
display:none;
}

#print_header {
position:absolute;
top:0cm;
left:0cm;
z-index:0;
}

#texto {
position:absolute;
top:3cm;
left:0cm;
width:100%;
text-align:justify;
font-size:11pt;
color:black;
z-index:3;
}

} 










