* {border: 0px; margin: 0px; padding: 0px;}

body {
   background: #c0e2d4 url(../files/modello/sfondo.png) repeat-x top left;
   color: #000;
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 70%;
   text-align: center;
   }

hr {display: none;}

h1 {font-size: 150%;}
h2 {font-size: 130%;}
h3 {font-size: 120%;}
h4 {font-size: 110%;}
h5 {font-size: 100%;}
h6 {font-size: 90%;}

table {
   border-collapse: collapse;
   border: 1px solid #999;
   font-size: 12px;
   }

td {
   border: 1px solid #999;
   }

.row0 {
   font-weight: bold;
   }

.col0 {
   text-align: left;
   }

/************************************************************ esterno */

#esterno {
   width: 750px;
   margin-left: auto;
   margin-right: auto;
   }

/************************************************************ header */

#header {
   height: 180px;
   background: url(../files/modello/header.jpg) no-repeat top left;
   }

#header h1 {
   font-size: 100%;
   margin-left: 450px;
   padding-top: 70px;
   }

#header p {
   margin-left: 450px;
   }

#header a {
   color: #00b097;
   }

#header a:hover {
   color: #e06400;
   }

/************************************************************ menu orrizontale */

#menu {
   height: 40px;
   }

#menu ul {
   list-style: none;
   padding-top: 10px;
   }

#menu li {
   display: inline;
   }

#menu a {
   color: #fff;
   text-decoration: none;
   border-left: 5px solid #fff;
   padding-left: 5px;
   margin-left: 10px;
   margin-right: 10px;
   }

#menu a:hover,
#menu .menu_selected a {
   color: #e06400;
   border-left: 5px solid #e06400;
   }

/* se si aggiunge una pagina nel sottomenu del modello, ricordarsi di sistemare la formattazione qua sotto */

#page_contatti .menu_selected a,
#page_lavora_con_noi .menu_selected a,
#page_e-commerce .menu_selected a,
#page_newsletter .menu_selected a,
#page_area_riservata .menu_selected a {
   color: #fff;
   text-decoration: none;
   border-left: 5px solid #fff;
   padding-left: 5px;
   margin-left: 10px;
   margin-right: 10px;
   }

/************************************************************ barra alta */

#barra_alta {
   padding-top: 8px;
   background: url(../files/modello/sfondo_alto.gif) no-repeat top left;
   }

/************************************************************ barra bassa */

#barra_bassa {
   padding-bottom: 9px;
   background: url(../files/modello/sfondo_basso.gif) no-repeat bottom left;
   }

/************************************************************ corpo */

#corpo {
   background: #fff;
   color: #000;
   text-align: left;
   }

#corpo h1,
#corpo h2,
#corpo h3,
#corpo h4,
#corpo h5,
#corpo h6,
#corpo hr,
#corpo p,
#corpo ul,
#corpo ol,
#corpo table {
   margin-bottom: 15px;
   }

#corpo ul,
#corpo ol {
   margin-left: 30px;
   }

#corpo li {
   margin-bottom: 5px;
   }

#corpo a {
   color: #00b097;
   background: #fff;
   }

#corpo a:hover {
   color: #e06400;
   }

/************************************************************ sinistra */

#sinistra {
   width: 200px;
   float: left;
   margin-left: 10px;
   }

/************************************************************ sottomenu */

#sottomenu ul {
   margin-left: 0px;
   margin-top: 20px;
   margin-bottom: 50px;
   list-style: none;
   }

#sottomenu li {
   border-bottom: 1px solid #fff;
   }

#sottomenu a {
   display: block;
   border-left: 5px solid #77c5b9;
   text-decoration: none;
   padding: 3px;
   padding-left: 5px;
   }
/* se si aggiunge una pagina, ricordarsi di sistemare la formattazione nel menu orizzontale */

#sottomenu a:hover,
#page_contatti #link_contatti a,
#page_lavora_con_noi #link_lavoraconnoi a,
#page_e-commerce #link_ecommerce a,
#page_newsletter #link_newsletter a,
#page_area_riservata #link_areariservata a {
   color: #e06400;
   background: #fff;
   border-left: 5px solid #e06400;
   }



/************************************************************ fornitori */


/************************************************************ contenuto */

#contenuto {
   width: 510px;
   float: left;
   margin-left: 10px;
   }

#contenuto hr {
   display: block;
   margin-left: 25%;
   margin-right: 25%;
   border: 0px;
   border-bottom: 1px solid #999;
   }

