@import url(https://fonts.googleapis.com/css?family=Montserrat);


body {
	font-family:"Montserrat",​Arial,​Helvetica,​sans-serif;
	font-size:14px;
	color:#666666;
}

p {
	font-size:14px;
}

h1, h2, h3, h4, h5 {
	color:#003970;
	font-family:"Montserrat",Arial,Helvetica,sans-serif;
	font-weight:400;
}

h1 {
	font-size:24px;
}
h2 {
	font-size:20px;
}
h3 {
	font-size:18px;
}
h4 {
	font-size:16px;
}
a, a:hover, a:visited {
	color:#003970;
}

.button, .button:visited {
	background-color:#003970;
	color:#fff;
	border:2px solid #003970;
	padding:0.5em 0.7em;
	text-transform:uppercase;
}
	
.button:hover, .button:focus {
	background-color:#fff;
	color:#003970
	
}
	
.pagination .current {
    background: #003970 none repeat scroll 0 0;
}

table {
	font-size:13px;
}


table thead th, table thead td, table tfoot th, table tfoot td {
	font-weight:400;
	text-transform:uppercase;
}

table img {
	margin-right:5px;
}


table.piccola {
	font-size:10px;
}

table.piccola td {
	border-top:1px solid #cccccc
}
table.piccola tbody tr:nth-child(2n) {
    background-color: #ffffff !important;
}


.refresh {
	background-image:url(../img/icon_refresh.png);
	background-repeat:no-repeat;
	background-color:transparent;
	background-position:center center;
	height:2.4375rem;
	width:2rem;
	border:none;
	}
/* HEADER */
.top {
	min-height: 30px;
	font-size:12px;
}

.top .benvenuto{
	float:right;
	height:30px;
	line-height:30px;
	margin-right:10px;

}
.top .benvenuto .button{
	margin-top:10px;
}
.header {

}
.top .benvenuto select {
	margin-top: 5px;
    height: 30px;
    font-size: 11px;
    line-height: 11px;
}
.header a.logo {
	background-image:url(../img/logo-sele-2024.png);
	background-repeat:no-repeat;
	width:248px;
	height:129px;
	display:block;
	text-indent:-9999px;
	float:left;
	margin:0;
}

	 header div.row.header{
		padding-bottom:50px;
	}

.header .menu {
	padding-top:25px;
}
.header .menu a {
    border-bottom: 5px solid transparent;
    color: #848b8e;
    margin-left: 20px;
	padding:0 0 15px 0;
	text-transform:uppercase;
	font-size:14px;
	color:#333333;
}


.header .menu a:hover,
body.firmwares .header .menu li.firmwares a,
body.documentazione .header .menu li.documentazione a,
body.impianti .header .menu li.impianti a,
body.qrcodes .header .menu li.qrcodes a,
body.piantine .header .menu li.piantine a,
body.moduli .header .menu li.moduli a,
body.allegati .header .menu li.allegati a,
body.news .header .menu li.news a,
body.utenti .header .menu li.utenti a,
body.tools .header .menu li.tools a,
body.ricambi .header .menu li.ricambi a{
	border-color: #003970;
	color: #003970;
}

/* MAIN */
.main {
	padding:50px 0;
	min-height:400px;

}


/* prodotti */
.prodotti {}

.prodotti p{
	font-size:11px;
}

.prodotti div.column{
	margin-bottom: 10px !important;
}

.prodotti a.foto {
	height: 190px;
	display:block;
	text-align:center;
	margin-bottom:10px;
	margin-top:10px;
}
.prodotti a.foto  img{
	max-height:190px;
}


.prodotti div.column h4.titolo{
	min-height: 4.5rem;
}



/* SIDEBAR */
.side-menu {
	background-color:#003970;
	padding:10px;
	text-transform:uppercase;
	margin-bottom:20px;
}

.side-menu h3 {
	color:#fff;
}
.side-menu ul {

}

.side-menu ul li{

}

.side-menu ul li a{
	background-color:#003970;
	color:#fff;
	font-size: 13px;
    padding: 0.9rem 0.72rem;	
}
.side-menu ul li a:hover,
body.moduli.nuovo .side-menu ul li.nuovo a,
body.moduli.types .side-menu ul li.types a,
body.ricerca .side-menu ul li.ricerca a,
body.carrello .side-menu ul li.carrello a,
body.caricamento .side-menu ul li.caricamento a,
body.impianti .side-menu ul li.impianti a,
body.qrcodes .side-menu ul li.qrcodes a,
body.manuali .side-menu ul li.manuali a,
body.attestati .side-menu ul li.attestati a,
body.certificati .side-menu ul li.certificati a{
	background-color:#fff;
	color:#003970;
}

.side-menu ul li .nested li a{
	font-size: 12px;

}
body.caricamento.categorie .side-menu ul li.caricamento li.categorie a,
body.caricamento.gruppi .side-menu ul li.caricamento li.gruppi a,
body.caricamento.prodotti .side-menu ul li.caricamento li.prodotti a,{
	background-color:#f2f2f2;
}


.side-carrello {
	border:2px solid #003970;
	padding:8px;	
	margin-bottom:20px;
}
.side-carrello h3 {
	text-transform:uppercase;
}
.side-carrello ul{
	list-style-type:none;
}
.side-carrello ul li{
	font-size:12px;
	margin-bottom:10px;
}
.side-carrello .button {
	text-transform:uppercase;
	margin-bottom:0;
}


.carrello .side-carrello {
	display: none;
}







/* FOOTER */
.footer {
	background-color:#003970;
	color:#fff;
	text-transform:uppercase;
	padding:20px 0;
	min-height: 100px;
}
.footer h4{
	background-color:#fff;
	color:#003970;
	display:inline-block;
	font-size:11px;
	margin: 0 0 5px;
    padding: 4px 5px;
}

.footer p{
	color:#fff;
	font-size:11px;
	margin:0;
}

.footer p a{
	color:#fff;

}
.copyright {
	background-color:#002544;
	padding:20px 0;
}

.copyright p{
	color:#fff;
	font-size:10px;
	margin:0;
}


@media screen and (min-width: 0em) and (max-width: 39.9375em)  {
	body, p {
		font-size:12px;
	}

	
	h1 {
		font-size:22px;
	}
	h2 {
		font-size:18px;
	}
	h3 {
		font-size:16px;
	}
	h4 {
		font-size:14px;
	}
	
	
	.title-bar {
		background-color:transparent;
		padding-top:50px;
	}
	.title-bar .menu-icon::after {
		background: #3b4251 none repeat scroll 0 0;
		box-shadow: 0 7px 0 #3b4251, 0 14px 0 #3b4251;		
	}	
	.title-bar .menu-icon {
		float:right;		
	}



	.header .menu {
		width:100%;
		margin-bottom:20px;
	}
	.header .menu li {
		display:inline-block;
		float:none;
		width:100%;
	}
	.header .menu a {
		height:50px;
		line-height:50px;
		border:1px solid #f8f8f8;
		margin:0;
		padding-left:20px;
		color: #333333;				
	}
	.header .menu a:hover,
	body.arearis .header .menu li.arearis a,
	body.garanzie .header .menu li.garanzie a{
		background-color:#f5f5f5;
		color: #333333;
		border:1px solid #f8f8f8;			
	}
	

	.prodotti a.foto {
		height: 100%
	}
	.prodotti a.foto  img{
		
		
	}
	
	
}

.custom-error {
	text-align: center;
}

