#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#339900;
	padding:5px;
	display:none;
	color:#fff;
	}

/************************************************/
/* RESET: Non toccare o il mondo imploderà      */
/************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

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

div.riquadro-negozio-mobile {
clear:both;
}

div.riquadro-negozio-mobile img, div.riquadronegozio img {
max-width:96%;
width/**/:96%;
}

div.immagine-articolo{
float:left;
margin-right:10px;
width:25%;
height:auto;
}

div.immagine-articolo img {
width:100%;
height:auto;
}

div#content dl img, div#extra dl img {
width:100%;
}

.banner img, .banner dl{
width:100%;
height:auto;
}

div#container {min-width: 62em; margin:0.62em auto;}
div#header {min-width:62em;  height:140px;}
div#navigation {width:23%;} /*margin:0.31em 0.20em;*/
div#content {width:42%; padding:0.31em; margin:0.31em;}
div#extra {width:32.90%; margin:0.01em;}
.menubar {width:85%;}

/**************************************/
/*    DIMENSIONI                      */
/**************************************/

object {
clear:both;
}

h2 {
font-size:1.3em;
margin-bottom:0.8em;
clear:both;
}

h3{
font-size:1.2em;
color:#339900;
}

h4, h4 a{
font-size:1.1em;
color:#339900;
}


div.ultime {
margin-left:0.31em;}

/**************************************/
/*    COLORI E ASPETTO                */
/**************************************/

a {
font-weight:bold;
color:#663300;
text-decoration:none;
}

a:hover {
color:#339900;
}

h2 {
color:#339900;
font-weight:bold;
}

strong {
font-weight:bold;
}

.clear{
clear:both;
border-top:1px dotted #339900;
}

/***************************************/
/* DI SERVIZIO                         */
/***************************************/

.float-left{
width:19.62%;
height:auto;
float:left;
margin-right:0.31em;
margin-bottom:0.5em;
}

.scroll {
width:100%;
font-family:monospace;
overflow:scroll;
margin:3px;
padding:2px;
height:100px;
border:1px dotted #313131;
font-size:0.8em;
}

pre {
display:none;}

/****************************************/
/* LAYOUT PRINCIPALE                    */
/****************************************/

body {
text-align:center;
font:90% "Trebuchet MS",sans-serif;
	
}

div#container {
	/* il contenitore principale, allineato al centro */
	text-align:left;
	}

div#header {
	/* l'header del sito */
        background: url(../images/91.png) repeat-x top left;
        position:relative;
        }

.logo {
position:absolute;
top:0;
left:0;
margin:0.50em;
}

div#navigation {
	/* colonna di navigazione, spesso la sx */
	float:left;
	}


div#content {
	/* Il contenitore con il loop principale di textpattern */
	float:left;
	}

div#extra dl {
width:18%;
height:auto !important;
height/**/:4.35em;
margin:2%;
}

div.entry-title {
margin:8px 0;
clear:both;
}

div.entry-content {
/*border:1px dotted black;*/
margin:8px 0;
line-height:1.5em;
color:#303030;
}

div.entry-content img{
float:left;
clear:both;
/*width*//**//*:100%;*/
/*max-width:100%;*/
height:auto;
margin:0.5em;
} 

div.entry-content p {
margin-bottom:6px;
}


div#extra {
float:right;
}

div#footer {
	/* il footer del sito */
	clear:both;
	margin:2px;
	padding:2px;
        font-size:0.9em;	
}

/************************************************/
/* MENU ORIZZONTALE SULL'HEADER                 */
/************************************************/
div.menubar ul.section_list {
text-align:right;
}

.menubar {
font-size:0.95em;
font-weight:normal;
position:absolute;
top:0;
right:0;
margin:0.50em;
} 

.menubar li {
display: inline; 
}

.menubar a {
color:#5e83b0;
text-decoration:none;
} 

.menubar a:hover {
color:#663300;
} 

.menubar-active a{
background-color: #663300;
color:#ffffff;
}

