@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=3.2.1");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=3.2.1") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=3.2.1") format("truetype"), url("../fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal;
}

body, html {
	background-color: #f6f6f6;
}

.row-eq-height {
	display: -webkit-box;
  	display: -webkit-flex;
 	display: -ms-flexbox;
  	display: flex;
}

.logo {
	position: absolute;
	padding: 0;
	top: 0;
	left: 0;
	z-index: 1000;
}

.logo img{
	display: block;
	max-width: 100%;
   height: auto;
   border: 0;
}

.menuTop{
	padding-left: 0px;
	background-image: url(../immagini/sfondo_menu.jpg);
	background-repeat: repeat-y;
	background-size: 100%;
}

.voceMenu{
	float: right;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-weight: bold;
}

a.linkVoceMenu:link, a.linkVoceMenu:visited, a.linkVoceMenu:active{
	display: block;
	color: #333333;
	text-decoration: none;
}

a.linkVoceMenu:hover{
	display: block;
	color: #FFFFFF;
	background-color: rgba(204, 204, 204, 0.74);
	text-decoration: none;
}

a.linkVoceMenu_selected{
	display: block;
	color: #FFFFFF;
	background-color: rgba(204, 204, 204, 0.74);
	text-decoration: none;
}

#sottoMenu{
	position:absolute;
	top: 100%;
	left: 0px;
	border:1px solid #333333;
	background-color:#CCCCCC;
	text-align:left;
	display:none;
	z-index: 1000;
	line-height: 40px;
}

.link_sottoMenu{
	color:#333333;
	background-color:#CCCCCC;
	cursor:pointer;
	border-bottom: 1px solid #333333;
	text-transform: uppercase;
}

.link_sottoMenu:hover{
	color:#FFF;
	background-color:#333333;
	text-transform: uppercase;
}

.link_sottoMenu_selected{
	color:#FFF;
	background-color:#333333;
	text-transform: uppercase;
}

#menuMobile{
	display: none;
	float: right;
}

a.openMenuMobile:link, a.openMenuMobile:visited, a.openMenuMobile:active {
	text-decoration: none;
	color: #333333;
}

a.linkMenuMobile:link, a.linkMenuMobile:visited, a.linkMenuMobile:active{
	text-decoration: none;
	color: #333333;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 2px;
}


a.linkMenuMobile_selected:link, a.linkMenuMobile_selected:visited, a.linkMenuMobile_selected:active{
	text-decoration: none;
	color: #FFFFFF;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 2px;
	background-color: #CCCCCC;
}

.camera_caption a{
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

.categoria {
	position: relative;
	padding: 0;
	margin-top: -2%;
	z-index: 1000;
}

.prodotto {
	position: relative;
	padding: 0;
}

.categoria img, .prodotto img{
	display: block;
	width: 100%;
   height: auto;
   border: 0;
}

.categoria_testo {
	position: absolute;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-weight: bold;
	z-index: 1001;
	color: #ffffff;	
}

.prodotto_testo {
	position: absolute;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-weight: bold;
	z-index: 1;
	color: #ffffff;	
}

.macrocategoria {
	position: relative;
	padding: 0;
	margin-top: 4%;
}

.macrocategoria img{
	display: block;
	width: 100%;
   height: auto;
   border: 0;
}

.macrocategoria_testo {
	position: absolute;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-weight: bold;
	z-index: 1;
	color: #ffffff;	
}

.thumbs_home{
	position: relative;
	margin-top: 16px;
	padding: 0;
	border: 4px solid #d6d6d6;
	background-color: #f6f6f6;
}

.thumbs_home img{
	width: 100%;
}

.thumbs_testo {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	color: #ec2427;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-weight: bold;
	z-index: 1;
	background-color: #ededed;
	text-align: center;
}

.logo_footer {
	position: absolute;
	top: 32px;
}

.footer {
	position: relative;
	margin-top: 20px;
	padding-top: 30px;
	background-image: url(../immagini/sfondo_footer.jpg);
	background-repeat: repeat-y;
	background-size: 100%;
	width: 100%;
	height: 140px;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center	
}

a.catHome:link, a.catHome:visited, a.catHome:active{
	text-decoration: none;
}

.pagina_interna {
	font-family: "MS Sans Serif", Geneva, sans-serif;
	color: #333333;
}

.pagina_interna .titolo {
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-weight: bold;
	color: #d2232a;
}

.scheda_distanziatore {
	margin-top: 10px;
}

.cat_dinamica img, .cat_news img  {
	display: block;
	width: 100%;
   height: auto;
   border: 0;
}

.cat_dinamica_testo, .cat_news_testo  {
	font-family: "MS Sans Serif", Geneva, sans-serif;
	color: #333333;
}

.cat_dinamica_testo .titolo, .cat_news_testo .titolo, .news_testo .titolo {
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-weight: bold;
	color: #333333;
}

.cat_dinamica_testo strong, .cat_news_testo strong, .news_testo strong {
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-weight: bold;
	color: #d2232a;
}

.imgProdotti {
	margin-top: 10px;
}


.imgProdotti img{
	display: block;
	width: 100%;
   height: auto;
   border: 0;
}

#trTab th{
	color: #333333;
	text-align: center;
	font-family: "MS Sans Serif", Geneva, sans-serif;
}

