/* foglio di stile di PrezzaWeb per lo schermo (default) */

body {
font-size: 90%; /* ie vuole le percentuali non gli em */
font-family: verdana, arial, helvetica, sans-serif;
margin: 0px;
padding: 0px;
border: 0px;
text-align: center; /* centratura della pagina per ie */
}

hr, .alt {
display: none;
}

h3, h4, h5, h6 {
text-align: center;
}

h5 {
color: #000;
background-color: #ffbc98;
padding: 0.2em 0;
}

h4 {
font-size: 0.9em;
}

a {
text-decoration: none;
font: bold 80% tahoma, helvetica, sans-serif;
color: #4252c6;
background-color: transparent;
}

a:link, a:visited {
color: #4252c6; /* #4252c6 #7f00df #006699 */
background-color: transparent;
}

a:hover {
color: #000; /*#d80a0a #dd6900 #000 #5493B4 #9966ff */
background-color: #ffbc98; /* #eac4ad */
/*text-decoration: underline overline;*/
text-decoration: none;
/*padding: 0.2em;*/
}

/*
div#content a:link {color: white;}
div#content a:visited {color: #BBC;}
div#content a:link:hover {color: #FF0;}
div#content a:visited:hover {color: #CC0;}
*/

#nav {
position: relative;
margin-bottom: 50px; /* margin-bottom: 15px; */
}

.sx a {
position: absolute;
width: 30%;
text-align: center;
padding: 0.2em 0;
}

.dx a {
position: absolute;
width: 30%;
margin-left: 70%;
text-align: center;
padding: 0.2em 0;
}

img {
margin: 0px;
border: 0px;
}

img.thumb {
position: relative;
margin: 5px;
float: left;
padding: 3px;
color: inherit;
background-color: #ffbc98; /* rgb: 234, 196, 173 */
}

/* larghezza di 784px (760px con width=90%) a 800x600 */
#logo {width: 98%; margin: 0 auto; text-align: center;}
#testa {width: 98%; margin: 0 auto 2px auto; text-align: center;}
#box {width: 98%; margin: 2px auto; text-align: left;}
#corpo {width: 98%; margin: 0 auto; text-align: left;}
#coda {width: 98%; margin: 2px auto; text-align: center;}

table {
width: 95%;
text-align: center;
margin: 0 auto;
}

ul li {
margin: 0 5em;
list-style-type: square;
}

ol li {
margin: 0 5em;
}

/* abbr non è riconosciuto da ie*/
abbr, acronym, .help {
border-bottom: 1px dotted #333;
cursor: help;
}

fieldset {
clear: left;
padding: 0.7em;
}

legend {
padding: 0.2em;
border: 1px solid #000;
margin-bottom: 0.5em;
}

/****************************************************/

/* logo */
#logo {
position: relative;

/*background: #999 url(../img/prezza42.jpg) 100% 0% repeat fixed;*/
}

/* stemma */
#stemma {
position: absolute;
top: 0px;
left: 0px;
width: 20%;
padding: 0px;
height: 65px;
background: #fff url(../img/logo.png) 50% no-repeat;
color: #000;
text-align: left;
}

/* prezza */
#prezza {
width: 60%;
border: 0px;
margin-left: 20%;
margin-right: 20%;
padding: 0px;
}

/* stemma2 */
#stemma2 {
position: absolute;
top: 0px;
right: 0px;
width: 20%;
padding: 0px;
height: 65px;
background: #fff url(../img/logo.png) 50% no-repeat;
color: #000;
text-align: left;
}

/* testa */
#testa {
position: relative;
color: #000;
background-color: #ffbc98; /* #ffbc98 #ffbc98 #ffa34f */
/*background-image: url(../img/pic1.png);*/
padding: 4px 0px; /* il solito pb con i box di ie */
border: 1px solid #000;
}

#testa a {
padding: 0 1em;
}

span.curr-t {
font-weight: bold;
font-size: 80%;
padding: 0 1em;
}

/* flag */
#flag {
position: absolute; 
top: 5px;
left: 0px;
width: 20%; 
text-align: center; /* invece dei margini a causa di ie (?) */
}

/* barra */
#barra {
margin: 0 20%;
padding: 0px 0px;
}

/* data */
#data {
position: absolute;
top: 0px;
right: 0px;
width: 20%;
margin: 5px 0px;
font: bold 90% arial, sans-serif;
text-align: center;
}

/* box */
#box {
position: relative;
color: #000;
background-color: #ffbc98;
padding: 2px 0px;
border: 1px solid #000;
}

/* path */
#path {
/*position: absolute; */
top: 0px;
left: 0px;
width: 80%;
margin-top: 2px;
margin-bottom: 2px;
padding: 1px 0px;
font-weight: bold;
font-size: 88%;
text-indent: 1em;
}

#path a {
font: bold 100% verdana, helvetica, sans-serif;
}

/* cerca */
#cerca {
padding: 0px;
margin-left: 80%;
font-weight: bold;
text-align: center;
}

#cerca form {
margin: 0px;
}

#cerca form input {
font-size: 90%;
vertical-align: middle;
border: 1px solid #000;
height: 20px;
}

#cerca form input.but {
font-size: 80%;
vertical-align: middle;
border: 1px solid #000;
height: 20px;
}

/* corpo */
#corpo { 
border: 1px solid #000;
position: relative;
color: #000;
background-color: #efdece; /* #e2d5c7, rgb: 226, 213, 199 */ /* #ded9c2 su stemma mario */
}

/* menu-sx */
#menu-sx {
position: absolute;
top: 1em;
left: 2%;

/*left: 1em;*/

