/* .back {display:none;} */
ul li p, ul li span {cursor:default;}

/* BASIC */
body, html {margin:0 auto; padding:0; height:100%; color:#333; text-align:center; background:#eec;}
div, img, p, table, td {border:0; margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0px;}
#container p {margin-bottom:5px;}

body {text-align:center; color:#444; font:14px Arial, sans-serif;}
div#wrapper { width:100%; display:block; height:100%; padding:0px; margin:0px auto;}
table#box0 {width:100%; height:100%; padding:0px;}
td#box01 {vertical-align:top; margin:0px; padding:0px; text-align:center; text-align:center;}
td#box02 {vertical-align:bottom; padding:0px; margin:0px;}

/* S E C T I O N */
div#header {padding:0px; margin:0px; background:url(../img/puzzle.png) #038; color:#fff;}
div#header .inside {width:950px; padding:0px; margin:0 auto; z-index:1;}
#header .mod_article { background:#390; }

div#container {width:975px; padding:20px 0px 20px 0px; margin:0px auto; background:url(../img/bg_container.png) center top no-repeat;}
div#footer {margin:0; padding:0;}
div#footer .inside {width:950px; margin:0 auto; padding:10px 0 20px 0; background:url(../img/bg_2pxhbord.png) top left repeat-x; }

.logo { padding:3px 20px 7px 5px; font-weight:normal; margin:0; color:#fff;}
.logo a, .logo img {float:left;}

/* CLEAR & SEPARATOR */
div.clear_block { display:block; width:1010px; clear:both; line-height:2px; font-size:0px; height:0px; border:1px solid red;} 
div.clear { display:block; clear:both; line-height:0px; font-size:0px; height:0px; }
.boxclear { display:block; line-height:0px; font-size:0px; height:0px; }
div.clear20 { display:block; clear:both; line-height:0px; font-size:0px; height:20px; }
div.separator {border-top:3px solid #bbb; line-height:0px; margin-bottom: 15px;} 

/* LINKS */
a {color:#03c; text-decoration:underline; }
a:hover {color:#03f; text-decoration:underline; }
ul li p {cursor:default;}

/* NAVIGATION Загальні параметри */
ul.level_1 {margin:0px; padding:0px; list-style:none;}
ul.level_1 ul {margin:0px; padding:0px; list-style:none;}
/* END OF NAVIGATION */

/*MENU_1 LEVEL_1 */
div#menu_1 {display:block; clear:both; padding:0px;margin:0px;}
div#menu_1 ul.level_1 {display:block; clear:both; padding:0px;margin:0px;}
div#menu_1 ul.level_1 li {display:block; float:left; width:auto; margin-right:3px; padding:0px; font-size:13px; }
div#menu_1 ul.level_1 li a {display:block; color:#ff6; padding:10px 20px; margin:0px; font-weight:bold; text-decoration:none;}
*html div#menu_1 ul.level_1 li a {padding:16px 20px; }
div#menu_1 ul.level_1 li a:hover {text-decoration:none; color:#fff;}
div#menu_1 ul.level_1 li.active, div#menu_1 ul.level_1 li.trail {display:block; float:left; }

div#menu_1 ul.level_1 li.active span.active,
div#menu_1 ul.level_1 li a.trail {display:block; color:#038; padding:10px 20px; font-size:13px; font-weight:bold; text-decoration:none;}
*html #menu_1 ul.level_1 li.active span.active {padding:16px 20px; }
*html div#menu_1 ul.level_1 li a.trail {padding:16px 20px; }
div#menu_1 ul.level_1 li a:hover.trail {color:#fff;}
*html div#menu_1 ul.level_1 li a:hover.trail {color:#038;}

/*MENU_1    LEVEL_2 */
div#menu_1 ul.level_2 {clear:both; margin:0px; padding:0px; position:absolute; display:none; width:200px; z-index:5; }
div#menu_1 ul.level_1 li ul li {clear:both; display:block; padding:0px; margin:0px; float:none; }
div#menu_1 ul.level_1 li:hover ul {display:block;}
div#menu_1 ul.level_1 li ul.level_2 li a {display:block; float:none; padding:5px 20px 8px 20px; background: #373 url(../img/bg_level2.png) left top repeat-x; text-decoration:none; margin:0px; clear:both; }
div#menu_1 ul.level_1 li ul.level_2 li a:hover {color:#ff6; background: #383 url(../img/bg_level2.png) left top repeat-x;}
*html div#menu_1 ul.level_1 li.over ul {display: block; }
*html div#menu_1 ul li ul li a, *html div#menu_1 ul li ul li span {width:100%; float:none;}

div#menu_1 ul.level_1 li ul.level_2 p,
div#menu_1 ul.level_1 li ul.level_2 li a.trail {color:#fff; display:block; float:none; padding:5px 20px 8px 20px; text-decoration:none; margin:0px; background: #373 url(../img/bg_level2.png) left top repeat-x; clear:both; text-align:left; }
div#menu_1 ul.level_1 li ul.level_2 li.active span.active {color:#fff; background: #373 url(../img/bg_level2.png) left top repeat-x; }
div#menu_1 ul.level_1 li ul.level_2 li.active {width:100%; }

#container ul.level_1 li {margin-bottom:10px;}

/* Rounded corners in Main Menu */
.boxFloat, .imageFloat {float: left;}
.boxFloatRight {width:515px; float:right; background:#390; padding:15px 15px 0px 15px; margin:0px;}

.boxTopLeft {background: url(../img/bg_mlta.gif) top left no-repeat;}
.boxTop {background: url(../img/bg_mmta.gif) top left repeat-x;}
.boxTopRight {background: url(../img/bg_mrta.gif) top right no-repeat;}
.boxMiddleLeft {background-color: #080;}
.boxMiddle {background-color: #080;}
.boxMiddleRight {background-color: #080;}
.boxBottomLeft {background-color: #080;background: url(../img/bg_mlba.gif) bottom left no-repeat;}
.boxBottom {background-color: #080;background: url(../img/bg_mmba.gif) bottom left repeat-x;}
.boxBottomRight {background-color: #080;background: url(../img/bg_mrba.gif) bottom right no-repeat;}
div#menu_1 .boxBottomLeft, div#menu_1 .boxBottom, div#menu_1 .boxBottomRight {background:none; background-color: #080;}

li:hover .boxTopLeft {background: url(../img/bg_mlt.gif) top left no-repeat;}
li:hover .boxTop {background: url(../img/bg_mmt.gif) top left repeat-x;}
li:hover .boxTopRight {background: url(../img/bg_mrt.gif) top right no-repeat;}
li:hover .boxMiddleLeft {background-color: #390;}
li:hover .boxMiddle {background-color: #390;}
li:hover .boxMiddleRight {background-color: #390;}
li:hover .boxBottomLeft {background-color: #390;background: url(../img/bg_mlb.gif) bottom left no-repeat;}
li:hover .boxBottom {background-color: #390;background: url(../img/bg_mmb.gif) bottom left repeat-x;}
li:hover .boxBottomRight {background-color: #390;background: url(../img/bg_mrb.gif) bottom right no-repeat;}
div#menu_1 li:hover .boxBottomLeft, div#menu_1 li:hover .boxBottom, div#menu_1 li:hover .boxBottomRight {background:none; background-color: #390;}

.trail .boxTopLeft, .active .boxTopLeft, li:hover.active .boxTopLeft {background: url(../img/bg_mlts.gif) top left no-repeat;}
.trail .boxTop, .active .boxTop, li:hover.active .boxTop {background: url(../img/bg_mmts.gif) top left repeat-x;}
.trail .boxTopRight, .active .boxTopRight, li:hover.active .boxTopRight {background: url(../img/bg_mrts.gif) top right no-repeat;}
.trail .boxMiddleLeft, .active .boxMiddleLeft, li:hover.active .boxMiddleLeft  {background-color: #eec;}
.trail .boxMiddle, .active .boxMiddle, li:hover.active .boxMiddle {background-color: #eec;}
.trail .boxMiddleRight, .active .boxMiddleRight, li:hover.active .boxMiddleRight {background-color: #eec;}
.trail .boxBottomLeft, .active .boxBottomLeft, li:hover.active .boxBottomLeft {background-color: #eec;background: url(../img/bg_mlbs.gif) bottom left no-repeat;}
.trail .boxBottom, .active .boxBottom, li:hover.active .boxBottom {background-color: #eec;background: url(../img/bg_mmbs.gif) bottom left repeat-x;}
.trail .boxBottomRight, .active .boxBottomRight, li:hover.active .boxBottomRight {background-color: #eec;background: url(../img/bg_mrbs.gif) bottom right no-repeat;}
div#menu_1 .active .boxBottomLeft, div#menu_1 .active .boxBottom, div#menu_1 .active .boxBottomRight {background-color: #eec;}
div#menu_1 :hover.active .boxBottomLeft, div#menu_1 :hover.active .boxBottom, div#menu_1 :hover.active .boxBottomRight {background-color: #eec;}
div#menu_1 .trail .boxBottomLeft, div#menu_1 .trail .boxBottom, div#menu_1 .trail .boxBottomRight {background:none; background-color: #eec;}
/* END of Rounded corners in Main Menu */


/*TAG STYLES*/
h1 {font-size:24px; padding:5px 0px; font-weight:normal; margin:0px 0px 5px 0px;}
h2 { font-size:22px; padding:5px 0px; font-weight:normal; margin:0px 0px 5px 0px; }
h3 { font-size:100%; padding:0px; font-weight:bold; margin:0px 0px 3px 0px; }

#container h1 {padding:5px 0px; background:url(../img/bg_2pxhbord.png) bottom left repeat-x;}

h1, h2, h3, h4, h5, h6 {color:#038; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#03c;}

/* MOD Slider */
#container .slider { padding:0px; margin:0px; }
.slider .wrap {clear:both; margin:0; padding:0;}
.slider .inwrap {margin:0; padding:0; clear:both;}
.goBack { float:left; cursor:pointer; margin:0px; }
.goForward { cursor:pointer; float:left; margin:0px 5px; }
a.go_bk { display:block; width:20px; height:20px; cursor:pointer; background:url(../picto/back.gif) left top no-repeat; }
a:hover.go_bk { cursor:pointer; background:url(../picto/back_a.gif) left top no-repeat; }
a.go_fw { display:block; width:20px; height:20px; cursor:pointer; background:url(../picto/forward.gif) left top no-repeat; }
a:hover.go_fw { cursor:pointer; background:url(../picto/forward_a.gif) left top no-repeat; }
.num, .anum { float:left; font-size:10px; font-weight:normal; background:#777; color:#ccf; padding:3px 7px; margin:2px; cursor:pointer; }
:hover.num, .anum { background:#999; color:#fff; }

.slideElem {}
#main div h1.hlnk { margin:0px; padding: 2px 10px 10px 23px; background:url(../img/1puzzle.png) no-repeat; width:165px; font-size:100%; cursor:pointer; float:left;}
#main div h1.ahlnk { margin:0px; padding: 2px 10px 10px 23px; background:url(../img/1puzzle.png) no-repeat; width:165px; font-size:100%; cursor:default; float:left;}
#main h1:hover.hlnk { text-decoration:underline; background:url(../img/1puzzlea.png) no-repeat;}
.slideElem h1 { line-height:100%; margin:5px 0px 10px 0px; padding:0px; }
.bord img { border:1px solid #ccc; }
/* END of MOD Slider */

/* MOD Slideshow */
.slideshowContainer {
	padding:0px;
	margin:0px;
	width: 400px;
	height: 200px;
	overflow: hidden;
	position:relative;
}
/* END of MOD Slideshow */
.small {margin-top:10px; padding-top:10px; font-size:70%; background:url(../img/bg_2pxhbord.png) left top repeat-x;}

/* Accordio block */
.toggler { cursor: pointer; margin:10px 0px; font-weight:bold; color:#03c; text-decoration:underline; }
.toggler:hover { cursor: pointer; font-weight:bold; color:#03c; text-decoration:none; }
/* End of Accordion block */