/* CSS Document */
/* CSS Document */

*{margin:0; padding:0}



img{border:none;}

body{ background-image:#bde0fc; background-repeat:no-repeat; }

h1{font-size:5px;}

h2{ font-family:Arial, Helvetica, sans-serif; font-weight:100; font-size:18px; color:#024c9f; margin-top:100px; line-height:15px}

table{border:1px solid #2a7ac3; font-family:Verdana, Arial, Helvetica, sans-serif; color:#003366;font-size:12px;text-align:center; background-color: #E2EDF1; margin-top:40px }

h3{font-family:Arial, Helvetica, sans-serif; font-weight:100; font-size:16px; color:#024c9f;line-height:15px}

td{ border:1px solid #fff; padding:2px;}

a{ text-decoration:none;}

p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#58595b}

.link{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#58595b; text-decoration:underline; margin-top:-30px }

ul{padding-bottom:10px;}

#index_top{ width:auto; min-width:990px; height:363px; background:url(img/Bg_index_top.jpg) no-repeat;padding-top:40px;}

#index_top img{padding-right:10px;}

#index_bottom{ width:auto;height:auto; background:url(img/Bg_index_bottom.jpg) no-repeat;border-top:1px solid #FFF}

#index_bottom p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#1b4261; width:300px; height:100px; margin-left:220px; padding-top:20px;}

#index_bottom h1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#1b4261; padding:10px 0 0 220px; }

#bottom h4{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#1b4261; padding:10px 0 0 50px; }

#bottom{
	width:auto;
	height:auto;
	background:url(img/Bg_index_bottom.jpg);
	background-repeat: repeat-x;
	border-top:1px solid #FFF;
	background-color: #FFFFFF;
}

#bottom p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#1b4261;
	width:300px;
	height:100px;
	margin-left:50px;
	padding-top:20px;
}
#bottom li{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#1b4261; width:300px;margin-left:30px; display:inline}

#bottom a{ text-decoration:none; color:#ffa217}

#bottom a:hover{color:#ffc775}

#index_bottom a{ text-decoration:none; color:#ffa217}

#index_bottom a:hover{color:#ffc775}

#news{ width:151px;float:right;height:180px; background-image:url(img/bkg_news.png); } 

#news p{ margin-top:30px; margin-left:15px;}
#news-en{ width:151px;float:right;height:180px; background-image:url(img/bkg_news-en.png); } 

#news-en p{ margin-top:30px; margin-left:15px;}

#origini{ width:151px;float:right;height:180px; background-image:url(img/bkg_origini.png); margin-top:25px } 

#origini p{ padding-top:50px; margin-left:15px; margin-right:5px}
#origini-en{ width:151px;float:right;height:180px; background-image:url(img/bkg_origini-en.png); margin-top:25px } 

#origini-en p{ padding-top:50px; margin-left:15px; margin-right:5px}
#origini-de{ width:151px;float:right;height:180px; background-image:url(img/bkg_origini-de.png); margin-top:25px } 

#origini-de p{ padding-top:50px; margin-left:15px; margin-right:5px}

/*#menu1 a{ text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:900; color:#fff; padding-right:30px;}*/

#cont{width:1024px; height:420px;  }

#left{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#58595b;width:420px; height:auto; text-indent: 2em;text-align: justify; float:left}

#left2 p{ font-family:Arial, Helvetica, sans-serif; color:#333333; margin-bottom:5px; margin-left:50px}
#left2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#58595b;width:420px; height:auto; text-indent: 2em;text-align: center; }

#left p{ font-family:Arial, Helvetica, sans-serif; color:#333333; margin-bottom:5px}

#left img{ float:left; margin-right:8px;  }

#cna{ width:420px; height:auto; float:left; background-color:#fff0e1;}

#cna p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#412305; padding:15px; text-align:justify}

#left li{ list-style: cjk-ideographic;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#58595b; }

#left-big{ width:580px; height:auto; float:left;}

#menu_sub{ width:420px; height:20px; float:left; border:solid 3px #FFF; margin-top:6px; padding-bottom:9px }

#menu_sub p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#58595b; }

#menu_sub a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#58595b; }

#menu_sub a:hover{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#99CCFF

}

#right-foto{ float:right; width:151px; height:auto}



.right{  float:right; padding-left:15px}

#box{ min-height:200px; background-color:#000;  margin-left:60px; margin-top:30px; }

#box p{ padding:10px;}

#box a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; }

#boxRight{ min-height:200px; min-width:460px; float:left;/* margin:30px 100px 0 0 ;*/ padding-bottom:10px;}

#boxRight p{ padding:10px;}

#boxRight a { text-decoration:underline; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; }

#boxGallery{ height:355px; width:480px; float:left; padding-bottom:10px;}



.fotoBox{ width:350px; height:105px; border:1px solid red; z-index:2;}

#indirizzo { width:300px; height:100px; margin-left:30px; padding-top:2px;}

#indirizzo h3{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#06278f; }

#indirizzo p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#031241; }

#indirizzo a{ text-decoration:none; color:#ffa217}

#indirizzo a:hover{color:#ffc775}



#azienda_top{ width:auto; height:650px; padding-top:40px; }





#logo{/* width:874px; */ width:auto;height:95px; background:url(img/bg_logo.png) repeat-x;}

.prima_bandiera{ padding-left:100px;}

.logo_index{ padding:28px 0 0 150px;}

.sposta{ text-indent: -9999px;}

.canc{ clear:both}

.lrPadding{ padding:0 20px;}

.lrMargin{ margin-left:40px}

#box ul li a:hover{ color:#aa0202}

.border{ border:2px solid #fff; margin-left:3px;}

.boderGallery{ border:3px solid #fff;}

.titoletto{

	font-weight:900;

	color:#003366

}

.fotoTitolare{ position:absolute; top:420px; left:390px; z-index:2 }

#contenuto{
	position: absolute;
	z-index: 5;
	width:600px;
	height:420px;
	left: 49px;
	top:193px;
	padding:20px 20px 20px 40px;
	overflow: auto;
	float:left;
}

#contenuto p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#58595b; float:left}

#sfondo_contenuto{position: absolute;z-index: 4;width:600px;height:420px;left: 50px;top:200px;padding:20px;background-color: white;filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;}

.margine{ margin-top:10px}

#contenuto img{ margin-top:10px}

#articolo{ width:950px; float:left}

#left .box-contatti{ width:200px; float:left; padding:10px; text-align:left;  margin-top:15px;font-weight:bold; margin:2px}

#left .box-contattiR{ width:150px; float:right;padding:10px;margin-top:15px }

.box-contattiR {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#58595b; font-weight:bold;; text-align:left; margin:2px}

.box-contatti label {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#58595b; font-weight:bold; line-height:18px}

input{ margin-left:15px; margin-bottom:3px}

textarea{margin-bottom:15px; margin-right:15px; margin-top:15px;text-align:left}

file:///Z:/StudioGrafico/Aziende/Vetreria%20Artistica/onLine/css-menu/menuMatic.css

/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish 

 * Dropdowns by Patrick Griffiths and Dan Webb. 

 * http://carroll.org.uk/sandbox/suckerfish/bones2.html

 */



/* ----[ LINKS ]----*/



/* all menu links */

#nav a, #subMenusContainer a{

	text-decoration:none;

	display:block;

	background-image:url(../img/menu-on.png);

	height:25px;

	width:100px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px; color:#000033; text-align:center; 

	

	}



/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/

#nav a{

	margin:0;

	float:left;

}



/* questo sono i sottomenu senza hover */

#subMenusContainer a, #nav li li a{

	text-decoration:none;

	background-image:url(../img/trasp.png) ; background-color:#FFFFFF; border:1px solid #FFF;

	height:25px;

	width:200px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	

	text-align:left; padding-left:5px

}

#subMenusContainer a:hover, #subMenusContainer a:focus,#subMenusContainer a.subMenuParentBtnFocused,#nav a.mainMenuParentBtnFocused{

	background-image:url(../img/trasp.png); 

	text-align:center}

/* All menu links on hover or focus */

#nav a:hover, #nav a:focus{

	color:#FFF;

	text-align:center

}

#nav a.mainMenuParentBtnFocused{background-image:url(../img/menu-on.png); color:#000033}

/* sub menu links on hover or focus */


#subMenusContainer a:hover, 

#subMenusContainer a:focus, 

#subMenusContainer a.subMenuParentBtnFocused

{background-image:url(../img/trasp-off.png); text-align:left; background-color:#FFFFFF}



#nav li a:focus{

	text-align:center;

	 

}

/*questo ? il link in hover*/

#nav li a:hover{background-image:url(../img/menu-off.png);

	color:#000033;

	text-align:center}



