@charset "utf-8";
/* CSS Document */
*{font-size:100%; margin:0; padding:0;}
body,html {font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0; padding:0; height:auto; overflow:auto; text-align: center; color:#3A3A3A; font-size:10pt;  font-weight:normal;}
body{background-color:#E9E9E9;}
img, ul, li{padding:0px; margin:0px; border:0 none;}
a{color:#FFF; text-decoration:none;}
a:hover{text-decoration:underline;}
a:focus{outline:none;}
a.nolink:hover{text-decoration:none;}
.clear_b{clear:both;}
p{margin:0px; padding:0px;}
ul,li,h3{margin:0px; padding:0px;}
h2{font-size:140%; font-weight:bold; line-height:150%; padding:0.5em}
.wrap{width:1000px; min-height:800px; overflow:hidden; margin:0px auto 0px auto; background:url(img/wrap_bg.jpg) scroll 0 0 repeat-y;}
.content{background:url(img/top_bg.jpg) top center no-repeat; min-height:400px; }
.top{ overflow:hidden; height:315px;}
.logo{    height: 56px;
    margin: 10px 0 0 20px;
    width: 240px;}

.menu_top{height:64px; width:auto; position:absolute; background:url(img/menu_top_bg.jpg) scroll 0 0 repeat-x; margin-left:250px; margin-top:4px; border:3px solid #000; padding:0px 10px;
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-khtml-border-radius:  2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	font:"Myriad Pro", Arial, Helvetica, Tahoma, sans-serif; font-family:"Myriad Pro", Arial, Helvetica, Tahoma, sans-serif; font-weight:inherit; z-index:400;}
.menu_top_item{float:left; height:64px; line-height:64px; vertical-align:middle; margin:0px 23px; font-size:13pt; color:#FFF; text-transform:uppercase;}
.menu_top_item.act{font-size:16pt; text-decoration:underline;}
.main{padding:40px 10px 10px 10px; overflow:hidden;}
.left{float:left; width:240px; min-height:300px;}
.lotoslogo{background-color:#FFF; padding:5px; text-align:center;}
.menu_left_item{background:url(img/menu_left_line.png) bottom left repeat-x; padding:4px 2px 4px 4px; text-align:left; font-weight:bold;}
.menu_left_item.act a{color:#C90;}

.leftblock_top{margin-bottom:1px; cursor:pointer;}
.leftblock_body{display:none;}
.leftblock_body.act{display:block;}

.right{width:600px; float:left; min-height:400px; margin-left:14px; width:660px; text-align:left; font-size:105%;}
.right ul, .right ol{margin-left:2em;}
.articles{font-size:13pt; margin-top:6px; margin-left:1em; border-bottom: dashed 1px #CCC; padding-bottom:0.5em; margin-bottom:0.5em;}
.path_line{font-size:1.5em; background:url(img/menu_left_line.png) bottom left repeat-x; padding-left:1em; padding-bottom:1em; margin-bottom:0.5em; color:#2D2D2D; margin-top:-1em;}
.path_line a{color:#2D2D2D;}
.path_line .bull{font-size:14pt;}
.right p{padding:0.5em;}
.articles p{font-size:90%;}

.item_tab{width:98%; border-collapse:collapse;}
.item_tab td{border-bottom:dotted 1px #999; padding:2px;}
.item_tab td:first-child{text-align:center; width:20px; vertical-align:top;}

.item_title{cursor:pointer;}
.item_title.selected{font-weight:bold; color:#000;}
.item_title:hover{ color:#000; text-decoration:underline;}


.footer{height:80px; background: url(img/bottom_bg.jpg) scroll 0 0 no-repeat #000; line-height:80px; font-size:12pt;}

.calc_tab{width:80%; margin:0px auto;}


.eform{text-align:left; background-color:#FFF; padding:10px; color:#666;}
.eform table{margin:0px auto; width:200px; border-collapse:collapse;}
.eform table caption{text-align:center; padding:4px; text-decoration:underline; font-weight:bold;}
.eform table td{ text-align:left; padding:4px;}
.eform input{width:98%; float:right;}
.eform input.ch{float: none; margin-right: 5px; vertical-align: middle; width: inherit; margin-left:1em;}
.eform input.subm{width:100px; margin:0px auto; background:none none; border:1px solid #666; color:#666; float:none;}
.eform .submtd{text-align:center;}
/* container for slides */
.slider{margin-top:34px;}
.images {
    position:relative;
    height:220px;
	float:left;

    width:1000px;

    margin:0px;
    cursor:pointer;
/*
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -moz-box-shadow:0 0 25px #666;
    -webkit-box-shadow:0 0 25px #666;
	*/
}

/* single slide */
.images div {
    display:none;
    position:absolute;
    top:0;
    left:0;
    margin:0px;
    height:220px;
	overflow:hidden;
    font-size:12px;
	z-index:200;
}


/* tabs (those little circles below slides) */
.slidetabs {
	position:relative;
	clear:both;
	float:right;
	margin:-28px 14px 0 0px;
	z-index:400;
}

/* single tab */
.slidetabs a {
    width:8px;
    height:8px;
    float:left;
    margin:3px;
    background:url(/img/navigator.png) 0 0 no-repeat;
    display:block;
    font-size:1px;
}

/* mouseover state */
.slidetabs a:hover {
    background-position:0 -8px;
}

/* active state (current page state) */
.slidetabs a.current {
    background-position:0 -16px;
}


/* prev and next buttons */
.forward, .backward {
    float:left;
    margin-top:140px;
    background:#fff url(/media/img/scrollable/arrow/hori_large.png) no-repeat;
    display:block;
    width:30px;
    height:30px;
    cursor:pointer;
    font-size:1px;
    text-indent:-9999em;
}

/* next */
.forward { background-position: 0 -30px; clear:right; }
.forward:hover { background-position:-30px -30px; }
.forward:active	{ background-position:-60px -30px; }


/* prev */
.backward:hover	{ background-position:-30px 0; }
.backward:active { background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are
   configured with rotate: true */
.disabled {
    visibility:hidden !important;
}