body {
	background: url(../images/background_pattern.png);
	height: 100%;
	margin: 0;
	font-family: "Lucida Sans Unicode","Lucida Grande", Garuda, sans-serif;
}

.notyou { display: none; }

#background-cont {
	height: 100%;
	background-image: url(../images/esagoni.png);
	background-image: url(../images/esagoni.png),
	-webkit-gradient(
	    linear,
	    left top,
	    right bottom,
	    color-stop(0, rgba(0,0,0,.3)),
	    color-stop(0.20, rgba(255,255,255,0) )
	), -webkit-gradient(linear, right top,left bottom,
	    color-stop(0, rgba(0,0,0,.3)),
	    color-stop(0.20, rgba(255,255,255,0) )
	), -webkit-gradient(linear, right bottom, left top,
	    color-stop(0, rgba(0,0,0,.3)),
	    color-stop(0.20, rgba(255,255,255,0) )
	), -webkit-gradient(linear, left bottom, right top,
	    color-stop(0, rgba(0,0,0,.3)),
	    color-stop(0.20, rgba(255,255,255,0) )
	);
	
	background-image: url(../images/esagoni.png),
		-moz-linear-gradient(left top, rgba(0,0,0,.3) 0%, rgba(255,255,255,0) 20%),
		-moz-linear-gradient(right top, rgba(0,0,0,.3) 0%, rgba(255,255,255,0) 20%),
		-moz-linear-gradient(left bottom, rgba(0,0,0,.3) 0%, rgba(255,255,255,0) 20%),
		-moz-linear-gradient(right bottom, rgba(0,0,0,.3) 0%, rgba(255,255,255,0) 20%);



	
}

body>#background{
    height: auto;
    min-height: 100%;
}


#content {
	width: 876px;
	height: 570px;
	margin: auto;
	position: relative;
	
}

#infos {

	position: absolute;
	top: 0px;
	left: 5px;
	
	margin: 0;

	width: 172px;
	height: 432px;
	background: url(../images/infos.png) no-repeat;
	
	z-index: 1;
}


#infos_email {
	display: block;
	width: 212px;
	height: 25px;
	background: url(../images/info_link.png) no-repeat 0 -25px;
}

#infos_email:hover {
	background-position: 0 0;
}


#newsletter {
	width: 212px;
	
	position: absolute;
	top: 432px;
	left: 0;
}

#newsletter p {
	margin: 0 0 5px 0;
}

form a {
	display: block;
	width: 136px;
	height: 29px;
	background: url(../images/keep-in-touch.png) no-repeat;
}

form a:hover {
	background-position: 0 -29px;
}


input.txt {
	font-size: 1.2em;
	padding: 0 7px;
	border: none;
	color: #666;
	background: none;
}

p.riga {
	background: url(../images/riga.png) repeat-x 0 98%;
	margin-bottom: 0;
}

ul#other-editions {
	display: block;
	position: absolute;
	
	top: 0px;
	left: 88px;
	
	width: 800px;
	height: 600px;
	background: url(../images/background_strings.png) no-repeat 66px 186px;
	margin: 0;
	
}

ul#other-editions li {
	position: absolute;
	display: block;
}

ul#other-editions li a {
	display: block;
}

li#robot03 {
	width: 600px;
	height: 450px;
	
	top: 0;
	left: 0;
	
	background: url(../images/robot03.png) no-repeat;
}

li#robot01 {
	width: 259px;
	height: 302px;
	
	top: -2px;
	left: 525px;
	
	background: url(../images/robot01.png) no-repeat;
}

li#robot01 a {
	height: 302px;
}
li#robot01 a:hover {
	background: url(../images/esagono.png) no-repeat 84px 82px;
}

li#robot02 {
	width: 301px;
	height: 261px;
	
	top: 300px;
	left: 375px;
	
	background: url(../images/robot02.png) no-repeat;
}

li#robot02 a {
	height: 261px;
}
li#robot02 a:hover {
	background: url(../images/esagono.png) no-repeat 159px 80px;
}

li#shape {
	width: 97px;
	height: 41px;
	
	top: 262px;
	left: 680px;
	
	
}
li#shape a {
	height: 41px;
	background: url(../images/shape.png) no-repeat;
}
li#shape a:hover {
	opacity: .3;
}