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

@import url('http://fonts.googleapis.com/css?family=Slabo+27px'); /* font-family: 'Slabo 27px', serif;  */

@import url('http://fonts.googleapis.com/css?family=Raleway'); /* font-family: 'Raleway', sans-serif; */


html {
	height: 100%;
}

body,td,th {
	color: #000;
}
body {
	background-color: #FFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a:link {
	color: #039;
}
a:visited {
	color: #039;
}
a:hover {
	color: #F00;
}
a:active {
	color: #039;
}

#contenitore {
	font-family: 'Slabo 27px', serif;
	font-size:16px;
	text-align:center;
}

#rigasup{
	width:100%;
	height:50px;
	background-color:#FFF;
	font-size:25px;
	font-family: 'Slabo 27px', serif;
	color:#06C;
}

#rigashare {
	background:#CDCDCD;
	width:100%;
	height:24px;
	font-size:18px;
	margin-bottom:3px;
}

#immaginebig {
	width:100%;
	height:300px;
	background-image:url(img/home.jpg);
	background-repeat:no-repeat;
		
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	font-family: 'Slabo 27px', serif;
	font-size:50px;
	color:#FFF;
}

ul#menu {
    font-family: 'Slabo 27px', serif;
	color: #171717;
    font-size: 18px;
    list-style: none;
	float:right;
	margin-right:15px;
	margin-bottom:-15px;
}
  
ul#menu li {
    display: block;
	margin-right:15px;
	margin-bottom:-15px;
    float: left; /* elementi su singola riga */
}
  
ul#menu li a {
    color: #171717;
    display: block;
    text-decoration: none;
    text-align:right;
}
  
ul#menu li.active, ul#menu li:hover {
	color: #171717;
    border-bottom:#0080C0 solid 2px;
}

#box {
	width:220px;
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
	/*background-color:#E8E8E8;*/
	background-color:#F2F2F2;
	border-bottom:#069 3px solid;
	float:left;
	text-align:center;
	min-height:260px;
	
	position: relative;
	

	-webkit-box-shadow: 2px 2px 5px 1px rgba(50, 50, 50, 0.55);
	-moz-box-shadow:    2px 2px 5px 1px rgba(50, 50, 50, 0.55);
	box-shadow:         2px 2px 5px 1px rgba(50, 50, 50, 0.55);
	
	display:inline-block;
	margin:10 auto;

}

#boxv {
	width:220px;
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
	/*background-color:#E8E8E8;*/
	background-color:#F2F2F2;
	border-bottom:#069 3px solid;
	float:left;
	text-align:center;
	
	-webkit-box-shadow: 2px 2px 5px 1px rgba(50, 50, 50, 0.55);
	-moz-box-shadow:    2px 2px 5px 1px rgba(50, 50, 50, 0.55);
	box-shadow:         2px 2px 5px 1px rgba(50, 50, 50, 0.55);

}

#boxvideo {
	width:300px;
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
	/*background-color:#E8E8E8;*/
	background-color:#F2F2F2;
	border-bottom:#069 3px solid;
	float:left;
	text-align:center;
	min-height:330px;
	position: relative;
	
	
	-webkit-box-shadow: 2px 2px 5px 1px rgba(50, 50, 50, 0.55);
	-moz-box-shadow:    2px 2px 5px 1px rgba(50, 50, 50, 0.55);
	box-shadow:         2px 2px 5px 1px rgba(50, 50, 50, 0.55);

}

#box:hover {
	opacity:0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	
/*-webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 0px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 0px 0px rgba(50, 50, 50, 0.75);*/
	
}

#immagine{
	width:100%;
	max-height:200px;	
}

#txtimg {
	width:100%;
	background-color:#FFF;
	font-family: 'Raleway', sans-serif;
	font-size:15px;
	font-weight:500;
	color:#1B1B1B;
	
	position: absolute;	
	bottom: 0px;

	
}

