/***************** BOJE

U psd-u je precizan predložak u pravoj veličini kako bi stranica trebala izgledati.

Pojedina boja predavanja je namještena na 85% prozirnosti, a u hooveru bi trebala postati 100% (neprozirna). 
Za primjer šaljem interaktivni pdf gdje je namješten hoover na bojama-linkovima te otvaranje prva dva predavanja.
 
Tipografiju na osnovnoj (zatvorenoj) stranici vam šaljem u prilogu i trebalo bi je rasterizirati kako bi se prikazala upravo takva. 
Kod otvaranja pojedinog predavanja molim da postavite sistemsku tipografiju Georgia u veličinama: 
za sažetak predavanja Georgia Regular, veličina 16pt, leading 18pt;  
za biografiju Georgia Regular (ime predavača Bold) veličina 12pt, leading 14pt. 

Pretpostavljam da će te izraditi cms kako bi u DPUH-u sami unosili sažetke i biografije predavača.


/* reset styles */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
/* end reset styles */
html {
  font-family: Georgia Regular, Georgia, Arial, Helvetica;
  background-color: #fff;
  overflow-y: scroll;
}
input, textarea{
 font-family: Georgia Regular, Georgia, Arial, Helvetica;
 background-color:transparent;
 /*overflow:show;*/
 border:1px solid #fff;
 margin: 0 0;
 padding:0 0;
}
input[type="submit"]{
 font-weight:bold;
 /*float:left;*/
}
input[type="submit"]:hover{
 text-decoration:underline;
 cursor:pointer;
}
body {
  padding: 0 0 20px 0;
  font-size: 12px;
}

#wrapper {
  width: 960px;
  margin: 0 auto;
}
h1{
text-align:center;
margin:50px 0;
}
 	.lijevo, .lijevo input, .lijevo textarea{
 	width:145px;
	float:left;
	text-align:right;
 	}
	.desno{
	 	padding-left:20px;
	}
 	.desno, .desno textarea, .desno input{
	float:left;
	/*margin:1px 1px;*/
 	width:700px;
	text-align:justify;
 	}
 	.redak{

	/*overflow:hidden;*/
	float:left;
	width: 100%;
	/*cursor:pointer;*/
}
.zaglavlje{
height:50px;
cursor:pointer;
/*width:100%;*/
}
.zaglavlje .lijevo{
padding-top:10px;
}
.zaglavlje .desno{
padding-top:5px;
}

.zaglavlje, .opis, .predavac{
float:left;
}

.opisipredavac{
display:none;
float:left;
}

.opis{
font-size: 16px;
}
.opis, .opis input, .opis textarea{
font-size: 16px;
}

.predavac {
margin:20px 0 60px 0;
}
.opis .desno::first-letter{
font-size: 18px;
}
.predavac, .opis .lijevo, .predavac input, .opis .lijevo input, .predavac textarea, .opis .lijevo textarea{
font-size: 12px;
}

.predavac  .desno::first-letter{
font-size: 14px;
}
#podnozje{
width:100%;
text-align:center;
margin:20px;
float:left;
font-family: Georgia, Arial, Helvetica;
font-size: 12px;
line-height: 20px;
}
#podnozje a{
text-decoration:none;
color:#000;
}
#podnozje a:hover{
text-decoration:underline;
}

#p1:hover {
background-color: #74b5a1;	
}
#p1 {
background-color: #89C0AF;	
}
#p2:hover {
background-color: #83bba0;	
}
#p2 {
background-color: #96C5AE;	
}
#p3:hover {
background-color: #8ec1a1;	
}
#p3 {
background-color: #9FCAAF;	
}
#p4:hover {
background-color: #9bc6a0;	
}
#p4 {
background-color: #AACFAE;	
}
#p5:hover {
background-color: #a5cca0;	
}
#p5 {
background-color: #B2D4AE;	
}
#p6:hover {
background-color: #b2d39f;	
}
#p6 {
background-color: #BEDAAD;	
}
#p7:hover {
background-color: #bed89c;	
}
#p7 {
background-color: #C8DEAB;	
}
#p8:hover {
background-color: #cae09b;	
}
#p8 {
background-color: #D2E5AA;	
}
#p9:hover {
background-color: #d9e79a;	
}
#p9 {
background-color: #DFEBA9;	
}
#p10:hover {
background-color: #d4daa0;	
}
#p10 {
background-color: #DAE0AE;	
}
#p11:hover {
background-color: #d3cea2;	
}
#p11 {
background-color: #DAD5B0;	
}
#p12:hover{
background-color: #d2c5a7;	
}
#p12 {
background-color: #D9CEB4;	
}
#p13:hover {
background-color: #cebaab;	
}
#p13 {
background-color: #D5C4B8;	
}
#p14:hover {
background-color: #cbafab;	
}
#p14 {
background-color: #D3BBB8;	
}
#p15:hover {
background-color: #c9a5ad;	
}
#p15 {
background-color: #D1B2B9;	
}
#p16:hover {
background-color: #c59aad;	
}
#p16 {
background-color: #CEA9B9;	
}
#p17:hover {
background-color: #c390ad;	
}
#p17 {
background-color: #CCA1B9;	
}
#p18:hover {
background-color: #c286ae;	
}
#p18 {
background-color: #CB98BA;	
}