/* generale */
* {font-family: 'Lato', Verdana, Arial, sans-serif; font-size:16px; color:#786854;}
	* strong, * em, * li, * a, * u, * b, * i, * span {font-size:inherit;}

a img {border:0;}
a {color:#786854;}
	a:hover {color:#f29400;}

.evid, b, strong {color:#f29400;}
.big {font-size:1.6em;}

.lft {float:left;}
img.lft {margin:0.5em 0.5em 0.5em 0;}
.rgt {float:right;}
img.rgt {margin:0.5em 0 0.5em 0.5em;}
.clrlf {clear:left;}
.clrrg {clear:right;}

/* headers */
h1, h2, h3, h4, h5, h6 {color:#f29400;}
	h1 {font-size:1.8em;}
	h2 {font-size:1.5em;}
	h3 {font-size:1.3em;}
	h4 {font-size:1.2em;}
	h5 {font-size:1.1em;}
	h6 {font-size:1em;}
a h1 {margin:0; padding:0;}

/* box model */
body {background:#fff; margin:0; padding:0; text-align:center;}
	#preheader {height:30px; background:#dfdfdf;}
	.main {text-align:left; margin:0 15%; position:relative;}

/* menu */
#icons {height:30px; margin:0; padding:0; list-style:none; border-width:0 0 0 1px; border-style:solid; border-color:#f0f0f0; float:right;}
	#icons li, #icons li a, #icons li a img {float:left; height:30px; width:30px; display:block;}

#progetti {height:30px; margin:0; padding:0; list-style:none; float:left;}
	#progetti li {float:left; height:30px; line-height:30px;}
		#progetti li a {font-size:0.8em; padding:0 0.5em;}
			#progetti li a.last {border-right:0;}

.list {list-style-type:none; margin:0 0 0 0.5em; padding:0.5em 0 0.1em 0;}
	.list li {background-image:url('/images/site/bg_list.png'); background-repeat:no-repeat; background-position:0 0; background-size:contain; height:4.25em; margin-top:1em; margin-right:0; margin-bottom:2.5em !important; padding:0 0 0 5em;}
		.list li h3 {font-size:1em; margin:0.25em 0; padding:0;}
		.list li p {font-size:1em; margin:0; padding:0;}

#categorieMenu {}
	#categorieMenu ul {margin:0; padding:0; list-style:none;}
		#categorieMenu ul li {}
			#categorieMenu ul li a {}
				#categorieMenu ul li.thisitem a {}

/* form */
#srcFrm {float:right; border-width:0 1px; border-color:#dfdfdf #f0f0f0 #dfdfdf #dfdfdf; border-style:solid; margin:0; padding:0;}
	#srcFrm input {float:left; background:#eee; height:30px; margin:0; padding:0 10px; width:126px; display:block; border-width:0 1px 0 0; border-color:#ebebeb; border-style:solid; color:#999; font-style:italic;}
	#srcFrm button {margin:0; padding:0; display:block; height:30px; float:left; border:0; background:#e3e3e3;}
		#srcFrm button img {display:block; height:30px;}

/* misc */
h1, h2 {font-size:2em; font-weight:300; color:#786854; text-align:center; margin:0; padding:1em 0 0.5em 0;}
	h1 span, h2 span {border-bottom:1px solid #786854; padding:1em 2em 0.25em 2em; font-size:1em;}
.button {margin:1em 35%; display:block; width:30%; background:#f29400; color:#fff; text-align:center; height:2.4em; line-height:2.4em; text-decoration:none; border:1px solid #f29400; border-radius:4px;}
	.button:hover {background:#fff;}
		.button-error {background:#e66f71; border-color:#e66f71;}
     .button-error:hover {color:#e66f71;}
.descInt {background:#a2b6cc; padding:0.25em 0; margin:0.5em 0;}
	.descInt * {color:#fff; font-weight:300; text-align:center;}
#breadcrumb {margin:2em 1em 0 1em; font-size:0.9em;}
img.imgPrinc {display:block; width:70%; margin:0.25em 15% 1em 15%;}
.viewUrl {display:block; text-align:right; font-size:1.2em; color:#a2b6cc; margin:0 15% 0 0; font-style:italic; font-weight:300;}
	.viewUrl:hover {color:#f29400;}

/* header */
#header {position:relative;}
	#header img {display:block; width:100%;}
	p#tagline {position:absolute; top:68%; left:40%; margin:-2em 0; padding:0; line-height:1.2em; text-align:center; font-size:1.35em; color:#fff;}
		p#tagline strong {color:#fff; font-weight:700;}
	#header .hdrBox {width:100%; height:100%; position:absolute; top:0; left:0; background:url('/images/site/bg_header.png'); z-index:500;}
	#header h1, #header .h1Rep {position:absolute; bottom:10%; left:50%; z-index:510; color:#fff; font-weight:300; font-size:2.4em; margin:0; padding:0; text-shadow:0 0 3px #333;}

/* mainMnu */
#mainMnu {width:100%; clear:left;}
.mainMnuPast {position:fixed; top:0; left:0; background:rgb(255,255,255); background:rgba(255,255,255,0.95); z-index:100000; box-shadow:0 1px 2px #ccc; border-top:1px solid #fff;}
	#logo {margin:0; padding:0; font-size:1em;}
		#logo img {width:100%;}
	#mainMnu ul {position:absolute; top:0; right:0; margin:0; padding:0; list-style:none; height:4em; line-height:4em;}
		#mainMnu ul li {float:left; margin:0 0.25em; padding:0 0.25em; height:4em; line-height:4em;}
			#mainMnu ul li a {text-decoration:none; font-size:15px;}
			#mainMnu ul li.thisitem a {color:#a2b6cc; cursor:default;}
			#mainMnu ul li.evidenza a {background:#f29400; color:#fff; border-radius:0.25em;}
				#mainMnu ul li.evidenza a:hover {background:#02d648;}

/* specializzazioni */
#specializzazioni .descMain {margin:1em 0 0 0; padding:0 12%; font-weight:300; text-align:center;}
	#specializzazioni .descMain p {margin:0 0 1em 0; font-size:1.2em; font-weight:300;}
	#specializzazioni .box {width:23%; float:left; margin:1%;}
		#specializzazioni .box .imgBox {width:99.8%; margin-top:1em; padding:1px; position:relative;}
			#specializzazioni .box .imgBox img {display:block; width:100%;}
			#specializzazioni .box .imgBox img.rdBox {position:absolute; top:0; left:0;}
		#specializzazioni .box h3 {font-size:1em; text-align:center; font-weight:normal; margin:1em 0 0.1em 0; padding:0; position:relative; height:1.5em;}
			#specializzazioni .box h3 a {font-size:1em; text-decoration:none; color:#f29400; position:absolute; top:-18em; left:0; padding:18em 0 5em 0; width:100%; text-align:center;}
				#specializzazioni .box h3 a:hover {color:#786854;}
		#specializzazioni .box div.sep {padding:0; margin:0; border-style:solid; border-color:#f29400; border-width:0 0 1px 0; margin:0 40%; padding:0; height:1px;}
		#specializzazioni .box p.desc {font-weight:300; text-align:center; line-height:1.1em; font-size:0.9em; padding:0.2em 10%; margin:0 0 2em 0;}

/* speciali */
#speciali {background:#e9e9e9; min-height:1em;}
	#speciali .main {margin-left:0;}
		#speciali h2 {text-align:left; margin-left:3em; padding-top:2em;}
			#speciali h2 span {padding:1em 0 0.25em 0;}
		#speciali .main .list li {width:80%;}

/* portfolio */
#portfolio {position:relative;}
	#portfolio h2 {padding:2em 0 0.5em 0;}
		#portfolio h2 span {padding:1em 1em 0.25em 1em;}
	ul.listPortfolio {margin:1em 0 0 0; padding:0; list-style:none;}
		ul.listPortfolio li {float:left; width:24.75%; margin:0.1%; position:relative;}
			ul.listPortfolio li img {display:block; width:100%; cursor:pointer;}
			ul.listPortfolio li a {position:absolute; left:0; bottom:0; display:none; height:100%; width:100%; text-align:center; text-decoration:none; background:#666; background:rgba(0,0,0,0.5);}
				ul.listPortfolio li strong {font-weight:normal; background:#fff; background:rgba(255,255,255,0.9); display:none; position:absolute; bottom:0; left:0; width:100%; padding:0.5em 0; font-size:1.05em;}
				ul.listPortfolio li a strong {display:block;}
				ul.listPortfolio li a img {width:15%; height:20%; position:absolute; left:42.5%; top:37.5%;}
			ul.listPortfolio li div.desc {position:absolute; display:none; z-index:1000; top:0.5%; left:0; background:#fff; background:rgb(162,204,166); background:rgba(162,204,166,0.9); color:#fff; padding:0.25em; transform:scale(0.99); box-shadow:0 0 2px #62966e; font-weight:300; font-size:1em; line-height:1.3em;}
	#portfolio .descInt a, #portfolio .descInt a:hover {text-decoration:none;}
		#portfolio .descInt a strong {background:#fff; border:1px solid #333; border-radius:3px; color:#f29400; margin:2px 5px; padding:0 5px; box-shadow:1px 1px 3px #999;}
			#portfolio .descInt a:hover strong {background:#f29400; color:#fff; border-color:#fff; box-shadow:1px 1px 3px #f90 inset;}

/* dettaglio */
#dettaglioLavoro {background:url('/images/site/bg_dettaglioLavoro.jpg') no-repeat center top; background-size:contain; width:100%; position:relative; margin:5em 0 1em 0;}
	#dettaglioLavoro img {position:absolute; top:5.4%; left:27.1%; width:45.9%; height:61%; display:block;}
	.descDettaglio {padding:0.25em 0; margin:0.5em 0;}
		.descDettaglio * {font-weight:300; text-align:center;}
		.descDettaglio .princ {font-size:1.1em;}
		.descDettaglio .block3 {float:left; width:31.3%; margin:0.5em 1%;}
			.descDettaglio .block3 h2, .descDettaglio .block3 h3, .descDettaglio .block3 h4 {font-size:1.1em; font-weight:400; margin:0; padding:0; color:#f29400; text-align:left;}
			.descDettaglio .block3 p {text-align:left; margin:0 0 1.5em 0; padding:0;}
#altriLavori {background:#e9e9e9; padding:2em 0 3em 0;}
	#altriLavori h2 {padding-bottom:1em;}

/* strillo */
#strilloHome {background:#a2b6cc; margin:1em 0; text-align:center;}
	#strilloHome h3 {color:#fff; padding:2em 0 1em; margin:0; text-align:center; font-size:2em; font-weight:300;}
	#strilloHome p {text-align:center; color:#fff; font-size:1.2em; font-weight:300; margin:0; padding:0 0 1em 0;}
		#strilloHome p strong {color:#fff;}
	#strilloHome a.button {margin-bottom:4em; border-color:#829ab5; background:#fff; color:#a2b6cc; font-weight:bold;}
		#strilloHome a.button:hover {background:#a2cca6; color:#fff; border-color:#fff;}

#strilloInt {background:#f29400; margin:1em 0; text-align:center;}
	#strilloInt h3 {color:#fff; padding:2em 0 1em; margin:0; text-align:center; font-size:2em; font-weight:300;}
	#strilloInt p {text-align:center; color:#fff; font-size:1.2em; font-weight:300; margin:0; padding:0 0 1em;}
		#strilloInt p strong {color:#fff;}
	#strilloInt a.button {margin-bottom:4em; border-color:#c60; background:#fff; color:#f29400; font-weight:bold;}
		#strilloInt a.button:hover {background:#02d648; color:#fff; border-color:#fff;}

/* notizie */
#notizie {}
	#notizie h2 {padding:2em 0 0.5em 0;}
		#notizie h2 span {padding:1em 0 0.25em 0;}
	#notizie .boxNews {padding:1em 0 2em 0;}
		#notizie .boxNews .box {width:31.3%; float:left; margin:1%;}
			#notizie .boxNews .box .imgBox {width:100%; margin-top:1em; position:relative;}
				#notizie .boxNews .box .imgBox img {display:block; width:60%; margin-left:20%;}
			#notizie .boxNews .box h4 {font-size:1em; text-align:center; font-weight:normal; margin:1em 0 0.1em 0; padding:0; position:relative; height:2.5em;}
				#notizie .boxNews .box h4 a {font-size:1em; text-decoration:none; color:#f29400; position:absolute; top:-18em; left:0; padding:18em 0 5em 0; width:100%; text-align:center;}
					#notizie .boxNews .box h4 a:hover {color:#786854;}
			#notizie .boxNews .box div.sep {padding:0; margin:0; border-style:solid; border-color:#f29400; border-width:0 0 1px 0; margin:0 40%; padding:0; height:1px;}
			#notizie .boxNews .box p.desc {font-weight:300; text-align:center; line-height:1.1em; font-size:1em; padding:0.2em 10%; margin:0 0 2em 0;}
	#notizie .button {background:#786854; border-color:#4f4334;}
		#notizie .button:hover {color:#786854; background:#f8f2ea;}

/* blog */
#blog {}
	#blog h1, #blog h2 {padding:2.5em 0 0.5em 0; font-size:1.5em;}
		#blog h1 span, #blog h2 span {padding:1em 0 0.25em 0;}
	#blog .boxNews {padding:1em 0 2em 0;}
		#blog .boxNews .box {margin:1%; height:6em; width:48%; float:left;}
			#blog .boxNews .box .imgBox {width:20%; position:relative; float:left;}
				#blog .boxNews .box .imgBox img {display:block; width:90%; height:auto; margin-left:0;}
			#blog .boxNews .box .contBox {float:left; width:80%; position:relative;}
				#blog .boxNews .box .contBox h4 {font-size:1em; margin:0; padding:0; position:relative; font-weight:normal; height:1.25em;}
					#blog .boxNews .box .contBox h4 a {position:absolute; top:-0.25em; left:-25%; display:block; padding:0 0 0 25%; width:100%; height:6em; font-size:1em; text-decoration:none; color:#f29400;}
						#blog .boxNews .box .contBox h4 a:hover {color:#786854;}
				#blog .boxNews .box .contBox div.sep {padding:0; margin:0; border-style:solid; border-color:#f29400; border-width:0 0 1px 0; margin:0 87.5% 0 0; padding:0; height:1px;}
				#blog .boxNews .box .contBox p.desc {margin:0.2em 0 0 0; padding:0; font-weight:300; line-height:1.1em; font-size:1em;}
	#blog .dataAutore {text-align:center; font-size:0.8em; margin-bottom:0.25em;}
	#blog .imgPrinc {box-shadow:0 0 3px #999; border:1px solid #fff; border-radius:10px;}
		#blog .dataAutore em {font-style:italic; color:#a2b6cc;}
	#blog .contenuto {margin:0 15%; position:relative;}
		#blog .contenuto h1, #blog .contenuto h2, #blog .contenuto h3, #blog .contenuto h4, #blog .contenuto h5, #blog .contenuto h6 {margin:2.2em 0 0 0; padding:0; font-weight:300; text-align:left; color:#f29400;}
		#blog .contenuto p, #blog .contenuto ul {margin:0.5em 0 1.5em 0;}
		#blog .contenuto strong {color:#786854;}
			#blog .contenuto .tagsNews {margin:0.5em 0 1.5me; padding:0; list-style:none;}
				#blog .tagsNews li {float:left;}
					#blog .tagsNews li a {text-decoration:none;}
						#blog .tagsNews li a:hover {background:#a2b6cc;}
	#blog .contenuto img {max-width:100%; height:100%;}


	#correlati {padding:0 15%; background:#e9e9e9; margin-top:3em;}
		#correlati h2 {padding-top:1em;}
		#correlati #notizie .boxNews .box {width:98%;}
			#correlati #notizie .boxNews .box .imgBox {width:12.5%; margin:0; padding:0;}
			#correlati #notizie .boxNews .box .contBox {width:87.5%;}
			#correlati #notizie .boxNews .box .contBox h4 {height:1.5em;}
					#correlati #notizie .boxNews .box .contBox h4 a {text-align:left; top:0}
				#correlati #notizie .boxNews .box .contBox p.desc {text-align:left; }

.paginazione {position:relative; height:5em;}
	.paginazione ul {height:2em; list-style:none; margin:0 0 0 -0.25em; padding:0; position:absolute; top:2em; left:0; margin:0 0 0 50%;}
		.paginazione ul li {float:left; height:2em; line-height:2em; margin-bottom:0.25em;}
			.paginazione ul li a, .paginazione ul li span {display:block; height:1.9em; line-height:2em; margin:0 0.25em; width:1.9em; text-align:center; text-decoration:none;}
			.paginazione ul li a {font-weight:bold; border:1px solid #a2b6cc; background:#fff; color:#a2b6cc;}
			.paginazione ul li span {border:0.05em solid #ccc; background:#fff; color:#ccc;}
				.paginazione ul li a:hover {background:#f29400; color:#fff; border-color:#f29400;}
			.paginazione ul li.thisitem a {background:#a2b6cc; color:#fff; border-color:#a2b6cc; cursor:default;}
			.paginazione ul li.nav * {margin:0 1em;}

/* promozioni */
#promozioni {background:#e9e9e9;}
	#promozioni h2 {padding:1em 0 0.5em 0;}
		#promozioni h2 span {padding:1em 1em 0.25em 1em;}
	#promozioni .promozione {margin:0 10%; padding:3em 0 2em 0;}
		#promozioni .promozione img {display:block; width:100%;}

/* parlano di noi */
#referenze {}
	#referenze h2 {padding:2em 0 0.5em 0;}
		#referenze h2 span {padding:1em 0 0.25em 0;}
	#referenze .boxRef {padding:1em 0 2em 0;}
		#referenze .boxRef .box {width:23%; float:left; margin:1%;}
			#referenze .boxRef .box .imgBox {width:80%; margin:1em 10% 0 10%; padding:1px; position:relative;}
			#referenze .boxRef .box .imgBox img.rdBox {position:absolute; top:0; left:0;}
				#referenze .boxRef .box .imgBox img {display:block; width:100%;}
			#referenze .boxRef .box h4 {font-size:1em; text-align:center; font-weight:normal; margin:1em 0 0.1em 0; padding:0; position:relative; height:1.5em;}
				#referenze .boxRef .box h4 a {font-size:1em; text-decoration:none; color:#f29400; position:absolute; top:-18em; left:0; padding:18em 0 5em 0; width:100%; text-align:center;}
					#referenze .boxRef .box h4 a:hover {color:#786854;}
 			#referenze .boxRef .box .azienda {text-align:center; font-style:italic; font-weight:300; margin:0.25em; line-height:1.1em;}
				#referenze .boxRef .box .azienda strong {font-weight:300; color:#a2b6cc; display:block; font-style:normal;}
			#referenze .boxRef .box div.sep {padding:0; margin:0; border-style:solid; border-color:#a2b6cc; border-width:0 0 1px 0; margin:0 40%; padding:0; height:1px;}
			#referenze .boxRef .box blockquote {font-weight:300; text-align:center; line-height:1.1em; font-size:1em; padding:0.2em 10%; margin:0.5em 10% 2em 10%; background-color:#a2b6cc; color:#fff; background-image:url('/images/site/bg_citazione_open.png'); background-repeat:no-repeat; background-size:100% auto; border-radius:.25em; position:relative;}
			#referenze .boxRef .box blockquote::after {background-image:url("/images/site/bg_citazione_close.png"); background-position:right bottom; background-size:100% auto; background-repeat:no-repeat; content:" "; height:100%; left:0; position:absolute; top:0; width:100%;}
				#referenze .boxRef .box blockquote p {color:#fff; margin:0; padding:0; font-size:0.95em;}
					#referenze .boxRef .box blockquote p.spc {margin-top:1.158em;}

/* footer */
#footer {background:#333;}
	#footer .block {float:left; width:30%; margin:0 1.66%; padding:3em 0 4em 0; position:relative;}
		img#blkLogoBW {display:block; width:90%; margin:0.5em 0 0 0;}
	#footer .block h5 {margin:0 15% 0 5%; padding:0 0 0.2em 0; color:#fff; border-bottom:1px solid #fff; font-size:1.2em; font-weight:400;}
	#footer .block ul {margin:0.5em 15% 0 5%; padding:0; list-style:none;}
		#footer .block ul li {line-height:1.2em; padding:0.3em 0; color:#a8a8a8;}
			#footer .block ul li a {color:#a8a8a8; text-decoration:none;}
				#footer .block ul li a:hover {color:#fff;}

/* postFooter */
#postFooter {padding:0.5em 0 12em 0;}
	#postFooter .rgt {text-align:right; position:relative;}
	#postFooter p {margin:0; padding:0 1em; font-size:0.8em;}
		#numeroVerde {display:block; margin:0; position:absolute; top:1.5em; right:1em; height:3em;}
	#postFooter ul {margin:0; padding:0 0.8em; list-style:none;}
		#postFooter ul li {display:inline; padding:0; font-size:0.8em;}
			#postFooter ul li a {font-size:100%;}
			#postFooter ul li span {padding:0 0.5em;}

/* categorie Menu */
strong.titCatMnu {position:absolute; top:-0.5em; margin-top:-1px; right:1em; font-size:0.9em; font-weight:700; background:#a2b6cc; padding:0.5em 3em; border:1px solid #829ab5; border-radius:0.5em;}
	strong.titCatMnu:hover {background:#fff;}
	strong.titCatMnu a {font-weight:400; text-decoration:none; color:#fff;}
		strong.titCatMnu:hover a {color:#a2b6cc;}
#categorieMenu, #elencoCatMenu {background:#e9e9e9; margin:1em 0 0 0; padding:0.5em 0; display:none;}
#elencoCatMenu {display:block;}
	#categorieMenu ul, #elencoCatMenu ul {list-style:none; margin:0; padding:0;}
		#categorieMenu ul li, #elencoCatMenu ul li {width:24%; float:left; margin:0.5%; position:relative;}
		#categorieMenu ul li h4, #elencoCatMenu ul li h4 {position:absolute; top:0; width:100%; color:#fff; font-weight:300; text-align:center; margin:0; padding:0; line-height:2.6em; font-size:1.2em;}
			#categorieMenu ul li a, #elencoCatMenu ul li a {display:block; border:2px solid #333; padding:3em 0 0 0; background:#333; text-decoration:none;}
				#categorieMenu ul li a:hover, #elencoCatMenu ul li a:hover {background:#a2b6cc; border-color:#a2b6cc;}
				#categorieMenu ul li.thisitem a, #elencoCatMenu ul li.thisitem a {background:#f29400; border-color:#f29400; cursor:default;}
				#categorieMenu ul li a img, #elencoCatMenu ul li a img {display:block; width:100%;}

/* contatti */
#contatti .descInt * {text-align:left; font-weight:300;}
	#contatti .descInt strong {font-weight:400;}
	#contatti .descInt h2, #contatti .descInt h3, #contatti .descInt h4, #contatti .descInt h5, #contatti .descInt h6 {font-weight:400; font-size:1.2em;}
		#contatti .descInt * * {font-size:1.1em;}
			#contatti .descInt * * *, #contatti .descInt * * * * {font-size:1em;}
	#contatti .block {float:left; padding-bottom:1.5em;}
	#block11 {width:25%; padding-top:1em;}
	#block12 {width:25%; padding-top:1em;}
	#block13 {width:50%; padding-top:1em;}
	#block21 {width:50%;}
	#block22 {width:50%;}
		#contatti h3 {font-size:1.1em; display:inline; border-bottom:1px solid #fff; font-weight:400; padding-right:2em;}
		#contatti .desc {margin:0.5em 0 0 0; font-weight:300;}
			#contatti .desc p {margin:0; padding:0; font-weight:300;}
			#contatti .desc img {display:block; width:40%; margin-top:0.75em;}
			#contatti .desc ul.sedi {margin:0; padding:0; list-style:none;}
				#contatti .desc ul.sedi a {text-decoration:none;}
					#contatti .desc ul.sedi em {font-style:normal; color:#a2b6cc;}
				#map {width:90%; background:#e9e9e9; margin-top:0.75em;}
				#frmCnt {width:90%; margin:0; padding:0; margin-top:0.75em;}
					#frmCnt input {display:block; font-weight:300;}
						#frmCnt input.inpCnt {border:1px solid #a2b6cc; width:100%; padding:0.5em; margin:0 0 1em 0;}
						#frmCnt input.button {font-size:1.1em; font-weight:bold; margin:0 30% 1em 30%; padding:0; width:40%; color:#fff; cursor:pointer; background:#a2b6cc; border-color:#a2b6cc;}
							#frmCnt input.button:hover {background:#a2cca6; border-color:#090;}
					#frmCnt textarea {display:block; border:1px solid #a2b6cc; width:100%; padding:0.25em 0.5em; margin:0 0 1em 0; resize:none; height:6em; font-weight:300;}
				em.fldReq {font-size:0.9em; font-style:italic; font-weight:300; color:#999;}

#oldBrowser {margin:1em auto;}
	#oldBrowser strong {display:block;}
	#oldBrowser p {margin-top:4em;}
		#oldBrowser p a {font-size:0.8em;}

.tag1 {font-size:1em;}
.tag2 {font-size:1.15em;}
.tag3 {font-size:1.35em;}
.tag4 {font-size:1.6em;}
.tag5 {font-size:1.9em;}
.tagCloud {margin:2em 20%; padding:0.75em; border:1px solid #fff; box-shadow:0 0 2px #a2b6cc; text-align:center; width:60%; background:#a2b6cc; border-radius:0.5em;}
	.tagCloud li {display:inline; vertical-align:middle;}
		.tagCloud li a {text-decoration:none; color:#fff; padding:0 0.15em;}
			.tagCloud li a:hover {text-shadow:1px 1px 1px #333;}
		.tagCloud li.thisitem a {color:#fc9; text-shadow:1px 1px 1px #888; cursor:default;}

.secondName {height:0; overflow:hidden;}

#errorCont {background-color:#a2b6cc; width:96%; padding:2%; margin-bottom:1em;}
	#errorCont p {font-weight:bold!important; color:#fff;}
.chkBox {float: left}
.sbm {margin-top:1em !important}

#frmLav {width:90%; margin:0; padding:0; margin-top:0.75em;}
	#frmLav input {display:block; font-weight:300;}
		#frmLav input.inpCnt {border:1px solid #a2b6cc; width:90%; padding:0.5em; margin:0 0 1em 0;}
		#frmLav input.button {font-size:1.1em; font-weight:bold; margin:0 30% 1em 30%; padding:0; width:40%; color:#fff; cursor:pointer; background:#a2b6cc; border-color:#a2b6cc;}
			#frmLav input.button:hover {background:#a2cca6; border-color:#090;}
	#frmLav textarea {display:block; border:1px solid #a2b6cc; width:100%; padding:0.25em 0.5em; margin:0 0 1em 0; resize:none; height:6em; font-weight:300; width: 90%}
	#frmLav #block22 {margin-top:1.8em}
	#frmLav #aggiunte {height:13em}
	.facoltativo {background-color:#a2b6cc; color:#fff;padding:0.25em 0.5em;display: block; width:40%; font-weight: normal!important}
	#frmLav label {display:block; height:2.5em; width:93%;}
		#frmLav label span {display: block; float:left; line-height:1.6em; height:1.6em; width:30%;}
		#frmLav label select {border:1px solid #a2b6cc; height:1.75em; width:70%; text-align:right; padding-right:5%;}
			#frmLav label select option {padding-right:10%;}

/* tags */
#tagBoard {padding:0.5em 0;}
	#tagBoard h6 {width:14%; float:left; text-align:right; margin:0 1% 0 0; padding:0; line-height:1em; font-size:1.1em; color:#786854;}
	#tagBoard ul.tagsNews {width:70%; float:left; margin:0 15% 0 0; padding:0; list-style:none;}
		#tagBoard ul.tagsNews li {padding:0 1% 0 0; margin:0 0 1em 0; float:left; line-height:1.1em; font-size:1em;}
			#tagBoard ul.tagsNews li a {text-decoration:none; color:#fff; font-style:none; background:#f29400; padding:0.2em 0.4em; border-radius:0.3em; font-style:italic;}
				#frmCnt {width:90%; margin:0; padding:0; margin-top:0.75em;}
					#frmCnt input {display:block; font-weight:300;}
						#frmCnt input.inpCnt {border:1px solid #a2b6cc; width:100%; padding:0.5em; margin:0 0 1em 0;}
						#frmCnt input.button {font-size:1.1em; font-weight:bold; margin:0 30% 1em 30%; padding:0; width:40%; color:#fff; cursor:pointer; background:#a2b6cc; border-color:#a2b6cc;}
							#frmCnt input.button:hover {background:#a2cca6; border-color:#090;}
					#frmCnt textarea {display:block; border:1px solid #a2b6cc; width:100%; padding:0.25em 0.5em; margin:0 0 1em 0; resize:none; height:6em; font-weight:300;}


/* commenti */
.commentFormContainer {margin:1em 0; padding:0;}
	form.upyCmtFrm {margin:0.5em 0 1em 0; padding:1em 15%; background:#eee; border-radius:1em; box-shadow:0 0 3px #ddd; border:2px solid #ddd;}
		form.upyCmtFrm h5 {margin:0 0 0.25em 0; padding:0; color:#a2b6cc; text-align:center;}
		form.upyCmtFrm .commentHeader {}
			form.upyCmtFrm .commentHeader img.poster {float:left; width:12%; margin-top:0.25em; display:block;}
		form.upyCmtFrm .commentHeader .loginBlock {float:left; width:35%; margin:0 5%;}
			form.upyCmtFrm .commentHeader .loginBlock .socialLogin {width:80%; margin:0 10%;}
				form.upyCmtFrm .commentHeader .loginBlock .socialLogin a {width:30%; margin:0.5em 1.5% 0 1.5%; float:left; display:block;}
					form.upyCmtFrm .commentHeader .loginBlock .socialLogin a img {display:block; width:100%;}
				form.upyCmtFrm .commentHeader #gplusLogin {width:30%; margin:0.5em 1.5% 0 1.5%; float:left; display:block;}
					form.upyCmtFrm .commentHeader #gplusLogin img {display:block; width:100%;}
		form.upyCmtFrm .anonimousBlock {float:left; width:43%;}
		form.upyCmtFrm .nonAnonimousBlock {float:left; width:47%; margin-left:15%; margin-right:15%;}
			form.upyCmtFrm .nonAnonimousBlock span {display:block; line-height:1.5em;}
			form.upyCmtFrm .anonimousBlock label {border:0; background:none; width:20%; display:block; padding:0.4em 1%; margin:0.1em 0 0 0; float:left;}
			form.upyCmtFrm .anonimousBlock input {border:1px solid #a2b6cc; width:70%; padding:0.5em 3%; margin:0 0 0.25em 0; float:left; display:block;}
		form.upyCmtFrm input.button {background:#a2b6cc; color:#fff; border-color:#a2b6cc; width:50%; margin-right:25%; margin-left:25%; cursor:pointer;}
			form.upyCmtFrm input.button:hover {background:#fff; color:#a2b6cc;}
			form.upyCmtFrm .commentHeader a.logout {width:5%; margin-left:1%; float:right; display:block;}
				form.upyCmtFrm .commentHeader a.logout img {display:block; width:80%; height:80%; padding:10%;}
				form.upyCmtFrm .commentHeader a.logout:hover {background:#f29400; border-radius:100%;}
				form.upyCmtFrm .commentHeader img.logged {width:5%; float:right; display:block;}

.commenti {padding:1.5em 0 3em 0; margin:1em 15%; position:relative;}
	.commenti .numComm {border-bottom:1px solid #f29400; color:#786854; text-align:center; font-size:1em; margin:0 20% 1em 20%;}
	.commenti .commento {border-bottom:1px solid #ebebeb; margin:0; padding:1.5em 0; position:relative;}
	.commenti .livello1 {margin-left:3em;}
	.commenti .livello2 {margin-left:6em;}
	.commenti .livelloPiu {margin-left:9em;}
	.commenti .last {border-bottom:0;}
		.commenti .commentoAutore {background:#333;}
		.commenti .commento .avatar {width:3em; height:3em; background:#eee; position:absolute; top:0.75em; left:0;}
			.commenti .commentoAutore .avatar {border:0.5em solid #a2b6cc; top:0.75em; left:-0.5em;}
			.commenti .commento .avatar img {display:block; width:100%; height:100%;}
		.commenti .commento .isAutore {position:absolute; top:2.5em; font-style:italic; left:5.7em; color:#fff; font-size:0.7em;}
		.commenti .commento .autore {position:absolute; top:0.5em; left:4em; font-weight:bold; font-style:italic; color:#a2b6cc; font-size:1em;}
			.commenti .commento .autore a {color:#f29400;}
		.commenti .commento .data {position:absolute; top:3.5em; left:5em; font-size:0.8em; color:#aeaeae; font-style:italic;}
		.commenti .commento .rispondi {position:absolute; bottom:0.5em; right:0.5em; height:2em; width:10em; text-align:right;}
		.commenti .daapprovare .rispondi {background:rgba(255,25,25,0.4); width:100%;}
			.commenti .commento .rispondi a {font-size:0.8em; color:#aeaeae; text-decoration:none; line-height:1.25em; height:2em; position:absolute; right:0; top:0.5em; display:block; width:10em; height:1em; font-style:italic;}
				.commenti .commento .rispondi a img {height:1.25em; padding:0; margin:0; vertical-align:middle; padding-right:0.5em;}

				.commenti .commento .rispondi a:hover {color:#f29400; text-decoration:underline;}
		.commenti .commento .contCommento {padding:3em 0 0 4em; font-size:1em; color:#786865; font-style:italic;}
			.commenti .commento .contCommento p {margin:0; padding:0;}
			.commenti .commento .contCommento strong, .commenti .commento .contCommento em {color:#786865;}
		.commenti .commentoAutore .contCommento, .commenti .commentoAutore .contCommento strong, .commenti .commentoAutore .contCommento em {color:#e9e9e9;}
		button.loadMore {background:#a2b6cc; color:#fff; border:1px solid #a2b6cc; width:70%; margin-right:15%; margin-left:15%; margin-top:3em; cursor:pointer; height:2.4em; line-height:2.2em; border-radius:0.5em;}
			button.loadMore:hover {background:#fff; color:#a2b6cc;}


#contattiBlkFrm {margin: 0 -20%;}
	#contattiBlkFrm .main {margin: 0;}
		#contattiBlkFrm #frmLav {margin-left:6.66%;}
			#contattiBlkFrm .block {float:left;}


.fastcontact {width:96%; text-align: center; padding:2%; border:1px solid #cecece; border-radius:0.5em; background-color:#a2b6cc;}
	.fastcontact p {color:#fff;}
	.fastcontact .txt {width: 80%; text-align: center; padding:1%; font-size:1.2em;}
	.fastcontact .button {width:40%; margin:1em auto; cursor:pointer; font-size:1.2em; padding:1%; line-height:1.2em;}
		.fastcontact .button:hover {background:#fff; border:1px solid #fff; color: #a2b6cc;}

.prvc a { font-weight:bold;}

.inpErr { border:1px solid #f00 !important}
.textErr,.textErr a { color:#f00!important}

#___plusone_0 {width:76px !important;}
.fb-like.fb_iframe_widget span {vertical-align:baseline !important; height:22px !important;}
#twitter-widget-0 {height:22px !important;}

/* media queries */
@media only screen and (max-width: 1280px) {
	* {font-size:14px;}
	.main {margin:0 2%;}
	  #contattiBlkFrm {margin:0;}
}
@media only screen and (max-width: 980px) {
	* {font-size:12px;}
}
@media only screen and (max-width: 650px) {
	* {font-size:11px;}
	#speciali {padding-left:40%;}
	#header h1, #header .h1Rep {font-size:2em;}
}
@media only screen and (max-width: 480px) {
	* {font-size:11px;}
	#speciali {padding-left:30%;}
	#header h1, #header .h1Rep {font-size:1.75em;}
}
@media only screen and (max-width: 400px) {
	* {font-size:10px;}
	#speciali {padding-left:20%;}
	#header h1, #header .h1Rep {font-size:1.5em;}
}
@media only screen and (max-width: 320px) {
	* {font-size:10px;}
	#speciali {padding-left:10%;}
	#header h1, #header .h1Rep {font-size:1.25em;}
}