:focus {
outline: none;
}
html, body  { height:100%; font-family: Arial;}
.page       { min-height:100%; height:auto !important; height:100%; margin:0 auto; background-color: #fff;} 

body        { margin:10px 0 0 0; padding:0; background-color: #e8ebed; font-family: 'Open Sans', sans-serif; }
.topline    { width: 100%; height: 122px; position: relative; z-index: 0; overflow: hidden; 
              background-color: #fff; font-size: 11pt; }
.topline a  { color: #76797a; font-size: 11pt; text-decoration: none;}
.topline a:hover  { color: #76797a; font-size: 11pt; text-decoration: none;}

.topline .div_connect
    { float: right; width: 220px; height: 122px; display: table; }
.topline #connect { display: table-cell; vertical-align: middle;}

.central{ margin: 0 auto; width: 940px; position: relative; z-index: 0;}

.div_left {float: left;}
.div_right {float: right;}

.menuline { background-color: #ececec; background: url('/img/vom_menu.jpg') repeat-x;
            width: 100%; min-height: 57px; margin:0; padding:0;  position: relative; 
            z-index: 700; font-size: 11pt;}
.menuline .menuitem { margin-left: 20px;}

.slide {width: 100%; height: 390px; background-color: white;}
.slideline {background-color: #ececec; background: url('/img/vom_slide.jpg') repeat-x; 
            width: 100%; min-height: 329px; }
.slideitem {width: 940px; height: 200px; float: left; }
.slidetextblock {width: 300px; height: 200px; float: left; color: red; line-height: 1; padding:20px;}
.slidetextblock .slidetitle {font-size: 14pt; font-weight: 700; margin-bottom: 20px; margin-top: 20px; margin-left: 10px; color: #ff9300;}
.slidetextblock .slidecontent {font-size: 10pt; font-weight: 400; color: #474b4d; margin-left: 10px;}
.slideimg {width: 200px; margin-left:20px; float: left;}    

#tabs {width:940px; margin:  0 auto;}
#tabs ul:not(.text) {list-style-type: none;} 
#tabs ul:not(.text) li {display: inline;} 
#tabs ul:not(.text) {margin-top: -32px; padding:0;}

.bread {width: 100%; height: 38px; }
.breadline {background: url('/img/vom_slide.jpg') repeat-x; 
            width: 100%; min-height: 38px; color:#35434b;}
.breadline a{color:#35434b;  text-decoration: none;}
.breadline a:hover{color:orange; text-decoration: none;}

#content_left{float:left; width: 350px; min-height: 300px; color: #35434b; text-align: left;}
#content{float:left; width: 580px; color: #35434b; text-align: left;}
#content_title{font-weight: 700; font-size: 20pt; margin: 10px 0 20px 20px; text-transform: uppercase;
               font-style:italic;}
#content_body{ margin: 0  0 0 40px; }

/*.infoline
{
    width: 940px;
    height: 304px;
    position: relative;
    z-index: 0;
    margin: 0 auto;
    background: #eef0f1;
}*/
.infoline { width: 100%; min-height: 304px; position: relative; z-index: 0; margin: 0 auto;background: #eef0f1;}
.infoline table {border-spacing:0; width: 940px; }
.list {list-style-image: url(../img/marker.jpg);}

.right_infoline .help {color:#00afef; font-weight:400; font-size: 16pt; margin-left:20px;}
.right_infoline .help ul {list-style-image: url(../img/vom_marker.jpg);}
.right_infoline .info {color:#a7ce43; font-weight:400; font-size: 16pt; margin-left:20px;}
.right_infoline .info ul {list-style-image: url(../img/vom_marker_f.jpg);}
.right_infoline .info ul li a{color: #35434b; text-decoration: none; cursor: pointer; line-height: 1.5;}
.right_infoline .info ul li a:hover{color: #a7ce43; text-decoration: none; cursor: pointer;}
.right_infoline ul li {font-size: 11pt; color: #35434b;}
.right_infoline ul li a{color: #35434b; text-decoration: none; cursor: pointer; line-height: 1.5;}
.right_infoline ul li a:hover{color: #00afef; text-decoration: none; cursor: pointer;}
.right_infoline td {width: 33%;}
.right_infoline td .item {color: #35434b; display: table-cell; vertical-align: top; float: left; width: 100%; margin-bottom: 15px;}
.right_infoline td .item img {margin-right: 10px;}
.right_infoline td .item a {color: #35434b; text-decoration: none; cursor: pointer;}

#connect a {cursor:pointer;}
#connectbut {color: white; text-decoration: none; font-size: 13pt; font-weight:bold;
             width:204px; height:71px; background: url('/img/vom_connect.jpg') no-repeat}
#connectbut:hover {width:204px; height:71px; background: url('/img/vom_connect_act.jpg') no-repeat}


.bottomline 
{
    width: 100%;
    background-color: #fff;
    height: 100px;
     
}
.t_search td {height: 95px; vertical-align: middle;}
.t_menu {margin:0; padding:0}
.t_menu td {height: 30px; vertical-align: middle; color:white; font-weight: bold;}

.search
{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border: 1px solid #dde2e5;
    overflow: hidden;
    height: 30px;
    width: 200px;
    background-color: white;
    text-align:right;
}

.cat_elem .date {font-size: 10pt; color: #35434b;}
.cat_elem .title a {font-size: 14pt; color: #00afef; text-decoration: none}
.cat_elem .title a:hover {font-weight: bold}

.box{
	width:250px;
	height:41px;
	background: #eef0f1;
	overflow:hidden;
	margin:1em 0;
    float: left;
	}
.box .inner{
	-moz-transform:rotate(20deg);
	-webkit-transform:rotate(20deg);
	-o-transform:rotate(20deg);
	width:200px;
	height:450px;
	margin-top:-70px;
	margin-right:70px;
	overflow:hidden;
	background:#aaa;
	float:right;
	border:3px solid #fff;
	}
.box .inner .content{
	-moz-transform:rotate(-20deg);
	-webkit-transform:rotate(-20deg);
	-o-transform:rotate(-20deg);
	width:250px;
	height:41px;
	margin-top:58px;
	margin-left:-25px;
	overflow:hidden;
	background: grey;
    background: url('/img/tab_deact.jpg') repeat-x;
    text-align: center;
	}
.box .inner .content a  {font-style: italic; font-weight: bold; color: #474b4d; text-decoration: none;}
.box .inner .content a div {margin-top: 10px}

#haracter {width:100%; border-collapse:collapse;}
#haracter td {font-size:0.8em; text-align:left; border:0px; padding:3px 7px 2px 7px;}
#haracter tr.alt td  {font-size:0.8em; color:#000; background-color:#ECECEC;}