#trTab2{
	color: #333333;
	text-align: center;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	text-transform: uppercase;
}

.titoloTabella, .contTabella{
	padding: 0;
}

.tabInfo {
	width: 100%;
}

.cod_produzione img{
	display: block;
	width: 100%;
   height: auto;
   border: 0;
}

.catalogo img {
	width: 100%;
}


/* DESKTOP */
@media (min-width: 1200px) {

	.voceMenu{
		font-size: 0.9vw;
		letter-spacing: 2px;
	}

	a.linkVoceMenu:link, a.linkVoceMenu:visited, a.linkVoceMenu:active{
		padding: 24px 20px 24px 20px;
	}

	a.linkVoceMenu_selected{
		padding: 24px 20px 24px 20px;
	}
	
	#sottoMenu{
		width: 160%;
	}

	.link_sottoMenu{
		font-size: 0.8vw;
		letter-spacing: 2px;
		padding-left: 10px;
	}

	.camera_caption {
		font-size: 1vw;
		letter-spacing: 4px;
	}

	.prodotto {
		margin-top: 2%;
	}

	.cat_distanziatore, .news_distanziatore {
		margin-top: 5%;
	}
	
	.categoria_testo {
		top: 25%;
		left: 10%;
		font-size: 1.5vw;
		letter-spacing: 6px;
	}

	.prodotto_testo {
		top: 29%;
		left: 2%;
		font-size: 1.3vw;
		letter-spacing: 4px;
	}
	
	.macrocategoria_testo {
		top: 25%;
		right: 10%;
		font-size: 1.5vw;
		letter-spacing: 6px;
	}
	
	.thumbs_testo {
		padding: 3% 0 3% 0;
		font-size: 1.5vw;
		letter-spacing: 6px;
	}

	.logo_footer {
		left: 3%;
	}

	.footer {
		font-size: 14px;
		letter-spacing: 4px;
	}

	.pagina_interna {
		padding: 20px 50px 20px 50px;
		font-size: 1.2vw; 
	}

	.pagina_interna .titolo {
		font-size: 1.4vw; 
	}

	.cat_dinamica, .cat_news  {
		padding: 0 1% 0 20%;
	}

	.cat_dinamica_testo {
		padding: 0 0 0 1%;
		font-size: 1.2vw; 
	}

	.cat_news_testo {
		padding: 0 20% 0 1%;
		font-size: 1.2vw; 
	}

	.news_testo {
		padding: 0 2% 0 1%;
		font-size: 1.2vw; 
	}
	
	.cat_dinamica_testo .titolo, .cat_news_testo .titolo, .news_testo .titolo {
		font-size: 1.4vw; 
	}

	.cat_dinamica_testo strong, .cat_news_testo strong, .news_testo strong {
		font-size: 1.4vw; 
	}

	.imgProdotti {
		padding: 0 1% 0 5%;
	}

	.tabProdotti {
		margin-top: 2%;
		padding: 0 5% 0 1%;
	}

	.tabProdotti .testobreve {
		font-size: 1.4vw; 
	}

	.tabProdotti .testolungo {
		font-size: 1.2vw; 
	}

	.tabInfo {
		padding: 0 25% 0 25%;
		width: 100%;
	}


	.tabellaResponsive, .tabellaResponsive2{
		display: none;
	}

	#trTab, #trTab2 {
		font-size: 1.4vw; 
	}

	.cod_produzione {
		padding: 0 20% 0 20%;
	}

	.catalogo {
		padding: 2% 5% 2% 5%;
	}
	
}
     
