/*
Bu css dizayni icindeki kodlari ve ya (.jpg .jpeg .gif .png) farmatda olan sekilleri menen icazesiz goturen, ogurlayan, serverine ve ya saytina yigan peyserdi imza: AYXAN
*/

body{
color: #484747;
font-family: arial;
font-size: 14px;
line-height: 20px;
max-width: 750px;
margin: auto;
background: url(img/bg.gif);
}

a:link, a:visited, a:active, a:hover{
color: #0E63B8;
text-decoration: none;
}

.icon_tab{
border-radius: 25px 25px 0px 0px;
background: url(img/ayxanqara.png) top repeat-x #592B82;
color: #fff;
}

.icon_table{
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}

.icon_table td a{
display: block;
text-align: center;
color: #fff;
padding: 8px;
}

.icon_table td{
border-left: 1px solid #fff;
}

.icon_table td:first-child{
border-left: none;
}

.icon_site{
min-width: 120px;
text-align: center;
font-weight: 600;
text-shadow: 2pt 0pt 0.9em #FFF, 0pt 0pt 0.9em #FFF;
}

a.style{
background: url(img/ayxanqara.png) top repeat-x #592B82;
padding: 5px;
display: inline-block;
border-radius: 5px;
color: #fff;
}

hr{
margin-top:4px;
margin-bottom: 6px;
margin-left: -6px;
margin-right: -7px;
border-bottom: 1px solid #dfdfdf;
border-top-style: none;
border-top-width: 0;
border-right-style: none;
border-right-width: 0;
border-left-style: none;
border-left-width: 0;
}

input[type="text"]{
width: 50%;
border: 1px solid #592B82;
padding: 5px;
border-radius: 5px;
}

input, textarea, select{
border: 1px solid #592B82;
padding: 10px;
resize: none;
border-radius: 5px;
}

input[type=submit]{
padding: 5px;
font-weight: bold;
color: #fff;
background: url(img/ayxanqara.png);
border: 1px solid #d5d5d5;
}

.menu{
background: #fff;
padding: 5px;
border-left: 1px solid #592B82;
border-right: 1px solid #592B82;
}

.menu_table{
background: #fff;
padding: 5px;
border-left: 1px solid #592B82;
border-right: 1px solid #592B82;
}

.menu_link{
background: #fff;
border-top: 1px solid #D2D2D2;
color: #fff;
padding: 5px;
border-left: 1px solid #592B82;
border-right: 1px solid #592B82;
}

.menu_link:hover{
color: #fff;
background: #e8f0f9;
}

.title{
background: url(img/effect.png) no-repeat right, url(img/ayxanqara.png) repeat-x top #592B82;
padding: 10px;
color: white;
font-weight: bold;
}

.foot{
border-radius: 0px 0px 25px 25px;
color: #fff;
background: url(img/effect.png) no-repeat right, url(img/ayxanqara.png) repeat-x top #592B82;
font-weight: bold;
padding: 10px;
text-align: center;
text-shadow: 2pt 0pt 0.9em #FFF, 0pt 0pt 0.9em #FFF;
}

.page_style{
table-layout: fixed; 
width: 100%; 
margin: auto;  
border-collapse: collapse; 
display: table;
}

.page_next{
display: table-cell; 
padding: 0px 5px;
}

.page_next > .title{
border-radius: 10px; 
font-weight: bold; 
text-align: center; 
background: url(img/ayxanqara.png); 
text-shadow: 2pt 0pt 0.9em #FFF, 0pt 0pt 0.9em #FFF;
color: white;
}

.page_next .link, .page_next .title{
text-align: center; 
font-size: 14px; 
padding: 5px 0px;
}

.snow{
position: relative;
}

.snow:after{
content: '';
display: block;
position: absolute;
z-index: 2;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
background-image: url('img/snow.png'), url('img/snow2.png'), url('img/snow3.png');
animation: snow 10s linear infinite;
}

@keyframes snow{
0% {
background-position: 0px 0px, 0px 0px, 0px 0px;
}
50% {
background-position: 500px 500px, 100px 200px, -100px 150px;
}
100% {
background-position: 500px 1000px, 200px 400px, -100px 300px;
}
}