body {
   color:#3A3C3F;
   font: 62.5% Georgia, "Times New Roman", Times, serif;
   background:url(../i/ui/bg_main.jpg) 0 0 repeat;}

* html input { overflow: visible;  }


/* Remove or Reset Default Styles
-------------------------------------------------------------------------*/
* { margin:0; padding:0; list-style-type:none;}

img { border: none; }


/* Clear Floats
--------------------------------------------------------------------------*/
.clear{
 clear: both;
 font-size: 0;
 height: 0;
 line-height: 0;
 overflow: hidden;}

.clearfix{display:inline-block;}
.clearfix{display: block;}

.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}

/* General Form Styles
-------------------------------------------------------------------------*/
input, textarea, select { color:#7F7F7F;font:11px Arial, Helvetica, sans-serif;outline:none;}
fieldset br{ clear:both;}
fieldset{ border:none;}

/* form*/
p.txtbox{
  background:url(../i/ui/bg_search.gif) 0 0 repeat-x;
  height:20px;
  border:1px solid #C6C4B8;
  float:left;
  margin:0 5px 0 0;}

p.txtbox input{
  border:none;
  padding:3px 6px;
  background:none;
  font-size:12px;
  font-family:Georgia, "Times New Roman", Times, serif;}

form .btn-gray{
  background:#A09B8E;
  border:none;
  height:22px;
  padding:4px 3px;
  color:#F6F5EA;
  font-size:12px;
  font-family:Georgia, "Times New Roman", Times, serif;
  cursor:pointer;
  width: auto;
  overflow: visible;}

input[type=submit] {
  width: auto;
  background:#A09B8E;
  border:none;
  height:22px;
  padding:4px 3px;
  color:#F6F5EA;
  font-size:12px;
  font-family:Georgia, "Times New Roman", Times, serif;
  cursor:pointer;}

/* General Link Styles
--------------------------------------------------------------------------*/
a{position:relative;}
a:link, a:visited {
 text-decoration:none;}

.right{float:right !important;}
.left{float:left !important;}

/*-------------------------------------------------------------------------
                        PAGE STYLES
*-------------------------------------------------------------------------*/
#container{
 width:1046px;
 position:relative;
 margin: 22px auto;}

#content{
  background:url(../i/ui/bg_content-bod.png) 0 0 repeat-y;
  width:1046px;}

#content-wrap .inside{
   background:url(../i/ui/bg_content-top.png) 0 -20px no-repeat;
  width:1046px;
}

.bot{
  background:url(../i/ui/bg_content_bot.png) 0 0 no-repeat;
  width:1046px;
  height:53px;}

#content-wrap .indent{
  width:934px;
  margin:0 auto;}

/*-------------------------------------------------------------------------
                        HEADER
*-------------------------------------------------------------------------*/
#header .indent{
  padding: 27px 0 0 0;}

#header p.logo a{
  width:420px;
  height:91px;
  display:block;
  padding:0 0 14px 0;}

#header .sub{
  border:1px solid #A59D9D;
  border-width:1px 0;
  padding:5px 0;}

#header ul#menu{
  width:720px;
  float:left;
  padding:3px 0 0 0;}

#header ul#menu li{
  float:left;
  font-size:1.4em;
  text-transform:uppercase;}

#header ul#menu li a{
  color:#353737;
  background:url(../i/ui/bul_menu.gif) 0 5px no-repeat;
  padding:0 9px 0 14px;}

#header ul#menu li.first a{
  background:none !important;}

#header .search{
  width:210px;
  float:right;}

#header  .search p.txtbox{
   width:138px;}


 /*-------------------------------------------------------------------------
                        CONTENT
*-------------------------------------------------------------------------*/
 #content{
   padding:27px 0;}

.pic {
  padding-bottom: 5px;
  background:url(../i/ui/bgcop.jpg) no-repeat bottom center;
  text-align:center
}

/*-------------------------------------------------------------------------
                       MAIN-CONTENT
*-------------------------------------------------------------------------*/
#main-content{
  width:574px;
  float:left;
  }

#main-content h2.styletitle{
  width:80%;
  height:21px;
  color:#D11F16;
  font-size:2.0em;
  font-weight:normal;
  padding:0 0 13px 0;
  font-style:italic;}

