body {  font-family :  Verdana, Tahoma, 'Arial CE', Arial, Helvetica, 
                       sans-serif;font-size:14px;color:#555;
                       background:url(../i/bg.png) repeat-y top center;
                       text-align:center;
                    }
                       
#main {margin:0 auto;width:1000px;
	background:#fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	overflow:hidden;
	--position:relative;
	}

#footer_wrap {border-top:1px solid #ccc;margin-top:10px;}
#footer {width:1000px;margin:0 auto;text-align:center;
	padding:10px 0;color:#ccc;
	}
#footer p {margin-bottom:5px;}	
#footer li {display:inline;padding:3px 10px;}
#footer div.spons {margin-bottom:20px;color:#444;font-size:13px}
#footer span {line-height:200%;padding:20px;white-space:nowrap}
.topright {}


.marg {position:absolute;top:100px;}


#top-menu_wr {width:100%;overflow:hidden;
	border-top:1px solid #444;}
#top-menu {height:40px;width:1000px;margin:0 auto;
	font-size:16px;overflow:hidden;}

#top-menu ul {float:right}
#top-menu li {display:inline;}
#top-menu a {color:#fff;display:block;float:left;
	padding:11px 15px;
	text-shadow: 1px 1px #000;
	-o-transition:.2s;
  -ms-transition:.2s;
  -moz-transition:.2s;
  -webkit-transition:.2s;
  transition:.2s;
  cursor:pointer}	
#top-menu a:hover {background:#0F3B7D;text-decoration:none}
#top-menu img {float:left;margin-right:5px;}

#top-menu li > ul {display:none;}

#top-menu li:hover > ul {  display:block;}

#ument1, #ument2{z-index:1000;position:absolute;margin-top:40px;;margin-left:05px;;background-color:rgba(0, 0, 0, 0.8);
	border:1px solid #555;}
#ument1 li, #ument2 li {display:list;text-align:left;font-size:14px;}
#ument1 a,#ument2 a  {float:none;border-bottom:1px solid #333;padding:7px;}

#ument2 {margin-left:150px;}

#left {text-align:left;width:200px;float:left;border-right:1px solid #ccc;font-size:16px;
	border-top:1px solid #adbed9}

#left ul {margin:0 0 7px 0;background:#ecf0f5}
#left li {}

#left > a {display:block;padding:7px 5px 7px 15px;color:#fff;
	
	cursor:pointer;
		text-shadow: 1px 1px #000;
	-o-transition:.2s;
  -ms-transition:.2s;
  -moz-transition:.2s;
  -webkit-transition:.2s;
  transition:.2s;}

#left > a:hover {;text-decoration:none}

#left > a:active {
    background-color: yellow;
} 

#left li > a {display:block;padding:7px;}

#left li > a:hover {background:#d7dfeb;text-decoration:none}

#umen1,#umen2,#umen3,#umen4,#umen5,#umen6,#umen7,#umen8,
#umen9,#umen10,#umen11,#umen12,#umen13,#umen14,#umen15,#umen16,#umen17 {display:none;font-size:14px;}
#ument1 {}

h1.title {font-family: 'Open Sans', sans-serif;font-size:36px;background:none;font-style:normal;line-height:1.2em;
	margin-bottom:1em}

.right {float:left;margin-bottom:20px;}
.welcomenews {float:left;width:730px;}

#contener {text-align:left;width:760px;float:left;padding:15px;
	line-height:180%}

div.pager span {padding:0 5px}

div.news img {float:left;}
img.minia {margin:0 15px 15px 0;
-webkit-transition: box-shadow 250ms;
    -moz-transition: box-shadow 250ms;
    transition: box-shadow 250ms;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
    
img.minia:hover {
		box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
div.news {width:730px;margin-bottom:15px;}

div.left-block {text-align:center;margin-top:30px;}
div.left-block img {margin-bottom:20px;}

p.back {text-align:right}
p.back a {color:red}

td {padding:10px;}


/* common */
h2 {font-size:18px;color:#22a2e2;font-weight:normal;margin:10px 0}
h4 {font-size:14px;color:#22a2e2;font-weight:bold;margin:10px 0}


a {color:#2277e2;text-decoration:none}
a:hover {text-decoration:underline}


h1 {font-size:16px;font-weight:bold;background:#eee;padding:5px;margin-bottom:10px;}
h3 {font-size:14px;font-weight:bold;background:#eee;padding:5px;margin:10px 0;}

h1 span.rok {display:block; float:right;font-size:14px;font-style:italic}

div.konkurs {text-align:center;font-weight:bold}
div.konkurs .h1 {font-size:36px;;color:#1f920c;margin:20px 0;line-height:100%;font-weight:normal}
div.konkurs .h2 {font-size:24px;;color:#3f8b0d;margin:60px 0 15px;padding-top:10px;
	border-top:2px solid #ccc;line-height:150%}
div.konkurs .h3 {font-size:18px;;color:#0d288b;margin:25px 0 15px;padding-top:10px;
	border-top:1px solid #eee;    text-transform: uppercase;}
div.konkurs .place1 {font-size:36px;color:#8B0D19;margin:24px 0;}
div.konkurs .place2 {font-size:24px;color:#8B0D19;margin:12px 0;}
div.konkurs .place3, div.konkurs .placew {font-size:18px;color:#8B0D19;margin:12px 0;}
div.konkurs .trener {font-style:italic; font-weight:normal;margin:8px 0}
.font24 {font-size:24px;padding:12px 0}
.font16 {font-size:16px;padding:8px 0}
.strong {font-weight:bold}
.left {text-align:left !important}
.light {font-weight:normal !important}

div.konkurs .red {color:#8b0d19}
div.konkurs table {margin:0 auto}
div.konkurs table, div.konkurs td {text-align:center;font-weight:bold}


.small {font-size:10px;}
.error {border:1px solid #f00}
.lightblue {color:#89D8FF}
.orange {color:#FDA102}
.lightorange {color:#FFCA6E}
.red {color:#FF0000}
.green {color:#00FF00}
.spacer {height:10px;}
.clear {clear:both}
.center {display:block;margin:0 auto;text-align:center}
img.center {margin-top:10px;margin-bottom:10px;}

#contener ol { margin-left:20px}
#contener ol ol { margin-left:40px}

#contener l2i {list-style-type:decimal;}

o2l.a1 li {list-style-type:lower-latin}

b {font-weight:bold}

table.plan,table.plan td {border-collapse:collapse;border:1px solid #ddd;padding:9px 8px 9px 8px}
table.plan {width:760px}

div.table {display: table; border-spacing: 0px; border: 1px solid black;margin:15px 0}
div.table div {display: table-row}
div.table div div {display: table-cell; border: 1px solid lightgray;padding:5px;}
div.plan {width:760px}
div.table div div.plan1 {width:85px;display: table-cell; border: 1px solid lightgray;padding:5px;}

#chan {position:absolute;top:250px;right:0px;
	}
#chan a {display:block}