/* Main */
* { margin: 0; padding: 0; border: 0; }
BODY { margin: 0; font-family: "trebuchet ms", arial, verdana; text-align: center; font-size: .9em; } 
BODY { background-color: #e3e3e3; background-image: url('../images/bg-body.gif'); background-repeat: repeat; }
hr { color: transparent; size: 0; color: #ffffff; }
a { color: #043a6b; }

#container, .better { margin: 0 auto; width: 990px; text-align: left; }


#header { background: #fff; display: block; clear: both; height: 140px; }
#header img { border: 0; }
#header .logo { float: left; width: 420px; height: 120px;  }
#header span.top-date { margin: 1px 0 0 21px; font-size: .75em; color: #043a6b; }
#header .top-menu { float: right; margin: 0 5px 0 0; width: 460px; }


#ajax-area-sep { border-top: 3px solid #013365; margin: 0; padding: 0; height: 0;  }

#header .ajax-area { border-top: 0; text-align: right; padding: 0 1px 0 0; margin: 0 0 5px 0; float: right; display: block; height: 30px; }
.ajax-area a, .ajax-area a.bottom {background-image: url('../images/bg-arrow-top.gif'); background-repeat: no-repeat; background-position: left center;   }
.ajax-area a, .ajax-area a.bottom { font-weight: bold; color: #fff; text-decoration: none; background-color: #03386a; padding: 2px 20px 2px 28px; font-size: 1.1em;   }
.ajax-area a.bottom { background-image: url('../images/bg-arrow-bottom.gif'); background-repeat: no-repeat; background-position: left center;   }
.language { background-image: none; }

#aree { padding: 15px 0; margin: 0; }

#menu { clear: both; display: block; height: 40px; background-image: url('../images/bg-menu.gif'); background-repeat: repeat-x; }
#menu .left-corner { width: 12px; height: 40px; float: left; background-image: url('../images/bg-left-corner.gif'); background-repeat: no-repeat; }
#menu .right-corner { width: 20px; height: 40px; float: right; background-image: url('../images/bg-right-corner.gif'); background-repeat: no-repeat; background-position: top right; }

/* dropdown */
#dropmenudiv { border: 1px solid #9d145d; border-top: 0; margin: -12px 0 0 -2px; background-image: url('../images/bg-submenu.gif'); background-repeat: repeat-x; background-color: #e42089; position:absolute; z-index:100; }
#dropmenudiv a { padding: 0 12px; line-height: 25px; height: 25px; color: #fff; font-size: .8em; display: block; text-indent: 3px; text-decoration: none; }
#dropmenudiv a:hover { background-image: url('../images/bg-sub-hover.gif'); background-repeat: repeat-x; }

div.top-menu {  }
div.top-menu ul, div.top-menu li { display: inline; font-weight: bold; }
div.top-menu li { font-size: .8em; padding: 0 10px; }

#footer .footer-menu { float: right; margin: 0 10px; text-align: right;  }
#footer .footer-menu ul, #footer .footer-menu li { display: inline; float: left; }
#footer .footer-menu li a { margin: 0 15px 0 0; font-weight: bold; color: #111111; }
 
/*6da9e1*/
#menu .items ul, #menu .items li { margin: 0; padding: 0; display: inline; float: left; }
#menu .items li { background-image: url('../images/bg-separatore-menu.gif'); background-repeat: no-repeat; background-position: top right; }
#menu .items li { padding: 12px 0 0 0; height: 40px; width: 95px; text-align: center; }
#menu .items li a { display: block; height: 40px; width: 100px; font-size: .8em; color: #fff; text-decoration: none; font-weight: bold; }
img.content_image { margin: 10px; display: block; float: left;  }
#menu .items li:hover, #menu .items li.selected { background-image: url('../images/bg-menu-hover.gif'); background-repeat: repeat-x; background-position: top right; }

#menu .items {width: 680px; height: 40px; overflow: hidden; float: left; }
#menu .search { width: 270px; height: 40px; float: left; }
#menu .search form p { float: left; height: 40px; padding: 0 0 0 10px; background-image: url('../images/bg-menu.gif'); background-repeat: repeat-x; }
#menu .search form p input.q { border: 0; padding: 0; margin: 0 0 3px 0; width: 180px; color: #404040; }
#menu .search form p button { margin: 7px 0 0 25px; width: 48px; height: 25px; background-image: url('../images/bg-search-button.gif'); background-repeat: no-repeat;  }
#menu .search form p button { padding: 0; border: 0; color: #013365; font-weight: bold; text-transform: uppercase; font-size: .65em;  }
#menu .search form p.options { margin: 7px 0 0 0; float: left; background-image: url(); color: #fff; font-size: .7em; }
#menu .search form p.options a { text-decoration: none; color: #fff; }
#menu .search form p.options a:hover { text-decoration: underline }
a.small { margin: 10px 0 0 5px; color: #101010; font-size: .8em;   }
#top {}
#main-area { clear: both; display: block; }
#main-area #left { float: left;  margin: 5px 0; width: 200px; overflow: hidden; }

#main-area #main { float: left; width: 570px; margin: 5px 10px; background: #fff; overflow: hidden; }
#main-area #main ul { clear: both; margin: 0; }
#main-area #main li.image { padding: 0 5px 0 15px; float: left; width: 45%; }
#main-area #main li.image a { color: #043a6b; }
#main-area #main div.rss-feed { margin: 10px 0 0 0; padding: 5px 0 0 0; display: block; clear: both; border-top: 1px solid #dedede; }
#main-area #main span.rss { margin: 0 0 0 5px; float: left; font-size: .8em; color: #101010;  }

#main-area #main .main-top { height: 10px; background-image: url('../images/bg-main-top.gif'); background-repeat: no-repeat; }
#main-area #main .main-white { padding: 0 10px; background: #fff; overflow: hidden; width: 570px; }
#main-area #main .main-white .marginato { margin: 0 20px 0 0; }
#main-area #main .main-bottom { height: 10px; background-image: url('../images/bg-main-bottom.gif'); background-repeat: no-repeat; }

span.date { font-size: .8em; color: #101010; margin: 0; }
 
ul, li { margin: 0; padding: 0; list-style: none; }
ul li a { color: #404040; text-decoration: none; }
ul li.selected a { font-weight: bold; }
ul li a:hover { text-decoration: underline; }

.mini_content { display: block;  margin: 0 5px 0 0; }
.item img { margin: 0 4px 0 0; }
.item a { color: #101010; text-decoration: none; font-weight: bold; font-size: .8em;  }

#main-area #main div.items-ermes { width: 100%; clear: both; display: block; margin: 0 0 10px 0; }
#main-area #main div.items-ermes div.image { font-size: .8em; text-align: center; float: left; margin: 0 10px 0 0; width: 90px; height: 130px; overflow: hidden; display: block;  } 
#main-area #main div.items-ermes a { color: #101010; font-weight: bold; }
#main-area #main div.items-ermes p { margin: 0; line-height: 1.2em; } 
#main-area #main div.items-ermes div.content-list { padding: 5px 0; margin: 0 0 10px 0; border-bottom: 1px solid #043a6b; }  

#main-area #main div.items-ermes { width: 100%; clear: both; display: block; margin: 0 0 10px 0; }
div.image { font-size: .8em; text-align: center; float: left; margin: 0 10px 0 0; width: 90px; height: 130px; overflow: hidden; display: block;  } 
#main-area #main div.items-ermes a { color: #101010; font-weight: bold; }
#main-area #main div.items-ermes p { margin: 0; line-height: 1.2em; } 
div.content-list { padding: 5px 0; margin: 0 0 10px 0; border-bottom: 1px solid #043a6b; }  


#main-area #right { float: left; margin: 5px 0; width: 200px; overflow: hidden; }
div.mod-area { background-color: #fff; border: 1px solid #013365; border-top: 0; border-bottom: 0; margin: 0; padding: 5px; }
div.mod-area p { margin: 0; line-height: 1.2em; }

div.mod-area-abb { background-color: #fff; border: 1px solid #043a6b; border-top: 0; margin: 0; padding: 5px; }

div.mod-title { background-color: #013365; background-image: url('../images/bg-mod-title.gif'); background-repeat: no-repeat; }
#main-area #main div.mod-title { background-color: #013566; background-image: url('../images/bg-mod-title-main.gif'); background-repeat: no-repeat; }
div.mod-title { color: #fff; font-weight: bold; padding: 8px 7px 0 7px; height: 25px; overflow: hidden; font-size: .8em; }
div.mod-bottom{ background-image: url('../images/bg-mod-bottom.gif'); background-repeat: no-repeat; height: 13px; width: 200px; overflow: hidden; }
#main-area #main div.mod-bottom{ background-image: url('../images/bg-mod-bottom-main.gif'); background-repeat: no-repeat; height: 13px; width: 550px; overflow: hidden; }
form input, form textarea { width: 230px; border: 1px solid #dedede; padding: 3px; }
form select { border: 1px solid #dedede; padding: 3px; }


div.mod-title a { color: #fff; text-decoration: none; display: block; }

form p.radio input { width: 30px; float: left; margin: 3px 0 0 0; }


form textarea { height: 80px; font-family: arial, verdana, sans-serif; font-size: .9em; }
form button, button { padding: 3px; border: 1px solid #043a6b; background-color: #043a6b; color: #fff; background-image: url('../images/bg-button.gif'); background-repeat: repeat-x;  font-size: .8em; font-weight: bold; }
form p input.price { width: 60px; text-align: center; }
div.err { margin: 10px; padding: 10px; border: 2px solid #043a6b; color: #043a6b; }
div.err p { height: 11px; line-height: 11px; margin:0; font-size: .8em; }

table.cart { width: 100%; border-collapse: collapse; }
table.cart tr.head { background-image: url('../images/bg-cart-head.gif'); }
table.cart th { padding: 5px; font-weight: lighter; font-size: .8em; }
table.cart td { font-size: .9em; padding: 5px; border-bottom: 1px solid #dedede; }
table.cart td.center { text-align: center; }
table.cart td a { color: #101010; }
table.cart input.qnt { border: 1px solid #dedede; width: 30px; text-align: center; font-size: .9em; padding: 3px; }

.cart-msg { font-weight: bold; cursor: pointer; height: 30px; background: #dedede; margin: 5px 0; text-align: center; background-image: url('../images/bg-cart-msg.gif'); padding: 5px 0 0 0;  background-repeat: no-repeat; }
form table.mini-cart { width: 100%; border-collapse: collapse; }
form table.mini-cart tr.head, table.mini-cart tr.head:hover  { background: #fff; }
form table.mini-cart tr { background: #fafafa; }
form table.mini-cart tr:hover { background: #dedede; }
form table.mini-cart th { padding: 5px; font-weight: lighter; font-size: .7em; }
form table.mini-cart td { font-size: .8em; padding: 5px; border-bottom: 1px solid #dedede; }
form table.mini-cart td.center { text-align: center; }
form table.mini-cart td a { font-size: .75em; color: #101010; }
form table.mini-cart input.qnt { border: 1px solid #dedede; width: 25px; text-align: center; font-size: .8em; padding: 0; }
.cart-submit,.cart-submit-tool { color: #111111; border:0; background: #fff; margin: 1px auto; padding: 2px 0; }
.cart-submit-tool { text-align: left; padding: 2px; cursor: pointer; }

.contents-flter { background-image: url('../images/bg-contents-filter.gif'); background-repeat: no-repeat; height: 50px; overflow: hidden; display: block; clear: both; margin: 5px 0; padding: 12px 10px;; }
.contents-flter form p  { float: left; display: block; }
.contents-flter form label  { width: 60px; }
.contents-flter form p input  { border: 1px solid #898989; width: 150px; }
.contents-flter form button  { border: 0; background: #043a6b; margin: 0 0 0 5px; padding: 0; }

table.periodici_items { width: 100%; border-collapse: collapse; }
table.periodici_items td a { text-decoration: none; }
table.periodici_items th:hover, table.periodici_items th { background: #fff; color: #000; }
table.periodici_items tr:hover, table.periodici_items tr:hover a { background: #9ac2e7; color: #fff; }
table.periodici_items td { padding: 3px; border-bottom: 1px solid #013465; font-size: .8em; }



form.checkpoint {}
form.checkpoint div.head, form.checkpoint div.head-no, form.checkpoint div.total  { background: #fafafa; border-bottom: 1px solid #dedede; padding: 3px;  }
form.checkpoint div.head input { border: 0; }
form.checkpoint div.head label { cursor: pointer; border: 0; }
form.checkpoint div.head:hover {  background: #fefefe; }
form.checkpoint div.info_descr { font-size: .9em; padding: 3px 5px; border: 1px solid #DEDEED; border-top: 0; margin: 0 0 10px 0 }
form.checkpoint div.total { background: #fff; }
form.checkpoint div.total span.strong { font-size: 1.2em; }

form.login p input { width: 90%; }
form.login p button { margin: 10px; }

p.title,p.sub_title,p.over_title { display: block; width: 100%; line-height: 14px; margin: 0; }
p.title a { background-image: url('../images/bg-image-li.gif'); background-repeat: no-repeat; padding: 0 0 0 15px; text-decoration: none; }
p.title { font-weight: bold; }
p.over_title { color: #414141; }
p.sub_title { color: #101010; }
p.sub_title { border-bottom: 1px solid #dedede; padding: 0 0 5px 0; }

p.tip { background: #feffbe; padding: 3px 5px; }
p.tip strong { margin: 0 10px 0 0; float: left; color: #101010;  }
button.add-to-cart { margin: 0 0 0 100px; }
button.simple { border:0; background: #fff; font-weight: bold; font-size: .8em; padding: 10px 0;  }

#footer { border-bottom: 1px solid #dedede; padding: 10px 0 0 0; clear: both; background-image: url('../images/bg-footer.gif'); background-repeat: repeat-x; background-color: #fff; display: block; }
#footer .footer-space { height: 65px; color: #6d6d6d; font-size: .8em; background-image: url('../images/bg-footer-space.gif'); background-repeat: no-repeat; padding: 6px 0 0 90px; }
#footer .footer-space p { font-size: .9em; line-height: 1em;  }

#footer .footer-menu { color: #6d6d6d; font-size: .8em; padding: 6px 0 0 90px; }
.margined { margin: 5px;  }

#mod_15 a.follow { background: #e11b85; padding: 1px 3px; font-size: .7em; color: #fff; margin: 1px; }

#mod_17 { }
#mod_17 div.mod-area div.item { text-align: center; float: left; width: 49%; }
#mod_17 div.mod-area div.item img { margin: 3px;  }

div.prod_info { display: block; }
div.prod_info p { margin: 0; }
div.navigator_box { border: 1px solid #043a6b; }
div.tabs { display: block; background-image: url('../images/bg-menu.gif'); background-repeat: repeat-x; clear: both; height: 24px; }

div.box_tab, div.box_tab_hi { border-right: 1px solid #043a6b; padding: 3px; text-align: center; color: #fff; font-size: .8em;  }
div.box_tab, div.box_tab_hi { float: left; font-weight: bold; width: 120px; }
div.box_tab a, div.box_tab_hi a { display: block; color: #fff; text-decoration: none; }

div.box_tab:hover { background-image: url('../images/bg-menu-hi.gif'); background-repeat: repeat-x; }
span.mini { font-size: .9em; color: #bababa; clear: both; }
div.box_tab_hi { background: #fff; border-bottom: 0; border-left: 0;  }
div.box_tab_hi a { color: #043a6b;  }

div.area { padding: 10px; clear: both; display: block;  }
div.hidden_area { display: none; }

div.comment_item { border-left: 7px solid #dadada; padding: 5px 10px; margin: 5px 0; }
div.comment_item p.date { color: #bababa; font-size: .8em; margin: 0; line-height: 14px; }
div.comment_item p.comment_title { color: #101010; font-size: 1em; margin: 0; font-weight: bold; line-height: 14px; }
div.comment_item p.comment_nickname { color: #101010; font-size: .8em; margin: 0; line-height: 14px; }
div.disp { background: #fafafa; }

table.abbonamento { width: 100%; border-collapse: collapse; }
table.abbonamento tr { clear: both; }
table.abbonamento tr:hover { background-color: #cedeef; }

table.abbonamento th, div.head_abbonamento { display: block; font-weight: bold; color: #fff; padding: 5px 5px; background: #043a6b; }
table.abbonamento th a,  div.head_abbonamento a { display: block; text-decoration: none; font-weight: bold; color: #fff; }
table.abbonamento tr.head td { font-size: .8em; font-weight: bold; color: #000; padding: 5px 2px; border-bottom: 1px solid #043a6b; }
table.abbonamento td { padding:2px; font-size: .9em; }
table.abbonamento td label { cursor: pointer; clear: both; width: auto; }
table.abbonamento tr.combo td { border-bottom: 1px solid #DEDEDE; }
table.abbonamento td table { clear: both; margin: 2px; width: 100%; border-collapse: collapse; }

form.abb p { width: 48%; float: left; }
form.abb p label { display: block; width: 100%; clear: both; }
form.abb p.long { width: 90%; clear:both; }
form.abb div.head { clear: both; }

#mysterious { height: 35px; color: #03386a; background-color: #fff; border-bottom: 1px solid #bbb; font-family: arial !important; }

#mysterious { 
-webkit-box-shadow: 0px 10px 5px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    0px 10px 5px rgba(50, 50, 50, 0.2);
box-shadow:         0px 10px 5px rgba(50, 50, 50, 0.2);
}

#mysterious a { text-decoration: none; }
#mysterious div.mod-title { display: none; }
#mysterious div.mod-area { background: transparent; border: 0; }
#mysterious div.mod-bottom { display: none; }
#mysterious div.separator { display: none; }
#mysterious strong { margin-right: 30px; }

#mysterious #tool_utility { float: right; width: 400px; text-align: right; }
#mysterious #tool_utility a { color: #03386a; }
#mysterious #tool_utility p { float: none; text-align: right; }

#mysterious a { margin: 0 5px 0; color: #fff; }

#mysterious form { width: 400px; border: 0; float: left; padding: 0; }
#mysterious form p { float: left;  }
#mysterious form label { display: none; }

#mysterious form input { 
	clear: none !important;  
	-moz-box-shadow: inset 0 0 2px 1px #f6f6f6;
	-webkit-box-shadow: inset 0 0 2px 1px #f6f6f6;
	box-shadow: inset 0 0 2px 1px #f6f6f6;
}

#mysterious form input:focus { 
	border: 1px solid #8cb4fc;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#mysterious form input { 
width: 130px !important;
margin-right: 10px;
border: 1px solid #bbb; 
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

#mysterious button { cursor: pointer; color: #03386a; background:transparent; border: 0;  }
#mysterious button:hover { color: #8cb4fc;  }
#mysterious form.hidden { display: block; }
#mysterious p { margin: 0; line-height: 12px; }

div.main-css-menu { cursor: pointer; background: #013365; color: #fff; font-weight: bold; padding: 5px; }
div.main-css-menu a { color: #fff; display: block; text-decoration: none; }
div.sub-css-menu { background: #fff; color: #013365; font-weight: lighter; margin: 0; }
div.sub-css-menu ul { }
div.sub-css-menu li { font-size: .8em; padding: 2px 5px; display: block; }
div.sub-css-menu li:hover { background: #013365; color: #fff; }
div.sub-css-menu li:hover a { color: #fff; }
div.sub-css-menu li a { font-weight: bold; display: block; text-decoration: none; }
div.sub-css-menu li a:hover { color: #fff }

div.sub-css-menu ul ul li { padding: 2px 15px; }
div.sub-css-menu ul ul li a { color: #013365; display: block; }
div.sub-css-menu ul ul li.selected { background: #013365; color: #fff; }
div.sub-css-menu ul ul li.selected a { color: #fff; }

button.top-btn { background-image: url('../images/vf-top.gif'); background-repeat: no-repeat; }

#mod_44 {
	width: 550px;
	overflow: hidden;
}

.separator {
	font-size: 5px;
	clear: both;
	display: block;
	height: 5px;
	
}

#mod_47 {
	width: 540px;
	padding: 5px; 
}

span.clear {
	clear: both;
	display: block;
	cleat: both;
	font-size: 1px;
}	

.rivista, .avvisami {
	width: 50%;
	min-height: 160px;
	float: left;
	
}

.avvisami {
	text-align: right;
}

.rivista .dettaglio {

}


ul#ermes_step { clear: both; display: block;  }
ul#ermes_step li { float: left; width: 20%; text-align: center; font-weight: bold; color: #013365; padding: 5px 0 0 0;  }
ul#ermes_step li.inattivo { color: #dedede; }
ul#ermes_step li.inattivo_grigio { color: #dedede; }
ul#ermes_step li span.bollino { font-size: 18px; color: #fff; background: #013365; padding: 2px 5px; margin-right: 5px; }
ul#ermes_step li.inattivo span.bollino { background: #DEDEDE; color: #FEFEFE; font-weight: lighter; }
ul#ermes_step li.inattivo_grigio span.bollino { background: #fff; color: #dedede; border: 1px solid #dedede; font-weight: lighter; }

.centered { text-align: center; }
.col50 {  float: left; width: 50%; }
.center_50 { width: 80%; margin: 0 auto; text-align: left; }
.center_50 h2, .center_50 input.text, .center_50 button, .center_50 p, .center_50 label.wide, .center_50 a { display: block; clear: both; margin-bottom: 10px; }
.center_50 label, .center_50 a { margin-bottom: 5px; }
.center_50 label.wide_100 { width: 100%; margin-bottom: 0; color: #999; font-weight: bold; font-size: 11px; }
.center_50 label.wide_100 .req { color: red; }

.p_desc_mini { font-size: 11px; color: #bbb; display: block; clear: both; }

.add_info { clear: both; display: block; padding: 3px 0; font-weight: bold; font-size: 14px; }
.add_price { color: green; text-align: right; border-bottom: 1px dashed #dedede; }
.add_big_price { font-size: 18px; color: green; text-align: right; border-bottom: 1px dashed #dedede; }
.small_head { font-size: 12px; text-transform: uppercase; color: #999; }

.informazioni_aggiuntive { font-size: 12px; color: #555; background: #fefefe; border: 2px solid #bbb; padding: 20px; margin-left: -10px; }