* {
        border: 0px solid orange; /* debug */
        padding: 0 0 0 0;
        margin: 0 0;
        font-size:100.01%;
}

html, body
{
        height: 100%;
        background-image: url('bg_1.gif');
/*
        background-image: url('bg_2.gif');
*/
        background-repeat: repeat-x;
	background-color: #27406f; 
        padding: 0 0 0 0;
        margin: 0 0;
        font:normal 12px Verdana;
        color: #000000;
}

#cnt
{
        width: 804px;
        margin-left: auto;
        margin-right: auto;
}

/* Position 
================================================*/

.center { margin-left: auto; margin-right: auto; }
.float_right { float:right; }
.float_left { float: left; }

/* *** Float containers fix *** */
.clearfix:after 
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;  }
/* End hide from IE-mac */













/* Images
================================================*/
img { border:0; }
.frame {
        padding:5px;
        background:#fff;
        border:1px solid #c8ddf6;
}
img.left { margin:0 1em 1em 0; }

p.imglink img 
{ padding:3px; background-color:#f1f1f1; border:1px solid #cccccc; margin: 2px 10px 5px 5px; }

p.imglink img:hover
{ background-color:#f1f1f1; border:1px solid #19315c; }













/* Header
================================================*/

.top { height: 10px; }

.menu1
{
	background-color: transparent;
	height: 50px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

.menu1_logo
{ 
	font: 22pt Arial;
	padding: 5px 15px 5px 25px;
	width: 240px; 
	float: left;
	color: white;
	background-color: transparent;
}
.menu1_right
{ 
	padding: 25px 1px 3px 15px; 
	width: auto;  
	float: right;
}

.menu2
{
	background-color: #1a2439;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden; 
	display: block;
	/* vazhno chto by byla vidna shadow!  ili  <div style="clear: both"></div> */
	border-left: 2px solid white;
        border-right: 2px solid white;
}

.menu2_left
{ 
	padding: 3px 15px 3px 15px;
	/* width: 290px; */ 
	float: left;
	font: 11px Verdana;
	color: white;
}
.menu2_right
{ 
/*	display: block; */
	padding: 0px 25px 0px 15px;
	/* width: 440px; */ 
	float: right;
	text-align: right;
	font: 11px Verdana;
	color: white;
	position: relative;
	overflow: hidden;
}

.image_box 
{
        width: 800px;
        border: 2px solid white;
        background-color: #FFFFFF;
}

.mainpic_shadow 
{ 
	min-height: 6px;
	height: 6px !important; 
        margin-left: auto;
        margin-right: auto;
	width: 800px;
 	background-image: url(head_shadow.gif);
	background-repeat: no-repeat;
	background-position: center;
	border: 2px solid white;
}


.mainpic_shadow2
{
        clear:both;
        width: 800px;
        overflow:hidden;
        background: blue url(head_shadow.gif) no-repeat;
        height: 6px;
        border: 2px solid white;
}


h1, h2, h3, h4, h5 {
	clear:left;
	color: black;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	margin:.8em 0 0 0;
}

h1 { text-transform: uppercase; font: bold 16px Arial; color: #19315c; margin-bottom: 5px; /* display: inline; */ } 

h3 { font-size:1.2em; }

p {
    line-height:1.4em;
    margin:.1em 0 .8em 0;
}

pre {
	display:block;
	padding:10px;
	background:#f4f4f4;
	border:1px solid #eee;
	font-family:"Courier New", Courier, monospace;
	margin:.7em 0 1em 0;
	overflow:auto;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}












/* - LINKS >>----------------------------------*/

a:focus { outline: none; }

a:link, a:visited, a:active
{
        color: #183F84;
        text-decoration: none;
}
a:hover
{ text-decoration: underline; }


/* MENU - LEVEL 1 - LEFT - LOGO */

.menu1_logo a, .menu1_logo a:visited, .menu1_logo a:active, .menu1_logo a:hover
{
        text-decoration: none;
	color: #ffffff;
}



/* MENU - LEVEL 1 - RIGHT - MAIN CATEGORIES **********************************/

.mm1
{
        margin: 0;
        padding: 0;
        float: left;
        font: bold 13px Arial;
        width: auto;
        background: transparent;
}

.mm1 li
{
        display: inline;
}

.mm1 li a
{
        float: left;
        color: white;
        padding: 3px 11px;
        text-decoration: none;
}

.mm1 li a:visited
{
        color: white;
}

.mm1 li a:hover
{
        color: white;
        background: #19315c;
}
.mm1 li .current
{
        color: white;
        background: #19315c;
}



/* MENU - LEVEL 2: LEFT == LANGUAGE **********************************/

.mm2 a, .mm2 a:visited, .mm2 a:active
{
	font: normal 11px Verdana;
        padding: 5px 5px 5px 5px;
        color: white;
        text-decoration: none;
        background: transparent;
}
.mm2 a:hover
{
        color: white;
        background: #19315c;
}
.mm2 a:link.current
{
        background: #19315c;
}



/* MENU - LEVEL 2: RIGHT == SUBMENU **********************************/

.mm3
{
	border: 0px solid orange;
        margin: 0;
        padding: 0;
        float: left;
        font: normal 11px Verdana;
        width: auto;
        background: transparent;
}

.mm3 li
{
        display: inline;
}

.mm3 li a
{
	border-left: 1px solid white;
        float: left;
        color: white;
        padding: 3px 10px 3px 10px;
        text-decoration: none;
}

.mm3 li a:visited
{
        color: white;
}

.mm3 li a:hover, .mm3 li .current
{
        color: white;
	decoration: underline;
        background: #19315c; 
}




/* MENU - FOOTER **********************************/

.foo a, .foo a:visited, .foo a:active
{
        font: normal 12px Arial;
        color: white;
        text-decoration: none;
        background: transparent;
}
.foo a:hover
{
        color: white;
	text-decoration: underline;
}

















/* - CONTENT >>----------------------------------*/

.content
{
        min-height: 300px;
        height: auto !important;
        height: 100%;
        background-color: white;
        width: 800px;
        border: 2px solid white;
        position:relative;
        float: left;
        overflow:visible;
}

#cl
{
    float:left;
    width: 385px;
/*    background: blue; */
    overflow:visible;
    position:relative;
    left: 10px;
}
#cr
{
    float:right;
    width: 385px;
/*    background: green; */
    overflow:visible;
    position:relative;
    right: 10px;
}

div.clearer {clear: left; line-height: 0; height: 0;}
















/* - FOOTER niz >>----------------------------------*/

.footer
{
        background-color: #1a2439;
        height: 65px;
        width: 800px;
        overflow:hidden;
/*      position: relative; */
        border-left: 2px solid white;
        border-right: 2px solid white;
}

.foo {
        font: normal 12px Arial;
        color: #ffffff;
        width: auto;
        padding: 5px 25px 5px 25px;
        margin: 10px 30px 0 30px;
        overflow:hidden ;
}

.varmuus_tt{
    background-color: #eeeeee;
    font: bold 11px Arial;
    border-bottom: 2px solid #1a2439;
}

.varmuus_body{
    font: normal 11px Arial;
    border-bottom: 1px solid #eeeeee;
    padding: 5px 5px 5px 5px;
}

.ob_text{
/*    background-color: #eeeeee; */
    border: 1px solid #FF7F00;
    width:390px;
}
.ob_area{
/*    background-color: #eeeeee; */
    border: 1px solid #FF7F00;
    width:390px;
    height:150px;
}
.ob_col{
    padding: 5px 5px 5px 5px;
}
.button{
     border: 1px solid #222222;
}
.cont_line{
    border: 1px solid #FF7F00;
    height:1px;
    background-color: #dddddd;
    margin-top:8px;
    margin-bottom:8px;
}