#contenuto h2 {
   border-bottom: 5px solid #77c5b9;
   padding-bottom: 10px;
   margin-top: 20px;
   margin-bottom: 20px;
   }

#contenuto img {
   float: right;
   margin-left: 5px;
   }

#page_home #contenuto h2 {display: none;}

#page_home #contenuto .first h2 {display: block;}

/************************************************************ news */

.news {border-bottom: 1px solid #77c5b9; margin-bottom: 10px;}
.date {font-style: italic; text-align: right;}
.nw_author {display: none;}
.nw_news_jumpto {text-align: right; border-bottom: 1px solid #999; padding-bottom: 10px;}
.thumbnail {width: 100px;}
.image_caption {font-style: italic; text-align: center; border-bottom: 1px solid #ddd;}
.nw_hidden {background: #ddd;}






/************************************************************ sezioni della home */

.ultime_notizie {
   width: 245px;
   float: left;
   padding-right: 5px;
   margin-bottom: 5px;
   text-align: justify;
   }

#page_home #contenuto .ultime_notizie h2 {border-bottom: 5px solid #e06400; margin-right: 5px;}

.eventi {
   width: 245px;
   float: right;
   padding-left: 5px;
   padding-right: 5px;
   background: #77c5b9;
   color: #000;
   margin-bottom: 5px;
   text-align: justify;
   }

#page_home #contenuto .eventi h2 {color: #fff; border-bottom: 5px solid #fff;}
#page_home #contenuto .eventi .first h2 {color: #000;}
#page_home #contenuto .eventi li {text-align: left;}
#page_home #contenuto .eventi a {background: #77c5b9; color: #fff;}
#page_home #contenuto .eventi a:hover {color: #77c5b9; background: #fff;}
#page_home #contenuto .eventi .nw_first {border-bottom: 1px solid #fff; margin-bottom: 20px;}


.in_primo_piano {
   text-align: justify;
   }

#page_home #contenuto .in_primo_piano .nw_first_title {background: #fff; color: #000;}

#page_home #contenuto .in_primo_piano h2 {color: #fff; background: #e06400; border-bottom: 0px; padding: 5px;}
#page_home #contenuto .in_primo_piano .first h2 {color: #000; background: #fff; padding: 0px;}

#page_home #contenuto .eventi .nw_first_jumpto,
#page_home #contenuto .in_primo_piano .nw_first_jumpto {display: none;}

#page_home #contenuto .eventi .nw_first_title {
   border-bottom: 0px;
   margin-bottom: 15px;
   margin-top: 0px;
   padding-bottom: 0px;
   padding-top: 0px;
   }

#page_home #contenuto .ultime_notizie h2,
#page_home #contenuto .eventi h2,
#page_home #contenuto .in_primo_piano h2 {display: block;}

#page_home #contenuto .ultime_notizie .first h2,
#page_home #contenuto .eventi .first h2,
#page_home #contenuto .in_primo_piano .first h2 {
   border-bottom: 0px;
   padding-bottom: 0px;
   margin-top: 0px;
   margin-bottom: 15px;
   }





/************************************************************ altre formattazioni particolari delle pagine */


/* pulsante "accedi al sito di e-commerce" nella pagina e-commerce */

#page_e-commerce #contenuto .pulsante_ecommerce {margin-left: 75px; padding-top: 50px;}

#page_e-commerce #contenuto .pulsante_ecommerce a {
   display: block;
   height: 104px;
   width: 400px;
   background: url(../files/modello/e-commerce_up.png) no-repeat top left;
   margin-bottom: 20px;
   }

#page_e-commerce #contenuto .pulsante_ecommerce a:hover {
   background: url(../files/modello/e-commerce_down.png) no-repeat top left;
   }

#page_e-commerce #contenuto .pulsante_ecommerce span {display: none;}








#page_lavora_con_noi .nw_news {border-bottom: 1px solid #999;}

/************************************************************ footer */

#footer {
   padding-top: 15px;
   padding-bottom: 15px;
   text-align: center;
   color: #01937f;
   }

#footer a {color: #01937f;}
#footer a:hover {color: #e06400;}

/************************************************************ classi */

.endfloat {clear: both;}

.centra {text-align: center;}
.destra {text-align: right;}

.img_destra {float: right; margin-left: 5px;}
.img_sinistra {float: left; margin-right: 5px;}
