@CHARSET "ISO-8859-1";

/* Foglio di stile base.css - www.mielegaino.com - (c) Apicultura Gaino */

html, body {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    background: rgb(80,25,25);
    color: white;
    font-family:sans-serif;
}

h1 {
    font-size: 16px;
    color: rgb(168,140,140);
    text-transform: uppercase;
    text-indent: 10px;
}

p {
	margin: 0;
    font-size: 15px;
    text-align: justify;
}

img {
    border: 0;
    vertical-align: bottom;
}

a {
    color: white;
    text-decoration: none;
}

a:hover, a:active {
    text-decoration: underline;
}

/* Classi */

img.alldx {
    float: right;
    margin: 0 0 10px 0px;
    padding-left: 10px;
    clear: both;
}

/* Contenitori */

div#pagina {
    width: 1024px;
    margin: 0 auto 0 auto;
}

div#intestazione {
    position: relative;
    border-bottom: 4px solid #fff;
    height: 530px;
    background: url("../images/slideshow/01.jpg") center bottom no-repeat;
}

div#banner {
    border-bottom: 2px solid rgb(168,140,140);
    text-align: right;
    margin: 0;
    padding: 0 40px 0 0;
}

a#backh {
    position: absolute;
    top: 20px;
    left: 20px;
}

div#corpo {
    margin: 15px 0 0 0;
    padding: 0;
}

div#testo {
    margin: 0 100px 0 100px;
    position: relative;
}

strong {
    color: #e9b500;
}

div#footer p {
	clear: both;
    text-align: center;
    font-size: 10px;
    margin: 25px 0 0 0;
}

/* Menu */

ul#menu {
	position: absolute;
	top: 98px;
	left: 0;
    list-style-type: none;
    border-top: 5px solid rgb(80,25,25);
    margin: 0px 0 0 0;
    padding: 0;
    text-transform: uppercase;
    z-index: 10;
}

ul#menu li {
    display: block;
	float: left;
    width: /*12.5%*/128px;
    margin: 0px 0 0 0;
    padding: 10px 0 0 0;
    text-align: center;
    background: url("../images/maschera_centrale8.gif") center -2px transparent no-repeat;
}

ul#menu li.primo {
    background: url("../images/maschera_sx.gif") left -2px transparent no-repeat;
}

ul#menu li.ultimo {
    background: url("../images/maschera_dx.gif") left -2px transparent no-repeat;
}

ul#menu li a {
	display: block;
    height: 50px;
    padding: 10px 0 0 0;
    vertical-align: middle;
    background: rgb(80,25,25);
}

body#azienda a#az, body#apiem a#am, body#prod a#pr, body#cons a#cc, body#zone a#zp, body#fiere a#fm, body#dove a#dt, body#link a#li{
    background: transparent;
    font-weight: bold;
}

ul#menu li a em {
    display: block;
    height: 38px;
    border-left: 1px solid white;
    font-style: normal;
    cursor: pointer;
}

ul#menu li a:hover, ul#menu li a:active {
    text-decoration: none;
    background: transparent;
}

ul#menu li a:hover em, ul#menu li a:active em {
    color: rgb(80,25,25);
}

body#azienda a#az em, body#apiem a#am em, body#prod a#pr em, body#cons a#cc em, body#zone a#zp em, body#fiere a#fm em, body#dove a#dt em, body#link a#li em{
    color: rgb(80,25,25);
    border-color: rgb(80,25,25);
}

body#azienda a#am em, body#apiem a#pr em, body#prod a#cc em, body#cons a#zp em, body#zone a#fm em, body#fiere a#dt em, body#dove a#li em{
    border-color: rgb(80,25,25);
}

ul#menu li.primo a em {
    border: 0;
}

ul#menu li a:hover em, ul#menu li a:active em, ul#menu li.nob a em {
    border-color: rgb(80,25,25);
}

div#slideshow {
	position: absolute;
    width: 1024px;
	height: 432px;
	margin: 0;
	padding: 0;
	left: 0;
	bottom: 0;
	z-index:1;
}

div#slideshow img {
	position: absolute;
    width: 1024px;
    height: 432px;
    bottom: 0;
    left: 0;
}

ul.calendario {
    list-style-type: none;
    margin: 0 0 10 0;
    padding: 0;
    font-size: 14px;
}

ul.calendario li {
    maring-left: 0;
    padding: 0;
}

ul.calendario em {
    font-weight: bold;
    font-style: normal;
}

p.calendario {
    position: absolute;
    width: 260px;
    height: 300px;
    top: 100px;
    right: 185px;
    font-style: italic;
    font-size: 14px;
}

p.calendario strong{
    display: block;
    margin: 8px 0 0 0;
    padding: 0;
    color: white;
}

div#map_canvas {
    margin: 0 -60px 10px 5px;
    padding: 0;
    width: 280px;
    height: 170px;
    float: right;
    clear: both;
}

ul#lotti {
    list-style-type: none;
    margin: 30px 0 0px 120px;
}

ul#lotti li {
    float: left;
    margin: 0 115px 30px 0px;
    width: 100px;
    height: 20px;
}

ul#lotti li.primo {
    clear: left;
}

ul#lotti a {
    color: #e9b500;
    font-weight: bold;
}

ul#lotti a:hover, ul#lotti a:active {
    text-decoration: none;
}