/* IPAD ORIZZONTALE */
@media (min-width: 992px) and (max-width: 1199px) {

	.voceMenu{
		font-size: 10px;
		letter-spacing: 2px;
	}

	a.linkVoceMenu:link, a.linkVoceMenu:visited, a.linkVoceMenu:active{
		padding: 18px 12px 18px 12px;
	}
	
	a.linkVoceMenu_selected{
		padding: 18px 12px 18px 12px;
	}
	
	#sottoMenu{
		width: 190px;
	}

	.link_sottoMenu{
		font-size: 10px;
		letter-spacing: 2px;
		padding-left: 10px;
	}

	#menuMobile{
		margin: 10px 10px 0 10px;
	}

	.camera_caption {
		font-size: 10px;
		letter-spacing: 4px;
	}

	.prodotto {
		margin-top: 20px;
	}

	
	.cat_distanziatore, .news_distanziatore {
		margin-top: 40px;
	}

	.categoria_testo {
		top: 10px;
		left: 50px;
		font-size: 16px;
		letter-spacing: 4px;
	}

	.prodotto_testo {
		top: 10px;
		left: 10px;
		font-size: 14px;
		letter-spacing: 3px;
	}
	
	.macrocategoria {
		margin-top: 40px;
	}
	
	.macrocategoria_testo {
		top: 10px;
		right: 50px;
		font-size: 16px;
		letter-spacing: 4px;
	}
	
	.thumbs_testo {
		padding: 10px 0 10px 0;
		font-size: 16px;
		letter-spacing: 5px;
	}

	.logo_footer {
		left: 24px;
	}

	.footer {
		font-size: 14px;
		letter-spacing: 4px;
	}

	.pagina_interna {
		padding: 20px 50px 0px 50px;
		font-size: 16px; 
	}

	.pagina_interna .titolo {
		font-size: 18px; 
	}

	.cat_dinamica, .cat_news {
		padding: 0px 10px 0px 200px;
	}

	.cat_dinamica_testo {
		padding: 0px 0px 0px 10px;
		font-size: 16px; 
	}

	.cat_news_testo, .news_testo {
		padding: 0px 10px 0px 10px;
		font-size: 16px; 
	}
	
	.cat_dinamica_testo .titolo, 	.cat_news_testo .titolo, .news_testo .titolo {
		font-size: 18px; 
	}

	.cat_dinamica_testo strong, .cat_news_testo strong, .news_testo strong {
		font-size: 18px; 
	}

	.imgProdotti {
		padding: 0 10px 0 10px;
	}

	.tabProdotti {
		margin-top: 10px;
		padding: 0 10px 0 10px;
	}

	.tabProdotti .testobreve {
		font-size: 18px; 
	}

	.tabProdotti .testolungo {
		font-size: 16px; 
	}

	
	.tabInfo {
		padding: 0 100px 0 100px;
	}

	
	.tabellaResponsive, .tabellaResponsive2{
		display: none;
	}

	#trTab, #trTab2 {
		font-size: 16px; 
	}

	.cod_produzione {
		padding: 0 100px 0 100px;
	}

	.catalogo {
		padding: 20px 20px 0 20px;
	}
	
}
     
