body	{
	margin: 0px;
	padding: 0px;
	background: url(../images/bg.png) #fff top center no-repeat;
}

#main	{
	width: 961px;
	display: block;
	margin: auto;
	padding: 0px;
}

#header	{
	width: 960px;
	height: 120px;
	display: block;
}

#header .logo	{
	width: 565px;
	height: 76px;
	display: block;
	margin-left: 11px;
	margin-top: 44px;
	background: url(../images/logo.png) no-repeat;
	float: left;
}

#header .phone	{
	width: 192px;
	height: 120px;
	display: block;
	margin: 0px;
	padding: 0px;
	background: url(../images/phone.png) no-repeat;
	float: left;
}

#header .mail	{
	width: 192px;
	height: 120px;
	display: block;
	margin: 0px;
	padding: 0px;
	background: url(../images/mail.png) no-repeat;
	float: left;
}

.reset	{
	clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
}

.div1_1	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/1_1.png) no-repeat;
}

.div1_2	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/1_2.png) no-repeat;
}

.div1_3	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/1_3.png) no-repeat;
}

.div1_4	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/1_4.png) no-repeat;
}

.facebook	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/facebook.png) no-repeat;
}

.twitter	{
	width: 88px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/twitter.png) no-repeat;
}

.twitter:hover	{
	width: 88px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/twitter-hover.png) no-repeat;
}

.div2_1	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/2_1.png) no-repeat;
}

.div2_2	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/2_2.png) no-repeat;
}

.div2_3	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/2_3.png) no-repeat;
}

.div2_4	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/2_4.png) no-repeat;
}

.div2_5	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/2_5.png) no-repeat;
}

.div3_1	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/3_1.png) no-repeat;
}

.div3_2	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/3_2.png) no-repeat;
}

.div3_3	{
	width: 346px;
	height: 162px;
	display: block;
	margin: 0px;
	padding: 0px;
	padding-left: 210px;
	padding-top: 30px;
	padding-right: 20px;
	float: left;
	background: url(../images/3_3.png) no-repeat;
}

.div4_1	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/4_1.png) no-repeat;
}

.div4_2	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/4_2.png) no-repeat;
}

.div4_3	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/4_3.png) no-repeat;
}

.div4_4	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/4_4.png) no-repeat;
}

.div4_5	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/4_5.png) no-repeat;
}

.div5_1	{
	width: 346px;
	height: 162px;
	display: block;
	margin: 0px;
	padding: 0px;
	padding-left: 210px;
	padding-top: 30px;
	padding-right: 20px;
	float: left;
	background: url(../images/5_1.png) no-repeat;
}

.div5_2	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/5_2.png) no-repeat;
}

.div5_3	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/5_3.png) no-repeat;
}

.div6_1	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/6_1.png) no-repeat;
}

.div_sca	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/6_sca.png) no-repeat;
}

.div_delta	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/6_delta.png) no-repeat;
}

.div_bts	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/6_bts.png) no-repeat;
}

.div_nato	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/6_nato.png) no-repeat;
}

.blank	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: #fff;
}

.div_tempest	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/7_tempest.png) no-repeat;
}

.div_ministerstvo-vnutra	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/7_ministerstvo-vnutra.png) no-repeat;
}

.div_opd	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/7_opd.png) no-repeat;
}

.div_narodna-rada	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/8_narodna-rada.png) no-repeat;
}

.div_arrow	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/9_arrow.png) no-repeat;
}

.div_allrights	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/9_allrights.png) no-repeat;
}

.div_wezeo	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	background: url(../images/9_wezeo.png) no-repeat;
}

.box	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
}

.button-hover	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	background: url(../images/blank.png) no-repeat;
	position: absolute;
}

.button-hover:hover	{
	width: 192px;
	height: 192px;
	display: block;
	margin: 0px;
	padding: 0px;
	background: url(../images/hover.png) no-repeat;
	position: absolute;
}

h1	{
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	display: block;
	font-weight: bold;
	font-family: Calisto MT, Times New Roman;
	font-size: 20px;
	color: #000;
	margin-bottom: 25px;
}

p	{
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	display: block;
	font-weight: normal;
	font-family: Calisto MT, Times New Roman;
	font-size: 16px;
	line-height: 24px;
	color: #000;
}

#visible_content {
	width: 346px;
	height: 162px;
	overflow: hidden;
}

#animated_content {
	position:relative;
	width: 100%;
	height: 100%;
	right: 0;
}

.anim {	
	transition: right 2s;
	-moz-transition: right 2s; /* Firefox 4 */
	-webkit-transition: right 2s; /* Safari and Chrome */
	-o-transition: right 2s; /* Opera */
	-ms-transition: right 2s /*Internet Explorer future */
}

.w134 {
	width: 346px;
	position: absolute;
	z-index: 100;
}

.c_left {
	left: -100%;
}

.c_right {
	left: 0;
}

.button_next {
	position: absolute;
	top: 52px;
	left: -135px;
	width: 40px;
	height: 40px;
}

.cloak {
	position: relative;
	width: 100%;
	height: 100%;
}

a	{
	text-decoration: underline;
	font-weight: normal;
	font-family: Calisto MT, Times New Roman;
	font-size: 16px;
	line-height: 24px;
	color: #000;
}

a:hover	{
	text-decoration: none;
}