width: 20%;
}

span.curr {
font-weight: bold;
/*font-size: 80%;*/
/*color: #000;*/
/*background: #ffbc98;*/
}

#menu-sx a:hover {
/*color: #000;*/ /* #d80a0a #000 */
/*background-color: #ffbc98;*/
}

#menu-sx a span {
display: none;
}

#menu-sx a:hover span {
display: block;
position: absolute; 
top: 120%;
left: 0%; 
width: 80%;
color: #000;
background-color: #ffbc98;
margin: 1em auto;
border: 1px solid #000;
font: normal 100% verdana, helvetica, sans-serif;
padding: 0.2em;
text-indent: 0;
}

/* centro */
#centro {
position: relative;
margin: 0% 20%;
padding: 1%;
color: #000;
background-color: #fff;
border-left: 1px solid #000;
border-right: 1px solid #000;

/*background: #fff url(../img/prezza41.jpg) 50% repeat fixed;*/
}

/* link in centro */
#centro a {
font: bold 100% verdana, helvetica, sans-serif;
}

.prg {
position: relative;
/*border: 1px solid #000;*/
}

img.illustra {
position: relative;
float: left;
color: inherit;
background-color: #efdece;
margin: 1em;
padding: 2px;
border: 2px solid #ffbc98;
} 

img.illustra2 {
position: relative;
color: inherit;
background-color: #efdece;
margin: 2px;
padding: 2px;
border: 2px solid #ffbc98;
}

/* frecce di navigazione */
.nav{
text-align: center;
}

/* update */
.update {
text-align: center;
font-weight: bold;
font-size: 80%;
border-top: 1px solid #000;
}

/* menu-dx */
#menu-dx {
position: absolute;
top: 1em;
right: 0%;
width: 20%;
text-align: center;
font: 80% tahoma, helvetica, sans-serif;
}

/* titoletto */
.titoletto {
font-weight: bold;
color: #000;
background-color: #ffbc98;
margin: 0.2em 1%;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 0.1em 0;
}

/* news */
#news {
margin: 0 1%;
padding: 0 0 0.3em 0;
}

ul.menu {
margin: 0 auto;
padding: 0;
width: 97%;
text-align: left;
}

ul.menu li a {
text-decoration: none;
display: block;
width: 100%;
line-height: 1.5em;
padding: 0.2em 0;
font-size: 0.9em;
font-variant: small-caps;
}

ul.menu li a:hover {
/*text-decoration: underline overline;*/
/*padding: 0.2em 0;*/
color: #efdece;
background: #4252c6; /* #C6C6C6 #DFF6F3 #C5D9D7 #ABBDBB #94BDBB #ECADBF #2ABDBB #ffdf99 */
}

ul.menu li {
display: inline;
text-indent: 0.2em;
}

/* proverbio */
#proverbio {
margin: 0% 1%;
padding: 0.3em 0;
}

#proverbio span {
font-style: italic;
font-weight: bold;
}

/* newsletter */
#newsletter {
margin: 0% 1%;
padding: 0.3em 0;
text-align: center;
}

#newsletter ul.menu li a {
text-align: center;
}

#newsletter form {
margin: 0px;
border-bottom: 1px solid #000;
}

#newsletter form input {
vertical-align: middle;
font-size: 90%;
border: 1px solid #000;
}

#newsletter form input.but {
vertical-align: middle;
font-size: 90%;
border: 1px solid #000;
}

#newsletter form textarea {
vertical-align: middle;
border: 1px solid #000;
font: normal 90% tahoma, helvetica, sans-serif;
}

/* caratteri */
#caratteri {
margin: 0% 1% 2% 1%;
padding: 0 0 0.3em 0;
}

#caratteri ul.menu li a {
text-align: center;
}

/* validate */
#validate {
margin: 0 2%;
padding: 0.3em 0.3em 0.1em 0.35em;
border-top: 1px solid #000;
}

/* coda */
#coda {
color: #000;
background-color: #ffbc98; /* #ffa34f #ED862D */
padding: 6px 0px;
border: 1px solid #000;
}

/* link in coda */
#coda a {
padding: 0px 1em;
}

/* page-url */
#page-url {
display: none;
}
	
	
div.youtube {
padding:5px;
font: .70em verdana, helvetica, sans-serif;
margin:0px 10px 10px 0px;
border:2px solid #ffbc98;
float:left;
position: relative;
}

#gallery {
width:100%;
overflow:auto;
font: 11px Arial,sans-serif;
}

div#gallery dl_ver {
float:left;
width:140px;
height:190px;
background: url(../img/polaroid_v.jpg);
text-align:center;
color: #555;
}

div#gallery dl_hor {
float:left;
width:190px;
height:140px;
background: url(../img/polaroid_h.jpg);
text-align:center;
color: #555;
}

div#gallery dl {
float:left;
width:190px;
height:140px;
background: url(../img/polaroid_h.jpg);
text-align:center;
color: #555;
}

div#gallery dt {
padding: 15px 0 0;
}

div#gallery img {
display:block;margin:0 auto;border:1px inset #CCC
}

div#gallery dd {
margin:0;padding: 2px 13px 0px;
}

/*<style type="text/css">
body{background: #FFF}
div#gallery{width:100%;overflow:auto;font: 11px Arial,sans-serif}
div#gallery dl{float:left;width:140px;height:190px;background: url(polaroid.jpg);text-align:center;color: #555}
div#gallery dt{padding: 15px 0 0}
div#gallery img{display:block;margin:0 auto;border:1px inset #CCC}
div#gallery dd{margin:0;padding: 2px 13px 0px}
</style> */