/*	Importing Eric Meyer's reset kit 
	http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/
@import "reset.css";

body {
	background:url(../images/design/bg_horizontal_repeat.gif) repeat-x #fff;
}

.wrapper {
	text-align: center;
	padding-top:129px;
}

#frame {
	width:842px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position:relative;
	/*min-height:744px;	*/
}

#menu-top {
	padding:0;
	margin:0;
	width:842px;
}
	#menu-top li {
		list-style-type:none;
		display:inline;
		margin-right:6px;
		float:left;
	}
		#menu-top li a {
			display:block;
			width:135px;
			height:183px;
			background-position:bottom center;
			background-repeat:no-repeat;
			text-decoration:none;
			text-transform:uppercase;
			position:relative;
		}
		
		#menu-top li a div {
			left:5px;
			top:4px;
			position:absolute;
			z-index:101;
		}
		
		#menu-top li a img {
			position:absolute;
			z-index:100;
			filter:alpha(opacity=0);
			-moz-opacity:0;
			opacity: 0;
		}

/* Logo */
	.logo {
		width:135px;
		height:183px;
		cursor:pointer;
		cursor: hand;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/design/juvet_logo.png');
	}
		.logo[class] {
			background:url(../images/design/juvet_logo.png) no-repeat left top;	
		}

/* content frame */
	.content-frame {
		background:url(../images/design/content_frame_bg.gif) left top repeat-y;
		float:left;
	}
	
	.content-frame-gallery
	{
		/*background:url(../images/design/content_frame_bg_gallery.gif) left top repeat-y;*/
		background:url(../images/design/content_frame_bg.gif) left top repeat-y;
		float:left;
	}

		.content-index {
			padding:3px;
			/*width:558px;*/
			width:701px;
			float:left;
		}
		.content {
			padding:0 6px 0 0;
			min-height:286px;
		}
		.content-frame .content div.inner-content {
			/*margin:26px;*/
		}
		
		.content-frame-gallery .content .div.inner-content
		{
			margin:0;
			min-height:200px;
		}
		
		.right {
			float:left;
			width:135px;
		}
			#right-news {
				padding:0;
				margin:0;
				float:left;
				width:135px;
			}
				#right-news li {
					list-style-type:none;
					display:block;
					text-transform:uppercase;
				}
				
				#right-news .menu_img, #right-news .menu_img_hover
				{
					margin-left:9px;
				}
				
					#right-news li a {
						display:block;
						margin:13px 10px 0 6px;
						text-decoration:none;
						line-height:120%;
					}				
					
					#right-news li a .menu_img
					{
						visibility:visible;
						display:block;
					}
					
					#right-news li a .menu_img_hover
					{
						visibility:hidden;
						display:none;
					}
					
					#right-news li a:hover .menu_img
					{
						visibility:hidden;
						display:none;
					}
					
					#right-news li a:hover .menu_img_hover
					{
						visibility:visible;
						display:block;
					}
					
					#right-news li.header {
						border-bottom:1px solid #dfe0e1;
						height:27px;
					}
					#right-news li.header div {
						color:#3d205d;
					}

	/* Right menu */
			#right-menu {
				padding:0;
				margin:0;
				float:left;
				width:135px;
			}
				#right-menu li {
					list-style-type:none;
					display:block;
					text-transform:uppercase;
					height:26px;
					border-bottom:1px solid #e2e4e4;
					clear:both;
				}					
				
					#right-menu li a {
						display:block;
						text-decoration:none;
						height:26px;
					}
					
					#right-menu .menu_img, #right-menu .menu_img_hover
					{
						margin-left:9px;
					}
					
					#right-menu li a .menu_img
					{
						visibility:visible;
						display:block;
						
					}
					
					#right-menu li a .menu_img_hover
					{
						visibility:hidden;
						display:none;
					}
					
					#right-menu li a:hover .menu_img
					{
						visibility:hidden;
						display:none;
					}
					
					#right-menu li a:hover .menu_img_hover
					{
						visibility:visible;
						display:block;
					}
					
					#right-menu li a:hover {
						background:url(../images/design/submenu_arrow_off.gif) left center no-repeat;
					}
						#right-menu li.selected a {
							color:#3d205d;
							background:url(../images/design/submenu_arrow.gif) left center no-repeat;
						}
						
						#right-menu li.selected a .menu_img, #right-menu li.selected a:hover .menu_img
						{
							visibility:hidden;
							display:none;
						}
						
						#right-menu li.selected a .menu_img_hover, #right-menu li.selected a:hover .menu_img_hover
						{
							visibility:visible;
							display:block;
						}
						
					#right-menu li.header {
						border-bottom:1px solid #dfe0e1;
						height:26px;
					}
					#right-menu li.header {
						background:none;
					}
						#right-menu li.header div {
							color:#3d205d;
						}


/* Footer graphics */
	#footer {
		width:842px;
		/*margin-top:7px;*/
	}
	#footer img {
		float:left;
	}

/* Shema */
	.form-content {
		width:250px;
		float:left;
		padding-bottom:23px;
	}

/*NEW*/
.doc_image{
	margin-top:3px;
	margin-left:3px;
	margin-right:12px;
	width:270px;
	height:270px;
	float:left;
}
.doc_image_wide{
	margin-top:3px;
	margin-left:3px;
	margin-right:12px;
	width:411px;
	height:270px;
	float:left;
}
.document{
	float:left;
	width:362px;
	padding:26px 26px 0px 26px;
}
.menubottom{
	margin:1px 0px 1px 0px;
}
	.menubottom a{
		display:block;
	}
	.menubottom a:link, .menubottom a:visited{
		color:#FFF;
		text-decoration:none;
	}
	.menubottom_active a:link, .menubottom_active a:visited{
		color:#3F215F;
	}
	.menubottom td{

		background:#3F215F;
		border:1px solid #3F215F;
		padding-left:10px;
	}
	.menubottom_active{
		background:#FFF !important;
		border:1px solid #3F215F;
	}
	.divider{
		background:#FFF !important;
		width:1px;
		display:block;
		padding:0px !important;
		border:0px !important;
	}
.startpage{
	width:836px;
	height:271px;
	margin:0 auto;
	text-align: left;
	position:relative;
	padding:3px;
	overflow:hidden;
	background:#FFF;
}
.doc_list{
	margin:0px 3px 0px 3px;
	width:694px;
	margin:0 auto;
}
	.doc_list_element{
		width:650px;
		background:url('../images/doc_list_odd.gif') repeat-x;
		margin:0 auto;
		height:27px;
		line-height:27px;
		padding-left:44px;
	}
	.doc_list_element a:link, .doc_list_element a:visited{
		color:#3F215F;
		text-decoration:none;
	}
	.doc_list_element a:hover{
		text-decoration:underline;
	}
.inputaddress
{
	width:139px;
	height:21px;
	line-height:21px;
	margin:0px;
	padding:0px;
	border:1px solid #CECECE;
	padding-left:5px;
}