/* Parent Sub Menu Links ---[javascript users only]*/

.subMenuParentBtn{ 

	background: url(../img/arrow_right.gif) right center no-repeat;  

}



/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/

.subMenuParentBtnFocused{ 

	background: url(../img/arrow_right_over.gif) right center no-repeat;  

}



/* Parent Main Menu Links ---[javascript users only]*/

.mainMenuParentBtn{	

	 background: url(../img/arrow_down.gif) right center no-repeat; 

}



/* Parent Main Menu Links on hover or focus ---[javascript users only]*/

.mainMenuParentBtnFocused{	

	background: url(../img/arrow_down_over.gif) right center no-repeat; 

}



/* ----[ OLs ULs, LIs, and DIVs ]----*/



/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */

.smOW{ 

	display:none; 

	position: absolute; 

	overflow:hidden; 

	/*the 2px left & right padding lets you have a 1px border 

	  on the ul or ol inside since overflow is set to hidden*/

	padding:0 2px;

	margin:0 0 0 -2px;

}



/* All submenu OLs and ULs */

#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {

	/*border around submenu goes here*/

	

	left:0; 

}

#subMenusContainer ul, #subMenusContainer ol{line-height: 1em;}

/* All ULs and OLs */

#nav, #nav ul, #nav ol{ 

	padding: 0;

	margin: 0;

	list-style: none;

	line-height: 2em;

}



