﻿@media screen and (max-width: 450px){

	.navbar-brand{
		margin-left: -30px !important;
		margin-top: 25px !important;
	}
	
	.navbar img{
		width:155% !important;
	}
}

@media screen and (max-width: 970px){
	.linkVideo{
		width: 100% !important;		
		margin-left: 0px !important;
		height : 80% !important;
	}
	
	.navbar{
		min-height:25px;
		height:160px !important;
		padding:20px;
	}
	
	.navbar a{
		width:100%;
	}
	
	.watchFullVideoMobile{
		display:block !important;
		color:red;
		margin-top:10px;
		cursor:pointer;
	}
	
	.imgPreview{
		width : 60% !important;
	}
	
	#ebook{
	    height: 900px !important;
	}
	
	#divNomeRelatore{
		display:none;
	}
	
	#videoEbook{
		width:100% !important;
	}
	
	.item{
	    width: 180%;
		margin-left: -183px;
	}
	
	.ui-dialog{
		width:100% !important;
		left:0px !important;
		height: 100% !important;
		z-index: 1049 !important;
	}
	
	.titlePlay{
		text-transform: none !important;
	}
	
	.videoPlay{
		/*margin-top:10% !important;*/
		width: 100% !important;
	}
	
	.navbar-toggle{
		display:none;
	}
	
}

@media screen and (max-width: 620px){
	.linkVideo{
		width: 100% !important;		
		margin-left: 0px !important;
		height :60% !important;
	}
	.imgContatto {
		margin-left:0% !important;
	}
}

#divNomeRelatore{
    position: relative;
    float: right;
    margin-right: -50px;
    width: 20%;
    margin-top: 45px;
    height: 300px !important;
}

#divNomeRelatore h3, #divNomeRelatore h4, #divNomeRelatore p {
	font-size:12px;
}

.navbar-header{
	height:10px;
}

.navbar{
	min-height:25px;
	height:200px;
	padding:20px;
}
/*
.navbar-shrink{
	max-height:70px !important;
}*/

.imgContatto{
	margin-top:-6px !important;
}

@media screen and (min-width: 1700px) {
    .linkVideo{
		height: 400px !important;
	}
	
	.linkNotVideo{
		height: 400px !important;
	}
}

* {
	margin:0;
	padding:0
}

html, body {
	/*width:100%;
	min-width:1000px;
	min-height:800px;*/
	background-color:rgb(244,244,244);
	/*font-family: "Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif";*/
}

table{
	width:100%;
	margin-top:10px;
}

table td{
	text-align:center;
}

.watchFullVideoMobile{
	display:none;
	color:red;
}

#ebook{
	    height: 1000px;
	}

.tdMin{
	width:25%;
}

.tdMax{
	padding-left: 20px;
  	padding-right: 20px;
}

h1{
	text-align:center;
	margin-top:15px;
	font-size:32px;
	font-weight:100;
	border-bottom:1px solid black;
}

h2{
	text-align:center;
	font-weight:100;
	margin-top: 5px;
  	font-size: 20px;
}

h3{
	font-weight:100;
	font-size:18px;
}

h4{
	font-weight:100;
}

video{
	width:80%;
	/*margin-top:5%;*/
	/*margin-left:10%;*/
}

.imgPreview{
	width: 80%;
	margin-top:20px;
	cursor: pointer;
}

.mainMenu{
	width:100%;
	margin-top:10px;
}

.linkVideo{
	float:left;
	text-align:center;
	width:30%;
	height: 400px;
	background-color: white;
	margin-bottom:1%;
	margin-top:1%;
	margin-left:2.3%;
	border-radius: 5px;
  	border: 1px solid rgb(232, 232, 232);
}

.titleVideo{
	max-width: 70%;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	text-transform: none;
	color:#7d4123;
}

.relatorVideo{
	max-width:75%;
	margin:auto;
	text-transform: none;
	color:#272622;
}

.relatorVideo p{
	text-transform: uppercase;
	
}

.titlePlay{
	margin-top:15px;
}

.relatorPlay{
	margin-top:5px;
	text-align:center;
}

.imgChiudiDialog{
	width:50px;
	float:right;
	cursor:pointer;
}

.imgContatto{
	    width: 50%;
    margin-left: 13%;
}

.imgFond{
	width:75%;
}

.imgBandiere{
	width: 20px;
	margin-left: 5px;
	margin-right: 5px;
	cursor: pointer;
	margin-top:10px;
}

.separator{
	width:80%;
	font-size:27px;
	float:center;
	text-align:center;
	border-bottom:1px solid black;
	margin: auto;
	margin-bottom:20px;
	padding-bottom:10px;
	font-weight:bold;
}

.separatorMax{
	width:90%;
	font-size:27px;
	float:center;
	text-align:center;
	border-bottom:1px solid darkred;
	margin: auto;
	margin-bottom:20px;
	padding-bottom:10px;
	font-weight:bold;
}

.sep{
	width:80%;
	font-size:27px;
	float:center;
	text-align:center;
}

.linkNotVideo{
	float:left;
	text-align:center;
	width:30%;
	height: 400px;
	background-color: transparent;
	margin-bottom:1%;
	margin-top:1%;
	margin-left:2.3%;
	border-radius: 5px;
  	border: 1px solid transparent;
}

.ancoraVideo{
	cursor:pointer;	
}
