html, body {

	padding:0;
	border:0;
	margin:0;

	}
	
a {

	text-decoration:none;
	
	}

/* PAGINA INDEX.PHP */

#testo_testo {

	margin-top:100px;

	}

.logo_loading {

	width: 200px;
        height: 100px;
        position: absolute;
        top: 49%;
        left: 50%;
        margin-top: -100px;
        margin-left: -100px;

	}

#startLoader {

	background-image: url(../img/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #fff;
	text-align: center;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100000;

	}

video#bgvid { 

	position: fixed; right: 0; bottom: 0;
	min-width: 100%; min-height: 100%;
	width: auto; height: auto; z-index: -100; 
	background: url(loop-hd.jpg) no-repeat;
	background-size: cover; 
	z-index: 0;
	
	}

.top_bar_black_hp {

	z-index: 1;
	position:absolute;
	top:0;
	background:#000;
	width:100%;
	height:80px;

	}

.bottom_bar_black_hp {

	position:absolute;
	bottom:0;
	background: #000;
	width:100%;
	height:70px;
	border-top:3px solid #fff;
	position:fixed;
	float:right:
	bottom-ri
	}

.logo {
	width: 100px;
    height: 50px;
	margin:0 auto;  
	margin-top:12px;
	margin-left:7px;
	
	}

.slide {

	
	margin-top:-35px;
	background:#fff;
	width:90%;
	margin-left:120;
	border-radius: 5px 0px 0px 5px;	
	font-family: 'Archivo Narrow', sans-serif;
	font-size:14px;
	
	}

#categorie_hp {

	position:absolute;
	/*background:#000;*/
	background-color: rgba(255, 255, 255, 0.5);
	width: 700px;
	height:300px;
	left: 50%;
	margin-left: -15em;
	margin-top: -9em;
	position: absolute;
	top: 45%;
	width: 30em;
	text-align:center;
	/*line-height: 16em;*/
	border:4px solid rgba(0, 0, 0, 0.5);
	border-radius: 10px 10px 10px 10px;

	}

#meccanica {

	width: 70%;
	height:100%;
	float:left;
	background-image: url(../img/box_hm.png); 
	border-radius: 10px 0px 0px 10px ;
	filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	opacity: 0.7;
	transition: filter, opacity 1s;
	-o-transition: filter, opacity 1s;
	-moz-transition: filter, opacity 1s;
	-webkit-transition: filter, opacity 1s;

	}

#meccanica:hover {

	width: 70%;
	height:100%;
	/*background:#fff;*/
	float:left;
	background-image: url(../img/box_hm.png); 
	filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	opacity: 0.7;
	transition: filter, opacity 1s;
	-o-transition: filter, opacity 1s;
	-moz-transition: filter, opacity 1s;
	-webkit-transition: filter, opacity 1s;

	}

#informatica {

	width: 30%;
	height:100%;
	/*background:#fff;*/
	float:left;
	/*background-image: url(../img/mecchanich_door.png); */

	}

#informatica:hover {

	width: 30%;
	height:100%;
	/*background:#fff;*/
	float:left;
	background-image: url(../img/mecchanich_door.png); 
	filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	opacity: 0.7;
	transition: filter, opacity 1s;
	-o-transition: filter, opacity 1s;
	-moz-transition: filter, opacity 1s;
	-webkit-transition: filter, opacity 1s;

	}

#icone li:first-child { 
	margin-left: 0; 

	}

video#bgvid {
	position: fixed; right: 0; bottom: 0;
	min-width: 100%; min-height: 100%;
	width: auto; height: auto; z-index: -100;
	background: url(polina.jpg) no-repeat;
	background-size: cover;

	}

@media screen and (max-device-width: 800px) {

	html { 
		background: url(../img/bg.jpg) 
		#000 no-repeat center center fixed; 
		}
	#bgvid {
		display: none; 
		}

	 #contenitore {

		margin-top:-60px;
		float:left;

		} 

	.bottom_bar_black_hp {

	
	padding-bottom_40px;
	float:left:

	}

	#contenitore {

		/*margin-bottom:70px;*/

		}

	
	}

	#testo_hm {
	font-family: 'Archivo Narrow', sans-serif;
	color:#fff;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	text-align: center;
	font-size:18px;
	margin-top: 10%; 
	
	}
	
	
	
	
/* FINE PAGINA INDEX.PHP */

/* INIZIO PAGINA PAGINA.PHP */

.home_button_pg {

	width:50px;
	height:60px;
	position:absolute;
	top:6px;

	}

ul#header li {

	z-index:200;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:22px;
	display:inline;
	float: left;
	list-style: none;
	padding: 0 2px;
	margin-left:5px;
	margin-top:10px;

	}

.header {

	z-index:200;

	}
	
#header {
	
	margin-left:5px;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	position:fixed;

	}

#header_pg {

	background:#000;

	}

#testo_pg {

	width:50%;
	margin-top:100px;
	float:left;
	margin-left:50px;
	font-family: 'Archivo Narrow', sans-serif;
	color:#fff;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	text-align: justify;
	font-size:18px;

	}

.titolo_pg {

	color:#000;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
	}

.hd_home_pg:hover {

	filter: alpha(opacity=70);
        -moz-opacity: 0.7;
	opacity: 0.7;
	transition: filter, opacity 1s;
	-o-transition: filter, opacity 1s;
	-moz-transition: filter, opacity 1s;
	-webkit-transition: filter, opacity 1s;

	}

#img_pg {

	width:40%;
	height:340px;
	margin-top:195px;
	float:right;
	margin-right:40px;

	}

#img_1_pg {

	width:100%;	
	height:340px;
    background-image: url("../img/doc.png");
	border-radius: 10px 10px 10px 10px;

	}


#contenitore {

	width:100%;
	z-index:1;
	float:left;
	height:92%;

	
	}
	

	
#header_dx {
	
	float:right;
	color:#f8981d;

	}
	
#header_sx {
	
	color:#fff;

	}