@charset "UTF-8";
/* CSS Document */

/*-------------------------*/
/* STANDARD HTML TAG RESET */
/*-------------------------*/

@import url('yui-reset.css');

* {
	border:0px solid #eee;
	margin:0;
	padding:0;
	list-style:none
}

/*------------------------------*/
/* STANDARD HTML TAG DEFINITION */
/*------------------------------*/

html, body, #bg, #bg table, #bg td, #cont {
	width:100%;
	height:100%;
	overflow:hidden;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.6em;
	cursor:default;
	color:#000
}
h1, h2, .large, .left {
	font-family:"Century Gothic", "Lucida Grande", Arial, sans-serif;
	font-size:40px
}
h1, .box div img {
	padding-bottom:10px;
	color: #FFF;
}
a {
	text-decoration:none;
	color:#000;
	outline:0
}


/*-------------------------*/
/* PAGE ELEMENTS           */
/*-------------------------*/


	/*-------------------------*/
	/* BACKGROUND              */
	
	#bg div {
		position:absolute;
		width:200%;
		height:200%;
		top:-50%;
		left:-50%;
		z-index: 1;
	}
		#bg td {
			vertical-align:middle;
			text-align:center
		}
			#bg img {
				min-height:50%;
				min-width:50%;
				margin:0 auto;
			}
			
	/*-------------------------*/
	/* CONTAINER               */
	
	#cont {
		position:relative;
		z-index:70;
		overflow:auto;
	}
	
	/*-------------------------*/
	/* MENU                    */
	
	#menu {
		position:absolute;
		bottom:25px;
		left:0;
		z-index:80;
		line-height:11px;
		width: 100%;
		height: 57px;
	}
	
		#sx {
			float:left;
			margin:0 5px 0 0;
			padding: 0px;
		}
		
			#milchstrasse {
				width:174px;
				opacity:0.99;
				height: 57px;
				background: url(images/logo_milch_small.jpg) no-repeat;
				padding:15px 0 0 0
			}
				#milchstrasse span {
					visibility:hidden
					
				}
			
		#dx {
			float:right;
			margin:0 0 0 5px;
			padding:0;
		}
			#dx h2 {
				font-size:3.1em;	
			}
		
			#location {
				width:174px;
				opacity:0.99;
				background: url(images/milch_location.jpg) no-repeat;
				height: 57px;
				padding:15px 0 0 0
			}
				#location span {
					visibility:hidden
					
				}
			
		#center {
			opacity:0.6;
			
			margin:0 177px 0 177px;
			padding:0;
			background-color:#000;
			height:57px
		}
		
		#centerloc {
			opacity:0.6;
		
			margin:0 177px 0 177px;
			padding:0;
			background-color:#000;
			height:57px;
			text-align:right
		}
			ul {
				float:left;
				width:80px;
				margin: 4px 0 0 0;
				padding: 0;
			}
			
			ul.locat {
				float:right;
				width:80px;
				margin: 5px 0 0 0;
				padding: 0;
			}
			
			li a {
				
				padding:0 5px;
				font-weight:bold;
				color:#999;
				display:block
			}
			
			li a:hover, li.cur a {
				color:#fff
			}
			
			.shop {color:#ff9900}
	/*-------------------------*/
	/* BOX TESTO               */			
			
	.box1 {
		position:absolute;
		top:50%;
		left:50%;
		width:396px;
		padding-bottom:0px;
		height:250px
	}
	
	.box {
		position:absolute;
		top:15%;
		right:200px;
		width:500px;
		padding-bottom:100px
	}
	
	.box2 {
		position:absolute;
		top:15%;
		left:212px;
		width:500px;
		padding-bottom:100px
	}
	
	.box3 {
		position:absolute;
		top:15%;
		left:25%;
		width:820px;
		padding-bottom:100px
	}
	
		.box div, .box2 div, .box3 div {
			line-height:1.5em;
			background:#fff;
			padding:20px 30px;
		}
		
			.box div a {
				text-decoration:underline
			}

			h3 {
				position:relative;
				border-bottom-width:1px;
				padding:30px 30px 10px 30px;
				margin:0 -30px 20px -30px;
				text-transform:uppercase;
				line-height:20px;
				font-weight:bold;
				font-size:1.3em;
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				color:#333
			}
			
			h3 span {
				position:absolute;
				right:510px;
				top:29px;
				background:#000;
				text-align:center;
				padding:0 5px;
				white-space:nowrap;
				display:block;
				color:#fff;
				font-weight:normal
			}
			
			dl {
				margin:10px 0
			}
			
				dt {
					text-transform:uppercase;
					padding:0 5px;
					cursor:pointer;
					line-height:20px;
					height:20px;
					font-weight:bold;
					width:430px;
				}
				
					dd {
						height:0px;
						overflow:hidden;
						width:440px;
					}
				
						dt p, dd p {
							padding:15px 0 25px 0;
							display:block;
							border-top-width:1px;
							width:440px
						}
						
						dd img {
							float:left;
							margin:5px 15px 5px 0;
						}
						
						dd ul {
							width:200px;
							margin:10px 0 0px 0;
							padding: 0 0 10px 0;
						}
						
						/*-------------------------*/
	                    /* FORM CONTATTI           */
						
						#contact_form {
							width: 361px;
							margin:10px 0 0 0;
							overflow: hidden;
							z-index: 10;
						}
						
						#contact_form fieldset, #contact_form label {
							width: 100%;
							float: left;
							display: block;
						}
						
						#contact_form label {
							padding-bottom: 3px;
							clear: both;
						}
						
							#contact_form label em {
								display: block;
								float: left;
								font-style: normal;
							}
							
							#contact_form label input {
								width: 303px;
								background-color:#CCC;
								font-family: Arial;
								font-size: 11px;
								color: #000;
								top: 0;
								left: 0;
								float: right;
								height:15px;
							}
							
							#contact_form label textarea {
								height: 104px;
								overflow: auto;
								display: block;
								width: 303px;
								background-color:#CCC;
								font-family: Arial;
								font-size: 11px;
								color: #000;
								top: 0;
								left: 0;
								float: right;
							}
						
						
						
						input.button {
							float: left;
							top: 0;
							clear: both;
							margin-left: 58px;
						}
			
    /*-------------------------*/
	/* FOOTER                  */

	#footer {
	position:absolute;
	bottom:5px;
	color:#999;
	z-index:80;
	left:3px
	}
	
		#footer a:link {
			color:#999;
			text-decoration:none;
		}
		
		#footer a:active {
			color:#999;
			text-decoration:none;
		}
		
		#footer a:visited {
			color:#999;
			text-decoration:none;
		}
		
		#footer a:hover {
			color:#fff;
			text-decoration:none;
		}
		#footer img {
			vertical-align:baseline	
		}
		
    /*-------------------------*/
	/* LOGO  INDEX             */
	
	#logo {
		margin-top:-61px;
		margin-left:-198px;
		background:url(images/logo_milch.png) no-repeat;
		
	}
	
	#logolocation {
		margin-top:-122px;
		margin-left:-176px;
		background:url(images/logo_location.png) no-repeat;
		
	}
	
		#logo h1, #logolocation h1 {
			text-indent:-9999px
		}

    /*-------------------------*/
	/* PLAYER AUDIO            */

	#audio {
		position:absolute;
		top: 50px;
		z-index: 100;
		left: 0px;
	}