/*   RESET   */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }

q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
a img { border:none; position: relative;}
a:active, a:focus { outline: none;}

/*   FINE RESET   */

html,body{margin:0;padding:0}

body {
	font-family: Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;
	width:100%;
	background-color:#f3f3f3;
	font-size: 12px;
}

#footer {
	position:relative;
	height: 223px;
	margin:0 auto 0 auto;
	background-color:#d7d6d6;
}

#rigafooter {
	position:relative;
	top:0;
	height: 1px;
	margin:0 auto 0 auto;
	background-color:#000;
}

#fondo {
	position:relative;
	width:960px;
	height:223px;
	margin:0 auto 0 auto;
	color:#000;
	letter-spacing: 0.4em;
}

div#header {
	position:relative;
	width:960px;
	height: 417px;
	margin-right: auto;
	margin-left: auto;
}

div#container1 {
	position:relative;
	height:510px;
	margin-right: auto;
	margin-left: auto;
	background:url(../images/fondo_foto.png) repeat-x 0 0;
}

div#container2 {
	position:relative;
	height:640px;
	margin-right: auto;
	margin-left: auto;
}

div#container3 {
	position:relative;
	height:640px;
	margin-right: auto;
	margin-left: auto;
}

div#corpo {
	position:relative;
	width:960px;
	height:528px;
	margin-right: auto;
	margin-left: auto;
}

div#logo {
	position:absolute;
	top: 0px;
	left: 0px;
	width:320px;
	height:112px;
	z-index:30;
	background:url(../images/logo_Siciledil.png) no-repeat 0 0;
}

div#striscianera {
	position:absolute;
	top:0;
	left:0;
	width:960px;
	height:112px;
	z-index:20;
	margin-right: auto;
	margin-left: auto;
	background:url(../images/nero_semiopaco.png) repeat 0 0;
}

div#strisciarossa {
	position:absolute;
	top:368px;
	left:45px;
	width:378px;
	height:76px;
	padding:18px 28px;
	z-index:12;
	background:url(../images/rosso_semiopaco.png) repeat 0 0;
}

div#strisciarossa span{
	position:relative;
	font-size:24px;
	line-height:36px;
	color:#FFF;
	letter-spacing:2px;
}

a {
	color:#000; 
	text-decoration:none; 
}

a:visited {
	color:#000; 
	text-decoration:none; 
}

a:hover {
	color:#000;
	text-decoration:underline;
}

p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	letter-spacing: 0.1em;
	text-align: left;
	clear:both;
	color: #000;
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	letter-spacing: 0.1em;
	color:#b50000;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 21px;
	letter-spacing: 0.1em;
}

#sedie_home h2{
	position:relative;
	top:46px;
	right:12px;
	font-size: 18px;
	font-weight: normal;
	letter-spacing:0.1em;
	text-align:right;
}

.strisciagrigia {
	position:absolute;
	width:160px;
	height:76px;
	top:280px;
	right:0px;
	z-index:30;
	background:url(../images/grigio_semiopaco.png) repeat 0 0;
}

.striscia_testo {
	position:absolute;
	width:318px;
	height:134px;
	top:194px;
	right:0px;
	z-index:30;
	text-align:right;
	background:url(../images/fondo_testata_testo.png) no-repeat 0 0;
}

.striscia_testo span{
	z-index:40;
	font-size:14px;
}

.striscia_testo_area{
	position:relative;
	width:250px;
	height:100px;
	top:36px;
	margin:0 auto;
}

 
.riga_orizz {
	position:relative;
	background-color:#333;
	left:25px;
	height:1px;
	width: 434px;
	margin:10px 0 10px 0;
	
}

div#colonna_sx {
	position:relative;
	width:460px;
	height:430px;
	top:50px;
	left:20px;
}

div#colonna_dx {
	position:absolute;
	width:454px;
	height:470px;
	top:57px;
	right:0px;
}

.riga_doppia {
	position:relative;
	background-color:#333;
	height:2px;
	width: 960px;
	margin:0px auto;
}

.contenuto_mappa {
	position:relative;
	left:0;
	margin:0;
}

#map {
    width: 640px; 
    height: 510px;
}

#native {
	float:right;
	display:inline;
	text-decoration: none;
	font-size:12px;
	letter-spacing:1px;
	font-weight:bold;
}

#copy_siciledil {
	font-size:12px;
	letter-spacing:1px;
	font-weight:bold;
	display:inline;
	float:left;
}

.feature {
	position:relative;
    width:   320px;  
    height:  510px;  
    padding: 0;  
    margin:  0;
    top:  0; 
    left: 0;
}
 
.feature img {  
    width:  320px; 
    height: 510px; 
    top:  0; 
    left: 0;
}

div#testi {
	position:relative;
	width:464px;
	height:375px;
}

div#testi p{
	padding:0 0 0 10px;
	width:440px;
	text-align:left;
	font-size:13px;
	line-height:22px;
	letter-spacing:0.1px;
	font-weight:bold;
	color:#424447;
}


