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

html {
}

body {
    width: 100%;
	font-size: 100%;
    font-family: 'Open Sans', Trebuchet MS, sans-serif;
	
    background-image: url('img/sfondo_kite_2.jpg');
    background-repeat: repeat;
}


* {margin:0;padding:0}   

a, a:visited, a:active {
  text-decoration: none;
  color:#333;
  border:0px;
}
a:hover {
  text-decoration:underline;
  color:#000;
}

/***
****	CONTAINER
***/
#container {
    /*width: 64em;*/
    /*width: 64em;*/
    max-width: 62.75em;
	/*
    height: 71.25em;
    min-height: 71.25em;
	*/
	/*float:left;
	clear:left;
	float:none;*/
    margin: 0px auto;
	margin:auto;
    background-color: #fff;
}
	
	
/***
****	OMBRA
***/
#bb {
    float:left;
    width: 2%;
    max-width: 10px;
}
#bb img.sfumatura1 {
	width:20%;
    float:left;
    opacity:0.05;
    filter:alpha(opacity=5);
}

#bb img.sfumatura2 {
	width:20%;
    float:left;
    opacity:0.1;
    filter:alpha(opacity=10);
}

#bb img.sfumatura3 {
	width:20%;
    float:left;
    opacity:0.15;
    filter:alpha(opacity=15);
}

#bb img.sfumatura4 {
	width:20%;
    float:left;
    opacity:0.20;
    filter:alpha(opacity=20);
}

#bb img.sfumatura5 {
	width:20%;
    float:left;
    opacity:0.25;
    filter:alpha(opacity=25);
}

/***
****	MAIN
***/
#main {
    float:left;
    width: 100%;
    max-width: 100%;
    border:1px solid #a0a0a0;
    border-top:0px solid #a0a0a0;
	background-color:#fff;
	margin:auto;
}




/***
****	BOX
***/
#box {
/*
    width: 55.625em;
    max-width: 55.625em;
	margin: auto;
	height:55em;
	*/
	width:100%;
	/*height:100%;*/
		
	/*
	background-image:url(img/sfondo_home.jpg);
	background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    */

}

#box table {
	width:100%;
}
#box div.top_sx {
    float:left;
    width: 40%;
	text-align:left;
	position:relative;
	left:-3.9em;
	top:7em;
}
#box div.top_dx {
    float:left;
    width: 60%;
	text-align:right;
	position:relative;
	right:-3.6em;
	top:7em;
}
#box div.bottom_sx {
    float:left;
    width: 35%;
	text-align:left;
	position:relative;
	left:-3.3em;
	top:-8em;
}
#box div.bottom_dx {
    float:left;
    width: 65%;
	text-align:right;
	position:relative;
	right:-3em;
	top:-8em;
}

#box div.sx {
    float:left;
    width: 15%;

	max-height:650px;
	text-align:right;
}
#box div.dx {
    float:left;
    width: 15%;

	max-height:650px;
}
#box img {
    float:left;
	width:100%;
	max-width:800px;
}
#box h2 {
    font-size: 1.6em;
    letter-spacing: 0.05em;
    font-weight:bold;
    font-weight:normal;
}
#box a, a:visited, a:active {
  text-decoration: none;
  color:#333;
  border:0px;
}
#box a:hover {
  text-decoration:underline;
  color:#000;
}

#box p {
    display: block;
    width: 100%;
    text-align: left;
	font-size: 1.0 em;
    line-height: 1.125 em;
}


/***
****	star
***/
#star {
    float:left;
    clear:left;
	width:100%;
}
#star div.sx {
    float:left;
    width: 55%;

/*	max-height:214px; */
}
#star div.dx {
    float:left;
    width: 45%;

	max-width:300px;
	/*
	background-image:url(img/stella_home.png);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
	*/
}
#star img {
    float:left;
	width:100%;
	max-width:300px;
	  border:0px;

}
#star a {
	margin-top:100px;
  border:0px;
}
#star h2 {
    font-size: 1.4em;
    letter-spacing: 0.05em;
    font-weight:bold;
    font-weight:normal;
	margin-top:10px;
	margin-bottom:50%;
	z-index:100;
	/*color:#333;*/
}

/***
****	loghi
***/
#loghi {
	clear:left;
	float:left;
	width:100%;

}
#loghi div.vamos {
    float:left;
    width: 50%;

/*	max-height:214px; */
}
#loghi div.fone {


/*	max-height:214px; */
}
#loghi div.mystic {


/*	max-height:214px; */
}
#loghi img.vamos {
	width:100%;
	max-width:320px;
	border:0px;
}
#loghi img.fone {
	width:100%;
	max-width:180px;
	border:0px;
}
#loghi img.iko {
	width:100%;
	max-width:280px;
	border:0px;
}
#loghi img.mystic {
	width:100%;
    max-width:180px;
	border:0px;
}
#loghi img.mystic_fone {
	width:100%;
    max-width:229px;
	border:0px;
}
#loghi img.fone_top {
	width:100%;
	max-width:180px;
	border:0px;
}
#loghi img.mystic_top {
	width:100%;
	max-width:180px;
	border:0px;
}
#loghi table {
	width:100%;
	padding-left:2%;
	padding-right:2%;
}