/************************************************/
/* menu delle ricerche (vedi css scarti per adds*/
/************************************************/

#tabMenu {
margin-left:1%;
padding:0;
list-style:none;
}

#tabMenu li {
float:left;
height:32px;
width/**/:39px;
max-width:39px;
cursor:pointer;
}

li.comments {background:url(../images/tabComment.png) no-repeat 0 -32px;}
li.posts {background:url(../images/tabStar.png) no-repeat 0 -32px;}
li.category {background:url(../images/tabFolder.png) no-repeat 0 -32px;}
li.famous {background:url(../images/tabHeart.png) no-repeat 0 -32px;}
li.random {background:url(../images/tabRandom.png) no-repeat 0 -32px;}

li.mouseover {background-position:0 0;}
li.mouseout {background-position:0 -32px;}
li.selected {background-position:0 0;}

.box {width:100%;}
.boxTop {clear:both;border:2px solid #339900;}
.boxBody {padding:0.63em;}
.boxBottom {border:2px solid #339900;}
.boxBody div {display:none;}
.boxBody div.show {display:block;}
.boxBody #category a {display:block;}
.boxBody ul li ul {margin-bottom:0.60em;}
.boxBody ul li ul li {margin-left:10px;}

/************************************************/
/* menutab                                      */
/************************************************/

#nav {
width:98%;
font-size:80%;
}

#nav a, #nav a:active, #nav a:visited {
	display:block;
	float:left;
	padding:0.31em;
	background:#daf1c9;
	color:green;
	margin-right:1%;
	text-decoration:none;
	outline:none;
        width:28%;
        max-width:30%;
        text-align:center;
	}

#nav a.selected, #nav a.selected:active, #nav a.selected:visited {
	background:#c51d1d;
	color:#fff;
	text-decoration:none;
	outline:none;
	}

.hiddencontent {
	padding:0.3em;
	background-color:#ffffff;
        border:1px dotted #339900;
	display:none;
        height:6em;
        }

/* per fare in modo che il riquadro "abbracci" tutto il contenuto */
.hiddencontent:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
width:95%;
}

/*********************************************/
/* Impaginazione Bannerini                   */
/*********************************************/

dl {
float:left;
}

div#content dl{
width:19.5%;
min-height: 150px; 
height: auto !important; 
height: 150px;
margin: 0.07em;
}

.banner{
width:25%;
/*height:300px;*/
margin: 2%;
float:left;
}

/*********************************************/
/* paginazione liste articoli multipli       */
/*********************************************/

ul.rsx-page-num-list{
    list-style:none;
    margin:0px;
    padding:0px;
    clear:both;
  }
 ul.rsx-page-num-list li {
    display: inline;
    margin:0 5px;
  }
  .unlinked { font-weight: bold; }   /*  for the current page that is not a link */

/************************************************/
/* Moduli di contatto vari                      */
/************************************************/

.feed {
position:absolute;
top:0.20em;
right:0.20em;
}

.share {
position:absolute;
top:0.20em;
right:1.76em;
}

.mail {
position:absolute;
top:0.14em;
right:3.26em;
}

div.newsletter {
border:1px dotted #339000;
margin:1%;
padding:1%;
height:4.9em !important;
height/**/:5.4em;
clear:both;
position:relative;
overflow:hidden;
font-size:0.95em;
}

label {
font-weight:bold;
}

div#extra #zemSubscriberName, div#extra #zemSubscriberEmail{
position:absolute;
width:40%; 
left:0.31em;
top:3.7em;
}

div#extra #zemSubscriberEmail{
left:44%;
}

div#extra .zemSubmit{
position:absolute; 
left:86%;
top:3.6em;
}

div#extra .zemContactForm label {
display:none;}

.zemThanks, .zemError {
padding: 10px;
margin:10px;
background-color:#339900;
font-weight:bold;
color:#ffffff;
border:2px solid #000000;
}

.zemError {
background-color:#ff0000;}

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