/* css pro so */

body {
   margin: 0px;
   font: 16px 'Open Sans', Verdana, Arial, sans-serif;
/*   background: #53e3a6;
   background: -webkit-linear-gradient(top left, #53e3a6 0%, #50a3a2 100%);
   background: linear-gradient(to bottom right, #53e3a6 0%, #50a3a2 100%);*/
   
background: #53e3a6; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNTNlM2E2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUwYTNhMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg,  #53e3a6 0%, #50a3a2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#53e3a6), color-stop(100%,#50a3a2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #53e3a6 0%,#50a3a2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #53e3a6 0%,#50a3a2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #53e3a6 0%,#50a3a2 100%); /* IE10+ */
background: linear-gradient(135deg,  #53e3a6 0%,#50a3a2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53e3a6', endColorstr='#50a3a2',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
   
   color: black;
  
  height: 100%;
  background-attachment: fixed;
}

.nounder {
    color: black;
    text-decoration: none;
}
hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, #50a3a2, #53e3a6, #50a3a2);
}

h1 {
   font-size: 22px;
   text-align: center;
}
h2 {
   font-size: 18px;
}

form {
   margin: 0px;
}

input, select {
   font: 16px 'Open Sans', Verdana, Arial, sans-serif;
}

.pageBg {
   margin: 20px;
}
.imgmiddle {
	vertical-align: central;
	margin: 0 15px;
}
.centered {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.middle > * {
  vertical-align: middle;
}
.middle h2 {
  display: inline-block;
  margin: 0;
  text-align: right;	
}
.spleft {
   padding: 2px;
   float: left;
   /*background-color: #BFB660;*/
   font-weight: bold;
   width: 150px;
   display: block;
   margin-right: 2px;
   border-bottom: 1px solid #f2f2f2;
}

.spleftTransp {
   padding: 2px;
   float: left;
   width: 150px;
   display: block;
   margin-right: 2px;
}
.spclen25, .spclen70, .spclen80, .spclen100, .spclen150, .spclen200, .spclen250, .spclen280 {
   padding: 2px;
   float: left;
   border-bottom: 1px solid #f2f2f2;
}
.spclen25 {
   width: 25px;
}
.spclen35 {
   width: 35px;
}
.spclen70 {
   width: 70px;
}
.spclen80 {
   width: 80px;
}
.spclen100 {
   width: 100px;
}
.spclen120 {
   width: 120px;
}
.spclen150 {
   width: 150px;
}
.spclen200 {
   width: 200px;
}
.spclen250 {
   width: 250px;
}
.spclen280 {
   width: 280px;
}
.spright {
   padding: 2px;
   float: left;
   border-bottom: 1px solid #f2f2f2;
}
.clear {
	clear: left;
}

.smalltxt {
   font-size: 10px;
}

fieldset {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

legend {
	padding-bottom: 1px;
	color: white;
}

button::-moz-focus-inner {
  border: 0; 
}

.box {
    width: 1000px;
    background:#FFF;
    margin:40px auto;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    padding: 20px;
}
.boxclen {
	width: 1370px;
	background:#FFF;
	margin:40px auto;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	padding: 20px;
    font-size: 14px;
}
.infobox {
	width: 1000px;
	background: #FFFFDF;
	
	margin:40px auto;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	padding: 20px;
}
.box h2 {
	text-align: center;
}

/*==================================================
 * Effect
 * ===============================================*/
.effect
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect:before, .effect:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.bold {
    font-weight: bold;
}
.studenti {
    float: right;
    background-color: #f2f2f2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    padding: 20px;
    position: relative;
    z-index: 99;
}

.slidingDiv {
    /*height:300px;*/
    background-color: #53e3a6;
    padding:20px;
    margin-top:10px;
    border-bottom:5px solid #50a3a2;
}

.show_hide {
    display:none;
}