.bordo  { border: 1px solid black;}


body {  background: url(../immagini/bg.jpg) no-repeat center top #000; margin:0px; font-family: verdana; font-size: 12px; line-height: 24px; }

#pagina { width: 960px; margin: auto; background: black; background: url(../immagini/bg.jpg) center; }
#slider { overflow: hidden;   }
a, b { text-decoration: none; color: black; }

#header { height: 167px; width: 100%; background: url(../immagini/header.jpg) no-repeat  top center; background-size:  contain; line-height: 37px;}

#menu { width: 100%; height: 37px; padding-top: 130px; overflow:hidden;}
#menu a { padding:  12px 16px; line-height: 30px; color: white; margin:0px;}
#menu a.active { background: url(../immagini/freccia.png) no-repeat center bottom black; color: white; }
#menu a.active:hover, #menu a:hover { background: url(../immagini/freccia.png) no-repeat center bottom #921e1e; color: white; }

#blocco { width: 450px;  display: inline; float: left; height: 220px; background: white; }
#blocco img { float: left; border: 5px solid white; }
#footer { float: left; background: #f0f0f0; width: 900px; font-size: small; }

#terzo2 { font-family: helvetica; margin-top: 20px;}
#terzo { float: left; width: 300px; color: white;  text-align: justify; margin-left: 15px;}
#terzo2 { float: left; width: 630px; overflow: hidden; color: white;  text-align: justify;   }
#trattino { width: 29px; height: 355px; float: left; margin-bottom: 50px;  }
#terzo2 b, #terzo2 b, #terzo2 *[href^="tel"] { color: #ffd800!important; font-weight: normal;}
#terzo2 strong { color: #ffd800; font-weight: bold; font-size: 140%;}
#terzo2 i { color: #ffd800; }
#inciso { margin: 0 50px; color: #ffd800;  }
#inciso b { float: right; color: #ffd800; font-weight: 500;}

font.titolo {  display: block; width: 100%;  text-align: center;  line-height: 50px;  background: url(../immagini/titolo.jpg) no-repeat center;
			font-family: georgia;  font-size: 25px; color: red; border-bottom: 1px dashed white; min-width: 300px;	float: right;}

font.des { display: block; max-width: 600px;  text-align: center; color: white;
			 font-family: georgia;  color: white; font-size: 20px; line-height: 40px;}

font.des2 { display: block; max-width: 600px;  text-align: center; color: white;
			 font-family: georgia;  color: red; font-size: 20px; line-height: 40px;}
			 font.des2 b { margin-left: 30px; font-size: 120%; color: white; font-weight: bold; }


input.mail2, textarea.mail2 { background: #444; color: white; }
select.mail  { background: #444; color: white; padding: 5px; height: 29px;  width: 350px; float:right;  }
input.mail2 { height: 29px;  width: 350px; float:right; }
textarea.mail2 { height: 190px;  width: 600px; }

ul, li{ -webkit-padding-start: 0px;}

#lightbox { }

#fotogallery { float: left; margin: 5px;  overflow: hidden;  width: 60px; height: 60px; border: 1px solid #921e1e;}

img.fl, img.fr, img.fl2, img.fr2 { margin:0px; border: 5px solid #560e0f; }
img.fl { float:left; max-width: 280px; margin-right:14px; }
img.fl2 { float:left; width: 630px; margin-right:14px }
img.fr { float:right; max-width: 250px; margin-left:  14px; }
img.fr2 { float:right; max-width: 250px; margin-left: 14px; }


.box_consulenza  { padding: 15px; padding-left: 50px; border: 1px solid white; background: #333;
	 color: #eee; font-size: 14px; margin: 10px; text-align: left;  }
.box_consulenza  h3 {  margin-left: -20px; }




#piede { float: left; width: 98%; margin: 30px 0px;  padding-top: 10px;color: #777; text-align: center;  height: 60px; border-top: 1px dashed #444; }
#piede a { color: #666;}
	img{border:none;}

	a.fr { float: right; z-index:20; }


	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;
		margin:.5em 0;
		width:674px;
		}

    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */



/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li, #slider2 li{
		/*
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/
		width:960px;
		height:525px;
		}

	/* numeric controls */

	ol#controls{
		padding:0;
		}
	ol#controls li{
		margin:0 10px 0 0;
		padding:0 5px;
		float:left;
		list-style:none;
	}
	ol#controls li a{
		float:left;
		border:1px solid #ccc;
		background: grey;
		color: white;
		padding:0 5px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:black;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* // Easy Slider */
	#slider_phone {display: none;}
	#menu_phone{ display: none;}


@media (max-width:600px)
{
	#pagina { width: 100%; overflow: hidden;  font-size: 17px; }
	#menu { display: none;}
	#header { width: 100%; height: 70px; background: none;}
	#menu_phone{ display: block; width: 100%; line-height: 40px;position: absolute; top: 0; height: 50px; overflow: hidden;  color: white;}
	#menu_phone a { border-top: 1px solid #aaa; display: block; line-height: 45px; background-color: rgba(255,255,255, 0.95); }


	#slider { display: none; margin: 0;}
	#slider_phone, #slider_phone img { width: 100%; display: block;}
	#terzo2, #terzo { width: 90%; margin: 0 5%; float: none;}
#terzo2  img { max-width: 100%!important; width: 100%;}
}