html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

html {
	-webkit-text-size-adjust: none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

a {
	text-decoration:none;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*END RESET*/

body {
	margin:0;
	padding:0;
	background-color:white;
	font-family: 'Open Sans', sans-serif;
}

/*Menu*/

#container-menu {
	background-color:#2D2D2D;
	z-index:3;
	height:3.7em;
	position:relative;
	padding:0 2%; 
	width:96%
}

#menu {
	padding:12px 0;
	margin:0 auto;
	width:84%;
	color:white;
	font-size:18px;
}

#menu22 {
	display:none;
}

#logo {
	float:left;
	color:white;
	font-size:1.12em;
	line-height:1em;
	z-index:10;
}

#logo-sotto {
	color:white;
	font-size:0.8em;
	margin:3px 0 0 80px;
}

ul {
	list-style:none;
}

.menu-grande ul {
	margin-top:-28px;
	float:right;
}

.menu-grande ul li {
	float:left;
	width:130px;
	text-align:center;
	cursor:pointer;
	height:39px;
	padding:21px 0 0 0;
	margin-top:-20px;
}

#menu ul li:hover {
	background-color:white;
}

#menu ul li:hover a {
	color:black;
}

#menu a {
	color:white;
	display:block;
}

#menu-icon {
	display:none;
}

@media (max-width: 940px) {
.menu-mobile ul {
	width:75%;
	position:absolute;
	margin:12px 50px 0 0;
	display:none;
	height:60px;
	list-style:none;
	text-align:center;
	background-color:#2D2D2D;
}

.menu-mobile ul li {
	float:left;
	width:100%;
	position:relative;
	background-color:#2D2D2D;
	height:25px;
	padding:10px;
	line-height:25px;
}

#menu-icon {
	display:inline;
	float:right;
	margin:-28px 0 0 0;
	cursor:pointer;
	position:relative;
	z-index:10;
}
	}

@media (max-width: 480px) {
#logo {
	margin-left:-10px;
}

#logo-sotto {
	margin-left:-10px;
}
}
/*Immagine centrale*/

#box-img {
	background-color:#2C4457;
} 

#img-centro {
	width:100%;
	margin:0 auto;
	background:url(https://www.avvocatomassaro.net/sfondo.png) center -1px no-repeat #2C4457;
	height:284px;
}

h2#testi-img {
	float:right;
	margin:80px 21% 0 0;
	color:white;
	font-size:16px;
}

@media (max-width: 940px) {
h2#testi-img {
	float:right;
	margin:80px 9% 0 0;
	color:white;
	font-size:16px;
}
}

@media (max-width: 640px) {
#img-centro {
	background:url(https://www.avvocatomassaro.net/sfondo.png) -280px -1px no-repeat #2C4457;
}

h2#testi-img {
	margin:80px 13% 0 0;
}
}

@media (max-width: 480px) {
#img-centro {
	background:url(https://www.avvocatomassaro.net/sfondo.png) -330px -1px no-repeat #2C4457;
}
	
h2#testi-img {
	margin:80px 3% 0 0;
	font-size:12.5px;
}
}

/*Blocco metà pagina*/

#container-box {
	height:auto;
	overflow:auto;
	width:73%;
	margin:2% auto;
}

.box {
	float:left;
	width:30%
}

#box2 {
	float:left;
	width:29%;
	margin:0 5%;
}

@media (max-width: 940px) {
.box {
	width:90%;
	}

#box2 {
	width:90%;
	margin:7% 0;
}

#container-box ul {
	text-align:center;
}

#container-box ul li {
	float:left;
	margin-left:0;
	line-height:30px;
}

h2.titoli-box {
	text-align:center;
}
}

@media (max-width: 640px) {
#container-box {
	width:55%;
}	

#box2 {
	margin:10% 0;
}
	
#container-box ul li {
	float:none;
	line-height:16px;
}
}

@media (max-width: 480px) {
.box {
	margin-top:8%;
}

#container-box {
	width:90%;
}	
}

h2.titoli-box {
	margin-left:40px;
	margin-bottom:13px;
	color:black;
	font-size:24px;
	font-weight:500;
}

.link-box {
	font-size:15px;
	margin:10px 0 0 19px;
	line-height:20px;
}

