@charset "UTF-8";
/* CSS Document for pyvovar.org.ua */

body { background:#000; color:#FFF; font-family:Arial, Helvetica, sans-serif;}

/* main page */
#main { margin:50px auto; width:882px; position: relative; }
	#main .image { height:587px; position:relative;}
		#main .image .darkstripe { background:#000; position: absolute;	top:177px;	left:0;	width:882px;	height:221px;	filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65; z-index:0;}
	
/* menu */
		#main .image #menu {color:#FFFFFF; font-size:18px; position: absolute;	top:218px;	left:43px;	width:260px;	height:175px; z-index:30; text-transform:uppercase;}
			#main #menu a { color:#959595; display:block; text-decoration:none; line-height:18px; cursor: pointer;}
				#main #menu a:hover { color:#FFF;}
	
/* logo */
	#main #menu .logo {font-size:36px; line-height:32px;}
		#main #menu .logo strong {font-size:48px; font-weight:normal;}
		
		#main #menu a.logo {font-size:36px; line-height:32px; color:#fff; cursor: pointer; text-decoration: none;}
		

/* langmenu */
	#main .langmenu { color:#3b3b3b;  font-size: 11px; margin: 0 10px 5px 0; text-align: right; position: absolute; top:-15px; right: 5px; }
		#main .langmenu a {color:#6a6a6a; text-decoration: none; cursor: pointer}
			#main .langmenu a:hover { color: #FFFFFF; }
			
/* copyrights */
	#main .copyrights {color:#3b3b3b; float: left; font-size: 11px; display:inline; margin: 5px 0 0 10px;}
	#main .uar {color:#3b3b3b; float: right; font-size: 11px; display:inline; margin: 5px 10px 0 0;}
		#main .uar a{color:#3b3b3b; text-decoration:none;}


/* next page*/
	#main.next #wide a.fancybox { cursor:default;}
	

/* next page menu */
	#main.next #menu {top:30px; left: 30px; }
		#main.next #menu h1 { color: #FFFFFF;  font-size:18px; font-weight: normal; margin: 0; padding:0;}
		
/* next page img menu */
/*	#main.next .image .darkstripe { background:#000; position: absolute;	top:535px;	left:0;	width:882px;	height:0px;	filter:alpha(opacity=58);-moz-opacity:.58;opacity:.58; z-index:11;}*/
	
	#main.next #imgmenu {color:#FFF; font-size: 11px; position: absolute; top:-15px; left: 5px; }
		#main.next  #imgmenu a{color:#959595; font-size: 10px; text-decoration: none; margin: 0 3px; cursor: pointer;}
			#main.next  #imgmenu a:hover {color:#FFF;}
			#main.next  #imgmenu a.active {color:#FFF; cursor: default;}
			
/* next page menu hover */
	#main.next .hover .darkstripe { top:0; left:0; height:587px; z-index:10;}
	#main.hover .image #menu.gallery {filter:alpha(opacity=99);-moz-opacity:.99;opacity:.99;}


/* content pages */
	#main.content .image .darkstripe { top:0; left:0; height:587px;}

	#content {position: absolute;	top:180px;	right:30px; color:#959595; font-size: 13px; width:500px; z-index: 14;}
		#content h2 { text-align: right; font-size: 36px; text-transform: uppercase; font-weight: normal; margin: 0 0 30px 0;  }
		#content h3 { font-size: 18px; text-transform: uppercase; font-weight: normal;}
			#content.contacts h3 {margin: 40px 0 20px 0;}
		#content p { line-height: 18px; color: #fff;}
		
		#content.contacts p{color:#959595;}				
			#content.contacts p strong {color:#FFF; font-weight: normal;}
			#content.contacts p a { color:white;}
				#content.contacts p a{ text-decoration: none;}
				
		#content.photos em {color:#bbbbbb;}
			
		#content form,#content fieldset { margin: 0; padding: 0; border:0;}
		#content form label {clear:both; float:left; font-weight:normal; margin:5px 10px 0 0; padding:4px 0 0 0; text-align:right; width:120px;}
			#content form label.error { color:#ff0000;}
		#content form  input, #content form select {float:left; margin:5px 0 0 0; width:170px; border: 0; height:17px;}
		#content form textarea {float:left; margin:5px 0 0 0; width:250px; height:100px; border:0;}
		#content form input.button { margin: 10px 0 0 0; width:100px; background: none; color: #fff; font-size: 12px; text-align: left; cursor: pointer;}