/* Base Styles

----------------------------------------------- */
html{	margin: 0;
	padding: 0;
	background: url(../img/sfondo.jpg) top center no-repeat #000;
}

body {padding: 0px;
	margin: 0px;
	font-family: Sans Serif;
	font-size: 16px;
	color: #fff;
}

acronym, abbr 	{ cursor: help;	}

img a {border: 0px;}
img {border: 0px;}

a:link { color: #fff; text-decoration: none;}
a:visited {color: #fff; text-decoration: none;}
a:active { color: #fff; text-decoration: none;}
a:hover { color: #726E68; text-decoration:underline;}

h1 { font-family:Times New Roman;color: #fff; margin:0px 0px 20px 0px;padding:0px;font-size:33px; font-weight:normal;}
h2 { font-family:Times New Roman;color: #BE9F71; margin:0px 0px 20px 0px;padding:0px;font-size:26px; font-weight:normal;}

h1.eng { font-family:Times New Roman;color: #fff; margin:0px 0px 20px 0px;padding:0px;font-size:31px; font-weight:normal;}

div.clearer {clear:left;margin:0px;padding:0px}

p {clear:both;margin:0px;padding:0px}

span.verde {color:#00A650;}
span.rosso {color:#ED1C24;}

span.times { font-family:Times New Roman;color: #fff;font-size:17px}

.evi {color:#BE9F71;font-size:18px;line-height:5px;}

.piccolo {font-size:12px}

/* classi generiche*/

.centrale {
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	padding:0px;
	clear:both;
}


/* FINE classi generiche*/

/*--- INIZIO TOP ---*/

#top1,#top2 {	float:left;}

#top1 {	width:280px;
	padding:0px;
  height:296px;}

#top2 {	width:710px;
	padding:0px;
  height:296px;}
  
#top2 img {width:710px;height:296px;}

/* -- menu --*/

#sfondomenu {width:990px;
  height:61px;
  padding:0px;
  background-image:url(../img/sfondomenu.png);background-position:bottom center;background-repeat:no-repeat;
  clear:both; }

#menubox {width:805px;
  height:31px;
  padding:30px 0px 0px 0px;
  float:left; }

#menubox .menu {padding:0px 0px 0px 25px;
  width:780px;
  height:31px;
  text-align:center;}
/* FANCYMENU */

#fancymenu {position: relative;
	width:780px;
  height:31px;
  margin:0px 0px 0px 0px;
	overflow: hidden;}

#fancymenu ul, #pictureselect {	padding: 0;	margin: 0;}

/* Don't apply padding here (offsetWidth will differ in IE)
    If you need padding add it to the child anchor */
#fancymenu ul li, #pictureselect li {	float: left;
	list-style: none;
	font-family:times new roman;
	font-size:20px;
  margin-right:17px;}

#fancymenu ul li a, #pictureselect li a  {z-index: 10;
	display: block;
	float: left;
	padding:3px 18px 0px 20px;
	height: 28px;
	margin:0px;	
	text-align:center;
	position: relative;
	overflow: hidden;	
	font-weight:normal;
	color:#fff;
	text-decoration:none;}

#fancymenu ul li a:hover, #pictureselect li a:hover  {color:#fff;	text-decoration:none;}

#fancymenu ul li .in  {	font-weight:normal;
	color:#fff;
	text-decoration:none;}

#fancymenu li.background {
	/*background: url('images/bg_menu_right.png') no-repeat top right !important;*/
	background: url('../img/bg_menu_right.png') no-repeat top right;
	z-index: 8;
	height: 31px;
	position: absolute;
	visibility: hidden;}

#fancymenu .background .left {
	/*background: url('images/bg_menu.png') no-repeat top left !important;*/
	background: url('../img/bg_menu.png') no-repeat top left;
	height: 31px;
	margin-right: 20px; /* 7px is the width of the rounded shape */}

/* Fine menu*/

#lingue {width:160px;
  height:31px;
  padding:30px 25px 0px 0px;
  float:left;
  text-align:left;}

#lingue ul {list-style:none;margin:0px 0px 0px 75px;padding:5px 0 0 0;}

#lingue ul li.ita,
#lingue ul li.eng { margin:0px;padding: 0;float:left;}