#main-content h2.print{
  float:left;
}

#main-content div.styletitle{
  width:559px;
  margin:0 auto;
  color:#D11F16;
  font-size:1.6em;
  font-weight:normal;
  margin-bottom:6px;
  font-style:italic;}


#main-content h2.stylesubtitle{
  width:559px;
  height:21px;
  margin:0 auto;
  color:#D11F16;
  font-size:2.0em;
  font-weight:normal;
  padding:0 0 13px 0;}

#main-content .hr{
   background:url(../i/ui/bg_title.gif) 0 3px no-repeat;
  width:559px;
  height:23px;
  margin:10px auto;}

#main-content .hr hr{
  display:none;}

#main-content h2.styletitle span{
  background:#F6F5EA;
  display:block;
  font-style:italic;
}

#main-content h2.stylesubtitle.lft span{
  background:#F6F5EA;
  display:block;
  width:270px;
  padding-right: 10px;
  text-align:left}

#main-content h2.stylesubtitle.lft {
  background:url(../i/ui/bg_title.gif) 0 3px no-repeat;
  margin-left: 0;
}

#main-content h1.styletitle{
  background:url(../i/ui/bg_title.gif) 0 3px no-repeat;
  width:559px;
  margin:0 auto;
  color:#D11F16;
  font-size:2.4em;
  font-weight:normal;
  padding:0 0 13px 0;}

#main-content h1.styletitle.lft {
  margin-left: 0;
}

#main-content h1.styletitle span{
  background:#F6F5EA;
  text-align:center;
  display:block;
  width:280px;
  margin:0 auto;}

#main-content h1.styletitle.lft span{
  background:#F6F5EA;
  display:inline-block;
  width:auto;
  padding-right: 10px;
  text-align:left}

ul.books-table{
  margin-left:5px;}

ul.books-table .pic {
  padding-bottom: 8px;
  background:url(../i/ui/bgcop_pp.jpg) no-repeat bottom center;
}


ul.books-table li{
  background:#DDDACE;
  padding:4px;
  width:177px;
  height:220px;
  border:1px solid #F6F5EA;
  border-width: 0 0 1px 1px;
  float:left;}

ul.books-table li img{
  display:block;
  margin:0 auto;}

ul.books-table li p,
ul.books-table li h4{
  text-align:center;
  font-size:1.3em;
  color:#353737;
  padding:0 0 3px 0;
  }



ul.books-table li h4 a{
  color:#353737;
}

ul.books-table li h4 a:hover, ul.books-table li p a:hover{
  text-decoration:underline;
}
ul.books-table li p a, .prodotto .cat-sub{
  color:#767265;
}


p.more a{
  background:url(../i/ui/btn_finger.gif) right 2px no-repeat;
  padding:0 30px 0 0;
  color:#767265;}

 .shadow-box{
   width:572px;}
ext
.shadow-box .top{
  background:url(../i/ui/bg_shadowbox-top.png) 0 0 no-repeat;
  width:572px;
  height:17px;}

.shadow-box .bod{
  background:url(../i/ui/bg_shadowbox-bod.png) 0 0 repeat-y;
  width:572px;}

.shadow-box .wrap{
  width:525px;
  margin:0 auto;}

.shadow-box .wrap h4{
  font-size:1.6em;
  color:#D11F16;
  text-transform:uppercase;
  font-weight:normal;}

.shadow-box .bot{
  background:url(../i/ui/bg_shadowbox-bot.png) 0 0 no-repeat;
  width:572px;
  height:17px;}

.bks{
  background:url(../i/ui/bg_dividerbooks.gif) 262px 0 repeat-y;
  width:524px;}

.bks .box{
  width:237px;
  margin-top:15px}

.bks .box h5{
  color:#3A3C3F;
  font-size:1.2em;
  padding:0 0 6px 0;}

.box h5 a{
  color:#3A3C3F;
  text-decoration:underline;}

.box h5 a:hover{
  text-decoration:none;}


.bks .box p{
  font-size:1.2em;
  line-height:1.5em;
  color:#3A3C3F;
  padding:0 0 5px 0;}

.bks .box .pic{
  width:82px;
  float:left;}

.bks .box .text{
  width:137px;
  float:right;}

/*-------------------------------------------------------------------------
                        SIDE
*-------------------------------------------------------------------------*/
/*side-settings */
.side-set h3{
  font-size:1.4em;
  color:#D11F16;
  padding:5px 0 13px 0;
  text-transform:uppercase;
  font-weight:normal;}

.side-set ul{
  padding: 0 0 40px 0;}

.side-set ul li{
 display:block;
 font-size:1.2em;
 padding:0 0 5px 0;}

.side-set ul li a{
  color:#767265;
  display:inline-block;}

.side-set p{
  color:#3A3B3E;
  font-size:1.2em;
  padding:0 0 10px 0;}

.side-set p a{
 color:#777366;}

/* SIDE-NAV */

#side-nav{
  float:left;
  width:159px;
  padding:0 15px 0 0;}

#side-nav h3,
#side-nav ul li,
#side-nav p{
  text-align:right !important;}

