/*
Penelope - Iltelaiodipenelope.it
*/
body {
background-image: url('/images/telaio_sfondo_sito.jpg');
background-attachment: fixed;   
text-align:center;
font-family: 'Georgia', serif; 
color : #785c58; 
font-size : 14px;
}
/* Font */
h1,h2{margin: 0; color: #645042;}
h1{margin-bottom: 5px; font-size:110%; font-style: oblique;}
h2{font-size: 110%; font-style: oblique;}
h3{margin-bottom: 3px; font-style: oblique; font-size: 100%; text-align:center; line-height: 1.5; color: #785c58;}
h4{margin-bottom: 5px;font-size: 90%; font-style: oblique; text-align:center; line-height: 1.5;}
h5{margin: 0;font-size: 110%; color: #aa2142; font-style: oblique;}
h6{margin-bottom: 3px; font-size: 100%; color: #aa2142;}

@font-face {
font-family: 'Georgia', serif;
src: url('/font/Georgia.ttf') format('truetype'),
        url('/font/georgia-webfont.woff2') format('woff2'),
        url('/font/georgia-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face{
font-family: "Cookie";
src: url('/font/Cookie-Regular.ttf') format('truetype');
}

/* info header telaio */
.font_info {
text-align:center;
font-family: 'Cookie', cursive;
color: #9e7770; 
font-size: 26px;
margin: 0px; 
}
.font_verde {
text-align:center;
font-family: "Cookie", cursive;
color: #909753; 
font-size: 26px;
margin: 0px; 
}
/* titolo small-box tutorial*/
.font_verde_small {
text-align:center;
font-family: 'Cookie', cursive;
color: #909753; 
font-size: 24px;
margin: 0px;
margin-bottom: 5px;
line-height: 1;
}
/* titoli anteprima tutorial */
.font_blu_left {
text-align:left;
font-family: "Cookie", cursive;
color: #657785; 
font-size: 24px;
margin: 0px; 
}
/* titoli pagine */
.font_rosa {
text-align:center;
font-family: 'Cookie', cursive;
color: #af757d; 
font-size: 28px;
margin: 0px; 
}
/* bottoni titoli menu */
.bottone_titoli{
display: inline-block;       
text-align:center;
font-family: "Cookie", cursive;
color: #909753; 
font-size: 26px; 
width: 250px;
margin: 0px 0px 15px 0px;
padding: 6px 20px;
border: 1px solid rgba(214,183,134,0.8);
box-shadow: 0 1px 2px rgba(80,50,40,0.15);
border-radius: 8px;
box-sizing: border-box;
background-image: linear-gradient(135deg, #f7f8ed, #e6ead0, #f7f8ed);
} 
/* Link */
a:link { 
text-decoration: none; 
cursor:nw-resize;
font-family: 'Georgia'; 
font-size: 14px;
color:#3e2220; 
}
a:visited { 
text-decoration:none; 
cursor:nw-resize;
font-family: 'Georgia'; 
font-size: 14px;
color:#a7774d; 
}
a:hover {
text-decoration: underline; 
color: #879b59;
}
a:active { 
font-family: 'Georgia'; 
font-size: 14px; 
color: #aa2142; 
}
a.text:link{
font-family: 'Cookie', cursive; 
color : #523c3a; 
font-size : 24px;
text-decoration: none;
background: url('/images/heart_brown.png') no-repeat left; padding-left:18px; 
}
a.text:hover{
color: #879b59;
text-decoration: underline;
background: url('/images/heart_green.png') no-repeat left; padding-left:18px;
}
/* Corpo */
div#ombra {
border:1px solid #c09a92;
text-align:center;
-moz-box-shadow:  5px  5px 10px #8f6861;
-webkit-box-shadow:  5px  5px 10px #8f6861;
box-shadow: 5px  5px 10px #8f6861;
width: 1100px;
margin-left:auto;
margin-right:auto
}
div#header {
border:0 none;
background-image: url('/template/images/header_template.jpg');
text-align:center;
margin-left:auto;      
margin-right:auto;
width: 1100px;
height:470px
}
#header{
width:100%;
}
/* area principale header */
.header-top{
position:relative;
min-height:396px; /* circa altezza originale */
}
/* testo */
.header-text{
position:absolute;
top:150px;
left:10%;
width:44%;
}
/* stelline */
.star{
position:absolute;
}
.star-top-right{
top:68px;
right:8%;
}
.star-center{
top:210px;
left:58%;
}
.star-bottom-left{
bottom:28px;
left: 36px;
}
/* menu */
.header-menu{
margin-top:28px;
}
div#corpo {
border:0 none;
background-color: #f7eee2;
margin-left:auto;      
margin-right:auto;
width: 1100px;
}
div#footer {
border: 0px none;
background-image: url('/images/footer_telaio.jpg');
text-align:center;
margin-left:auto;      
margin-right:auto;
width: 1100px;
height:170px
}
/* FOOTER */
#footer{
width:100%;
margin-top:0;
}
/* contenitore */
.footer-content{
width:81%;
margin:auto;
display:flex;
align-items:flex-start;
min-height:130px;
}

