figure {
  text-align:center; 
}

.div2 {
  width: 850px;  
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 0px 50px;
  border: 1px solid blue;

}

/* centriranje */


.content {
  max-width: 850px;
  margin: auto;
  border-radius: 0px 50px;
  border:1px solid black;
  background: white;
  padding: 10px;
 /* box-shadow: 2px 2px #888888; */
}



body {
  background-color: hsl(0, 0%, 90%);
}


figcaption {
	
	font-size:96%;
	
}


.center {
  margin: auto;
  width: 50%;
  border: 3px solid green;
  padding: 10px;
}


/* fiksni stupac - meni lijevo */

div#lijevi_stupac { background:silver;margin-top:2em; padding:5px; border:1px solid gray; top:0px; width:7.4em;position:fixed;}
ul.lijevo {
list-style-type: none;
padding: 0;
margin: 0 4px 0 4px;
}
ul.lijevo li {background:white; font-family:sans-serif;font-size:70%; margin: 0.5em 0;
padding: 2px;
}
div#desni_stupac {padding:5px;border:1px solid gray; top:0px; width:30em;position:absolute; left:9em;background:#D2FFFF;margin-top:2em;}
div.naslov {font-family:sans-serif;color:red; font-weight:normal; background:#FFFFC6; padding:10px; broder-bottom-width:5;border-bottom-style:ridge;border-bottom-color:blue;
broder-right-width:5;border-right-style:ridge;border-right-color:blue;
}
span.razmak {letter-spacing:20px;}
div.blanusa , div.devide {background:silver; color:white; font-weight:900; font-size:90%; padding:5px;}
div.blanusa a {color:white}
div.devide a {color:white}
.skole, .casopisi, .izdavaci , .arhivi, .pomoc, .natjecanja, .zlatni, .tex , .ostalo, .povijest , .hrv, .cuvalo,.institucije , .ssale, .konferencije
{background:white;padding:5px; margin-top:30px; border:1px solid gray;}
div.darko {background:white; font-family:sans-serif;padding:5px; margin-top:11cm; margin-bottom:0.5cm; font-size:80%;border:1px solid gray;}
h3 {background:#D7D7D7; color:teal; padding:5px; font-weight:600; margin-top:10px}
div.pitagora
{
float:right;
width:181px;
margin: 5px 2px 2px 5px;
border:2px solid gray;
background:silver; color:white;font-weight:900;
padding-top:0px; padding-bottom:0px;
font-family:sans-serif;
font-size:70%;
text-align:center;
}
div.arhimed {background:white; padding:1em; align:center; margin-top:30px; border:1px solid gray;}
a:hover {background-color:#F1A629;text-decoration:none;}




.collapsible {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 2px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.active, .collapsible:hover {
  background-color: #555;
}

.cont {
  padding: 0 2px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #f1f1f1;
}




      #buttons {
        position: relative;
        top: -9px;
        left: 0px;
      }
      #buttons > input {
        padding: 3px;
        display: block;
        margin-top: 5px;
      }
	  
	  
	  input[type="submit"], input[type="button"] {
  font-size: 75%;
}
