html body{
    margin:0;
    padding:0;
    border:0;
    font-family:Arial, Tahoma, Verdana;
    font-size:12px;
    height:100%;
    color:#000;}
    body{
     /*position: relative;*/
    background:url(../img/bg.jpg) repeat 0 0;
    /*min-height: 100%;*/
}
img {
    border:0;
}
.size1
{
   font-size:16px;
}
.size2
{
   font-size:20px;
}
.size3 {
   font-size:25px;
}
.slabov {
    background-color: #fff;
    font-size: 22px;
    padding: 10px 0 0 75px;
    font-weight: bold;
    height: 45px;
    background-image: url('/eye.png');
    background-repeat: no-repeat;
    

}
.slabov a, .slabov a:visited{
    color: #000;
}

p, h1, h2, h3, h4, h5, h6 { margin:0; padding:10px 0;}
h1, h2, h3, h5, h6 { color:#113884; font-weight:400; font-style:italic; text-align: center;}
h4 { font-family:  arial; font-size:1.2em;  font-style: italic; color:  #ff0000}
.right h3 { text-align:center; display:block; text-decoration:underline; font-size:1.5em; }
p { }
a {color:#0000ff;
    cursor:pointer;
    outline:none;
    
}
a:visited {
    color:  #1499f4;
}
.clear {
    clear:both;
    width:100%;
    height:0;
    line-height:0;
    font-size:0;
}
.body {
    min-width:997px;
    min-height:100%;
    height:auto !important;
    height:100%;
}
* html .body {
    height:100%;
}
.container {
    padding-bottom:90px;
}
.header {
    height:372px;
    background:url(../img/hbg.png) repeat-x 0 0;
}
    .header .light {
        height:372px;
        background:url(../img/light.png) no-repeat 100% 0;
    }
    .header .l {
        height:372px;
        background:url(../img/note.gif) no-repeat 0 0;
    }
    .header .r {
        height:372px;
        background:url(../img/noter.gif) no-repeat 100% 100%;
    }
.middle {
    float:left;
    width:100%;
    margin-left:-230px;
    display:inline;
}
.middle .left {
    float:left;
    width:230px;
    margin-left:230px;
    display:inline;
}
    .middle .left .in {
        padding:20px 10px 10px 30px;
    }
	
.middle .content {
    margin-left:460px;
}
    .middle .content .in {
        padding:20px 30px 10px 30px;
        text-align:justify;
		
        color: #113884;
        font-style: italic;
    }
        .middle .content .in img.mainimg {
            padding:5px;
            background:#fff;
            float:right;
            margin:10px;
        }
	 .middle .content .in i {
        color:#ff0000
     }
.right {
    padding-left:100%;
    margin-left:-230px;
}
    .right .in {
        padding:20px 30px 10px 10px;
        position:relative;
        z-index:2;
    }
.footer {
    height:54px;
    margin-top:-54px;
    background:url(../img/f.png) repeat-x 0 0;
}
    .footer .in {
        padding:37px 30px 0 30px;
        line-height:17px;
        font-size:0.9em;
    }
    .footer .in a, .footer .in a:visited, .footer .in a:link, .footer .in a:active, .footer .in a:hover {
        color:#000;
        text-decoration:underline;
    }
.navi {
    padding:10px 0;
    position:relative;
    z-index:2;
}
    .navi a,
    .navi a:visited,
    .navi a:link,
    .navi a:active,
    .navi a:hover {
        display:block;
        color:#113884;
        font-style:italic;
        font-weight:400;
        font-size:1.5em;
        background:url(../img/li.png) no-repeat 0 50%;
        padding:5px 0 5px 35px;
        text-decoration:underline;
    }
	.middle .left .navi a.in {
    padding:10px 0;
    position:relative;
    z-index:2;
	font-weight:100;
        font-size:1.2em;
        background:none;
        padding:5px 0 5px 35px;
        text-decoration:underline;
}
.middle .left .navi a.inn {
  
    position:relative;
    z-index:2;
	font-weight:100;
        font-size:1.2em;
        background:none;
        padding:5px 0 5px 45px;
        text-decoration:underline;
}
    .navi a:hover, .middle .left .navi a.in:hover {
        text-decoration:none;
    }
.item {
    font-size:0.9em;
    line-height:0.9em;
    padding:10px 0;
    text-align:left;
}
    .item .date {
		font-size:1.1em;
        color:#ae4c5c;
    }
    .item .more {
        color:#1499f4;
        text-decoration:underline;
    }
    .item .more:hover {
        text-decoration:none;
    }
    .item .desc { font-size:0.9em;
	line-height:1.1em;

    }
.prelative { position:relative; }
.album {
    position:absolute;
    height:327px;
    width:790px;
    right:0;
    top:0;
    background:url(../img/album.png) no-repeat 0 0;
    z-index:1;
}
.line {
    background:url(../img/rep.png) repeat-x 0 0;
    height:60px;
}
.border {
    background:url(../img/b1.png) no-repeat 0 0;
    width:264px;
    height:189px;
    position:absolute;
    z-index:2;
    font-size:0;
    overflow:hidden;
    right:0;
}
.border img {
    margin:8px 10px 0 10px;
    width:233px;
    height:156px; 
}
.b1 { margin-top:22px; margin-right:10px;  }
.b2 { margin-top:73px; margin-right:281px;}
.b3 { margin-top:16px; margin-right:553px;}
.logo {
    display:block;
    position:absolute;
    height:159px;
    width:138px;
    background:url(../img/logo.png) no-repeat 0 0;
    cursor:pointer;
    overflow:hidden;
    margin-top:165px;
    margin-left:35px;
}
.description {
    display:block;
    position:absolute;
    height:46px;
    width:586px;
    background:url(../img/school.png) no-repeat 0 0;
    cursor:pointer;
    overflow:hidden;
    margin-top:323px;
    margin-left:50px;
}
.cornl {
    position:absolute;
    height:368px;
    width:237px;
    background:url(../img/l.png) no-repeat 0 0;
    z-index:1;
    margin-top:-36px;
    margin-left:-30px;
}
.cornr {
    position:absolute;
    height:204px;
    width:132px;
    background:url(../img/r.png) no-repeat 0 0;
    z-index:1;
    right:0;
    margin-top:-203px;
}
/*Slideshow*/



.border IMG { position:absolute; z-index:8; }
.border IMG.active { z-index:10; opacity:1.0; }
.border IMG.last-active { z-index:9; }
.comments .title { font-size:14px; color:#0559BF
	}
	
	.comments .author { font-size:1em; color: #F00; font-weight:600
	}
	.comments .date { font-size:1em; color: #0070C0;  
	}
	#fAbr { float:right}


    .b4 *{
        color: #000!important;
        


    }
     .b4, .b4 .cornl, .b4cornr {
        background: none;
     }

     .b4 img {

   filter: grayscale(100%);
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   -o-filter: grayscale(100%);
   filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

     }

     #cookiesSogl {
        background-color: white;
        color: #113884;
        width:  100%;
        height: 80px;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 100;
        font-size: 16px;
        padding: 10px;
        display: none;


     }
#cookiesSogl button{
height: 30px;
width: 120px;
background-color: green;
border-radius: 5px;
font-size: 18px;
color: white;
border: none;
margin-left: 15px;
cursor: pointer;

}