/* GENERICI */
#red {color:#FF0000;}


body {margin: 0;padding: 0;background:url(../images/sfondo.jpg) top left repeat-x}
* {margin: 0; padding: 0; border: 0; font-family: Georgia, Times, serif; }
#logo {width:770px; height:300px;background:url(../images/logo_index.gif) 50% 50% no-repeat;}
/* CONTENITORI PRINCIPALI */
#container {width:780px;height:710px;margin: 0px auto; background-color:transparent}
#container2 {width:770px;height:710px;margin: 0px auto;background:url(../images/image.jpg) no-repeat}
/*HEADER*/
#header {width:770px;height:150px;margin:0px; background:url(../images/logo_home.gif) bottom left no-repeat}
.selector {width:770px;height:150px; float:left;}
.selector ul {width:770px;height:auto; float:left; marign:10px 100px 20px 100px; font-family: Georgia, Times, serif;font-size:13px; font-weight:normal; color:#333;text-align:center;padding-top:20px}
.selector li { display:inline; padding:10px;}
.selector li a { text-decoration:none; color:#333}
.selector li a:hover { text-decoration:none; color:#733588}

.selector img {margin:0px 5px}
/*ELEMENTI POSIZIONE ASSOLUTA */
.uva  { position:absolute;width:231px; height:254px; margin-top:0px; margin-left:600px; z-index:10; background:url(../images/uva.gif) top right no-repeat }
/* MENU */
.menu {width:770px; height:32px;margin-bottom:2px;}
.menu ul, #menu div {width:490px; height:30px; float:right; margin-right:10px; list-style:none; background-color:#733588; border:2px solid #ffffff}
.menu li {display:inline; padding:8px 5px; font-family: Georgia, Times, serif; font-size:12px;font-weight:700; color:#FFFFFF; line-height:30px;}
.menu li a {color:#fff; text-decoration:none }
.menu li a:hover { color:#CC9900;text-decoration:none}
.menu li a:current {color:#CC9900}
/* MAIN BOX */
.mainbox1 {width:510px; height:auto; float:right; margin:0px 10px 0px 0px!important /*Non IE6*/;margin:0px 10px/*IE6*/; padding-bottom:10px;background:url(../images/ombra.gif) bottom left no-repeat}
.mainbox2 {width:494px; height:auto; float:right; clear:both; margin-left:2px; padding-bottom:15px;background:#fff url(../images/bg_mainbox.gif) bottom left repeat-x; border-top:2px solid #733588}
.mainbox2 p {margin:5px 80px 10px 20px; color:#333; font-size:11px; line-height:1.3em}

.mainbox2-splitleft {float:left; width:290px;height:auto;}
.mainbox2-splitright {float:right; width:190px;height:auto;}
.mainbox2-splitleft p {margin:5px 10px 10px 20px; color:#333; font-size:11px; line-height:1.3em}

.thumbs {width:464px; height:auto;padding:5px 15px;float:left;}
.thumbs img {margin:2px 5px 20px 5px;padding:1px;border:2px solid #ccc}
.thumbs a:hover img  {border:2px solid #733588}
/*COLONNA SINISTRA */
.leftcolumn 		{float:left; width:145px; height:auto; margin-left:35px!important /*Non IE6*/;margin-left:18px/*IE6*/; background:transparent}
.box_elencoschede	{float:left; width:185px; height:300px;margin-left:-14px; background:url(../images/bg_elencoschede.jpg) no-repeat}
/*FOOTER*/
.footer {width:494px; height:100px; float:right; clear:both; margin:20px 10px 5px 0px;}
.index {width:770px; height:100px; float:left; clear:both; margin:20px 10px 5px -120px!important /*Non IE6*/;margin:20px 10px 5px -60px /*IE6*/; text-align:center}

.footer p {font-size:10px; color:#666; margin:5px 0 0 0px; line-height:13px;font-family: "Trebuchet ms", Arial, Verdana, sans-serif;}
.footer h6 {font-size:11px; color:#666; margin:10px 0 0 0px;font-family: "Trebuchet ms", Arial, Verdana, sans-serif;}
.footer a {color:#733588; text-decoration:none}
.footer a:hover {color:#733588; text-decoration:underline}

/*INTESTAZIONI*/
h1 {margin:10px 5px 15px 0px; color:#733588; font-size:18px; text-transform:uppercase}
h2 {margin:0px 5px 5px 18px; color:#733588; font-size:16px; letter-spacing:-1px}
h3 {margin:2px 5px 10px 5px; color:#733588; font-size:14px;}
h4 {margin:2px 5px 10px 18px; color:#666; font-size:12px; }

/*LINKS */
a 		{color:#733588; text-decoration:none}
a:hover {color:#733588; text-decoration:underline}

/*LINK DI SERVIZIO */
.nav-service {width:300px; position:absolute; z-index:3; margin:5px 0 0 260px; }
.nav-service ul {float:left; padding:5px 0px 0 0; font-weight:normal;}	
.nav-service li {display:inline; list-style:none;font-family: "Trebuchet ms", Arial, Verdana, sans-serif;}
.nav-service li a {display:block; float:left; padding:0px 7px 0px 7px; color: #666;font-family: "Trebuchet ms", Arial, Verdana, sans-serif; text-decoration:none; font-size:11px; border-right: 1px solid #fff}
.nav-service a:hover {text-decoration:none; color:#733588;}

/*IMMAGINI */
.floatleft {margin:2px 10px 20px 15px;padding:1px;float:left; border:2px solid #ccc}
.imgbottle {margin:5px 0px 40px 0px;}

/* VARIE*/
.clear {clear:both;width:auto;margin: 3px 0px; height:2px; border:none; background:none;}
strong { font-weight:bold; color:#733588;}
hr	   { width:380px; color:#c3c3c3; height:1px; margin:0px 0px 0px -30px}
/*ELENCO PUNTATO */
.mainbox2 ul{width:auto;margin-left:10px;}
.mainbox2 li {width:auto; list-style:none; padding:1px;margin:1px 0px 2px 10px; font-size:11px; color:#333}
.mainbox2 li.titolo {width:auto; list-style:none; padding:1px;margin:1px 0px 2px 10px; font-size:11px; color:#733588; font-weight:bold}

.mainbox2 li a 		{width:auto; list-style:none; padding:1px; text-decoration:none}
.mainbox2 li a:hover{width:auto; list-style:none; padding:1px; color:#733588; text-decoration:underline}
.mainbox2 li img 	{margin:2px 5px 20px 5px;padding:1px;border:2px solid #ccc}

.mainbox2-splitright ul{width:auto;}
.mainbox2-splitright li {width:auto; list-style:none; padding:1px;margin:1px 0px 2px 10px; font-size:11px; color:#333;line-height:1.3em}
.mainbox2-splitright li a {width:auto; list-style:none; padding:1px; text-decoration:none}
.mainbox2-splitright li a:hover{width:auto; list-style:none; padding:1px; color:#733588; text-decoration:underline}
.mainbox2-splitright li img {margin:2px 5px 20px 5px;padding:1px;border:2px solid #ccc}
.mainbox2-splitleft ul {width:auto; height:auto; float:left; margin:5px}
.mainbox2-splitleft li { list-style:none; padding:5px; margin-left:10px; color:#333; font-size:11px; line-height:1.4em font-weight:normal}
.mainbox2-splitleft li a { list-style:none; color:#333; font-size:12px; line-height:1.6em; font-weight:normal; text-decoration:none}
.mainbox2-splitleft li a:hover { list-style:none; color:#733588; font-size:11px; font-weight:normal; text-decoration:none}

.box_elencoschede ul {width:auto; height:auto; float:left;margin:75px 5px 5px 5px;}
.box_elencoschede li { list-style:none; padding:1px ; margin-left:15px; color:#333; font-size:11px; font-weight:bold}
.box_elencoschede li.title { list-style:none;margin:5px 0px 5px 0px; color:#733588; font-size:16px; font-weight:bold;/*border-bottom:2px solid #733588;*/letter-spacing:-1px}
.box_elencoschede li a { list-style:none; color:#333; font-size:11px; font-weight:bold; text-decoration:none}
.box_elencoschede li a:hover { list-style:none; color:#733588; font-size:11px; font-weight:bold; text-decoration:none;}
.box_elencoschede li.title a { list-style:none;margin:5px 0px 5px 10px; color:#733588; font-size:16px; font-weight:bold;letter-spacing:-1px}
.box_elencoschede li.title a:hover { list-style:none;margin:5px 0px 5px 10px; color:#CC9900; font-size:16px; font-weight:bold;letter-spacing:-1px}


