/*
Penelope - MG Iltelaiodipenelope.it
*/

body {background-image: url('/materiale_grafico/images/sfondo_verdino.jpg');
text-align:center;
font-family : "Verdana"; 
color : #505a08; 
font-size : 12px
}
h1,h2,h3{margin: 0; color: #505a08;}
h1{margin: 0;font-size:110%}
h2{margin-bottom: 8px; font-size: 100%; font-style: oblique; text-align:center;}
h3{margin-bottom: 3px; font-size: 100%; text-align:center;}
h4{margin-bottom: 2px; font-size: 100%; text-align:left;}

@font-face{
font-family: "Niconne";
src: url('/font/Niconne-Regular.ttf') format('truetype');
}
.mio_font {
text-align:center;
font-family: 'Niconne', cursive; 
color : #3d4608; 
font-size : 24px;
margin-top: 45px;
}
.testo {
text-align:center;
font-family: 'Niconne', cursive; 
color : #3d4608; 
font-size : 24px;
margin: 0px;
}
a:link { 
text-decoration: none; 
cursor:nw-resize;
font-family: "Verdana"; 
font-size: 12px;
color:#a45c61; 
}
a:visited { 
text-decoration:none; 
cursor:nw-resize;
font-family: "Verdana"; 
font-size: 12px;
color:#cc6c06; 
}
a:hover {
text-decoration: line-through; 
color: #a1b818;
}
a:active { 
font-family: "Verdana"; 
font-size: 12px; 
color: #e27878; 
}
div#ombra {
border:1px solid #79842c;
text-align:center;
-moz-box-shadow:  5px  5px 10px #a5b93c;
-webkit-box-shadow:  5px  5px 10px #a5b93c;
box-shadow:  5px  5px 10px #a5b93c;
width: 1050px;
margin-left:auto;
margin-right:auto
}
div#header {
border:0 none;
background-image: url('/materiale_grafico/images/mg_penelope_header.jpg');
text-align:center;
margin-left:auto;      
margin-right:auto;
width: 1050px;
height:308px
}
div#corpo {
border: 0px none;
background-image: url('/materiale_grafico/images/mg_penelope_body.jpg');
text-align:center;
margin-left:auto;      
margin-right:auto;
width: 1050px
}
div#footer {
border: 0px none;
background-image: url('/materiale_grafico/images/mg_penelope_footer.jpg');
text-align:center;
margin-left:auto;      
margin-right:auto;
width: 1050px;
height:223px
}
table.base{  
border:0px;
text-align:center;
font-family : "Verdana"; 
color : #505a08; 
font-size : 12px;
margin-left:auto;
margin-right:auto
}
table.base_left{  
border:0px;
text-align:left;
font-family : "Verdana"; 
color : #505a08; 
font-size : 12px;
margin-left:auto;
margin-right:auto
}
table.bordo{  
border:2px solid #afc133;
text-align:center;
font-family : "Verdana"; 
color : #505a08; 
font-size : 12px;
margin-left:auto;
margin-right:auto
}
table.base_left_bordini{  
border-top:3px solid #afc133;
border-bottom:3px solid #afc133;
text-align:left;
font-family : "Verdana"; 
color : #505a08; 
font-size : 12px;
margin-left:auto;
margin-right:auto
}
table.banner{  
border: 0px none;
background-image: url('/materiale_grafico/images/mg_penelope_tag_index3.jpg');
text-align:center;
font-family : "Verdana"; 
color : #505a08; 
font-size : 12px;
width: 460px;
height:152px;
margin-left:auto;
margin-right:auto
}
td.cella_spazio{  
border:0px;
text-align:center;
font-family: "Verdana"; 
font-size: 12px; 
color : #505a08;
line-height: 1.5;
}
td.bordo_left{  
border-left:1px dotted #505a08;
text-align:center;
font-family: "Verdana"; 
font-size: 12px; 
color : #505a08;
line-height: 1.5;
}
td.font_pic{  
border:0px;
text-align:center;
font-family: "Verdana"; 
font-size: 11px; 
color : #505a08;
line-height: 1.5;
}
td.font_pic_left{  
border:0px;
text-align:left;
font-family: "Verdana"; 
font-size: 11px; 
color : #505a08;
}

/* Menu */
.menu_vari{
width: 250px;
text-align:left;
margin-left:auto;
margin-right:auto
}
.menu_vari ul{
list-style-type: none;
margin: 5px 0;
padding: 2px;
border: 0px;
}
.menu_vari ul li a{
background: url('/materiale_grafico/images/img_link.png') no-repeat 1px center;
border-bottom: 1px dotted #3d4608;
color: #808f27;
display: block;
width: auto;
text-decoration: none;
font-style:normal; 
font-variant:normal; 
font-weight:normal; 
font-size:12px; 
font-family:Verdana;
line-height: 1.5; 
padding-left: 13px;
padding-right:0; 
padding-top:2px; 
padding-bottom:2px
}
* html .menu_vari ul li a{ 
width: 250px;
}
.menu_vari ul li a:visited{
color: #c36807;
}
.menu_vari ul li a:hover{
color: #c31333;
background-image:url('/materiale_grafico/images/img_link_hover.png');
}
li.active{
font-family: "Verdana"; 
font-weight: bold;
font-style:oblique;
font-size: 12px;
color: #aa2142;
padding-right:0; 
padding-top:4px; 
padding-bottom:4px;
padding-left: 15px;
background: url('/materiale_grafico/images/cuoricino_link_activex.png') no-repeat left;
border-bottom: 1px dotted #3d4608;
}
/* Holly Hack for IE \*/
* html .accessori ul li { height: 1%; }
* html .accessori ul li a { height: 1%; }
/* End */

