#top_identify{width:100%; height:50px;line-height:50px; text-align:center; color:white; background:#3d3836;}
@font-face {
    font-family: OpenSans-Regular;
    src: url(../../fnt/OpenSans-Regular.ttf);
}

@font-face {
    font-family: OpenSans-Bold;
    src: url(../../fnt/OpenSans-Bold.ttf);
}

#cookie-bar{padding:10px 15px;}
#cookie-bar a.but{background:  #3d3836;color:white;padding:3px 7px;margin:0px 3px; text-decoration:none;}
#cookie-bar a.but:hover{background:  #191919;color:white;text-decoration:none;}
#cookie-bar p {
    float: left;
    margin: 0;
}
#cookie-mini{display:inline-block;padding:4px 10px; position:absolute;top:0px; right:0px;cursor:pointer;z-index:10;}
#cookie-mini.hiden,#cookie-bar.hiden{display:none;}



.no-gutter > [class*="col-"] {
    padding-right:0;
    padding-left:0;
}



body{
    background-color: #e5e5e5;
	/*background-size:cover;*/
	background-position: center top;
    font-family: "Raleway", sans-serif;
	overflow-x: hidden; 
	position: relative;
}

header {
	
	background: white;
}
header .container{position:relative;}



header a{
	color: #3d3836;
}

