body {min-width:1150px;
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background:url(/images/bg.png);
}

ul, li { list-style: none;}

h1, h2, h3, h4, ul, ol, dl {padding:0;margin: 0;}

h1, h2, h3, h4{font-family: 'Open Sans', sans-serif;}
/*font-weight:100;*/

#BigContainer{width:960px;margin:30px auto;background-color:#fefefe;
-moz-box-shadow:0 0 6px gray;
-webkit-box-shadow:0 0 6px gray;
box-shadow:0 0 6px gray;}

#BigContainer2{padding:30px 30px 50px 30px;font-size:0.85em;}

#PolosaMenu{width:100%;height:100px;background-color:#fefefe;
-moz-box-shadow:0 0 20px gray;
-webkit-box-shadow:0 0 6px gray;
box-shadow:0 0 20px gray;
position:relative;z-index:99;}

#Logo{
width:540px;
height:67px;
margin:18px 0 0 28px;
float:left;
font-family: Georgia,Arial,Helvetica,sans-serif;
font-weight:100;
font-size:1.4em; color:#333;
-webkit-text-shadow: 0 1px 1px #888;
-moz-text-shadow: 0 1px 1px #888;
text-shadow: 0 1px 1px #888;}

#Logo span {font-style:italic;color:blue;text-transform: uppercase;}

#Banner{width:960px;height:400px;background: url(/images/banner.jpg) center top no-repeat;
position:relative;z-index:98;}

#bannerText{width:626px;
padding-top:160px;margin-left:3%;
font-family: 'Open Sans', sans-serif;
font-weight:100;
text-transform: uppercase;
font-size:3.2em; color:#333;
-webkit-text-shadow: 0 1px 1px #888;
-moz-text-shadow: 0 1px 1px #888;
text-shadow: 0 1px 1px #888;
}
#bannerText span{color:#00B8E8;}

#sitenav {font-family: 'Open Sans', sans-serif;
font-weight:100;
font-size:2.2em; color:#333;float:right;
-webkit-text-shadow: 0 1px 1px #888;
-moz-text-shadow: 0 1px 1px #888;
text-shadow: 0 1px 1px #888;}
#sitenav li {display:inline;color:blue;font-weight: bold;}
#sitenav li{display:block;color:blue;font-weight: bold;text-decoration:none;margin:25px 25px 0 0;float:left;}


#Block1{/*width:590px;min-height:500px;*/float:left;padding-top:10px;}
#Block2{width:96%;margin-left:30px;float:right;padding-top:10px;border-radius: 10px; background-color: rgba(130, 130, 130, 0.5); padding-left: 15px; padding-bottom: 5px; padding-right: 15px;box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.2); margin-top: 15px;}
#Block2 li {list-style:none; padding-bottom:5px;}
#Block1 h1{padding:20px 0 20px 30px;color: #333;
-webkit-text-shadow: 0 1px 1px #888;
-moz-text-shadow: 0 1px 1px #888;
text-shadow: 0 1px 1px #888;}
#Block1 h2{font-size:33px;margin:30px 0 10px 0}

#Block2 h3{font-size:27px;padding-bottom:15px;color: #222;
-webkit-text-shadow: 0 1px 1px #888;
-moz-text-shadow: 0 1px 1px #888;
text-shadow: 0 1px 1px #888;}
.OColor{color:#00B8E8;}

.clear {clear:both;height:0;font-size: 1px;line-height: 0px;}


#subcontainer {float: left; width:66%;}
#subcontainer2 {float: left; width:100%;}
#lookupStudent
{
    border-radius: 10px;
    box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.2);
    width:47%;
    height:280px;
    padding:10px;
    float: left;
    background-color:#3b3632;
    text-align: center;
}
#addButtonConteiner
{
    width:47%;
    border-radius: 10px;
    box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.2);
    /*padding: 10px;*/
    height: 300px;
    float:right;
    background-color:SlateGrey;
    margin-left: 10px;
    text-align: center;
}
 
#groupTreeContainer
{
    height: 300px;
    border-radius: 10px;
    box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.2);
    /*padding:10px;*/
    width: 32%;
    background-color:#3b3632;
    margin-left:10px;
    float: right;
    text-align: center;
}

#liniya {
        border-radius: 10px;
        box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.2);
        width:15%; 
        height:165px; 
        background:SlateGrey; 
        float:left; 
        margin-left:0px; 
        text-align:center;
        padding: 10px 10px 10px 10px;
        z-index:1;
        }

#strelka {z-index:100;float: left;margin-left: -7px;margin-top: 40px;
}

.spoiler a{
	 color: #000000;
	 border-bottom: #959595 dashed 1px;
	 text-decoration: none;
}
 
.spoiler:hover {
     cursor: pointer;
}
 
.spoiler-text {
     margin: 15px 25px;
	 font-size: 18px;
}
/*
     */
/*
*/