#container-box ul {
	list-style-image:url(https://www.avvocatomassaro.net/images.png);
}

#container-box ul li {
	margin-left:41px;
}

#container-box a {
	color:black;
}

#container-box a:hover {
	text-decoration:underline;
}

/*Blocco form*/

#container-blocco-form-grande {
	background-color:#F5F5F5;
}

#container-blocco-form {
	width:73%;
	height:auto;
	overflow:auto;
	margin:0 auto;
	padding-bottom:30px;
}



#container-blocco-form-destra {
	float:left;
	padding-top:10px;
	width:24%;
	border-left:1px solid #E0DFDF;
	margin-top:14px;
	height:320px;
}



#container-blocco-form-destra1 {
	float:left;	
	width:24%;	
	margin-top:14px;
	margin-left: 30px;
	height:320px;
}













#container-blocco-form-sinistra {
	float:left;
	padding-top:10px;
	width:24%;
	border-right:1px solid #E0DFDF;
	margin-top:14px;
	height:320px;
}

#container-blocco-form h2 {
	font-size:17.5px;
	font-weight:500;
	line-height:26px;
}

#container-blocco-form p {
	font-size:13.5px;
	line-height:24px;
	margin-right:12px;
}

#container-form {
	margin-top:14px;
	padding-top:10px;
	float:left;
	width:50%;
}

.contact-form-label {
	font-size:12px;
}

#rss {
	margin-top:14px;
	padding-top:10px;
	padding-left:0px;
	float:left;
	width:24%;
	border-left:1px solid #E0DFDF;
}
#rss h2 {
	margin-left: 20px;
}
.avvocatoMassaroFeed {
	padding: 0 20px;
    height: 300px;
    overflow-x: auto;
	margin-top: 20px;
}
.avvocatoMassaroFeed li {
	padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #E0DFDF;
}
.avvocatoMassaroFeed li:last-child {
	border-bottom: 0px;
}
.avvContainer a {
	margin-bottom: 10px;
    display: block;
}
.avvocatoMassaroFeed li .estratto {
	
}
.avvocatoMassaroFeed li .data {
	font-weight: bold;
    margin-top: 10px;
}

@media (max-width: 1048px) {
#container-blocco-form-sinistra {
	width:100%;
	border-right:none;
	border-bottom:1px solid #E0DFDF;
	padding-bottom:5%;
}

#container-form {
	margin-top:5%;
	width:60%;
}

#rss {
	margin-top:5%;
	width:39%;
}
}

@media (max-width: 870px) {
#container-blocco-form-sinistra {
	width:100%;
	border-right:none;
	padding-bottom:5%;
	border-bottom:1px solid #E0DFDF;
}

#container-form {
	margin-top:5%;
	width:100%;
	border-bottom:1px solid #E0DFDF;
	padding-bottom:5%;
}

#rss {
	text-align:center;
	margin-top:5%;
	width:100%;
	border-left:none;
}
}

@media (max-width: 640px) {
#container-blocco-form h2 {
	text-align:left;
}

#container-blocco-form p {
	text-align:left;
}
}

@media (max-width: 480px) {
#container-blocco-form {
	width:90%;
}
}

/*Footer*/

#container-footer {
	background-color:#2D2D2D;
}

#footer {
	width:100%;
	margin:0 auto;
	padding:15px 0;
}

#footer p {
	color:white;
	text-align:center;
	font-size:12px;
}

        #cookie-law-info-bar {
          display: block;
          background-color: rgb(255, 255, 255);
          color: rgb(0, 0, 0);
          bottom: 0px;
          border-top: 4px solid rgb(68, 68, 68);
          position: fixed;
          bottom: 0;
          width: 100%;
          text-align: center;
          font-size: 13px;
          padding: 0.75% 0;
          font-family: 'Arial', sans-serif;
        }
        #cookie_accetta_button {
          display: inline-block;
          padding: 5px 10px 6px;
          color: #fff;
          text-decoration: none;
          box-shadow: 0 1px 3px rgba(0,0,0,0.6);
          text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
          border-bottom: 1px solid rgba(0,0,0,0.25);
          position: relative;
          cursor: pointer;
          margin: auto 10px;
          color: #fff;
          background-color: #000;
        }

.cookie-law__text {display: block; padding-bottom: 0.5%;}