header .sitename{    padding-top: 49px;text-align:left;height: 63px;    line-height: 63px;     margin-top: 0;color: #3d3836;position:relative;}
header .sitename p{text-transform:uppercase;font-size:34px; font-weight:bold;}
header .sitename2{text-transform:uppercase;font-size: 36px;    font-weight: bold; padding-top:8px;margin-bottom:-8px;}
header .siteslug{text-align:left;font-size:22px;font-weight:bold;height: 63px;    line-height: 63px; padding-top:4px;color: #A9A8A8;}

header .sitename2 span:nth-of-type(1){color:#009835;}
header .sitename2 span:nth-of-type(2){color:#fe900d;}
header .sitename2 span:nth-of-type(3){color:#ff0302;}
header .sitename2 span:nth-of-type(4){color:#06B5E1;}

header img.logo{max-width:198px;width: 100%;}
header img.logo[src="https://www.lsss.lv/img/vh.svg"]{border-bottom: 6px solid #AA0909;}
header img.logo[src="https://www.lsss.lv/img/bh.svg"]{border-bottom: 6px solid #DD5806;}
header img.logo[src="https://www.lsss.lv/img/voh.svg"]{border-bottom: 6px solid #005B2E;}
header img.logo[src="https://www.lsss.lv/img/hh.svg"]{border-bottom: 6px solid #0389AA;}

header img.logo[src="https://www.lsss.lv/img/v.svg"]{border-bottom: 6px solid #B3B3B3;}
header img.logo[src="https://www.lsss.lv/img/b.svg"]{border-bottom: 6px solid #B3B3B3;}
header img.logo[src="https://www.lsss.lv/img/vo.svg"]{border-bottom: 6px solid #B3B3B3;}
header img.logo[src="https://www.lsss.lv/img/h.svg"]{border-bottom: 6px solid #B3B3B3;}
	
header img[src="https://www.lsss.lv/img/LSSS_logo_SVG.svg"]{max-width:200px;margin:20px 0px 15px 0px;}

.socials{
    display: flex;
    justify-content: end;
    padding-right: 10px;
}

:root{
	--base-color: #3d3836;
	--basketball-color: #DE5900;
	--volleyball-color: #355834;
	--athletics-color: #AB0A0A;
	--hockey-color: #124E78;
}


		header a#home1{
		background: url(../../img/1/home.png) 80px 0px no-repeat;
			display: inline-block;
			height: 24px;
			line-height: 28px;
			padding-right: 35px;
			font-size: 12px;
			position: absolute;
			top: 67px;
			right: 100px;
			z-index:5;}
		header a#home1:hover{
		background: url(../../img/1/home.png) 80px -37px no-repeat;}
		header a#home2{
		background: url(../../img/2/home.png) 80px 0px no-repeat;
			display: inline-block;
			height: 24px;
			line-height: 28px;
			padding-right: 35px;
			font-size: 12px;
			position: absolute;
			top: 67px;
			right: 100px;
			z-index:5;}
		header a#home2:hover{
		background: url(../../img/2/home.png) 80px -37px no-repeat;}
		header a#home7{
		background: url(../../img/7/home.png) 80px 0px no-repeat;
			display: inline-block;
			height: 24px;
			line-height: 28px;
			padding-right: 35px;
			font-size: 12px;
			position: absolute;
			top: 67px;
			right: 100px;
			z-index:5;}
		header a#home7:hover{
		background: url(../../img/7/home.png) 80px -37px no-repeat;}
		header a#home8{
		background: url(../../img/8/home.png) 80px 0px no-repeat;
			display: inline-block;
			height: 24px;
			line-height: 28px;
			padding-right: 35px;
			font-size: 12px;
			position: absolute;
			top: 67px;
			right: 100px;
			z-index:5;}
		header a#home8:hover{
		background: url(../../img/8/home.png) 80px -37px no-repeat;}	
.main{
    background: url(../../img/bg.png);
    background-size: contain;
}
.main .container{position:relative;background:white;}
#bg_left{height:100%;position:absolute;top:0px;left: -531px;display:inline-block;width:526px;  background: url(../../img/9/bg_left.png) 0px -5px;}
#bg_right{height:100%;position:absolute;top:0px;right: -544px;display:inline-block;width:539px;  background: url(../../img/9/bg_right.png) 0px -5px;}


/* Index */
.sp-image-container{position:relative;}
.sp-layer{

}
.sp-layer9{
	position:absolute;
    margin-left: 0px !important;width:100%;
    /* margin-right: auto; */
    right: 0px;
    transform-origin: center bottom 0px;
    left: 0px;
    bottom: 0px;
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    z-index: 99;
	background: rgba(0,0,0,0.6);
    color: white;
    text-transform: uppercase;
    font-size: 18px;
	padding:15px;
    font-weight: bold;
    text-align: left;
    margin-right: 50px !important;
	white-space: normal !important;
	
	pointer-events: none;}
	

.sp-layer #more2 a{text-decoration:none;}
.sp-layer #more2 #left{width: 0;
	height: 0;
	display:inline-block;
	border-top: 30px solid white;
	border-left: 30px solid transparent;}
.sp-layer #more2 #right{width: 0;
	height: 0;
	display:inline-block;
	border-top: 30px solid white;
	border-right: 30px solid transparent;}
.sp-layer #more2 #middle{
	display:inline-block;
	height:30px;
	background:white;
	color:black;
	vertical-align:top;
	line-height:30px;
	font-size:11px;
	padding:0px 10px;
	font-weight:normal;
	text-transform:lowercase;
}

.carousel-indicators{bottom:-55px !important;}
.carousel-indicators li{
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    background: white;
    border-radius: 50%;
    margin: 6px;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}
.carousel-indicators li.active{
background-color:#3d3836 !important;
width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-radius: 50%;
    margin: 6px;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.index_last{position:relative;}
.index_last span.title{
	
	display:inline-block;
	height:30px;
	line-height:30px;
	position:absolute;
	top:0px; 
	left:0px;
}
.index_last span.title span.triangle{
	width: 0;
	height: 0;
	border-top: 30px solid #3d3836;
	border-right: 30px solid transparent;
	display: inline-block;
}
.index_last span.title span.txt{
	padding:0px 30px;
	vertical-align: top;
	background: #3d3836;
	height:30px;
	display:inline-block;
	color:white;
	
}

.index_last span.but.photoo{position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
    width: 81px;
    height: 81px;
    display: inline-block;
	pointer-events: none;
    background: url(../../img/photo_ico.png) no-repeat;}

.index_last span.but.videoo{position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
    width: 81px;
    height: 81px;
    display: inline-block;
	pointer-events: none;
    background: url(../../img/video_ico.png) no-repeat;}

h2.title{
	display:inline-block;
	height:30px;
	line-height:30px;
	position:relative;
	margin:0;
	font-size:14px;
	margin-bottom:25px;
}
h2.title span.triangle{
	width: 0;
	height: 0;
	border-top: 30px solid #3d3836;
	border-right: 30px solid transparent;
	display: inline-block;
}
h2.title span.txt{
	padding:0px 30px;
	vertical-align: top;
	background: #3d3836;
	height:30px;
	display:inline-block;
	color:white;
	text-transform:uppercase;
}
h2.title a{vertical-align: top;}


.index_news .col-xs-6.col-md-3{margin-bottom:15px;margin-top:15px;}
.index_news .col-xs-6.col-md-3 .wrap{position:relative;background: #f2f2f2;}
.index_news .col-xs-6.col-md-3 .info{top:10px;right:0px;text-align:center;}
.index_news .col-xs-6.col-md-3 .info h3{
	font-weight: bold;
    margin: 15px 0;
    font-size: 16px;
    text-align: left;
    padding: 0px 20px;
}
.index_news .col-xs-6.col-md-3 .info p{text-align:justify;font-size:12px;padding:0px 20px;margin-bottom:15px;}
.index_news .col-xs-6.col-md-3 .info .but{
	background-color:#3d3836;
    width: 140px;
    position: absolute;
    display: inline-block;
	right: 0;
	bottom: 0;
	text-decoration: none;
}
.index_news .col-xs-6.col-md-3 .info .but span{
    font-size: 12px;
    color: white;
}
			.index_news .col-xs-6.col-md-3.news1 .wrap{background: #f2f2f2;}
			.index_news .col-xs-6.col-md-3.news1 .info{top:10px;right:0px;text-align:center;display:inline-block;}
			.index_news .col-xs-6.col-md-3.news1 .info h3{font-weight:bold;margin:15px 0;font-size:16px;text-align:left;padding:0px 20px;}
			.index_news .col-xs-6.col-md-3.news1 .info p{text-align:justify;font-size:12px;padding:0px 20px;margin-bottom:15px;}
			.index_news .col-xs-6.col-md-3.news1 .info .but{
				background-color: #DE5900;
				width: 140px;
				position: absolute;
				display: inline-block;
				right: 0;
    			bottom: 0;
				text-decoration: none;
			}
		
		
			.index_news .col-xs-6.col-md-3.news2 .wrap{background: #f2f2f2;}
			.index_news .col-xs-6.col-md-3.news2 .info{top:10px;right:0px;text-align:center;display:inline-block;}
			.index_news .col-xs-6.col-md-3.news2 .info h3{font-weight:bold;margin:15px 0;font-size:16px;text-align:left;padding:0px 20px;}
			.index_news .col-xs-6.col-md-3.news2 .info p{text-align:justify;font-size:12px;padding:0px 20px;margin-bottom:15px;}
			.index_news .col-xs-6.col-md-3.news2 .info .but{
				background-color: #124E78;
				width: 140px;
				position: absolute;
				display: inline-block;
				right: 0;
    			bottom: 0;
				text-decoration: none;
			}
		
		
			.index_news .col-xs-6.col-md-3.news7 .wrap{background: #f2f2f2;}
			.index_news .col-xs-6.col-md-3.news7 .info{top:10px;right:0px;text-align:center;display:inline-block;}
			.index_news .col-xs-6.col-md-3.news7 .info h3{font-weight:bold;margin:15px 0;font-size:16px;text-align:left;padding:0px 20px;}
			.index_news .col-xs-6.col-md-3.news7 .info p{text-align:justify;font-size:12px;padding:0px 20px;margin-bottom:15px;}
			.index_news .col-xs-6.col-md-3.news7 .info .but{
				background-color: #AB0A0A;
				width: 140px;
				position: absolute;
				display: inline-block;
				right: 0;
    			bottom: 0;
				text-decoration: none;
			}
		
		
			.index_news .col-xs-6.col-md-3.news8 .wrap{background: #f2f2f2;}
			.index_news .col-xs-6.col-md-3.news8 .info{top:10px;right:0px;text-align:center;display:inline-block;}
			.index_news .col-xs-6.col-md-3.news8 .info h3{font-weight:bold;margin:15px 0;font-size:16px;text-align:left;padding:0px 20px;}
			.index_news .col-xs-6.col-md-3.news8 .info p{text-align:justify;font-size:12px;padding:0px 20px;margin-bottom:15px;}
			.index_news .col-xs-6.col-md-3.news8 .info .but{
				background-color: #355834;
				width: 140px;
				position: absolute;
				display: inline-block;
				right: 0;
    			bottom: 0;
				text-decoration: none;
			}
		
		
			.index_news .col-xs-6.col-md-3.news9 .wrap{background: #f2f2f2;}
			.index_news .col-xs-6.col-md-3.news9 .info{top:10px;right:0px;text-align:center;display:inline-block;}
			.index_news .col-xs-6.col-md-3.news9 .info h3{font-weight:bold;margin:15px 0;font-size:16px;text-align:left;padding:0px 20px;}
			.index_news .col-xs-6.col-md-3.news9 .info p{text-align:justify;font-size:12px;padding:0px 20px;margin-bottom:15px;}
			.index_news .col-xs-6.col-md-3.news9 .info .but{
				background-color: #3d3836;
				width: 140px;
				position: absolute;
				display: inline-block;
				right: 0;
    			bottom: 0;
				text-decoration: none;
			}
		
			
.calendar p#bottom{margin:0;text-align:center; position:sticky; bottom:0;background:white;z-index:10;padding: 5px 0px 0px 0px;}
.calendar p#bottom a{background-color: #3d3836 !important;color:white;padding: 5px 20px;
    display: inline-block;}
.calendar p#bottom a span{display:inline-block;}
.calendar #calendar-events #css-shape-left {border-bottom: 32px solid #3d3836;}

.sp-selected-button {    background-color: #3d3836 !important;}

/* menu */
#menu{    border-bottom: 15px solid white;padding-top:15px;margin-top:-5px;background-color: #3d3836;}
#menu{    border-bottom: 15px solid white;padding-top:15px;margin-top:-5px;background-color: #3d3836;}
#menu ul{margin: 0;    text-align: center;    padding: 0;}
#menu li{margin:0;padding:0;list-style:none; display:inline-block;margin-bottom:15px;}
#menu li a{color:white;padding:4px 20px;font-size:18px;display: inline-block;}
#menu li.active,#menu li:hover{text-decoration:none;background:#191919;}
#menu li.active a,#menu li:hover a{
	display: inline-block;
	text-decoration:none;
}

/* Banners */
footer{overflow:hidden; margin-top:5px;}
footer .img_box{padding-bottom: 11px;border-bottom: 4px solid transparent;}
footer .img_box:hover{border-bottom: 4px solid #191919;}
.footer_banners{position:relative;padding:0px 80px;}
footer div#top{padding:10px 0px;background: #3d3836;padding:50px 0px;}
footer div#top.fb9{background: #191919;}
.b_bg_right{position:absolute;z-index:4;right:-200px;top:-10px;background: url(../../img/9/b_bg_right.png) top center no-repeat;
width:225px; height:138px; display:inline-block;}
.b_bg_left{position:absolute;z-index:4;left:-200px;top:-10px;background: url(../../img/9/b_bg_left.png) top center no-repeat;
width:225px; height:138px; display:inline-block;}
.b_left{position:absolute;top:0px; left:0px; width:68px; height:68px;z-index:5}
.b_left .triangle_big{width: 0;
	height: 0;
	border-top: 68px solid #191919;
	border-left: 68px solid transparent;
	position:absolute;
	bottom:0;}
.b_left .triangle_small{
	width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-right: 10px solid white;
    border-bottom: 12px solid transparent;
    position: absolute;
    bottom: 28px;
    left: -20px;}

.b_right{position:absolute;top:0px; right:0px; width:68px; height:68px; z-index:5;}
.b_right .triangle_big{width: 0;
	height: 0;
	border-top: 68px solid #191919;
	border-right: 68px solid transparent;
	position:absolute;
	bottom:0;}
.b_right .triangle_small{
	width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-left: 10px solid white;
    border-bottom: 12px solid transparent;
    position: absolute;
    bottom: 28px;
    right: -20px;}
footer div#top.fb9 .b_left .triangle_big{border-top: 68px solid #3d3836;}
footer div#top.fb9 .b_right .triangle_big{border-top: 68px solid #3d3836;}
footer div#top.fb9 .img_box:hover{border-bottom: 4px solid #3d3836;}
/* Articles */
.articles .index_news{margin-top:-20px;}

/* Article */
#article h1{color: #3d3836; font-size:22px;font-weight:bold;}
#back{text-align:center;}
#back a{text-decoration:none;}
#back #left{width: 0;
	height: 0;
	display:inline-block;
	border-top: 30px solid #3d3836;
	margin-right:-4px;
	border-left: 30px solid transparent;}
#back #right{width: 0;
	height: 0;
	display:inline-block;
	border-top: 30px solid #3d3836;
	margin-left:-4px;
	border-right: 30px solid transparent;}
#back #middle{
	display:inline-block;
	height:30px;
	background:#3d3836;
	color:white;
	vertical-align:top;
	line-height:30px;
	font-size:11px;
	padding:0px 10px;
}

/* galery */
.galery .triangle{
	width: 0;
	height: 0;
	border-top: 40px solid #191919;
	border-right: 40px solid transparent;
	display:inline-block;
	position: absolute;
}
.galery .item .txt{
	min-height: 40px;	
	display:inline-block;
	vertical-align:top;
	padding:0;
	text-transform:uppercase;
	font-size:14px;
	color:black;
	margin-top: 10px;
}
.galery .item img{margin-bottom:5px;}

			.galery .item1 .triangle{border-top: 40px solid #fe900d;}
		
		
			.galery .item2 .triangle{border-top: 40px solid #06b5e1;}
		
		
			.galery .item7 .triangle{border-top: 40px solid #ff0302;}
		
		
			.galery .item8 .triangle{border-top: 40px solid #009835;}
		
		
			.galery .item9 .triangle{border-top: 40px solid #191919;}
		
		
/* video */


/* docs */

.docs h2.h2{text-transform:uppercase;color:#191919;font-size:21px;font-weight:bold;}

.docs h12{color:#3d3836;text-transform:uppercase;font-size:25px;}
.docs h22{font-size:21px;margin-top:0px;margin-bottom: 14px;}
.docc.jpg{background: url(../../img/jpg.png) 0px 0px no-repeat;}
.docc.csv{background: url(../../img/csv.png) 0px 0px no-repeat;}
.docc.doc{background: url(../../img/doc.png) 0px 0px no-repeat;}
.docc.docx{background: url(../../img/docx.png) 0px 0px no-repeat;}
.docc.jpeg{background: url(../../img/jpeg.png) 0px 0px no-repeat;}
.docc.pdf{background: url(../../img/pdf.png) 0px 0px no-repeat;}
.docc.png{background: url(../../img/png.png) 0px 0px no-repeat;}
.docc.ppt{background: url(../../img/ppt.png) 0px 0px no-repeat;}
.docc.pptx{background: url(../../img/pptx.png) 0px 0px no-repeat;}
.docc.rar{background: url(../../img/rar.png) 0px 0px no-repeat;}
.docc.xls{background: url(../../img/xls.png) 0px 0px no-repeat;}
.docc.xlsx{background: url(../../img/xlsx.png) 0px 0px no-repeat;}
.docc.zip{background: url(../../img/zip.png) 0px 0px no-repeat;}
.docc.default{background: url(../../img/default.png) 0px 0px no-repeat;}
.docc {padding:5px 0px 0px 88px;min-height:70px;margin-bottom:20px;}
.docc a{color:#191919;}

/* pager */
.pager_div{text-align:center;}
.pager_div .pager,.pager_div .current{border-radius:50%; padding:4px; background:white;min-width:28px; min-height:20px;display:inline-block;text-align:center;color:black;text-decoration:none;}	
.pager_div .current,.pager_div .pager:hover{background:  #3d3836;color:white;}	

/* social */
.social_p {text-align: right;position:relative;padding-right:15px;}
.gal .social_p {padding-right:28px;}
.dr {
   display: inline-block;
    width: 80px;
    height: 0px;
    border-top: 22px solid #E6771B;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    position: absolute;
    right: 112px;
}
.dr span{position:relative;}
.dr span a {
        background: url(../../img/dr.png) 10px 4px no-repeat;
    display: inline-block;
    width: 35px;
    position: absolute;
    top: -22px;
    left: -32px;
    z-index: 10;
    height: 22px;
}
.fb {
    -ms-transform: skewX(-45deg);
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
    display: inline-block;
    background: #27508F;
    width: 50px;
    height: 22px;
}
.fb a {
    -ms-transform: skewX(45deg);
    -webkit-transform: skewX(45deg);
    transform: skewX(45deg);
    background: url(../../img/fb.png) 20px 4px no-repeat;
    display: inline-block;
    width: 50px;
    height: 22px;
}
.tw {
    -ms-transform: skewX(-45deg);
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
    display: inline-block;
    background: #08BCF4;
    width: 50px;
    height: 22px;
}
.tw a {
    -ms-transform: skewX(45deg);
    -webkit-transform: skewX(45deg);
    transform: skewX(45deg);
    background: url(../../img/tw.png) 15px 4px no-repeat;
    display: inline-block;
    width: 50px;
    height: 22px;
}

/* editor */
.editor h1{font-weight:bold; color: #191919;font-size:24px;text-transform:uppercase;}
.editor h2{font-weight:normal; color: #191919;font-size:24px;text-transform:uppercase;}
.editor h3{font-weight:bold; color: #191919;font-size:16px;text-transform:uppercase;}
.editor h4{font-weight:normal; color: #191919;font-size:16px;text-transform:uppercase;}
.editor h5{font-weight:bold; color: #191919;font-size:10px;text-transform:uppercase;}
.editor h6{font-weight:normal; color: #191919;font-size:10px;text-transform:uppercase;}
.editor ul li{list-style:none;}
.editor ul li:before {
    content: "• ";
    font-weight: bold;
    font-size: 32px;
    color: #191919;
    padding-right: 5px;
    display: inline-block;
    vertical-align: middle;
    line-height: 22px;
}
.editor table {width:100%;}

.editor table td{border:4px solid white;padding:15px 10px;}
.editor table tr:nth-child(odd) td{background:#e5e5e5;}
.editor table thead>tr>td{background:#191919!important;color:white;}
.editor table.nostyle tr td{background:transparent;color:black;}
.editor blockquote {margin: 0 0 20px 60px;border-left: 5px solid #191919;}


.coach{line-height:22px;font-size:13px;margin-bottom:30px;min-height:104px;}
.coach img{width:100%;}
.coach h4{color:#3d3836;margin:0px 0px 20px 0px;font-weight:600;font-size:16px;}
.coach p{margin:0;}


/* Vecais */


a {
    color: #3d3836;
   
}
a:focus, a:hover {
    color: #191919;
    text-decoration: underline;
}


@media (max-width: 1170px) {
	   
}

@media (max-width: 992px) {
   .sp-layer9{font-size:12px;}
   header img[src="https://www.lsss.lv/img/LSSS_logo_SVG.svg"]{width: 70%;max-width:310px;margin:20px 0px 15px 10px;}
   header .sitename{padding-top:31px;}
			header a#home1{
				top: 49px;
				right: 0px;
			}
			header a#home2{
				top: 49px;
				right: 0px;
			}
			header a#home7{
				top: 49px;
				right: 0px;
			}
			header a#home8{
				top: 49px;
				right: 0px;
			}
			header a#home9{
				top: 49px;
				right: 0px;
			}
}

@media (max-width: 768px){
			header a#home1{
				top: 17px;
				right: 20px;
				z-index:5;
			}
			header a#home2{
				top: 17px;
				right: 20px;
				z-index:5;
			}
			header a#home7{
				top: 17px;
				right: 20px;
				z-index:5;
			}
			header a#home8{
				top: 17px;
				right: 20px;
				z-index:5;
			}
			header a#home9{
				top: 17px;
				right: 20px;
				z-index:5;
			}
	header .siteslug{text-align:center;margin-top:-20px;height:auto !important;line-height:normal !important;}
	header .sitename{text-align:center;padding-top:0px;}
 header .sitename2{font-size: 27px;    font-weight: bold;}
	header {
		background: white;
	}
	body#body9 header {background: white;}
	
	#bg_left{display:none;}
	#bg_right{display:none;}
	.sp-layer9{font-size:16px;}
}

@media (max-width: 620px) {      
    .sp-layer9{font-size:12px;}
	header .sitename p{font-size: 26px; }
}

@media (max-width: 500px) {
   header .siteslug{font-size:18px;}
   header .sitename2{font-size: 26px;    font-weight: bold;}
   header .sitename p{font-size: 20px; }
   #menu li a{font-size:14px;padding: 4px 14px;}
   
   
}

@media (max-width: 400px) {
    #menu li a{font-size:12px;padding: 4px 14px;}
	
}