.imgbox {
	max-width:220px;
	max-height:200px;
}

#testi {
	width:80%;
	margin-left:10%;
	font-family: 'Raleway', sans-serif;
	font-style:16px;
	text-align:justify;
}
.bio {
	font-size:14px;
}

.titolini {
	font-weight:800;
	color:#06C;
	text-transform:capitalize;
	border-bottom:1px solid #069;
	border-top:1px solid #069;
}


#faq li{
	 list-style-type:none;
	/*padding:5px;*/
	font-size:14px;
	margin-top:-10px;
}

#faq li:hover{
	 list-style-type:disc;
}

#faq h4{
	color:#000;
	/*padding-left:20px;*/
	font-size:14px;
	font-weight:500;
	
}

#faq h4:hover{
	
}

#faq p{
	margin-left:20px;
	}

#video {
	width:100%;
	text-align:center;
	font-family: 'Raleway', sans-serif;
	font-style:16px;
}
#testovideo {
	text-align:justify;
}
.links {
	text-decoration:none;
	font-family: 'Raleway', sans-serif;
	font-style:12px;
}
.links a:link {
	color: #039;
}
.links a:visited {
	color: #039;
}
.links a:hover {
	color: #F00;
}
.links a:active {
	color: #039;
}
.tvideo {
	font-size:16px;
	font-weight:500;

}

.destrat {
	float:right;
	text-align:right;
	font-weight:300;
	font-size:14px;
	margin-right:10px;
}
.sinist {
	text-align:left;
	font-weight:300;
	font-size:14px;
	color:#999;
	margin-left:15px;
	margin-top:-3px;

}
#copyright {
	float:left;
	font-size:14px;
	color:#999;
	margin-top:3px;
	margin-left:10px;
}
#iconesocialnet {
	float:left;
}

.imgdestrobio {
float: right; margin: 15px 15px 15px 15px;
}
.imgsinistrobio {
float: left; 
/*margin: 15px 15px 15px 15px;*/
margin-right:15px;
margin-bottom:10px;
}

@media only screen and (min-width: 901px) and (max-width: 1024px) {

#immaginebig {
	width:100%;
	height:234px;
	background-image:url(img/home1000.jpg);
	background-repeat:no-repeat;
		
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	font-family: 'Slabo 27px', serif;
	font-size:50px;
	color:#FFF;
}

ul#menu {
    font-size: 14px;

}

ul#menu li {
    display: block;
	margin-right:5px;
	margin-bottom:-15px;
    float: left; /* elementi su singola riga */
}
  
ul#menu li a {
    color: #171717;
    display: block;
    text-decoration: none;
    text-align:right;
}
	
}

@media only screen and (min-width: 640px) and (max-width: 900px) {

#immaginebig {
	width:100%;
	height:190px;
	background-image:url(img/home650.jpg);
	background-repeat:no-repeat;
		
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	font-family: 'Slabo 27px', serif;
	font-size:50px;
	color:#FFF;
}

ul#menu {
    font-size: 14px;

}

ul#menu li {
    display: block;
	margin-right:5px;
	margin-bottom:-15px;
    float: left; /* elementi su singola riga */
}
  
ul#menu li a {
    color: #171717;
    display: block;
    text-decoration: none;
    text-align:right;
}
	
}

@media only screen and (min-width: 300px) and (max-width: 630px) {

#immaginebig {
	width:100%;
	height:190px;
	background-image:url(img/home650.jpg);
	background-repeat:no-repeat;
		
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	font-family: 'Slabo 27px', serif;
	font-size:50px;
	color:#FFF;
}

ul#menu {
    font-size: 14px;

}

ul#menu li {
    display: block;
	margin-right:5px;
	margin-bottom:-15px;
    float: left; /* elementi su singola riga */
}
  
ul#menu li a {
    color: #171717;
    display: block;
    text-decoration: none;
    text-align:right;
}
	
}