@import url('https://www.mi-avvocati.it/zen-antique-soft/Zen Antique Soft.css');
@import url('https://www.mi-avvocati.it/zen-kaku-gothic-antique/Zen Kaku Gothic Antique.css');
@import url('https://www.mi-avvocati.it/zilla-slab/Zilla Slab.css');


body {margin-top:0px;margin:0px;padding:0px;}

/*font-family: aviano, serif;

font-weight: 400;

font-style: normal;


Aviano Bold

font-family: aviano, serif;

font-weight: 700;

font-style: normal;*/
		
		#top-header {width:100%; height:40px; background:#8b9091;}
		
		.top-header-center {width:1200px; height:40px; margin: 0 auto; padding: 0px;}
		
		.contatti-top-header {float:right; width:60px;}
		
		header {width:100%; height: 120px; background:#223555; postion: relative;}
		
		/*.position-logo {width:475px; height:85px; position:absolute; top:62px; left:-237px; margin-left:50%;}*/

        .position-logo {width:1070px; height:95px; position:absolute; top:58px; left:-535px; margin-left:50%;}
		
		.box-menu {width:600px; height:65px; background-color:rgba(255, 255, 255, 0.8); position: absolute; left:-300px; margin-left:50%; top:0px; border-bottom:1px solid #223555;}
		
		.menu-desktop {display: block; width:466px; margin: 0 auto; padding: 0px; padding-top:22px;}

        .menu-mobile {display:none;}
		
		.banner-desktop {width:100%; height:auto; position: relative;}

        .img-banner-desktop {display:block;}

        .img-banner-mobile {display:none;}
		
		.container-100 {width:100%; height:auto;}
		
		footer {width:100%; height:auto; background:#0d3255; clear: both; }
		
		.content {width:1200px; height:auto; margin: 0 auto; padding: 0px;}
		
		.footer-center {width:1200px; height:auto; margin: 0 auto; padding: 0px;}
		
		.divisorio-footer {width:100%; height:50px; clear: both;}
		
		.box-dati-footer {width:815px; height:auto; margin: 0 auto; padding: 0px;}
		
		.box-dati-footer-s {width:33%; height: auto; float:left;}
		
		.box-dati-footer-s .icona {width:70px; height:70px; background:#8b9091; margin: 0 auto; padding: 0px; margin-top:-35px;}
		
		.box-dati-footer-s .titolo {color:#fff; font-size:20px; /*font-family: 'Zen Antique Soft', serif;*/ font-family: 'Zen Antique Soft'; text-align: center; margin:0px; padding:0px; margin-top:36px;}
		
		.decorazione-titolo {width:40px; height:1px; background:#8b9091; margin: 0 auto; padding: 0px; margin-top:13px; margin-bottom:24px;}
		
		.box-dati-footer-s .testo {color:#fff; font-size:18px; /*font-family: 'Zen Kaku Gothic Antique', sans-serif;*/ font-family: 'Zen Kaku Gothic Antique'; margin:0px; padding:0px; text-align: center;}
		
		.box-dati-footer-s .testo a {color:#fff; font-size:18px; /*font-family: 'Zen Kaku Gothic Antique', sans-serif;*/ font-family: 'Zen Kaku Gothic Antique'; text-decoration:none;}
		
		h1 {color:#223555; font-size:34px; font-family: aviano, serif;}
		
		h2 {color:#223555; font-size:35px; font-family: aviano, serif;}
		
		p {color:#000; font-size:18px; /*font-family: 'Zen Kaku Gothic Antique', sans-serif;*/ font-family: 'Zen Kaku Gothic Antique';}
		
		h3 {color:#223555; font-size:28px; font-family: aviano, serif;}
		
		h4 {/*font-family: 'Zilla Slab', serif;*/ font-family: 'Zilla Slab'; color:#666666; font-size:21px;}
		
		a {/*font-family: 'Zen Kaku Gothic Antique', sans-serif;*/ font-family: 'Zen Kaku Gothic Antique'; color:#000000; font-size:21px; text-decoration: none;}

        .box-foto-25 {width:25%; float:right; margin-top:20px; padding-left:40px; padding-bottom:0px; position: relative;}

        .box-foto-25-img {width:90%; height:auto; position: absolute; z-index:-1;  top:5%; right:5%;}

        #img-scale-mobile {display:none;}
	
		.separatore-blocchi {width:100%; height:0px; clear: both;}
		
		.dati-societari {color:#fff; font-size:18px; /*font-family: 'Zen Antique Soft', serif;*/ font-family: 'Zen Antique Soft'; margin:0px; padding:0px; text-align:left;}
		
		.iva-link {color:#fff; font-size:14px; /*font-family: 'Zen Antique Soft', serif;*/ font-family: 'Zen Antique Soft'; width:50%; float:left; text-align:right; margin:0px; padding:0px;}
		
		.iva-link a {color:#fff; font-size:14px; /*font-family: 'Zen Antique Soft', serif;*/ font-family: 'Zen Antique Soft'; text-decoration:none;}

        .align-left {text-align: left;}

        .align-right {text-align: right;}
		
		.separatore-azienda {width:180px; height:5px; background:#223555; margin-top:-25px; margin-bottom:25px; margin-left:0px;}
	
	    .selettore-azienda {width:31px; height:5px; border-right:4px solid #fff; background:#8b9091;}

        .colonna-48-news {width:48%; height:auto; float: left;}

        .margin-news {margin-left:4%;}

#bg-grey-foto {width:100%; height:35%; background:#8b9091; position: absolute; top:30%; left:0px; z-index:-1;}

.box-foto-avvocato {width:25%; float:right; margin-top:85px; padding-left:40px; padding-bottom:20px; position: relative; display:block;}

.box-foto-avvocato-mobile {display:none;}

.width-nome-avvocato  {width:70%; float:left;}

.colonna-mappa-contatti {width:50%; float:right; margin-top:110px; padding-left:40px; padding-bottom:20px; position: relative;}

#box-grigio-mappa {width:90%; height:403px; position: absolute; z-index:-1; background:#8b9091; top:5%; right:7%;}

.colonna-50-contatti {width:50% float:left; padding-top:50px;}

.contatti-desktop {display:block;}

.contatti-mobile {display:none;}

#box-separatore-home {width: 100%; height:100px; clear: both;}

@media screen and (max-width: 1200px) {
	
        .top-header-center {width:100%;}
	
        .content {width:95%;}
		
		.footer-center {width:100%;}
	
	    .iva-link {width: 48%; margin-left: 1% !important;}
	
	
}

@media screen and (max-width: 1070px) {

.position-logo {width:95%; height:95px; position:absolute; top:58px; left:2.5%; margin-left:auto;}
	
}

@media screen and (max-width: 1070px) {

	.box-foto-25 {width:35%;}
	
	.box-foto-avvocato {width:35%;}
		
}

@media screen and (max-width: 1023px) {
.colonna-48-news {width:95%; height:auto; float: none; margin-left:2.5%;}

.margin-news {margin-left:2.5%;}
}

@media screen and (max-width: 992px) {
.contatti-desktop {display:none;}
.contatti-mobile {display:block;}
.colonna-mappa-contatti {width:95%; float:none; margin-top:0px; padding-left:40px; padding-bottom:20px; position: relative;}
#box-grigio-mappa {width:90%; height:403px; position: absolute; z-index:-1; background:#8b9091; top:10%; right:10%;}
}

@media screen and (max-width: 980px) {
.menu-desktop {display: none;}
.menu-mobile {display:block;}
.box-menu {width:100%; height:35px; background-color:rgba(255, 255, 255, 0.8); position: absolute; left:0px; margin-left:0%; top:0px; border-bottom:1px solid #223555; overflow: hidden;}
}

@media screen and (max-width: 815px) {
	.box-dati-footer {width:95%;}
	.box-dati-footer-s .testo {font-size:17px;}
	.box-dati-footer-s .testo a {font-size:17px;}
}

@media screen and (max-width: 760px) {
	.box-dati-footer-s {width:100%; height: auto; float:none; clear:both; padding-top:30px;}
	.iva-link {width: 95%; margin-left: 2.5% !important; clear:both;}
	.align-left {text-align: center;}
    .align-right {text-align: center;}
	
	.box-dati-footer-s .icona {width:70px; height:70px; background:#8b9091; margin: 0 auto; padding: 0px; margin-top:0px;}
	
	.box-dati-footer-s .titolo {margin-top:14px;}
		
		.decorazione-titolo {margin-top:7px; margin-bottom:0px;}
	
	#box-separatore-home {width: 100%; height:50px; clear: both;}
	
}

@media screen and (max-width: 600px) {

		.img-banner-desktop {display:none;}

        .img-banner-mobile {display:block;}
	
	
	    .box-foto-25 {display:none;}
	
	    .box-foto-avvocato {display:none;}
	
	.box-foto-avvocato-mobile {display:block;}
	
	    .width-nome-avvocato  {width:100%; float:none;}
	
	    #img-scale-mobile {display:block; padding-top:20px;}
	
	#bg-grey-foto {top:15%;}
	
	.colonna-mappa-contatti {width:88%; float:none; margin-top:0px; padding-left:40px; padding-bottom:20px; position: relative;}
#box-grigio-mappa {width:90%; height:403px; position: absolute; z-index:-1; background:#8b9091; top:10%; right:10%;}
	
}