/*CSS principale per il menu lingua*/
#menu_lingua { position:absolute; top:10px; left:883px; padding:0; margin:0; font-family: Arial; font-size: 12px; z-index:80;}
#menu_lingua ul {padding: 0px; margin: 0px;}
#menu_lingua li {position: relative; float: left; list-style: none; margin:0; padding:0;}
#menu_lingua li a {width:80px; display: block; text-decoration: none; text-align:center; letter-spacing:1px; color: #fff;}
#menu_lingua ul li a {color: #fff; background:url(../images/barra.png) no-repeat 0 1px;}
#menu_lingua ul li:hover ul {visibility: visible;}

/*CSS principale per il menu*/
#menu { position:absolute; top:82px; right:17px; padding:0; margin:0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; z-index:80;}
#menu ul {padding: 0px; margin: 0px; }
#menu li {position: relative; float:left; list-style:none; padding:0px;  margin:0 37px;}
#menu li a { width:auto; height:30px; display:block; text-decoration: none; text-align:left; line-height:26px; letter-spacing:1px; color: #fff;}
#menu ul li a {color: #fff;}
#menu ul ul li a {position:relative; left:-37px; width:110px; background:url(../images/grigioscuro_semiopaco.png) repeat 0 0; color: #bbb; padding-left:20px; z-index:81;}
#menu ul ul ul li a {color: #bbb;  width:270px;}
#menu ul ul li a:hover {background: #2d2d2d; color: #fff; z-index:82;}
#menu ul ul ul li a:hover {color: #fff;}
#menu ul ul {position: absolute; top:30px; visibility: hidden;}
#menu ul li:hover ul {visibility: visible;}
#menu ul ul ul li {visibility: hidden; left:-327px; top:-30px;}
#menu ul ul li:hover ul li {visibility: visible;}

#menu li a:hover {
	display:block;
	background-position:50% -30px;
	background-repeat:repeat-x; 
	text-indent:0px;
	overflow:hidden;
	height:30px;
}

#menu ul ul li a.active, ul#main-menu ul ul li a.active:visited {
	background-color:#222;
	height:30px;
}

#menu li a.active, ul#main-menu li a.active:visited {
	background-position:0 -30px;
	background-repeat:repeat-x; 
	height:30px;
}

#menu li a.active:hover {
	background-position:50% -30px;
	background-repeat:repeat-x; 
	height:30px;
}

.main-menu-it-100, .main-menu-it-200, .main-menu-it-300 {
	background-image:url(../images/menu_back.gif);
	background-repeat:repeat-x;
}

/*CSS principale per il menu
#menu { position:absolute; top:82px; left:530px; padding:0; margin:0; font-family: Arial; font-size: 13px; z-index:80;}
#menu ul {padding: 0px; margin: 0px;}
#menu li {position: relative; float: left; list-style: none; margin: 0px; padding: 0px;}
#menu li a {width:122px; height: 30px; display: block; text-decoration: none; text-align: left; line-height: 26px; letter-spacing:1px; padding-left:20px; color: #fff;}

#menu ul li a {color: #fff;}
#menu ul ul li a {background:url(../images/grigioscuro_semiopaco.png) repeat 0 0; }
#menu ul ul ul li a {color: #d30101; }
#menu ul ul li a:hover {background: #555; color: #fff;}
#menu ul ul ul li a:hover {color: #d30101;}
#menu ul ul {position: absolute; top: 30px; visibility: hidden;}
#menu ul li:hover ul {visibility: visible;}
#menu ul ul ul li {visibility: hidden; left: 142px; top: -30px;}
#menu ul ul li:hover ul li {visibility: visible;}

#menu li a:hover {
	display:block;
	background-position:50% -30px;
	background-repeat:no-repeat; 
	text-indent:0px;
	overflow:hidden;
	height:30px;
}


#menu li a.active, ul#main-menu li a.active:visited {
	background-position:0 -30px;
	height:30px;
}


#menu li a.active:hover {
	background-position:50% -30px;
	height:30px;
}


.main-menu-it-100 {
	background-image:url(../images/menu_back_azienda.gif);
	width:122px;
	padding:0;
}

.main-menu-it-200 {
	background-image:url(../images/menu_back_prodotti.gif);
	width:122px;
	padding:0;
}

.main-menu-it-300 {
	background-image:url(../images/menu_back_contatti.gif);
	width:122px;
	padding-left:20px;
}
*/

#portfolio {
	position:relative;
	width: 960px;
	top:0px;
}

.item a {
	text-decoration: none;
}

li.item {
	position: relative;
	width: 300px;
	height: 166px;
	float: left;
	display: inline-block;
	margin: 60px 10px 5px 10px;
}

li.item img{
	width: 300px;
	height: 166px;
/*	border: 1px solid #bebebe;*/
}

li.item h2{
	padding:0 0px;
	font-size:14px;
	line-height:24px;
	letter-spacing:0.2px;
	font-weight:bold;
	color:#424447;
}

li.item p{
	padding:0 0px;
	font-size:12px;
	line-height:12px;
	letter-spacing:0.2px;
	font-weight:bold;
	color:#424447;
}

.prodotti_prd {
	position:relative;
	width: 146px;
	height:110px;
	margin:10px 26px 20px 20px;
	float:left;
	display:inline;
	background-image: url(../images/ombra_prodotti.png);
	background-repeat: no-repeat;
	background-position: center 82px;
}

.prodotti_prd img{
	position:relative;
	top:0px;
	width: 146px;
	height:86px;
	border: 1px solid #3f3f3f;
	margin-bottom:6px;
}