/*
CSS relativo a:
sicurezza.html -> Sicurezza                            
minacce-del-web.html -> Sicurezza - Le minacce del web 
*/
/* ==========================================================================
   font-size in valori relativi, tabella di conversione:
   14px => 0.875rem;
   16px => 1rem;
   32px => 2rem;
========================================================================== */

.sicurezza.basic-content {margin: 0}
.sicurezza.basic-content.content{background: #fff url(/wbresp/img/sicurezza/sicurezza_bg.jpg)0 0 no-repeat;background-size:100%;float:left;}
.sicurezza.basic-content.content .small-content{padding:0 50px;overflow:hidden;}
.sicurezza.basic-content.content .bcrumbs{margin:10px 0 40px 0;}
.sicurezza.basic-content.content p{color:#999999;}
.sicurezza.basic-content.content p b{color:#666666;}
.sicurezza.basic-content.content h3{font-size:2rem;text-transform:uppercase; }
.sicurezza.basic-content.content h4{font-size:0.875rem;text-transform:uppercase; }
.sicurezza.basic-content.content .small-content.blocco2 h4{margin-top: 45px}
.sicurezza.basic-content.content .small-content.blocco3 h4{margin-top: 40px}
.sicurezza.basic-content.content ul.featlist {color: #999999; font-size: 1rem; padding: 0 0 0 40px; list-style:none; margin-top:6px;margin-bottom:10px}
.sicurezza.basic-content.content .featlist li {text-indent: -10px;}
.sicurezza.basic-content.content .featlist li:before { content: "\2022   "; color:#a6cc28;}

.minacce-del-web.basic-content {margin: 0}
.minacce-del-web.basic-content.content{background: #fff url(/wbresp/img/sicurezza/sicurezza_bg.jpg)0 0 no-repeat;background-size:100%;float:left;}
.minacce-del-web.basic-content.content .small-content{padding:0 50px;overflow:hidden;}
.minacce-del-web.basic-content.content .bcrumbs{margin:10px 0 40px 0;}
.minacce-del-web.basic-content.content p{color:#999999;}
.minacce-del-web.basic-content.content p b{color:#666666;}
.minacce-del-web.basic-content.content h3{font-size: 2rem;text-transform:uppercase; }
.minacce-del-web.basic-content.content h4{font-size: 1rem;text-transform:uppercase;margin-top:40px; }
.minacce-del-web.basic-content.content h5{color:#999999;font-size: 1rem;font-family:'ralewaybold',arial;}
.minacce-del-web.basic-content.content ul.featlist {color: #999999; font-size: 1rem; padding: 0 0 0 40px; list-style:none; margin-top:6px;margin-bottom:10px}
.minacce-del-web.basic-content.content .featlist li {text-indent: -10px;}
.minacce-del-web.basic-content.content .featlist li:before { content: "\2022   "; color:#a6cc28;}

.minacce-del-web.basic-content.content .small-content h3{font-size: 0.875rem;text-transform:uppercase;}
.minacce-del-web.basic-content.content .small-content p.text-evident{font-size:0.75rem;color:#8ab10b;}

@media (max-width: 767px) {
	.sicurezza.basic-content.content .small-content{padding:0 10px;overflow:hidden;}
	.minacce-del-web.basic-content.content .small-content{padding:0 10px;overflow:hidden;}
}

@media (max-width: 768px) {
	.sicurezza.basic-content.content .small-content.blocco2 h4{margin-top: 25px}
	.sicurezza.basic-content.content .small-content.blocco3 h4{margin-top: 25px}
	.sicurezza.basic-content.content .small-content.blocco4 h4{margin-top: 25px}
	.minacce-del-web.basic-content.content .small-content {padding:0;}
	
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.sicurezza.basic-content.content .small-content.blocco2 h4{margin-top: 75px}
	.sicurezza.basic-content.content .small-content.blocco3 h4{margin-top: 50px}
	.sicurezza.basic-content.content .small-content.blocco4 h4{margin-top: 40px}
}

@media screen and (min-width: 991px) and (max-width: 1200px) {
	.sicurezza.basic-content.content .small-content.blocco2 h4{margin-top: 115px}
	.sicurezza.basic-content.content .small-content.blocco3 h4{margin-top: 130px}
	.sicurezza.basic-content.content .small-content.blocco4 h4{margin-top: 140px}
}


/*NUOVO BANNER SICUREZZA */
.banner-sicurezza{padding: 0 50px;margin:10px 0 20px 0;}
.banner-sicurezza .banner-sicurezza-inner { border:1px solid #e9e9e9;position: relative;padding:10px 10px 25px 10px;}
.banner-sicurezza h2{color:#8ab10b;margin-bottom: 10px;margin-top:0;font-weight: bold;font-size: 1.6rem!important;text-transform: uppercase;}
.banner-sicurezza h3{font-family:"ralewaysemibold", arial, sans-serif;color:#999999;margin-bottom: 0;margin-top:0;font-weight: bold;font-size: 1.5rem;text-transform: none;}
.banner-sicurezza .img-bgk-sicurezza{background: url("/wbresp/img/sicurezza/icon_banner_sicurezza.png") no-repeat 0 0;background-size:contain;position: absolute;width: 100px;height: 120px;top:15px;left:10px;}
.banner-sicurezza .text{padding-left:120px}
.banner-sicurezza .btn-wrapper {position: absolute;right:0;bottom:-24px;background:white;padding-left:10px}
.banner-sicurezza .btn-wrapper .btn-grlit{margin:0!important;height:40px;line-height: 36px;}
@media (max-width: 768px) {
	.banner-sicurezza{padding: 0;}
	.banner-sicurezza .img-bgk-sicurezza{width: 80px;height: 100px;}
	.banner-sicurezza .text{padding-left:100px}
	.banner-sicurezza h2{font-size: 1.3rem;}
	.banner-sicurezza h3{font-size: 1rem;}
}
/*FINE NUOVO BANNER SICUREZZA */