/* stellina sinistra */
.footer-star.left{
width:70px;
text-align:right;
margin-right:14px;
margin-top: 50px;
}
/* testo */
.footer-text{
max-width:500px;
line-height:1.5;
text-align: right;
margin-top: 50px;
}
/* stellina destra */

.footer-star.right{
margin-left:240px;
padding-top:46px;
}
/* contenitore page */
.conteiner{
display:flex;
width:1070px;
margin:0 auto;
}
/* area contenuti */
.main-content{
flex:1;
font-family: 'Georgia', serif; 
font-size: 14px; 
color : #785c58;
line-height: 1.5;
margin-top: 5px;
}
/* spazio colonna */
.colonna{
font-family: 'Georgia', serif; 
font-size: 14px; 
color : #785c58;
line-height: 1.5;
width:310px;
padding:10px;
} 
/* briciole */
.info-page {
align-items: center;
border-top:1px dotted #d6b786;
border-bottom:1px dotted #d6b786;
text-align: left;
padding: 5px;
width: 80%;
line-height: 1.5;
margin: auto;
margin-bottom: 10px;
}
.box_bottoni_page{
border:1px solid #d6b786;
border-spacing: 2px; /* come cellspacing */
padding: 2px; /* come cellpadding */
width: 80%;
text-align:center;
font-family: 'Georgia', serif; 
font-size: 14px; 
color : #785c58;
line-height: 1.5;
margin:auto; 
}
.telaio_link{
border:0px;
border-spacing: 2px; /* come cellspacing */
padding: 2px; /* come cellpadding */
width: 80%;
text-align:left;
font-family: 'Georgia', serif; 
font-size: 14px; 
color : #785c58;
margin:auto; 
}
/* tabella extra page */
.extra_box{
width:86%;
border:0px;
border-spacing: 2px; /* come cellspacing */
padding: 2px; /* come cellpadding */
margin: auto;
text-align: center;
}
/* tabella anteprima template */
.box_anteprima{
border: 10px solid #ebd0cb;
border-spacing: 0px; /* come cellspacing */
padding: 0px; /* come cellpadding */
margin: auto;
text-align: center;
}
/* tabella info left */
.box_left{
border: 0;
width: 88%; 
border-spacing: 2px; /* come cellspacing */
padding: 2px; /* come cellpadding */
margin: auto;
text-align: left;
}
.box_left td{
border-bottom:1px solid #d6b786;
}
/* tabella modifiche blogger */
.modifiche_blogger {
  border: 0;
  width: 84%; 
  border-spacing: 10px; /* come cellspacing */
  padding: 4px; /* come cellpadding */
  margin: auto;
  text-align: left;
}
.modifiche_blogger td {
  border-top: 1px solid #d6b786;
}
.modifiche_blogger tr:first-child td {
  border-top: none;
}
.modifiche_blogger tr:last-child td {
  border-top: 1px solid #d6b786;
  border-bottom: 1px solid #d6b786;
}
/* tabella mini-tag blogger */
.box_tag_blogger{
border: 0;
width: 75%; 
border-spacing: 6px; /* come cellspacing */
padding: 4px; /* come cellpadding */
margin: auto;
text-align: center;
}
.box_tag_blogger td{
border:1px dotted #d6b786;
}
/* Cella che contiene lo slideshow */
.slideshow-cell {
position: relative;
width: 600px;   /* imposta la dimensione */
height: 300px;
overflow: hidden;
}
/* Immagini sovrapposte con transizione */
.slideshow-cell img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
transition: opacity 2s ease-in-out; /* effetto crossfade */
}
.slideshow-cell img.attiva {
opacity: 1;
}
/* Sondaggi */
.box_sondaggio { 
display: flex; /* Attiva Flexbox */
flex-flow: wrap;
justify-content: center;
gap: 5px; /* Spazio tra i box */
width: 330px;
}
.sondaggio-left {   
width: 30%;
margin-top: 20px;
}
.sondaggio-form {  
flex: 1; 
justify-content: left;
width: 70%;
padding: 10px; 
}
.sondaggio-messaggi {  
width: 100%;
margin-top: 5px;
}
.input-sondaggi {
background-color: #db9da6ff;
border-radius: 10px 5px 10px 5px;
border: none;
color: #633033ff;
padding: 6px 35px;
cursor: pointer;
font-size: 14px;
margin-top: 10px;
margin-bottom: 12px;
}
.input-sondaggi:hover {
background-color: #be818bff;
}
/* tabella base sondaggi */
.box_sondaggi{
border: none;
width: 340px;
border-spacing: 0px; /* come cellspacing */
padding: 0px; /* come cellpadding */
margin: auto;
text-align: center;
}
.box_sondaggi_left{  
border:0px;
width: 200px; 
border-spacing: 2px; /* come cellspacing */
padding: 2px; /* come cellpadding */
text-align:left;
font-family: "Georgia", serif; 
font-size: 14px; 
color : #785c58;
line-height: 1.5;
margin:auto;
}
.barra_sondaggi{  
border:1px solid #be818bff;
width: 200px;
border-spacing: 0px; /* come cellspacing */
padding: 0px; /* come cellpadding */
text-align:center;
font-family: "Georgia", serif; 
font-size: 14px; 
color : #785c58;
line-height: 1.5;
margin:auto;
}
.box_info_sondaggi{  
border-top:1px solid #d6b786;
border-bottom:1px solid #d6b786;
width: 330px; 
border-spacing: 2px; /* come cellspacing */
padding: 2px; /* come cellpadding */
text-align:center;
font-family: "Georgia", serif; 
font-size: 14px; 
color : #785c58;
line-height: 1.5;
margin:auto;
}
.bottone-sondaggio {
display: inline-block;
padding: 4px 10px;
font-size: 14px;
font-family: Georgia, "Times New Roman", serif;
color: #b35e6a;
}

