/*   html5doctorcom Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark  html5doctorcom/html-5-reset-stylesheet/*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
body {	line-height: 1;}
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
/a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
/* END RESET CSS */
/*
fonts.css from the YUI Library: developeryahoocom/yui/
Please refer to developeryahoocom/yui/fonts/ for font sizing percentages
*/
button {cursor: pointer; background: none; padding: 0; margin: 0;}
body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1; font-family: 'helvetica_lightregular','Helvetica','Arial',sans-serif;}
html, body {height: 100%; overflow: hidden}
table { font-size:inherit; font:100%; }
select, input, textarea { font:99% sans-serif; }
/* maxvoltarcom/archive/-webkit-font-smoothing */
html { -webkit-font-smoothing: antialiased; }
input[type=submit],input[type=reset],input[type=button]{filter:chroma(color=#000000);}
::-moz-selection {background: #999999; color: #f6f6f6;}
::selection {background: #999999; color: #f6f6f6;}
* {outline:none; text-decoration: none; border:0 none;}
img {vertical-align:top;}
li {list-style: none; display: inline}
input {cursor: pointer;}
h1, h2, h3, h4, h5 {font-weight: normal;}

@font-face {
    font-family: 'helvetica_lightregular';
    src: url('/fonts/helvetica-light-webfont-webfont.eot');
    src: url('/fonts/helvetica-light-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/helvetica-light-webfont-webfont.woff') format('woff'),
         url('/fonts/helvetica-light-webfont-webfont.ttf') format('truetype'),
         url('/fonts/helvetica-light-webfont-webfont.svg#helvetica_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

a {cursor: pointer;}
.b1 a {color: #ffffff}
img { text-decoration:none;}
.clear {width: 100%; clear: both; display: block; height: 1px;}
.aligncenter {text-align: center;}
.alignleft {text-align: left;}
.justify {text-align: justify;}
.alignright {text-align: right;}
.marginxsmall {width: 100%; clear: both; display: block; height: 10px;}
.marginsmall {width: 100%; clear: both; display: block; height: 20px;}
.margin {width: 100%; clear: both; display: block; height: 40px;}
.marginbig {width: 100%; clear: both; display: block; height: 80px;}
.padding5 {padding: 5px;}
.padding10 {padding: 10px;}
.padding20 {padding: 20px;}
.padding40 {padding: 40px;}
.btn.padding10 {padding: 5px 10px;}
.btn.padding20 {padding: 10px 20px; line-height: 20px;}
.paddingright10 {padding-right: 10px}
.nomargin {margin: 0 !important;}
.shadow {-moz-box-shadow: 0 1px 3px #aaaaaa !important; -webkit-box-shadow: 0 1px 3px #aaaaaa !important; box-shadow: 0 1px 3px #aaaaaa !important;}
.shadowblack {-moz-box-shadow: 0 1px 5px #111111 !important; -webkit-box-shadow: 0 1px 5px #111111 !important; box-shadow: 0 1px 5px #111111 !important;}
.shadowDDD {-moz-box-shadow: 0 1px 2px #dddddd !important; -webkit-box-shadow: 0 1px 2px #dddddd !important; box-shadow: 0 1px 3px #dddddd !important;}
.shadowTransparent {-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.3) !important; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.3) !important; box-shadow: 0 2px 6px rgba(0,0,0,0.3) !important;}
.textShadow {text-shadow: 0 2px 6px rgba(0,0,0,0.3)}
.radius {border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px;}
.circle, .check-box.radio .chk {border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.floatnone {float: none !important; display: inline !important; padding: 0 !important; margin: 0 !important}
.hide {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00); opacity: 0.00; -moz-opacity: 0.00;}
.opacity50, .thumb_slider .slick-dots {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity: 0.50; -moz-opacity: 0.50;}
.opacity75, .overlay {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter:alpha(opacity=75); opacity: 0.75; -moz-opacity: 0.75;}
.floatright {float: right; display: block;}
.floatleft {float: left; display: block;}
.upper {text-transform: uppercase;}
.none {display: none}
.block {display: block}
.inlineblock {display: inline-block;}
.pointer {cursor: pointer}
.relative {position: relative}
.absolute {position: absolute}
.fixed {position: fixed}
.z0 {z-index: 0}
.z1 {z-index: 1}
.z2 {z-index: 2}
.width100 {width: 100%; position: relative; display: block;}
.width100.fixed {position: fixed;}
.dotted {border-bottom: 2px dotted #ffffff;}

.c1 {color: #083140}
.c2, .b1 a.c2 {color: #869da7}
.c3 {color: #ffffff}
.c5 {color: #e6e6e6}
.c6 {color: #666666}
.c7 {color: #568696}

.b1 {background: #083140}
.b2 {background: #869da7}
.b3 {background: #ffffff}
.b4 {background: #111111}
.b5 {background: #e6e6e6}

.bg-error {background: #d1002e}
.bg-message {background: #e1b400}
.bg-success {background: #21b040}

.size11 {font-size: 11px}
.size12 {font-size: 12px}
.size13 {font-size: 13px}
.size14 {font-size: 14px}
.size16 {font-size: 16px}
.size18 {font-size: 18px}
.size20 {font-size: 20px}
.size22 {font-size: 22px}
.size24 {font-size: 24px}
.size26 {font-size: 26px}
.size28 {font-size: 28px}
.size30 {font-size: 30px}
.size32 {font-size: 32px}
.size34 {font-size: 34px}
.size40 {font-size: 40px}

/* CUSTOM */
html, body {overflow: auto; height: 100%; width: 100%; position: fixed; -webkit-overflow-scrolling: touch}
.header-space {height: 50px; background: #083140; position: relative; width: 100%; display: block;}
.header {position: fixed !important;}
.header img {height: 30px;}
.logo {margin: 0 15px 0 0; display: block; float: left;}
.container {max-width: 1080px; position: relative; margin: 0 auto; box-sizing: border-box;}
.container:not(.nopadding) {padding: 0 20px;}
body.left #content, body.right #content {overflow: hidden}
body.left, body.right {overflow-x: hidden;}
.overlay {width: 100%; height: 100%; position: fixed; z-index: 0; display: none; top: 0; left: 0; background: #02151c;}
.overlay.visible {z-index: 3; display: block;}
body.left .overlay, body.right .overlay {display: block; z-index: 3}
#content {transition: transform 400ms ease; z-index: 2; position: relative; background: #083140; height: 100%;}
body.left #content {transform: translate3d(255px, 0, 0); -webkit-transform: translate3d(255px, 0, 0)}
body.right #content {transform: translate3d(-255px, 0, 0); -webkit-transform: translate3d(-255px, 0, 0)}
.page {background: #083140; overflow: auto; position: relative; -webkit-transform:translateZ(1px); -moz-transform:translateZ(1px); -o-transform:translateZ(1px); transform:translateZ(1px);}
.menu-icon {margin-right: 10px; z-index: 1}
.menu-side {z-index: 0; width: 255px; display: none; position: fixed; top: 0; background: #083140; height: 100%; left: 0;}
.menu-side a {display: block; color: #fff; font-size: 18px;}
.menu-side.right {right: 0; left: auto;}
.menu-side.visible {z-index: 10;}
.menu-side.visible ul {overflow: auto;}
.menu-side-header {line-height: 30px; color: #fff; font-size: 14px; padding: 10px; background: #06242f;}
.menu-side ul li {display: block; padding: 10px; line-height: 30px; font-size: 14px; color: #fff; background: #083140;}
.menu-side ul li img {height: 30px; float: left; display: block; margin-right: 10px;}
.menu-top {display: none; float: left; line-height: 30px; font-size: 16px; height: 30px; z-index: 0}
.menu-top a {color: #fff; float: left; display: block; margin: 0 15px;}
.socialicon a {margin: 0 0 0 10px;}
.sep2dotblue {border-bottom: 2px dotted #869da7; width: 100%; clear: both; height: 0px;}
.map {width: 100%; height: 200px;}
#cookie-msg {padding: 10px !important; box-sizing: border-box;}

.bg-error {background: #d1002e}
.bg-message {background: #e1b400}
.bg-success {background: #21b040}
.bg-success, .bg-error {box-sizing: border-box;}

@media only screen and ( max-width: 900px ) /* 640 */
{
	.menu-top {font-size: 14px;}
	.menu-top a {margin: 0 10px;}
}

@media only screen and ( min-width: 48em ) /* 640 */
{
	.menu-icon[data-slide="left"] {display: none;}
	.menu-top {display: inline-block;}
}

@media only screen and ( max-width: 768px ) /* 640 */
{
	.thumb_slider_box {overflow: hidden}
}
@media only screen and ( max-width: 48em ) /* 640 */
{
	.logo {float: none; position: absolute; width: 100%; text-align: center; margin-left: -10px;}
	.row, .row.half {height: 250px;}
	.header-space {height: 50px;}
	.padding5 {padding: 3px;}
	.padding10 {padding: 5px;}
	.padding20 {padding: 10px;}
	.padding40 {padding: 20px;}
	.marginxsmall {width: 100%; clear: both; display: block; height: 5px;}
	.marginsmall {width: 100%; clear: both; display: block; height: 10px;}
	.margin {width: 100%; clear: both; display: block; height: 20px;}
	.marginbig {width: 100%; clear: both; display: block; height: 40px;}
	.tabs .size16 {font-size: 12px; overflow: hidden; text-overflow: ellipsis;}
	.pure-u-1 .inpwrap, .pure-u-1 .inpwrapsel {margin-right: 0px;}
	.menu-side {display: block;}
	.column-title-2 {padding: 5px 20px; margin: 0 -20px;}
	.action-btn a.padding10 {line-height: 16px;}
	.category-bar {min-height: 30px;}
	.category-bar-space {min-height: 30px;}
	.sort-by-list {top: 30px;}
	.menu-side-header {padding: 5px 10px;}
	.thumb_slider > div {display: none;}
	.thumb_slider > div:first-of-type {display: block}
	.thumb_slider > div img {width: 100% !important;}
}

/*FORM*/
button#submit-search {background: transparent url(/images/search-ico.png) 0 0 no-repeat; width: 19px; height: 18px; position: absolute; right: 12px; top:12px; display: block;}
button#login {color: #ffffff; background: #a02445; font-size: 12px; padding: 6px 8px;}
.inp {border: 0; padding: 10px 0; font-size: 12px; line-height: 18px; color: #ffffff; width: 100%; background: transparent; position: relative; z-index: 1}
.inp[type="checkbox"], .inp[type="radio"] {width: auto}
select.inp {height: 38px;}
.inpwrap, select.inp {background: #15475d; border: 1px solid #4f7888; padding: 0 8px; position: relative;}
.inpwrap, .inpwrapsel {margin-right: 10px; position: relative;}
.inpcnt span {font-size: 12px; font-family: 'open_sansregular', 'Arial', sans-serif;}
.inpcnt span.error, form span.error {position: absolute; right: 10px; color: #d1002e; font-size: 12px; line-height: 18px; padding: 10px 0; z-index: 0; top: 0; background: transparent;}
.inpwrapsel span.error {z-index: 1; right: 20px;}
.inpcnt {position: relative; display: inline-block; margin-bottom: 10px;}
.inpcnt label {display: block; margin-bottom: 4px; font-size: 14px; color: #fff; text-transform: uppercase}
.check-box {position: relative;}
.check-box table td {vertical-align: top}
.check-box label {margin-bottom: 0; float: left; margin-left: 0px; line-height: 30px; cursor: pointer;}
.check-box label.size12 {line-height: 18px; font-size: 12px;}
.check-box label div.chk {width: 28px; height: 28px; float: left; border: 1px solid #cccccc; background: #fff; line-height: 30px; text-align: center; margin-right: 10px;}
.check-box.error label div.chk, .inpwrap.error, select.inp.error {border-color: #d1002e}
.check-box label div.chk.checked {background: url(/images/x.png) center center no-repeat; background-size: 20px;}
.check-box.radio label div.chk.checked {background: url(/images/o.png) center center no-repeat; background-size: 20px;}
.check-box .inp {float: none; width: 30px; height: 30px; margin: 0; box-sizing: border-box; position: absolute; left: 0; top: 0;}
.inp.focus {border-color: #ccc; background: #fff}
#areariservata .inp, #searchform .inp {width: 216px;}
/* .inpbig {width: 434px;} */
textarea.inp:focus {border-color: #ccc;}
textarea.inp {width: 100%; font-size: 12px; resize: none; padding: 10px 0; height: 100px;}
.inp.error {/* border-color: #a02445 */}
.inp.error:focus {border-color: #a02445}
#areariservata div.error {right: 8px; top:11px;}
.inp.checkbox {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00); opacity: 0.00; -moz-opacity: 0.00; cursor: pointer; width: 15px; height: 15px;}
.check.inputradio {background: url(/images/radio.png) center center no-repeat transparent; display: block; }
.check-h.inputradio {background: url(/images/radio-h.png) center center no-repeat transparent !important;}
.check-error.inputradio {background: url(/images/radio-error.png) center center no-repeat transparent !important;}
.check {background: url(/images/check.png) center center no-repeat transparent; display: block; }
.check-h {background: url(/images/check-h.png) center center no-repeat transparent !important;}
.check-error {background: url(/images/check-error.png) center center no-repeat transparent !important;}
button.c1:hover, .pointer.c1:hover {color: #111111}
.inpselect select {background: transparent; width: 298px; padding: 12px 10px; font-size: 12px; line-height: 14px; border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; height: 38px; -webkit-appearance: none; cursor: pointer; color: #666}
.inpselect {overflow: hidden; background: #fafafa; border: 1px solid #e6e6e6; color: #333333}
.blog-images div:not(:last-child) {margin-right: 40px;}
.gray {color: #666;}

.error-msg {background: #F2777A; border: 1px solid #d1002e; position: relative; color: #fff; line-height: 30px; padding: 0 10px; display: block; font-family: 'open_sanssemibold', 'Arial', sans-serif; font-size: 13px;}