body {
font-family: 'Raleway', sans-serif;
margin:0;padding:0;
font-size:86%;
background:#fff;
}
a {
  float:none;
	color: #669;
	text-decoration: none;
	margin:0;
	padding:0;
	outline:0;
}
a.anchor {display: block; float:left; width:100%;position: relative; top: -50px; visibility: hidden;}
.anchor2 {display: block; float:left; width:90%;position: relative; top: -100px; 
visibility: hidden;}

#total {float:left;width:90%;}
#total b {float:left;width:auto !important;margin:0 !important;}
#total input {float:left;width:40px !important;margin:2px 0 0 0 !important;background:none;border:none !important;
font-weight:bold;outline:0;}

a img {border:none;}
a:hover {
	text-decoration: none;color:#333;
}
h1 {
	font: bold 36px/100% Arial, Helvetica, sans-serif;
}

#forma {float:left;width:80%;padding:1% 5% 10% 5%;margin:30% 5% 10% 5%;background:#eee;}
#forma h3 {float:left;width:100%;font-size:26px;}
#forma h4 {float:left;width:100%;font-size:20px;color:#555;}
#forma input, #forma select {float:left;width:42%;padding:1%;margin:1% 2%;font-size:20px;border:1px solid #ccc;}
#forma b {float:left;width:52%;padding:1%;margin:1% 2%;font-size:20px;}
#forma b input[type=checkbox] {float:none;width:40px;height:20px;}
#forma b i {color:#777;}
#forma select {width:44.3%;padding:0.9%;margin:1% 2%;border:1px solid #ccc;}
#forma textarea {width:94.3%;border:1px solid red;float:left;height:100px;font-family:arial;}
#forma p {float:left;width:95%;}
/************************************************************************************
STRUCTURE
*************************************************************************************/


#pagewrap {
	padding: 0;
	width: 100%;
	margin: 0 auto;
	max-width:2000px;
}

#header {
	padding: 0;
	width: 100%;
	float:left;
}

#header-top { 
margin: 0 auto;
	max-width:2000px;
	width:95%;	
	display:block;
	z-index:10009;	
}

#header-top div.menu {
  float:left;
  width:99%;
  padding:0;
  background:#555;
  
}

#header-top div.menu a {
  float:left;
  color:#fff;
  margin:1% 0.5% 1% 0.5%;
  padding:2px 0.5% 4px 0.5%;
  border-bottom:3px solid #555;
  font-size:120%;
}

#header-top div.menu a:hover {
  border-bottom:3px solid #aaa;
}

.register {float:left;padding:1%;}
.register h2 {float:left;width:98%;padding:0 1%;color:#555;font-size:180%;}
.register input {float:left;padding:6px;width:69%;margin:2% 7%;border:2px solid #777;color:#A91332;font-size:140%;position:relative;}
.register select {float:left;padding:5px 6px;width:71.85%;margin:2% 7%;border:2px solid #F53D65;color:#A91332;font-size:140%;}
.frame {float:left;width:97%;border:2px solid #fff;margin-left:2%;}


#content-contain {
  float:left;
  width:100%; 
  z-index:12 !important;
  padding-bottom:30px;
  opacity: 0.92;
  filter: alpha(opacity =92);
}

#content {
  color:#000;
	width: 65%;
	float: left;
	margin:0 0 0 2%;
	margin-bottom:0px;
	padding:1%;
}

#content h2 {
  margin:0 0 2% 0;
  float:left;
  width:100%;
  font-weight:normal;
  font-size:20px;  
}

#content h2.naslov {
  font-size:29px;
}







  #contain-parallax2 {margin:0 auto;width:100%;z-index:1;
  background:none;overflow:hidden !important;}
  #parallax2{float:left;width:100%;position:fixed;top:0px;left:center;z-index:-1;overflow:hidden !important;} 
  #parallax2 img.para{position:relative;z-index:0;width:100%;}

  
  
  

/* za 1281px ili manje */
@media screen and (max-width: 1281px) {
	
	#pagewrap {
		width: 100%;
	}
	#content {
		width: 65%;
	}
	#sidebar {
		width: 26%;		
	}
 
}
@media screen and (max-width: 900px) {

#lijevi, .desno {width:98%;}
  .boks {margin-top:5%;margin-bottom:1%;width:98%;}
  .boks a {height:100px;}
  .boks2 {
  width:93%;
  padding:0% 2% 0% 4%;
  font-size:150%;
  }

}
/* for 700px or less */
@media screen and (max-width: 700px) {


  h2 {font-size:18px !important;}
  .pocetna { width:100%;height:138px;margin:1% 0 1% 0; }
  #content div.eksperiment.open a.datoteka {width:96%;}
  #header-top, #search, #content, #sidebar, #siderbar div {
  width:96%;
  float:left;
  margin:1% 2%;
  }

  .thumb {display:none;}
  #content {width:94%;}
  #content h2.naslov {font-size:190% !important;border-bottom:2px solid #fff;margin-bottom:20px;}
  #sidebar div a {padding:0 0 40px 0;}
  #header-top img {
  width:100%;
  float:none;
  }

	.content-text {
    text-align:left !important;
  }


#parallax2 {position:absolute;}
#parallax2 img.para{float:left;width:300%;position:static;z-index:-1;}
   
}

/* for 480px or less */
@media screen and (max-width: 480px) {

  body {
  font-family:arial;
  }

  .content-text {overflow:hidden;text-align:left;}
  .content-text strong, .content-text p {text-align:left;}


  #header-top {
		height: auto;
		padding:0 0 3px 0;
	}	


	h1 {
		font-size: 24px;
	}

 
#content img {
  width:98% !important;margin:10px 0 !important;
  }
                                          
}

/* border & guideline (you can ignore these) */



#pagewrap, #header, #content, #sidebar, #footer {
	border:none;
}


#print p.head {float:left;width:100%;border-bottom:1px solid #333;text-align:center;padding:0.5% 0;}
#print p.head img {display:none;}
#print p b {float:right;width:60%;font-size:110%;}
#print h3 {float:left;width:100%;text-align:center;}
#print p.desno {float:left;width:100%;text-align:right;}
#print table {float:left;width:100%;border-collapse:collapse;}
#print table td,#print table th {border:1px solid #333;padding:0.5%;text-align:center;}
#print table tr.payed td {background:#C3FFB7;}
#print table tr.select td {background:yellow;}