@charset "utf-8";
*{padding:0; margin:0}
body  { color: #fff;position:relative; font-weight: bold; font-size: 12px;  font-family: Verdana,Arial; text-align: justify; text-indent: 0cm;background-color: #000000}
img {border:none; }
div#yaroslava  {z-index:100;position:absolute;top:50px;left:50px;right:0px;overflow:auto;background-color: transparent ; font-family: 'Monsieur La Doulaise', cursive;color: #fff; font-weight: normal;}
div#dautry  {z-index:100; position:absolute;top:120px;left:50px;right:0px;overflow:auto;background-color: transparent ;font-family: Cinzel;color: #fff; font-weight: normal; font-size: 20px;}
div#menu  {z-index:10000; position:absolute; text-align: center;top:10px;left:0px;right:0px;overflow:auto;background-color: transparent ;font-family: 'Cinzel', serif;color: #ff0; font-weight: normal; font-size: 20px;}
a.menu {background-color: transparent ;text-decoration: none;font-family: 'Cinzel', serif;color: #e0e0e0; font-weight: normal; font-size: 20px;}
a.menu:hover {color: #ffffff;animation: alpha ease-in 2s;}

div#box  {z-index:1; position:absolute;top:2500px; padding:30% 10% 0 10%;box-sizing: border-box;color: #e0e0e0; font-weight: normal; font-size: 14px;}
div#news {z-index:200;position:absolute; top:200px;right:100px;width:150px;height:200px;background-color: transparent ;font-family: 'Cinzel', serif;color: #e0e0e0; font-weight: normal; font-size: 14px;}
div#newsb {z-index:200;position:absolute;margin:auto; top:100px;right:100px;width:300px;height:500px;background-color: transparent ;font-family: 'Cinzel', serif;color: #e0e0e0; font-weight: normal; font-size: 20px;}

.center{text-align:center}
.clear{clear:both; line-height:0}
.col1{width:6.333333%; float:left; padding:0 1%;}.col2{width:14.666666%; float:left; padding:0 1%}
.col3{width:21%; float:left; padding:1em 1.9%}.col4{width:29.333333%; float:left; padding:1em 2%}.col5{width:39.666666%; float:left;padding:01%}.col6{width:46%; float:left; padding:0 2%; position:relative}
.col8{width:62.666666%; float:left; padding:1em 2%}.col9{width:71%; float:left; padding:1em 2%}.col10{width:81.333333%; float:left; padding:01%}.col11{width:89.333333%; float:left; padding:0 2%}.col12{width:96%; float:left; padding:0 2%}

.logo{width:17%; float:left;}
.logo img {margin: 0.2em 0 0 1.2em; animation: alpha ease-in 2s;}
ul#amenu li { display : inline;margin:1em;padding : 1em 1em;background-color:#0080c0;}
ul#amenu li a{color:#ffffff;}
ul#amenu li a:hover{color:#ffffff;padding : 0.8em 0.8em;background-color:#20e0ff;}
ul#amenu {float:right;margin:10px;visibility:hidden;list-style-type : none;}
/*--------------------------------------------------------------------Fin CSS Pages------------------------------------------------------------*/
@media print, screen and (max-width:1600px){}
@media print, screen and (max-width:1500px){}
@media print, screen and (max-width:1400px){}
@media print, screen and (max-width:1024px){
div#yaroslava  {position:absolute;top:0px;left:50px;font-family: 'Monsieur La Doulaise', cursive;color: #fff; font-weight: normal; font-size: 100px;}
div#dautry  { left:50px;top:105px;font-family: Cinzel;color: #fff; font-weight: normal; font-size: 24px;}
div#menu  {z-index:10000; position:absolute; text-align: center;top:480px;left:0px;right:0px;overflow:auto;background-color: transparent ;font-family: 'Cinzel', serif;color: #ff0; font-weight: normal; font-size: 18px;}

div#box {position:absolute;z-index:1; top:1500px;padding:60% 10% 0 10%;box-sizing: border-box;margin:auto;overflow:auto;background-color: transparent ;color: #e0e0e0; font-weight: normal; font-size: 14px;}
div#bot {z-index:200; top:3000px;position:absolute;background-color: transparent ;font-family: 'Cinzel', serif;color: #e0e0e0; font-weight: normal; font-size: 14px;}
}
@media print, screen and (max-width:900px){}
@media print, screen and (max-width:768px){
div#yaroslava {position:absolute;top:20px;left:30px;font-family: 'Monsieur La Doulaise', cursive;color: #fff; font-weight: normal; font-size: 60px;}
div#dautry {left:30px;top:90px;font-family: Cinzel;color: #fff; font-weight: normal; font-size: 14px;}
div#menu  {z-index:10000; position:absolute; text-align: center;top:300px;left:0px;right:0px;overflow:auto;background-color: transparent ;font-family: 'Cinzel', serif;color: #ff0; font-weight: normal; font-size: 18px;}
a.menu {background-color: transparent ;text-decoration: none;font-family: 'Cinzel', serif;color: #e0e0e0; font-weight: normal; font-size: 14px;}
a.menu:hover {color: #ffffff;animation: alpha ease-in 2s;}
div#box  {position:absolute;z-index:1; top:700px;padding:60% 10% 0 10%;box-sizing: border-box;margin:auto;overflow:auto;background-color: transparent ;color: #e0e0e0; font-weight: normal; font-size: 14px;}
div#bot {z-index:200;position:absolute; top:3000px;margin:auto;background-color: transparent ;font-family: 'Cinzel', serif;color: #e0e0e0; font-weight: normal; font-size: 14px;}
div#news {z-index:200;position:absolute; top:585px;left:0px;background-color: transparent ;font-family: 'Cinzel', serif;color: #e0e0e0; font-weight: normal; font-size: 14px;}
div#newsb {z-index:200;position:absolute;margin:auto; top:100px;right:100px;width:300px;height:500px;background-color: transparent ;font-family: 'Cinzel', serif;color: #e0e0e0; font-weight: normal; font-size: 20px;}
.col1{width:96%; float:left; padding:0 2%}.col2{width:98%; float:left; padding:1em 1%}.col3{width:96%; float:left; padding:1em 2%}.col4{width:96%; float:left; padding:1em 2%}.col5{width:96%; float:left; padding:0 2%}.col6{width:96%; float:left; padding:0 2%}.col8{width:96%; float:left; padding:1em 2%}.col9{width:96%; float:left; padding:1em 2%}.col10{width:96%; float:left; padding:0 2%}
}
@media print, screen and (max-width:640px){}
@media print, screen and (max-width:480px){
div#menu  {z-index:10000; position:absolute; text-align: center;top:200px;left:0px;right:0px;overflow:auto;background-color: transparent ;font-family: 'Cinzel', serif;color: #ff0; font-weight: normal; font-size: 18px;}
}