/***
****	bottom
***/
#bottom {
    float:left;
    clear:left;
	text-align:center;
	width:100%;
	padding-bottom:1em;
}

#bottom img {
	width:100%;
	max-width:940px;
	border:0px;
}

#bottom p {
	text-align:center;
	margin-top:5px;
	font-size:0.80em;
	}

#bottom a.mailinfo {
    color: #000;
	font-size:0.90em;
}

#bottom a.mailinfo:hover {
    text-decoration: underline;
}

#bottom img.fb {
	display:inline;
	width:24px;
	border:0px;
}



@media only screen and (max-width:320px) {

#box h2 {
    letter-spacing: 0.05em;
    font-weight:bold;
    font-weight:normal;
	font-size:0.80em;
}

#box div.top_sx {
	position:relative;
	left:-2.4em;
	top:2em;
}
#box div.top_dx {
	position:relative;
	right:-2.0em;
	top:2em;
}
#box div.bottom_sx {
	position:relative;
	left:-2.2em;
	top:-3em;
}
#box div.bottom_dx {
	position:relative;
	right:-2em;
	top:-3em;
}

#bottom p {
	text-align:center;
	margin-top:5px;
	font-size:0.24em;
	/*background-color:gray;*/
	}

#bottom a.mailinfo {
    color: #000;
	font-size:0.28em;
}

#bottom img.fb {
	display:inline;
	width:12px;
	border:0px;
}

}

@media only screen and (min-width: 321px) and (max-width: 480px) {
#box h2 {
    letter-spacing: 0.05em;
    font-weight:bold;
    font-weight:normal;
	font-size:0.90em;
}

#box div.top_sx {
	position:relative;
	left:-2.6em;
	top:2em;
}
#box div.top_dx {
	position:relative;
	right:-2.0em;
	top:2em;
}
#box div.bottom_sx {
	position:relative;
	left:-2.6em;
	top:-3em;
}
#box div.bottom_dx {
	position:relative;
	right:-2em;
	top:-3em;
}
#bottom p {
	text-align:center;
	margin-top:5px;
	font-size:0.32em;
	/*background-color:green;*/
	}

#bottom a.mailinfo {
    color: #000;
	font-size:0.36em;
}

#bottom img.fb {
	display:inline;
	width:14px;
	border:0px;
}

}
	
@media only screen and (min-width: 481px) and (max-width: 680px){
#box h2 {
    letter-spacing: 0.05em;
    font-weight:bold;
    font-weight:normal;
	font-size:1.2em;
}

#box div.top_sx {
	position:relative;
	top:3.5em;
}
#box div.top_dx {
	position:relative;
	top:3.5em;
}
#box div.bottom_sx {
	position:relative;
	top:-4.5em;
}
#box div.bottom_dx {
	position:relative;
	top:-4.5em;
}
#bottom p {
	text-align:center;
	margin-top:5px;
	font-size:0.44em;
	/*background-color:red;*/
	}

#bottom a.mailinfo {
    color: #000;
	font-size:0.54em;
}

#bottom img.fb {
	display:inline;
	width:16px;
	border:0px;
}

}

@media only screen and (min-width: 681px) and (max-width: 778px){
#box h2 {
    letter-spacing: 0.05em;
    font-weight:bold;
    font-weight:normal;
	/*font-size:0.90em;*/
}

#box div.top_sx {
	position:relative;
	top:4em;
}
#box div.top_dx {
	position:relative;
	top:4em;
}
#box div.bottom_sx {
	position:relative;
	top:-5em;
}
#box div.bottom_dx {
	position:relative;
	top:-5em;
}
#bottom p {
	text-align:center;
	margin-top:5px;
	font-size:0.60em;
	/*background-color:yellow;*/
	}

#bottom a.mailinfo {
    color: #000;
	font-size:0.70em;
}
#bottom img.fb {
	display:inline;
	width:20px;
	border:0px;
}


}

@media only screen and (min-width: 779px) and (max-width: 960px){
#box h2 {
    letter-spacing: 0.05em;
    font-weight:bold;
    font-weight:normal;
	/*font-size:1.0em;*/
}

#box div.top_sx {
	position:relative;
	top:5em;
}
#box div.top_dx {
	position:relative;
	top:5em;
}
#box div.bottom_sx {
	position:relative;
	top:-6em;
}
#box div.bottom_dx {
	position:relative;
	top:-6em;
}
#bottom p {
	text-align:center;
	margin-top:5px;
	font-size:0.70em;
	/*background-color:#00FFFF;*/
	}

#bottom a.mailinfo {
    color: #000;
	font-size:0.80em;
}

#bottom img.fb {
	display:inline;
	width:24px;
	border:0px;
}

}