/* List items in main menu --[for non-javascript users this applies to submenus as well]  */

#nav li { 

	/*great place to use a background image as a divider*/

	display:block;

	list-style:none;

	position:relative;

	float:left; 

}



#subMenusContainer li{

	list-style: none; height:25px;  

}



/* main menu ul or ol elment */

#nav{

	display:block;

	position: absolute;

	list-style:none;

	margin:0 0 0 0; 

	z-index:5;

	top:15px;

	width:auto; height:25px;

	text-align: left;

	display:block;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; 

}

#menu1{/*width:674px;*/ width:600px; height:25px; margin-top:10px; margin-left:50px;

	position: absolute;

	list-style:none;

	z-index:4;

	top:150px;

	}



#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:6; }





/* --------------------------[ The below is just for non-javscript users ]--------------------------*/

#nav li li{	float:none; }



#nav li li a{ /* Just submenu links*/	

	position:relative;

	float:none; color:#FFFFFF;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; 

}



#nav li ul { /* second-level lists */

	position: absolute;

	width: 10em;

	margin-left: 0px; /* using left instead of display to hide menus because display: none isn't read by screen readers */

	list-style:none; 

}



/* third-and-above-level lists */

#nav li ul ul { margin: 0 }

#nav li:hover ul ul {	margin-left: -1000em; }



 /* lists nested under hovered list items */

#nav li:hover ul{	margin-left: 0; }

#nav li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}



/* extra positioning rules for limited noscript keyboard accessibility */

#nav li a:focus + ul {  margin-left: 0; margin-top:5px; }

#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}

#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}

#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}

#nav li:hover a:focus{ margin-left: 0; }

#nav li li:hover a:focus + ul { margin-left: 10em; }