/***************************
 *                         *
 *  www.webfocus.com.ua    *
 *                         *
 ***************************/

*{
    font-family: Arial, Helvetica, sans-serif;
    color: #555;
}

body, html {
    margin: 0; padding: 0;
    height: 100%; width: 100%;
    top: 0; left: 0;
    min-height: 792px;
    position: absolute;
	background: #fff;
}

h2{
    padding-left: 30px;
    color: #00a9ec;
    margin: 10px 0px 10px 0px;
    background: url(../images/ittem.png) no-repeat;
}

img{
    border: none;
}

p:first-letter{
   padding-left:0px;
}

div#container-horizontal{
    margin:  auto;
    position: absolute;
    left: 50%;
	}

div#container-in{
	width: 1000px; height: auto;
	position: absolute;
	left: -500px;
	overflow: hidden;
	background: #fff;
	color: #000;
	border-left: 1px #666666 dotted;
	border-right: 1px #666666 dotted;
	}
	
#top{
	width:1000px;
	height:286px;
	}
	
#logo{
	width:250px;
	height:88px;
	position:absolute;
	top:90px;
	left:30px;
	}
	
#content{
	width:1000px;
	height:auto;
	position:relative;
	background: #ffffff url(../images/content.png) no-repeat;
	}

.cont{
    padding: 22px;
    text-align: left;
    }

    .cont_r{
        text-align: left;
        padding: 22px 0px 0px 22px;
}
	
#cont_left{
    vertical-align: top;
	width:479px;
	height:100%;
	border-right: 1px #666666 dotted;
	}
	
#cont_right{
    vertical-align: top;
	width:520px;
	height:100%;
	}

.g_spacer{
	width:1000px;
	height:10px;
	position:relative;
	background-color:#fff;
	}

    .block_el{
       border-bottom: 1px #666666 dotted;
}

#list{
    position: relative;
    height: 85px;
    width: 100%;    
}

#left_list, #right_list{
    position: absolute;
    font-size: 10pt;
    list-style:  none;
    margin: 0;
    padding: 0;
}

#right_list{
    left: 185px;
}


#lang{	
	position:absolute;
	right:0;
	}

#lang>a{
	color: #949494;
	text-transform:uppercase;
	text-decoration:none;
	font-weight: 600;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	height: auto;
	width:30px;
	padding-top:20px;
	padding-bottom:3px;
	text-align:center;
	display:block;
	float:left;
	m_argin-right: 10px;
	}
	
#lang>a:hover{
	color: #fff;
	}

#lang>a.sel_top{
	color: #0769b2;
	background-color:#949494;
	}
	
#menu{
	width:100%;
	text-align: center;
	position:absolute;
	top:255px;
	color: #666666;
	font-weight: 100;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	vertical-align: middle;
	}

#menu>a{
	color: #666666;
	padding-left:20px;
	padding-right:20px;
	/*font-weight: 100;
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;*/
	text-decoration:none;
	}

#menu>a.sel_menu{
	color: #111;
	}

#menu>a:hover{
	color: #111;
	/*color:#000;*/
	text-decoration:underline;	
	}

#bottom_menu{
	position:absolute;
	top:0px;
	left:489px;
	width:500px;
	height:38px;
	border-top: 1px #666666 dotted;
	background-color:#fff;
	padding-top:11px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color: #666666;	
	}
	
#bottom_menu>a{
	color:#333333;
	padding-left:15px;
	padding-right:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	}

#bottom_menu>a:hover{
	color:#0096ff;
	text-decoration:underline;	
	}
	
#bottom_all{
	 background-color:#fff;
	 width:1000px;
	 height:39px;
	 position:relative;
	}

    .submenu > li{
        color: #fff;
        padding-top: 20px;
        font-size:17px;
        font-weight: 100;
        text-decoration:none;
        font-family: Arial, Helvetica, sans-serif;
}

a.sm{
    color: #fff;
    font-size:17px;
    font-weight: 100;
    text-decoration:none;
    font-family: Arial, Helvetica, sans-serif;
}

.ittem_groups{
    width: 100%;
    height: 100%;
}

.ittem{
    width: 216px;
    height: 240px;
    position: relative;
    float: left;
    margin: 0px 22px 22px 0px;
    padding: 4px;
    border: 1px #999 dotted;
    }

    .ittem_title{
        position: absolute;
        bottom: 4px;
        left: 4px;
        height: 35px;
        width: 216px;
        font-size: 10pt;
        text-align: center;
        padding-top: 4px;
        vertical-align: bottom;
}

.imageOver{
	background: url(../images/zoom.gif) no-repeat 50% 50%;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}