/* SIDE-MISC */
#side-misc{
   width:175px;
   float:right;}

#side-misc ul{
  padding-bottom:15px !important;}

#side-misc .newsletter p{
  padding:0 !important;
  width:110px;
  font-size:1.1em !Important;}



.highlight{
  background:url(../i/ui/bg_curve.gif) 58px 0 no-repeat;
  padding:14px 0 0 0;
  margin:50px 0 0 0;}

.highlight .box{
  border:1px solid #AAA2A2;
  padding:2px;}

.highlight .box .in{
  background:#F6D0B3;
  padding:8px;}

.highlight .box .in h4{
  text-align:center !important;
  font-weight:normal;
  text-transform:uppercase;
  color:#D11F16;
  font-size:1.4em;}

.highlight .box .in h5{
  text-align:center;
  color:#3A3B3E;
  font-size:1.2em;}

.highlight .box .in img{
  display:block;
  margin:0 auto;
  padding:8px 0;}

.highlight .box .in p{
  padding:0;}

.highlight .box .in p.stand{
  border:1px solid #FFF;
  border-width:1px 0;
  padding:8px 0 !important;
  color:#3A3B3E;
  font-size:1.2em;
  margin:8px 0;
  line-height:1.4em;}

/*-------------------------------------------------------------------------
                        FOOTER
*-------------------------------------------------------------------------*/
#footer{
  padding:10px 0;}

#footer p{
  text-align:center;
  font-size:1.3em;
  color:#3A3C3F;}

#footer p a.email{
  background:url(../i/ui/icon_email.gif) 0 2px no-repeat;
  padding:0 0 0 24px;
  color:#3A3C3F;}




/*-------------------------------------------------------------------------
                        BLOCCHI TESTO
*-------------------------------------------------------------------------*/

.desc { font-size: 14px; margin-bottom: 5px; overflow: hidden; }

/*-------------------------------------------------------------------------
                        VETRINA PRODOTTI PAGINA CATEGORIA
*-------------------------------------------------------------------------*/
.prodotti {
  margin-top:20px;
}

.prodotto {
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom:1px solid #ccc;
}

.prodotto .pic {
  float:left;
  width: 120px;
}

.prodotto .text {
  float:left;
  width: 450px;
}

.prodotto h5 { font-size: 14px; margin-bottom: 5px }

.prodotto h5 a, .prodotto h6 a, .prodotto a{
  color:#353737;
}

.prodotto h5.bigger {font-size: 16px; }

.prodotto h6 {font-size: 14px; margin-bottom: 10px;}

.prodotto h5 a:hover, .prodotto h6 a:hover, .prodotto a:hover{
  text-decoration:underline;
}

.prodotto .more { font-size: 14px; }



/*-------------------------------------------------------------------------
                        PAGINAZIONI
*-------------------------------------------------------------------------*/

.pager-cont{}

.pager {
  clear:both;
  margin: 20px 0;
  padding: 4px;
  text-align: left;
  font-size: 12px;
  background: #efefef
}

