body
{
	margin: 0;
	padding: 0;
        font-size: 90%;
	line-height: 120%;
	font-family: Times, Arial, Helvetica, sans-serif;

        background: #000 url('http://misteria.com.ua/design_blk/fon.gif') 0 0 repeat;
}

#main
{
        width: 1024px;
        height: 100%;
        padding: 0;
        margin: 0px auto;

        overflow: hidden;
        position: relative;

        background: #141211;
}

#header
{
	width: 1024px;
	height: 90px;
	margin: 0 auto;
	padding: 0;
        position: relative;

        background: transparent url('http://misteria.com.ua/design_blk/head.gif') 0 0 no-repeat;
}


#leftbar
{
        float: left;
        position: relative;
        width: 240px;
        margin: 50px 10px;
        padding: 0 0 0 30px;
        
        /*border-right: 1px solid red;*/
        background: transparent url('http://misteria.com.ua/design_blk/krp.gif') 100% 50% no-repeat;
}
    #leftbar h2{color: #FFF; font-size: 110%; text-align: center; font-style: italic;}

#center
{
        min-height: 600px;
	margin: 0;
	margin-left: 265px;
	padding: 60px 20px 0 30px;

        color: #FFF;
}
    #center h1 {font-size: 110%;}
    #center h2 {font-size: 100%; margin-bottom: 0px;}
    #center h1, #center h2, #center h3 {text-align: center;}

#contactbar
{

        padding: 0px 0 0 10px;

        color: #FFF;
        font-size: 80%;
}
    #contactbar .pcenter{color: #FFF; font-size: 150%; text-align: center; margin-top: 4px; margin-bottom: 0;}
    #contactbar h2{color: #FFF; font-size: 150%; text-align: center; margin-top: 0px; margin-bottom: 0;}
    #contactbar strong {font-size: 120%; margin-top: 0;}

#footer
{
        height: 62px;
        clear: both;
        
  	margin: 0;
  	padding: 0;
        color: #999999;

        background: transparent url('http://misteria.com.ua/design_blk/foot.gif') 0 0 no-repeat;
}
/*MENU*/

#menu
{
    position: relative;
    left: 550px;
    top: 20px;
    z-index:10;
    margin: 0px 0px 0px 0px;

    height: 60px;
    border: 0;
}
#menu ul
{
        list-style: none;
        padding: 0;
        margin: 0;
}
#menu ul li
{
        display: inline;
        line-height: 50px;
        margin: 0 10px;
        padding: 0;
}

#menu ul li a {color: #FFF; text-decoration: none; font-size: 18px;}


/*vica*/

#center a:hover img.bb1 {position: relative; z-index: 10; margin-left: 10px; margin-right: -10px; margin-bottom: -20px;}
#center a:hover img.bb2 {position: relative; z-index: 10; margin-left: -10px; margin-bottom: -20px;}
#center a:hover img.bb3 {position: relative; z-index: 10; margin-left: 10px; margin-right: -10px; margin-top: -20px;}
#center a:hover img.bb4 {position: relative; z-index: 10; margin-left: -10px; margin-top: -20px;}

#center .cl {display: none;}
#center a:hover .cl {display: block;}
#center a:hover img.bw {display: none;}
#center a:hover {border: 0;}
#center img {border: 0;}
/*
#center table.a2 a:hover img.bb1 {position: relative; z-index: 10; margin-left: 10px; margin-right: -10px; margin-bottom: -20px;}
#center table.a2 a:hover img.bb2 {position: relative; z-index: 10; margin-left: 10px; margin-right: -10px; margin-bottom: -20px;}
#center table.a2 a:hover img.bb3 {position: relative; z-index: 10; margin-left: 10px; margin-right: -10px; margin-bottom: -20px;}
#center table.a2 a:hover img.bb4 {position: relative; z-index: 10; margin-left: 10px; margin-right: -10px; margin-bottom: -20px;}
*/
/**/

/*portfolio*/
div.portfolio {overflow: hidden; width: 600px; margin: 0 auto; padding: 0px 0px;}
#center .portfolio .cl {display: none;}

#center .portfolio a:hover .cl {display: inline;}
#center .portfolio a:hover img {display: none;}
#center .portfolio a:hover {border: 0;}

#center .portfolio img {border: 0; padding: 20px 30px 40px 30px; background: transparent url('http://misteria.com.ua/design_blk/portfolio.gif') 0 0 no-repeat;}
/**/

#center table {margin: 0 auto;}

#center table.table_text {margin-bottom: 10px;}
#center table.table_text td {width: 50%; text-align: left; padding-left: 15px; vertical-align: top;}


table.ctbl {width: 718px; height: 500px;}
table.ctbl td {width: 50%; padding: 20px 15px 0 40px; vertical-align: top;}

table.ctbl .tclear td {width: auto; padding: 4px 0 0 0;}

#center table.price_table a,
#center table.price_table a:visited {text-decoration: underline;/*color: #3fc5ea;*/}
#center table.price_table a:hover {text-decoration: none;}

#center div.vica {margin: 0 0 0 20px; overflow: hidden; max-width: 700px;}
#center div.tvica {float: left; max-width: 500px; margin: 0 30px 20px 0; text-indent: 20px;}

#center div.tvica ul.u1 {padding: 0;}
#center div.tvica ul li {text-indent: 0px; line-height: 140%;}


#center .lvica {margin: 10px; padding: 0;}

#center .lvica .cl {display: none;}
#center .lvica a:hover .cl {display: inline;}
#center .lvica a:hover img {display: none;}
#center .lvica a:hover {border: 0;}
#center .lvica img {display: inline; margin: 20px 10px;}

img {border: 0;}

table a, table a:visited {text-decoration: none; color: #FFF;}