#lingue ul li.ita a,
#lingue ul li.eng a { display: block;
	margin:0px 0px 0px 10px;
  padding: 0px;
  height:20px;
  width:32px;
  float:left;}

#lingue ul li.ita a { background: url(../img/b_ita.jpg) no-repeat 0 0;}
#lingue ul li.eng a { background: url(../img/b_eng.jpg) no-repeat 0 0;}

#lingue ul li.ita a:hover,#lingue ul li.ita a:focus,#lingue ul li.ita a:active,
#lingue ul li.eng a:hover,#lingue ul li.eng a:focus,#lingue ul li.eng a:active { background-position: 0 -20px;text-decoration:none}

#lingue ul li.ita a span,
#lingue ul li.eng a span { display:none;}

/*--- INIZIO CENTRO ---*/
#sfondocentro {width:990px;
  padding:0px;
  background-image:url(../img/sfondocentro.png);background-position:top center;background-repeat:repeat-y;
  clear:both; }

#centrobox1, #centrobox2,
#centroint1, #centroint2,
#centrobox2cont { float:left;}

#centrobox1 { width:400px;
  margin:0px 0px 0px 25px;
  padding:40px 0 0 0;
  min-height:440px;height:auto!important;height:440px;
  text-align:left;
  font-family:sans-serif;}

#centrobox1 ul#portfolio {list-style:none;margin:0px;padding:0px}
#centrobox1 ul#portfolio li {text-align:center;width:399px}  
#centrobox1 ul#portfolio li img {border:0px;margin:0px;padding:0px}  

#centrobox2 { width:540px;
  margin:0px 25px 0px 0px;
  padding:90px 0 0 0;
  text-align:left;}
  
#centrobox2cont { width:540px;
  margin:0px 25px 0px 0px;
  padding:40px 0 0 0;
  text-align:left;
  font-family:sans-serif;
  color:#fff}

#centrobox2 p { text-align:justify;font-size:16px;padding:0px 20px 70px 0px;font-family:sans-serif;}

#centrobox2 .madeinitaly { background:url(../img/madeinitaly.gif) 0 0 no-repeat;
  padding:0px 0px 0px 93px;
  text-align:left;
  font-size:22px;}

#centrobox2 .madeinitaly_eng { background:url(../img/madeinitaly.gif) 0 0 no-repeat;
  padding:0px 0px 0px 93px;
  text-align:left;
  font-size:21px;}
    
#centroint1 { width:223px;
  margin:0px 0px 30px 25px;
  padding:40px 0 0 0;
  text-align:left;}

#centroint1 ul {list-style:none;margin:5px 0px 0px 15px;padding:0px;}

#centroint1 ul li,
#centroint1 ul li.in { margin:0px;padding: 0;}

#centroint1 ul li a,
#centroint1 ul li.in a { display: block;
	margin:0px 0px 5px 0px;
  padding: 2px 0px 5px 5px;
  min-height:20px;height:auto!important;height:20px;
  font-size:20px;
  text-align:left;
  width:202px;
  font-family:times new roman}
  
#centroint1 ul li a { border-bottom:1px solid #242424;}
#centroint1 ul li.in a { border-bottom:1px solid #4A320D;}

#centroint1 ul li a {color:#fff;}
#centroint1 ul li.in a {color:#BE9F71;}

#centroint1 ul li a:hover, #centroint1 ul li a:focus, #centroint1 ul li a:active,
#centroint1 ul li.in a:hover,#centroint1 ul li.in a:focus,#centroint1 ul li.in a:active {color:#BE9F71;text-decoration:none;border-bottom:1px solid #4A320D;}

#centroint2 { width:670px;
  margin:0px 25px 0px 45px;
  padding:40px 0 0 0;
  text-align:left;}

#centroint2 p, #centroint2 .testoint { text-align:justify;font-size:16px;padding:0px 0px 20px 0px;font-family:sans-serif;}

#centroint2 ul.gen {list-style:none;margin:0px 0px 20px 20px;padding:0px;}

#centroint2 ul.gen li { margin:0px;
  padding: 0px 0px 10px 18px;
  font-size:16px;  
  background:url(../img/li-centroint2.gif) 0 0 no-repeat;
  font-family:sans-serif;}


