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

@font-face {
	font-family: 'Conv_FuturaStd-CondensedBold';
	src: url('/estintori_signorotto/webfonts/FuturaStd-CondensedBold.eot');
	src: local('☺'), url('/estintori_signorotto/webfonts/FuturaStd-CondensedBold.woff') format('woff'), url('/estintori_signorotto/webfonts/FuturaStd-CondensedBold.ttf') format('truetype'), url('/estintori_signorotto/webfonts/FuturaStd-CondensedBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


#formContatti {
	width:100%;
	padding:0px;
	margin:0px 0px 20px 0px;
}

#formContatti input{
	width:450px;
	margin-bottom:10px;
}

#formContatti textarea{
	width:450px;
	margin-bottom:10px;
}


#formContatti input[type=checkbox] {
	width:20px;
	float:left;
	vertical-align:middle;
}

#formContatti input[type=submit] {
	width:225px;
	float:left;
	margin-top:20px;
}



.tabella_contatti {
	width:100%;
	border-collapse: collapse; 
}

td, th { 
padding: 10px; 
border: 1px solid #fff; 
}

.tabella_contatti td {
	border-bottom:solid 1px #CCC;
	padding:15px 0px;
	font-family: 'Conv_FuturaStd-CondensedBold', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:15px;
	letter-spacing:0px;
	color:#b0c335;
	}


.nome_prodotto {
font-family: 'Conv_FuturaStd-CondensedBold', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:15px;
	letter-spacing:0px;
	margin:10px 0px;
	padding:15px 10px;
	display:block;
	width:100%;
	color:#666;
	background-color:#e9edca;
	
}


/*********		MEDIA QUERY TABELLA  	**********/	
@media only screen and (min-width: 200px) and (max-width: 767px){
		
table, thead, tbody, th, td, tr { 			/* Forza la tabella a non essere più una tabella */
display: block; 
}
		
.tabella_contatti tr { border: 1px solid #C1C1C1; }
		
.tabella_contatti td { 
position: relative;		/* Creiamo lo spazio per l'intestazione  */
padding-left: 3%; 
border:0;
width:100%;
}
		
.tabella_contatti td:before { 	
position: absolute;			/* Creiamo le altre celle per la descrizione */
top: 8px;
left: 20px;
width: 40%;  
font-weight:bold;
}
		
#formContatti input {
    width: 90%;
}

#formContatti textarea {
    width: 90%;
}
	
}