/* CSS para Tela */
@import url('table.css');
@import url('cursos.css');
@import url('eventos.css');


@media screen {

/* Elementos Padrão */

body {
background-color:#a8a8a8;
background-image:url('bck.gif');
background-repeat:repeat-x;

font-family:Calibri, Arial, helvetica, Sans-Serif;
}

#centralizador {
background-image:url('bck_content.gif');
background-repeat:repat-y;
}

#menu {
position:absolute;
top:320px;
left:461px;
width:531px;
height:30px;
font-size:8.5pt;
line-height:14pt;
text-align:right;
z-index:30;
}

#texto {
position:absolute;
top:349px;
left:232px;
width:759px;
min-height:180px;
padding-bottom:30px;
font-size:10pt;
text-align:justify;
z-index:40;
}

.texto_mrgn {
margin-top:10px;
margin-left:15px;
margin-right:20px;
padding-bottom:80px;
padding-right:0px;
}

.texto_mrgn_sidebar {
margin-top:00px;
margin-left:15px;
margin-right:20px;
padding-bottom:80px;
padding-right:180px;
}

#bot_print {
position:absolute;
top:360px;
left:825px;
z-index:100;
}

#rodape {
position:absolute;
bottom:0px;
left:-225px;
width:985px;
height:45px;
background-image:url('bck_rodape.gif');
background-repeat:repeat-x;
font-size:08pt;
text-align:center;
color:white;
z-index:20;
}

#rodape_mrgn {
margin-top:0px;
}

#cursoseventos {
position:absolute;
top:370px;
left:7px;
z-index:20;	
}

/* Elementos Customizáveis */

#barra1 {
position:absolute;
top:0px;
left:7px;
width:985px;
height:50px;
background-image:url('bck_barra_1.gif');
background-repeat:repeat-x;

z-index:10;
}

#barra2 {
position:absolute;
top:50px;
left:7px;
width:985px;
height:252px;
background-image:url('foto_efeito.png');
background-repeat:no-repeat;
z-index:20;
}

#foto_base {
position:absolute;
top:50px;
left:7px;
width:985px;
height:252px;
z-index:10;
}

#barra3 {
position:absolute;
top:302px;
left:7px;
width:985px;
height:37px;
background-image:url('bck_menu_h.png');
background-repeat:repeat-x;
z-index:20;
}

#barra4 {
position:absolute;
top:332px;
left:7px;;
width:985px;
height:16px;
background-color:#adabab;
z-index:10;	
}

#arremate_e {
	position:absolute;
	top:0px;
	left:0px;
}

#arremate_d {
	position:absolute;
	top:0px;
	left:992px;
}

#pucrs {
position:absolute;
top:10px;
left:20px;
z-index:20;
}

#logo {
	position:absolute;
	top:90px;
	left:30px;
	z-index:30;
}

#ul_menu {
list-style-type:none;	
margin:0px;
padding:0px;
}

#ul_menu li {
display:block;
float:right;	
margin-left:10px;
margin-top:-14px;
margin-right:20px;
}

.c {
background-image:url('bck_cursos_content.gif')!important;
background-repeat:repeat-x;
background-position:top;	
}

.e {
background-image:url('bck_eventos_content.gif')!important;
background-repeat:repeat-x;
background-position:top;	
}

#sidebox {
position:absolute;
top:0px;
left:570px;

width:170px;
min-height:120px;

z-index:10;
}

#sidebox_mrgn {
margin:5px;
margin-top:50px;
margin-bottom:5px;
}

#unidade {
font-size:08pt;	
margin-top:5px;
width:160px;
}

.side_c {
background-color:#e8f7ff;	
border:solid 1px #64c6ff;
border-top:none;
}

.side_e {
background-color:#fff4d3;	
border:solid 1px #e3b000;
border-top:none;
}





}


@media print {

/* Elementos Padrão */

body {

font-family:Calibri, Arial, helvetica, Sans-Serif;
}


#centralizador {
background-image:none;
border:none;
}

#menu , #bot_print, #barra2, #barra3, #barra4, #arremate_e, #arremate_d, #rodape, #foto_base, #logo,  #sidebox, #unidade, #pucrs, .side_c, .side_e, #cursoseventos, .nome_e, .nome_c{
display:none;
}

#barra1 {
position:absolute;
top:0cm;
left:0cm;
width:100%;
height:2cm;
background-color:whitesmoke;
z-index:0;
}



#texto {
position:absolute;
top:2cm;
left:0cm;
width:100%;

text-align:justify;
font-size:11pt;
color:black;


z-index:3;
}




}