/* jQuery lightBox plugin - Gallery style */
#gallery {padding: 20px 0 10px 0;
    margin:0px;
		width: 670px;	}
		
#gallery ul { list-style: none;margin:0px;padding:0px 0 20px 0 }
#gallery ul li { display: inline; }
#gallery ul img {	border: 2px solid #fff;
    margin:0px 7px 14px 7px;
    width:145px;
    height:100px;	}

#gallery ul { list-style: none;margin:0px;padding:0px 0 20px 0 }
#gallery ul li { display: inline; }
#gallery ul img {	border: 2px solid #fff;
    margin:0px 7px 14px 7px;
    width:145px;
    height:100px;	}

#gallery ul a:hover img {border: 2px solid #BE9F71;}

/* ---- Gallery foto nel testo ---- */
.gallery_testo {padding:  0; margin:0px}
		
.gallery_testo { list-style: none;margin:0px;padding:0px}
.gallery_testo li { display: inline; }
.gallery_testo img {	border: 2px solid #fff;
    width:200px;
    height:145px;	}

ul.gallery_testo  { list-style: none;margin:0px;padding:0px }
ul.gallery_testo li { display: inline; }
ul.gallery_testo img {	border: 2px solid #fff;
    width:200px;
    height:145px;	}

ul.gallery_testo  a:hover img {border: 2px solid #BE9F71;}

/* ---- */

#koine { width:970px;
  margin:0px 25px 0px 45px;
  padding:40px 0 0 0;
  clear:both;}
  
#koine img { width:920px;height:223px;}

/* -- FORM -- */
form { margin:0px 0px 0px 23px;float:left;}
form input[type="text"] {width:230px;border:1px solid #fff;padding:2px 3px 2px 3px;margin:3px 0px 0px 0px;background:#E6C89B;color:#000;font-size:14px;}
form input[type="text"].esteso {width:304px;border:1px solid #fff;padding:2px 3px 2px 3px;margin:3px 0px 0px 0px;background:#E6C89B;color:#000;font-size:14px;}
form input[type="text"].codice {width:80px;border:1px solid #BE9F71;padding:2px 3px 2px 3px;margin:3px 5px 0px 5px;background:#fff;color:#000;font-size:14px;}
form textarea {width:310px;height:80px;border:1px solid #fff;padding:2px 3px 2px 3px;margin:3px 0px 0px 0px;background:#E6C89B;color:#000;font-size:14px;}

form .label1 {float:left;width:75px;margin:0 0 10px 0px;padding:2px 0 0 0;text-align:left;}


form .label {clear:both;margin:5px 0 10px 0px;text-align:left;}

form .privacy {margin:3px 0px 10px 0px;
  padding:2px 3px 2px 3px;
  width:310px;
  height:80px;
  font-size:11px;
  color:#000;
  border: 1px solid #fff;
	background: #C9BEAD;
	overflow-y: scroll;
	text-align:justify;}


/*--- INIZIO BOTTOM ---*/
#bottom1, #bottom2 { clear:both;border-top:1px solid #242424;padding:15px 25px;margin:0px;width:940px}

#bottom1 { color:#726E68;text-align:left;font-size:16px;height:65px}
#bottom1 h1 { font-size:15px;font-weight:bold;margin:0px 0px 10px 0px;color:#726E68;}

#bottom1 .indirizzo, #bottom1 .telefono, #bottom1 .email { float:left;height:23px;font-size:13px;text-align:left;font-family:sans-serif}

#bottom1 .indirizzo { background:url(../img/sf_indirizzo.jpg) 0 0 no-repeat;padding:7px 28px 0px 37px;}
#bottom1 .telefono { background:url(../img/sf_telefono.jpg) 0 0 no-repeat;padding:7px 25px 0px 35px;}
#bottom1 .email { background:url(../img/sf_email.jpg) 0 0 no-repeat;padding:7px 0px 0px 32px;}

#bottom1 .email a:link {color:#726E68;}
#bottom1 .email a:hover, #bottom1 .email a:focus, #bottom1 .email a:active {color:#fff;}

#bottom2 {text-align:center;color:#514D47;font-size:11px;font-family:sans-serif;}
#bottom2 a:link {color:#BE9F71}
#bottom2 a:hover, #bottom2 a:focus, #bottom2 a:active {color:#fff}