TEXTAREA.e1 {
border: #afc133 1px dotted;
}
.handcursor_1{
cursor:pointer;
}
.hrl_header { 
text-align:left;
color: #505a08; 
font-size: 10px;
}
.hrl_listbox {
height: 70px; 
overflow: auto; 
width: 230px;
font-size: 10px;
}
.hrl_cell_count { 
text-align:left;
color: #505a08; 
font-size: 10px;
}
.hrl_cell_url { 
text-align:left;
color: #a45c61; 
font-size: 10px; 
}
.hrl_footer {
text-align:left; 
color: #505a08; 
font-size: 10px;
}
/*Commenti*/
.form-commento {
    display: inline-block;
    width: 500px;
    text-align: left;
    margin-top: 5px;
}
.bbcode-bar button {
    font-family: "Verdana";
    font-size: 12px;
    margin-right: 5px;
    margin-bottom: 10px;
    padding: 2px 6px;
    cursor: pointer;
}
textarea.mex{
    width: 100%;
    font-family: "Verdana";
    font-size: 12px;
    border:1px solid #505a08;
    background-color:#f5f1e2;
    padding: 5px;
    box-sizing: border-box;
    outline: none;
}
input[type="text"],
input[type="url"] {
  width: 100%;
  box-sizing: border-box;
  font-family: Georgia;
  font-size: 14px;
  color : #785c58;
  border: 1px solid #879b59;
  background-color: #f8f0e6;
  padding: 8px;
  margin: 6px 0;
  transition: all 0.3s ease;
  -webkit-appearance: none;
  appearance: none;
}
input[type="text"]:focus,
input[type="url"]:focus {
  background-color: #f7ffe3;
  outline: none;
  border-color: #fff;
  box-shadow: 0 0 8px #879b59, 0 0 15px #879b59;
}
input[type="text"]:-webkit-autofill,
input[type="text"]:-webkit-autofill:focus,
input[type="url"]:-webkit-autofill,
input[type="url"]:-webkit-autofill:focus {
  -webkit-text-fill-color: #785c58;
  -webkit-box-shadow:
    0 0 0px 1000px #f7ffe3 inset,
    0 0 0 1px #879b59 inset;
  box-shadow:
    0 0 0px 1000px #f7ffe3 inset,
    0 0 0 1px #879b59 inset;
 }
button[type=submit] {
    font-family: "Verdana";
    font-size: 12px;
    background-color: #879b59;
    color: #ffffff;
    border: none;
    padding: 8px 16px;
    cursor: pointer;
}
button[type=submit]:hover {
    background-color: #6e8050;
}
button[type=button] {
    font-family: "Verdana";
    font-size: 12px;
    background-color: #97ac68ff;
    color: #ffffff;
    border: none;
    padding: 8px 16px;
    cursor: pointer;
}
button[type=button]:hover {
    background-color: #889c68ff;
}
#box_gif {
    display: none;
    width: 476px;
    border: 1px solid #97ac68ff;
    background-color: #f5f1e2;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
    text-align: center;
}
input[type=button] {
    font-family: "Verdana";
    font-size: 12px;
    background-color: #97ac68ff;
    color: #ffffff;
    border: none;
    padding: 8px 16px;
    cursor: pointer;
}
input[type=button]:hover {
    background-color: #889c68ff;
}
/* Commenti della pagina */
.commento-box {
    border-bottom: 1px solid #95a328ff;
    text-align: left;
    padding: 10px;
    margin-bottom: 12px;
    width: 90%;
}
.commento-pagina-box {
    font-size: 0.9em;
    color: #777;
    margin-top: 8px;
}
.errore-commento {
    border: 2px solid #af757d;
    background-color: #ffe6e6;
    color: #97575fff;
    padding: 10px;
    margin-bottom: 15px;
    width: 430px;
    margin-left:auto;
    margin-right:auto;
}
.ok-commento {
    border: 2px solid #879b59;
    background-color: #f0f8eaff;
    color: #6b7e3fff;
    padding: 10px;
    margin-bottom: 15px;
    width: 430px;
    margin-left:auto;
    margin-right:auto;
}
/* Scroll commenti pagine*/
.scroll_mex_page{
    width: 500px;
    height: 180px;
    padding:5px;
    overflow-y: scroll;
    margin-left:auto;
    margin-right:auto
}
.force-overflow_mex_page{
    height: 180px;
    text-align: left;
    font-family: 'Verdana'; 
    font-size: 12px; 
    color : #505a08;
    line-height: 1.5;
    margin-left:auto;
    margin-right:auto
}
#style-3::-webkit-scrollbar-track{
    border-radius: 0px;
    background-color: #f8f4ec;
}
#style-3::-webkit-scrollbar{
    width: 10px;
    background-color: #f8f4ec;
    border-radius:0px;
}
#style-3::-webkit-scrollbar-thumb{
    border-radius: 0px;
    background-color: #95a328ff;
}
/* Sposta il badge reCAPTCHA più in alto */
.grecaptcha-badge {
    margin-bottom: 150px;   /* distanza dal fondo della finestra */
    right: 20px;    /* distanza dal bordo destro */
    z-index: 9999;  /* assicurati che sia sempre visibile sopra altri elementi */
}