.swap1{ background-color: #ffffff;}
.swap2{ background-color: #e0e0e0;}
.swap3{ background-color: #FFFFF0;}
.swap4{ background-color: #f5f5f5;}

@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: #002040}
header, footer, section, nav, aside, article {display: block; border: 0 none; font-family: inherit;font-size: 100%; font-style: inherit;font-weight: inherit;margin: 0;padding: 0;vertical-align: baseline; position:relative}
header {position: fixed; top: 0; z-index: 3; width: 100%; background: rgb(255,255,255);}
section{padding: 3em 2%; font-family: 'raleway', Arial, Helvetica, sans-serif; overflow:hidden}
section.top{padding: 4em 0 0; height: auto; text-shadow: 0 0 1em #594f50;}
section.content{padding: 8em 0 0 0;}

img {border:none; }
nav{width:34%; float:right}
.btn-mobile {display: none;}

.player {position: relative;padding-bottom: 56.2%;padding-top: 0;height: 0;overflow: hidden;}
div#header{z-index:100;height:100px;width:100%;position:fixed}
div#yaroslava  {z-index:100;position:absolute;padding-left:100px;top:10px;left:100px;right:0px;overflow:auto;background-color: transparent ; font-family: 'Monsieur La Doulaise', cursive;color: #fff; font-weight: normal; font-size: 160px;}
div#dautry  {z-index:100; position:absolute;padding-left:200px;top:180px;left:85px;right:0px;overflow:auto;background-color: transparent ;font-family: Cinzel;color: #ff0; font-weight: normal; font-size: 30px;}
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#down  {z-index:1; position:fixed;top:100px;color: #e0e0e0; font-weight: normal; font-size: 14px;}
div#bot {z-index:200;left:0px;right:0px;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: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;}
font-size: 14px;}

.center{text-align:center}
.right{text-align:right}
.clear{clear:both; line-height:0}
.pad{padding-right:10px;}

.col1{width:8.25%; float:left; }
.col2{width:16.5%; float:left; }
.col3{width:24.75%; float:left; }
.col4{width:33%; float:left; }
.col5{width:41.25%; float:left;}
.col6{width:49.5%; float:left;}
.col7{width:57.75%; float:left;}
.col8{width:66%; float:left;}
.col9{width:74.25%; float:left;}
.col10{width:82.5%; float:left;}
.col11{width:91%; float:left;}
.col12{width:99%; float:left;}
.max1400{max-width:1400px; margin:0 auto}
.max1200{max-width:1210px; margin:0 auto}
.max980{max-width:980px; margin:0 auto}
.grey{background:#f0f0f0;}

footer{background:#0080c0; padding: 0.5em 0 4em; color:#ffffff; font-size: 1em;height:300px; line-height: 164%;}
footer a:link, footer a:visited{color:#ffffff}
footer a:hover, footer a:active, footer a:focus {color:#b4afaf;}
footer li a, footer li a:link, footer li a:visited{padding: 0.3em 0.7em;display: inline-block;}
footer .contact li a, footer .contact li a:link, footer .contact li a:visited {padding: 0;display: inline-block;}
footer .contact li{padding: 0.3em 0.7em;}
footer nav{width:100%; text-align:center; background:#fff; color:#6e6f70; font-size:91%}
footer nav a, footer nav a:link, footer nav a:visited{color:#6e6f70; text-transform:uppercase; padding:1em 0; display:inline-block}
footer nav a:hover, footer nav a:active, footer nav a:focus{color:#b4afaf;}


/*--------------------------------------------------------------------principal------------------------------------------------------------*/
.logo{width:33%; float:left;}
.logo img {margin: 0.2em 0 0 1.2em; animation: alpha ease-in 2s;}
.boxcon{font-family:Verdana,times;color:#000000;margin: 0.3em ;padding: 0.3em ;text-transform: uppercase;vertical-align=top;border: solid 1px #e0e0e0;text-align: center;}
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;padding-left:45px;top:0px;left:0px;font-family: 'Monsieur La Doulaise', cursive;color: #fff; font-weight: normal; font-size: 100px;}
div#dautry  { left:-80px;top:105px;font-family: Cinzel;color: #ff0; 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#down {position:absolute;z-index:1; top:580px;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;}
	.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%}
	.col11{width:96%; float:left; padding:0 2%}
	.col12{width:96%; float:left; padding:0 2%}
}
@media print, screen and (max-width:900px){}
@media print, screen and (max-width:768px){
div#yaroslava {position:absolute;top:20px;left:10px;font-family: 'Monsieur La Doulaise', cursive;color: #fff; font-weight: normal; font-size: 60px;}
div#dautry {left:-130px;top:90px;font-family: Cinzel;color: #ff0; font-weight: normal; font-size: 16px;}
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#down  {position:absolute;z-index:1; top:300px;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;}


		}
@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;}
}
@media print, screen and (max-width:360px){}