/* Bottone news glow */
.news-glow-soft {
display: inline-block;
padding: 6px 40px;
border-radius: 9px;
background: #ffe4ec;
color: #c2185b;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.4px;
box-shadow: 0 0 8px rgba(194, 24, 91, 0.25);
animation: glowSoftPink 2s ease-in-out infinite alternate;
}

@keyframes glowSoftPink {
0% {
box-shadow: 0 0 6px rgba(194, 24, 91, 0.2);
}
100% {
box-shadow: 0 0 16px rgba(194, 24, 91, 0.45);
}
}
.news-glow-soft:hover {
transform: translateY(-1px);
box-shadow: 0 2px 12px rgba(214, 51, 132, 0.25);
}
/*immagini */
img { border: 0; 
}
img.bordo_rosa{
border:5px solid #d9b7bc;
}
/* Testo glow */
.glow-text {
color:#c974ae;
font-size:10px;
font-weight:600;
letter-spacing:1px;

text-shadow:
  0 0 6px rgba(255,182,193,0.8),
  0 0 12px rgba(255,105,180,0.45);
}
/* BOX FISSO */
.floating-tools{
position:fixed;
bottom:0;
right:15px;
width:148px;
height:79px;
background-image:url('/images/pt_lady.png');
background-repeat:no-repeat;
display:flex;
flex-direction:column;
justify-content:center;
padding:6px 10px;
box-sizing:border-box;
}
/* stellina */
.floating-star{
text-align:center;
margin-bottom:6px;
}
/* link */
.floating-links{
display:flex;
align-items:center;
gap:8px;

padding-left:10px;
}