/* IPAD VERTICALE */
@media (min-width: 768px) and (max-width: 991px) {

	.voceMenu{
		display: none;
	}

	#menuMobile{
		display: block;
		margin: 5px 10px 0 10px;
	}

	.camera_caption {
		font-size: 10px;
		letter-spacing: 2px;
	   width: 130% !important;
   	right: 0px !important;
	}

	.cat_distanziatore, .news_distanziatore {
		margin-top: 40px;
	}

	.prodotto {
		margin-top: 20px;
	}

	.categoria_testo {
		top: 6px;
		left: 40px;
		font-size: 16px;
		letter-spacing: 2px;
	}

	.prodotto_testo {
		top: 8px;
		left: 10px;
		font-size: 14px;
		letter-spacing: 2px;
	}
	
	
	.macrocategoria_testo {
		top: 6px;
		right: 40px;
		font-size: 16px;
		letter-spacing: 2px;
	}
	
	.thumbs_testo {
		padding: 10px 0 10px 0;
		font-size: 20px;
		letter-spacing: 6px;
	}

	.logo_footer {
		left: 18px;
		width: 130px;
	}

	.footer {
		font-size: 14px;
		letter-spacing: 4px;
	}

	.pagina_interna {
		padding: 20px 30px 0 30px;
		font-size: 14px; 
	}

	.pagina_interna .titolo {
		font-size: 16px; 
	}

	.cat_dinamica, .cat_news {
		padding: 0px 10px 0px 100px;
	}

	.cat_dinamica_testo, .news_testo {
		padding: 0px 0px 0px 10px;
		font-size: 14px; 
	}
	
	.cat_news_testo {
		padding: 0px 10px 0px 10px;
		font-size: 14px; 
	}

	.cat_dinamica_testo .titolo, .cat_news_testo .titolo, .news_testo .titolo {
		font-size: 16px; 
	}

	.cat_dinamica_testo strong, .cat_news_testo strong, .news_testo strong {
		font-size: 16px; 
	}

	.imgProdotti{
		width: 50%;
		text-align: center;
	}
	
	.imgProdotti {
		padding: 0 20px 0 20px;
	}

	.tabProdotti {
		margin-top: 10px;
		padding: 0 20px 0 20px;
	}

	.tabProdotti .testobreve {
		font-size: 16px; 
	}

	.tabProdotti .testolungo {
		font-size: 14px; 
	}

	
	.tabInfo {
		padding: 0 20px 0 20px;
	}
	
	
	.tabellaResponsive, .tabellaResponsive2{
		display: none;
	}

	#trTab, #trTab2 {
		font-size: 16px; 
	}

	.cod_produzione {
		padding: 0 50px 0 50px;
	}

	.catalogo {
		padding: 20px 20px 0 20px;
	}
	
}

     
/* IPHONE VERTICALE */

