/* CSS Document */
body{
	font-family: 'Open Sans', sans-serif;
}

.button {

	transition: background-color 1s;
}
.button a{
	color:#fff;
	text-decoration: none;
	
}
.button:hover {
	background-color:#D39632;
}

#logo{
	position:absolute;
	left:50%;
	top:40%;
	margin-left:-125px;
	margin-top:-70px;
	z-index: 1000;
	transition: top 1.5s;
}

@media screen and (max-width: 500px) {
	
	#logo{
	position:absolute;
	
	margin-left:-80px;
	margin-top:-50px;
	z-index: 1000;
	transition: top 1.5s;
		
	}
	
	#logo img{
		height:100px;
	}
	
	
	
}

#sezioni{
	position:absolute;
	top:0;
	left:0;
	float:left;
	width:100%;
	height:80%;
	background-color: #000;
	transition: height 1s;
}

@media screen and (max-width: 500px) {
#sezioni{
	
	height:70%;
	
}
	#footer{
		height:30% !important;
		
	}
	
	#cookies{
		font-size: 10px !important;		
	}
	
	#logo{
	
	top:35%;
	}
	
}


#sezione-arredo{
	
	float:left;
	width:100%;
	height:50%;
	background-color: #B13033;
	background-image: url(../img/arredo.jpg);
	background-size: cover;
	-webkit-transition: opacity 1s; /* Safari */
    transition: opacity 1s;
	opacity: 0.6;
}

#sezione-bellezza{
	
	float:left;
	width:100%;
	height:50%;
	background-color: #98802B;
	background-image: url(../img/bellezza.jpg);
	background-size: cover;
	-webkit-transition: opacity 1s; /* Safari */
    transition: opacity 1s;
	opacity: 0.6;
	
}


@media screen and (min-width: 950px) {
	
	#sezione-arredo{
		position:absolute;
		top:0;
		left:0;
		width:50%;
		height:100%;
	}
	
	#sezione-bellezza{
		position:absolute;
		top:0;
		right:0;
		width:50%;
		height:100%;
	}
	
}



#sezione-bellezza:hover{
	opacity: 1;
}
#sezione-arredo:hover{
	opacity: 1;
}

#arredamento{
	position:absolute;
	left:5%;
	top:0px;
	width:90%;
	margin-left:-2%;
	color:#fff;
	text-align: left;	
}

#arredamento ul li{
	display: inline-block;
	padding-left:0;
}

#bellezza{
	position:absolute;
	right:5%;
	bottom:0px;
	width:90%;
	margin-right:-2%;
	color:#fff;
	text-align: right;
	
	
}

#arredamento ul {
	padding-left:0;
}
#bellezza ul {
	
	margin-left:0;
}
#bellezza ul li{
	display: inline-block;
	
}

@media screen and (min-width: 950px) {
	
	#arredamento{
	position:absolute;
	left:50%;
	top:20%;
	width:50%;
	margin-left:-40%;
	color:#fff;
	text-align: left;
	
	
	}

	#bellezza{
		position:absolute;
		right:50%;
		top:20%;
		width:50%;
		margin-right:-40%;
		color:#fff;
		text-align: right;


	}
	
	
}


@media screen and (max-width: 500px) {
	
	h3{
		display: none;
	}
	
	
}


h1{
	font-size: 45px;
	font-weight: 300;
	margin: 0;
	
}

h2{
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
}

h3{
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	margin:0;
}

.sezione-testo ul li{
	
	list-style-type: none;
	
}
.sezione-testo ul li:before{
    content:"• ";
	color:#FFFFFF;
	
}

#footer{
	position: absolute;
	float:left;
	bottom:0;
	left:0;
	width:100%;
	height:20%;
	background-color: #fff;
	z-index: 500; 
	text-align: center;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	color:#333;
}
#cookies{
	position: absolute;
	top:10%;
	width:100%;
	text-align: center;
	font-size: 14px;
}

@media screen and (max-width: 500px) {
	
	#cookies{
		
		top:0px;
		font-size: 9px;
		line-height: 10px;
	}
	
	
	
	
}


#azienda{
	position: absolute;
	bottom:5px;
	width:100%;
	text-align: center;
}

#azienda a{
	color:#888;
	text-decoration: none;
}

#azienda a:hover{
	color:#333;
	text-decoration: underline;
	
}

#cookies img{
	opacity:0.8;
	margin-right:5px;
	margin-top:5px;
}
.button{
	background-color: #333;
	color:#fff;
	padding:5px;
	
	border-radius: 50%;
	
	
}
#cookies .button{

}

.biscotto{
	display: inline-block;
}