/*  
css
*/

.rosso{background-color:#C01717;}
.grigio{background-color:#7F8080;}
.clear{clear:both;}

    * {
	line-height:130%;
	margin:0;
	padding:0;
	text-decoration:none;
	border:none;
	}
	
	
html{
  background: #000 url(../images/pavimenti-resina-mantova.jpg) no-repeat bottom center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/}
body { 
background-color: transparent;   
background-image: url(../images/txt.png);
	font-family:Arial, Helvetica,sans-serif;
	font-weight:normal;
	font-size:16px;
	text-decoration:none;
	text-align:left;
	color:#7f8080;
}

    #cont-sfondo-bianco {

	background:rgba(255,255,255,0.88);
	font-family: Arial, Helvetica,sans-serif;
	/*-webkit-box-shadow:  1px 1px 10px 10px rgba(0, 0, 0, 0.5);        
        box-shadow:  1px 1px 10px 10px rgba(0, 0, 0, 0.5);*/
	padding:0 20px;
	}

a {text-decoration: none; cursor:pointer; color:#212121;}
a:link, a:visited, a:active {color:#C01717;}
a:hover {color:#666; text-decoration: none;}
.row{
	margin-left:0; 
	margin-right:0;
}
img {
	text-align:center;
	display:block;
	margin:0 auto;
	max-width: 100%;
	padding:10px 0;
}


h1,h2,h3,h4,h5,h6 {
	text-align:center;
	font-weight:normal;
	line-height: 120%;
	font-family:Orbitron, sans-serif;
	}
	
h1#main-title {
	background-color: #c01717;
    color: #fff;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 0;
    padding: 20px;
    text-shadow: 1px 1px 8px #333;
    text-transform: capitalize;
}
h2{color:#C01717;}
.container{box-shadow:0 20px 20px rgba(0,0,0,0.8);
padding:0;}
/*----------------header-----------------*/
#header { 
	padding:0px;
}
.foto{padding:0;}
/*#spaziatore {background: #ccc url(../images/pavimento-resina-piacenza.jpg) no-repeat center center scroll;
	height:532px; }*/
/*----------------logo-----------------*/
#logo{
	
	background-color:#fff;
	background-color:rgba(255,255,255,0.8);
	box-shadow: 0 0 20px rgba(0,0,0,0.5);
	padding:20px;
	position: absolute;
	top:50%;
	left:0;
}
#logo:hover{background-color:#fff;}

#logo1 {
	padding:0;	
}
/*----------------testi-----------------*/
.row.main{padding-bottom: 20px;}
li{
	padding:5px; 
	margin:3px; 
	list-style-type: none;
}


.utilizzi li,.caratteristiche li{
	background-color: #eee;
    color: #c01717;
    font-family: orbitron;
    font-weight: bold;
    letter-spacing: 1px;	
}

.caratteristiche li{
	float:left;
}
.caratteristiche li a{color:#333;}
.caratteristiche li:hover{background-color:#C01717; color:#fff;} 
.caratteristiche li:hover a{color:#fff;}
.caratteristiche strong{text-transform: uppercase;}
/*----------------form-----------------*/
#form-cont {
/*	background-color:#E8D134;
	border:12px solid #000; */
	padding:20px; 
	margin:0 auto;
	color:#000;
}
label {color:#fff;}
a.formlink {color:#fff;}
a.formlink:hover {color:#fff;}
input, textarea {
	max-width:100%; 
	padding:4px 6px;
	color:#333;
}
#check-form{
    display: none;
}
form p{color:#fff;}
#form-cont button{
	color:#fff;
	background-color:#C01717;
	font-family: orbitron, sans-serif;
	width:100%;
	border-radius:0;}
#form-cont button:hover{
	background-color:#333;
	color:#fff;
}
/*----------------footer-----------------*/
.copy{
	padding-top:10px; 
	margin-top:10px;
	text-align: center;
	border-top:2px solid #fff;
}

#footer {
padding:20px 0;
font-size:14px;
color:#fff;
padding-bottom: 0;
}
#footer h3{padding:10px 0; margin:0;}
#footer a{color:#fff;}

#footer-cont {
    padding:0 20px;
    background:#C01717;
}
@media screen and (max-width: 780px) {
	div.nascosto {display: none!important;}
/*}
@media screen and (max-width: 600px){*/
	#logo{}
}