@media (max-width: 767px) and (orientation : portrait){

	.voceMenu{
		display: none;
	}

	#menuMobile{
		display: block;
		margin: 5px 10px 0 10px;
	}

	.camera_caption {
		font-size: 12px;
		letter-spacing: 1px;
	   width: 200% !important;
   	right: 0px !important;
	}

	.macrocategoria {
		margin-top: 30px;
	}

	.prodotto {
		margin-top: 20px;
	}

	.cat_distanziatore, .news_distanziatore {
		margin-top: 20px;
	}

	.categoria_testo {
		top: 2px;
		left: 15px;
		font-size: 14px;
		letter-spacing: 1px;
	}

	.prodotto_testo {
		top: 10px;
		left: 5px;
		font-size: 13px;
		line-height: 1;
		letter-spacing: 1px;
	}
	
	
	.macrocategoria_testo {
		top: 2px;
		right: 15px;
		font-size: 14px;
		letter-spacing: 1px;
	}
	
	.thumbs_testo {
		padding: 10px 0 10px 0;
		font-size: 20px;
		letter-spacing: 6px;
	}
	
	.logo_footer {
		display: none;
	}

	.footer {
		font-size: 14px;
		letter-spacing: 2px;
	}

	.pagina_interna {
		padding: 20px 20px 0 20px;
		font-size: 16px; 
	}

	.pagina_interna .titolo {
		font-size: 18px; 
	}

	.cat_dinamica, .cat_news {
		padding: 0px 20px 0px 20px;
	}

	.cat_dinamica_testo, .cat_news_testo, .news_testo {
		margin-top: 10px;
		padding: 0px 20px 0px 20px;
		font-size: 16px; 
	}

	.cat_dinamica_testo .titolo, .cat_news_testo .titolo, .news_testo .titolo {
		font-size: 18px; 
	}

	.cat_dinamica_testo strong, .cat_news_testo strong, .news_testo strong {
		font-size: 18px; 
	}

	.imgProdotti{
		text-align: center;
	}

	.tab{
		display: none;
	}

	.tabellaResponsive{
		display: block;
		margin-top: 10px;
	}

	.tabellaResponsive2{
		width: 400px;
	}
	
	
	.titoloTabella{
		font-weight: bold;
		color: #333333;
	}

	.contTabella{
		color: #333333;
	}

	.tabInfo {
		padding: 0;
	}

	.cod_produzione {
		padding: 0;
	}

	.catalogo {
		padding: 20px 20px 0 20px;
	}
	
}

/* IPHONE ORIZZONTALE */

@media (max-width: 767px) and (orientation : landscape){

	.logo img{
		width: 70%;
	}

	.voceMenu{
		display: none;
	}

	#menuMobile{
		display: block;
		margin: 5px 10px 0 10px;
	}

	.camera_caption {
		font-size: 14px;
		letter-spacing: 2px;
	   width: 150% !important;
   	right: 0px !important;
	}

	.macrocategoria {
		margin-top: 40px;
	}

	.prodotto {
		margin-top: 20px;
	}

	.cat_distanziatore, .news_distanziatore {
		margin-top: 20px;
	}

	.categoria_testo {
		top: 6px;
		left: 30px;
		font-size: 18px;
		letter-spacing: 4px;
	}

	.prodotto_testo {
		top: 14px;
		left: 10px;
		font-size: 18px;
		letter-spacing: 4px;
	}
	
	
	.macrocategoria_testo {
		top: 6px;
		right: 30px;
		font-size: 18px;
		letter-spacing: 4px;
	}
	
	.thumbs_testo {
		padding: 10px 0 10px 0;
		font-size: 20px;
		letter-spacing: 6px;
	}
	
	.logo_footer {
		display: none;
	}

	.pagina_interna {
		padding: 30px 20px 0 20px;
		font-size: 16px; 
	}

	.pagina_interna .titolo {
		font-size: 18px; 
	}

	.cat_dinamica, .cat_news {
		padding: 0px 20px 0px 20px;
	}

	.cat_dinamica_testo, .cat_news_testo, .news_testo {
		margin-top: 10px;
		padding: 0px 20px 0px 20px;
		font-size: 16px; 
	}

	.cat_dinamica_testo .titolo, .cat_news_testo .titolo, .news_testo .titolo {
		font-size: 18px; 
	}

	.cat_dinamica_testo strong, .cat_news_testo strong, .news_testo strong {
		font-size: 18px; 
	}

	.imgProdotti{
		text-align: center;
	}

	.tab{
		display: none;
	}

	.tabellaResponsive{
		display: block;
		margin-top: 10px;
	}

	.titoloTabella{
		font-weight: bold;
		color: #333333;
	}

	.contTabella{
		color: #333333;
	}

	.tabInfo {
		padding: 0;
	}

	.cod_produzione {
		padding: 0;
	}

	.catalogo {
		padding: 20px 20px 0 20px;
	}
	
}