.pager strong { color: #FF7113; }

.pager .active {
  color:#014689;
  font-weight: bold;
  cursor: default;
}
.pager-order{
  float:right;
}

/* first-child */

.pager a {font-size: 13px; padding:0 4px; border-left:1px solid #014689}
.pager a:first-child { border:0}



/*-------------------------------------------------------------------------
                        MESSAGGI UTENTE
*-------------------------------------------------------------------------*/
.msg {
  margin: 20px 0;
  padding: 10px 15px;
  border: 1px solid #ccc;
  background: #E3F1FE;
}

.msg.ko { background: #FFFDE7; color: red; }

.msg .msg-content {
  padding-left: 30px;
  background-image: url(../i/accept.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
}

.msg.ko .msg-content { background-image: url(../i/error.png); }

.msg a { font-weight: normal; }
.msg p { margin: 0 !important; font-weight: bold; font-size: 13px; }
.msg ul { margin: 0; padding:0; list-style: none; font-size: 11px; border: 0; background: none; }
.msg li { display: block; margin: 0 0 2px 0!important; font-size: 13px; }



.items { font-size: 14px; }
.items li { background:url(../i/ui/bul_menu.gif) no-repeat center left; padding-left: 14px; }
.items a { color:#767265; }
.items a:hover { text-decoration:underline; }


#reqinfo div {
  width: 50%;
  float: left;
  margin-bottom: 10px;
  font-size:14px;
}

#reqinfo div.wide,
#reqinfo div.wide div {
  width: 100%;
  float: none;
  clear:both;
}

#reqinfo input.text,
#reqinfo textarea {
  width:75%;
  padding:2px 4px;
  font: 13px Georgia, "Times New Roman", Times, serif;
  color:#000
}

#reqinfo textarea {
  width: 90%;
}


.privacy textarea {
  width:95%;
  height:50px;
  color: #7F7F7F!important;
  font: 11px Arial, Helvetica, sans-serif!important;
  border:1px solid #aaa;
 }

#c_pic {
  float:left;
  width: 140px;
}

#c_pic_small{ width:120px; float:left; }


#c_pic img { border:1px solid #ccc }

#c_details {
  float:left;
  width: 400px;
}

#edit-aut { margin-bottom:14px; font-size: 13px; }

/***************************************************
SEARCH
***************************************************/

div#search-results h2 {
text-decoration:underline;
color:darkgreen;
}

div#search-results a {
  color:darkgreen;
}

div#search-results a:hover {
}

div#search-results p {
font-size: 1.3em;
}

/** Cookie notice **/
.cookie-bar {
  background: rgba(221,218,206,1);
  color: #333;
  min-height: 35px;
  overflow: hidden;
  font-size: 12px;
  padding: 8px 30px ;
  border: 0;
  top: 0;
  z-index: 15000;
  margin-top: 0;
  transition: all 255ms;
  box-sizing: border-box;
  position: fixed;
  width: 94%;
  left: 3%;
  right: 3%;
  border: 2px solid #A6A49D;
  border-top: none;
}

.cookie-bar a, .cookie-bar i {
  color: #333;
}

.cookie-bar a {
    font-weight:bold;
    font-weight: bold ;
    transition: all 255ms ;
}

.cookie-bar > i {
  float: right;
  transition: all 255ms;
  cursor: pointer;
  font-size: 16px;
}


.cfixed{
	position: fixed ;
	width: 100% ;
}

.disappear{
	position: fixed ;
	margin-top: -100px;
	opacity: 0 ;
}

.cookie-bar a:hover, .cookie-bar i:hover{
	color: #333;
}

.cookie-bar div.cookie-bar-content{
	/* float: left ; */
	padding-top: 3px ;
	margin-right: 20px;
}

.cookie-bar a.cookie-button {
    position:absolute;
    right:15px;
    top:30%;
    display: inline-block;
    background-color: #908043;
    padding: 3px 12px;
    border-radius: 3px;
    color: #fff;
    text-decoration: none;
}

.cookie-bar a.cookie-button:hover {
    border:none;
    background-color: #fff;
    color: #908043;
}

@media (max-width: 768px){
	.cookie-bar .cookie-bar-content a:before { 
		content: 'hiddentext'; 
		font-size:0; 
		display:block; 
		line-height:0; 
	}

	.cookie-bar > i{
		font-size: 26px ;
	}

	.cookie-bar{
		font-size: 14px ;
		line-height: 18px ;
	}
}