@font-face {
	font-family:lol;
	src: url(Lora-Italic.ttf);
	}



 

#wse {width:1024;
position:relative;
overflow:auto;
overflow-x:hidden;
left:50%;
margin-left:-517;
 border:0px solid blue;
background:url(shapka/block.png);
}
  
#up {width:1024;
 
 height:159;
color:blue;
 border:0px solid red;
 background: url(shapka/shapka.png);
 background-size:100% 100%;
 }
 
 #up2 {width:1024;
 opacity:0.9; 
color:blue;
 border:3px solid red;}




#right {width:874;
background:url(shapka/whitefon.png);
border:0px solid green;
float:right;
}


#left {width:150;
/* background:#FBB03B;*/
color:black;
 margin-top:0;

float:left;
}
#footer {
width:1024;
 height:30;

color:blue;
 border:0px solid blue;
float:right;
background:#f15a24;
opacity:.9;
padding-top:10px;

}



.texph {width:190;
float:left;
height:326;
margin:10;
margin-bottom:33;
border: 0px solid #FBB03B;
}

.photo {width:180;
height:250;
border:0px solid blue;}
.photo img {width:180;
height:250;
border-radius:10px;
}



.text {width:180;
border-radius:10px;
margin-top:8px;
text-align:center;
padding:2px;
border:0px solid red;
background:#FBB03B;

}
.text a{text-decoration:none;}
.icon{
width:150;
Font-family:SEGOE PRINT;
height:50;
border: 0px double green;
float:left;	
text-align:center;

}
.menu div{
font-size:25;
margin-top:5;

color:black;
text-decoration:none;

}
.icon a{text-decoration:none;
}
#find{float:left;
border-top: 0px double black;
width:1024px;
}


body{background: url(chess.jpg);


}

.ul
{
	padding-top:15px;
	font-family:Century;
	font-size:14px;
	padding-left:15px;
	margin-left:15px;
	width:100;
	height:80;
	border:0px solid red;
	background-image:url(shapka/ul.png);
	background-repeat:no-repeat;
	background-position: 0 bottom;
}
.ul:hover{background-image:url(shapka/ulhover.png); 
font-size:15px;
padding-top:-2px;
background-repeat:no-repeat;
}
.ul a{text-decoration:none;
color:black;}
#kategory
{
	
	margin:10px 0px -2px 10px;
Font-family:Gabriola;
	font-size:25px;
	font-weight:bold;
}
.hover:hover{color:white;}
#ul li:hover{color:white;}
#ul li a:hover{color:white;}

.icon{
	
}

#books
{

	left:50%;
	width: 900;
	margin-left:-430;
	border:0px solid red;
	position:relative;
}

#glav
{
	font-family:lol;
	border-radius: 10px; 
	color:black;
	text-align:center;
	background:#FBB03B;
	opacity:.95;
	margin: 10 0 10 0;
	left:50%;
	height:40;
	width: 854;
	margin-left:-427;
	border:0px solid red;
	position:relative;
}

#golovna{
	background-size:100% 100%;
	width:131;
	height:38;
	float:left;
	border:0px solid red;
	background: url(shapka/golovna.png);
		background-size:100% 100%;
	margin:118 -20 0 20;
}
#golovna:hover{background: url(shapka/golovnahover.png);
	background-size:100% 100%;
}

#kontact{


	width:184;
	height:38;
	float:left;
	border:0px solid red;
	background: url(shapka/kontact.png);
	background-size:100% 100%;
	margin:118 0 0 20;	
}
#kontact:hover{	background: url(shapka/kontacthover.png);
	background-size:100% 100%;
;}
#sajt
{


	width:106;
	height:38;
	float:left;
	border:0px solid red;
	background: url(shapka/sajt.png);
	background-size:100% 100%;

	margin:118 0 0 -4;
}
#sajt:hover{background:url(shapka/sajthover.png);
	background-size:100% 100%;
}

#line
{
	margin:119 0 0 -5;
	background: url(shapka/line.png);
	background-size:100% 100%;
	width:568;
	height:27;
	float:left;
	border:0px solid red;
	padding-top:10px;
}

#lol{
margin:50 10 0 10;
color:black;
font-size:15px;	
}
#lil
{
	color:black;
font-size:15px;
}

#footer text
{
	
	margin:20px 0px 0px 10px;
}

#minik
{
	padding:5px 2px 5px 2px;
	margin-top:45px;
	margin-left:9px;
	font-size:15px;
	text-align:center;
	vertical-align:middle;
	height:55;
	width:130;
	background:#f15a24;
	border-radius:10px;

}

.number 
{

	text-align:right;
	font-size:40px;
	margin-top:-50px;
	margin-right:10px;
	font-weight: bold;
	color:white;
}

#toTop {
width:50px;
border:2px solid #faa622;
background:white;
text-align:center;
padding:5px;
position:fixed;
bottom:10px; /* отступ кнопки от нижнего края страницы*/
right:10px;
cursor:pointer;
display:none;
color:#333;
font-family:Trebuchet MS;
font-size:15px;
border-radius:10px;
font-weight: bold;
}

.hoverphoto{
	width:180;
	border:0px solid #FBB03B;
	padding:10px;
	height:280px;
	border-radius:10px;


}
@keyframes anim
{
	0%{height:auto; border:2px solid blue; padding:3px; margin:7px; background:#FBB03B;}
	30%{height:auto; border:2px solid blue; padding:5px; margin:5px; background:#FBB03B;}
	50%{height:auto; border:2px solid blue; padding:7px; margin:3px; background:#FBB03B;}
	75%{height:auto; border:2px solid blue; padding:9px; margin:1px; background:#FBB03B;}
	100%{height:auto; border:2px solid blue; height:auto; overflow:visible; background:#FBB03B; padding:10px;}
}
.hoverphoto:hover{
	animation:anim 0.3s;
	border:2px solid blue;
	height:auto;
	overflow:visible;
	background:#FBB03B;
	 padding:10px; padding-left:9px;

}

/* Слайдер */
.viewport{
    width: 854px;
	border-radius:10px;
	margin:10px 10px 0px 10px;
    height: 200px;
    overflow: hidden;
    position: relative;
}
.slidewrapper{
    position: absolute;
    left: 0;
    top: 0;
    height: 200px;
    margin: 0;
    padding: 0;    
}
.slide{
    width:854px;
    height: 200px;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;

}
.second{
  
}
.third{
   
}
/* Слайдер */