html,body { margin:0; padding:0; background:#FFF; color:#73777C; font-family:Arial,Verdana,Helvetica,sans-serif;  font-size:small; }
input,select,option,textarea,td,th { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:small; }
body { text-align:center; background: url('/img-stile/sfondo-body.png') no-repeat center 100px #FFF; }
body#s-embedded { background:none; }
form { margin:0; padding:0; }
img { border:none; }
acronym,abbr { text-decoration:none; font-variant:normal; border:none; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
a { color:#007BC3; text-decoration:none; }
a:visited { color:#007BC3; text-decoration:none; }
a:hover,a:active { color:#007BC3; text-decoration:underline; }
a.anchor { color:#000; text-decoration:none; }
.error,.errore { color:#F00; }
h4.error { margin:0; padding:0; }
.clear { clear:both; }
.clearleft { clear:left; }
br.clear,div.clear { clear:both; font-size:1px; line-height:1px; height:1px; }
br.clearleft,div.clearleft { font-size:1px; line-height:1px; height:1px; }
.right { float:right; position:relative; }
div.right,a.right { padding:0 0 4px 4px; }
a.right img { display:block; }
img.right { display:block; padding:0 0 4px 4px; }
.left { float:left; position:relative; }
img.left { display:block; padding:0 10px 4px 0; }
p.evidence span,span.evidence { background-color:#0085AD; padding:3px; color:#FFF; }
p.evidence a,span.evidence a { color:#FFF; text-decoration:underline; }
.retinato { background-color:#D2F4EB; padding:5px; }
header, section, footer, aside, nav, main, article, figure { display: block; }

.box { position:relative; width:1240px; margin:0 auto 0 auto; text-align:left; clear:both; }
#head { height:95px; position:relative; border-top: 5px solid #0085AD; background-color:#FFF; }
#head h3 { position:relative; margin:0; padding:20px 0 15px 15px; height:60px; width:150px; color:#0177c0; background-color:#FFF; width: 33%; }
#s-nav1 { height:40px; padding:0 15px; list-style-type:none; text-transform:uppercase; font-family: "Open Sans",sans-serif; }
#s-nav1 li { display:block; float:left; height:40px; line-height:40px; margin:0; padding:0; font-weight:bold; }
#s-nav1 li a { display:block; padding:0 8px; color:#FFF; border-left:#56C1C6 1px solid;    background-color: #0085AD; }
#s-nav1 li a:hover { background-color: #FFF; color:#AAA; text-decoration:none; -webkit-transition: background-color 500ms linear, color 500ms linear; -moz-transition: background-color 500ms linear, color 500ms linear; -o-transition: background-color 500ms linear, color 500ms linear; -ms-transition: background-color 500ms linear, color 500ms linear; transition: background-color 500ms linear, color 500ms linear;  }
#s-nav1 li:first-child a { border-left:none; }
#s-nav1 li.sel a { color:#56C1C6; text-decoration:none; }
#s-nav1 .first span::before { content:""; padding-right:0; }
#s-nav2 { height:40px; padding:0; margin:0; list-style-type:none; font-family: "Open Sans",sans-serif; font-size:90%; position:absolute; top:15px; right:15px; }
#s-nav2 li { display:inline-block; margin:0; padding:0 0 0 10px; }
#s-nav2 span { color:#007BC3; cursor: pointer; }
#s-choose-lang { display:none; background-color: #FFF; border-radius: 10px; box-shadow: 0px 0px 25px 5px #45a3c0; color: #111; display: none; min-width: 400px; padding: 25px; }
#s-choose-lang .b-close { background-color: #2B91AF; color: #FFF; cursor: pointer; display: inline-block; text-align: center; text-decoration: none; border-radius: 7px; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3); font: bold 131% sans-serif; padding: 0px 6px 2px; position: absolute; right: -7px; top: -7px; }


#searchform { position:absolute; bottom:15px; right:15px; margin:0; }
#s-embedded #searchform { position:relative; bottom:auto; right:auto; margin-top:15px; }
#searchform input[type=text] { float:right; display:block; color:#75797e; border:1px solid #d0d0d0; background-color:#fcfcfc; line-height:15px; height:15px; padding:6px 15px 6px 30px; margin:0; background: url('/img-stile/search.png') no-repeat 6px 6px; font-size:13px; }
#searchform input[type=submit], #searchform input[type=submit]:hover { border:none; margin:0; float:right; display:block; height:29px; width:29px; padding:0; text-indent:-9999px; font-size:0px; background:url('/img-stile/go.png') no-repeat 0 0 transparent; cursor:pointer; }

/* Autocomplete */
.autocomplete-suggestions { border: 1px solid #d0d0d0; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(0, 133, 173, 0.64); -moz-box-shadow: 1px 4px 3px rgba(0, 133, 173, 0.64); box-shadow: 1px 4px 3px rgba(0, 133, 173, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; text-align:left; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #d9edf7; }
.autocomplete-suggestions strong { font-weight: bold; color:#73777C; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: bold; font-size: 16px; color:#73777C; display: block; border-bottom: 1px solid #000; }

#content { position:relative; background-color:transparent; min-height:500px; clear:both;  }
#s-embedded #content { padding-top:15px; }
h1 { clear:both; margin:0 0 0 0; padding:0 50% 0 0; color:#FFF; line-height:100px; font-size:50px; font-weight:normal; font-family: "Open Sans",sans-serif; }
.body-index h1 { margin:0 0 150px 0; }
h2 { margin:0.8em 0 0.5em 0; padding:0; font-size:130%; }
h2#h-category, h2#h-model { font-size:400%; color:#0085ad; line-height:150px; padding:0; }
h3 { margin:0.8em 0 0.5em 0; padding:0; font-size:110%; }
h4 { margin:0.8em 0 0.4em 0; padding:0; font-size:100%; }
p { margin:0.5em 0 0.5em 0; padding:0; }

#home { position:relative; margin:42px 23px; }
#content ul.series,#content ul.macrocategories { margin:0 auto; padding:15px 0 30px 0; list-style-type:none; max-width:1260px; }
#content ul.series li,#content ul.macrocategories li { margin:0 25px 40px 0; padding:0; list-style-type:none; float:left; min-height:241px; width:275px; text-align:center; background-color:#FFF; border:1px solid #eaebef; border-top:5px solid #007bc3; }
#content ul.series li img,#content ul.macrocategories li img { min-height:175px; width:auto; margin:10px 0; }
#content ul.macrocategories li { margin:0 50px 50px 0; min-height:230px; width:310px; }
#content ul.series h4,#content ul.macrocategories h4 { padding:0 1em; margin:0; font-size:14px; font-family: "Open Sans",sans-serif; text-align:left; }
#content ul.series a,#content ul.macrocategories a { display:block; color:#007bc3; }
#content ul.series.all { margin-top:150px; }

#content table { width:100%; border:1px solid #FFF; border-collapse:separate; line-height:45px; padding:0; margin:0 0 2em 0; color:#73777C; border-spacing: 0px; border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; text-align:left;  }
#content table caption { background-color:#1e9ab6; color:#FFF; line-height:40px; padding:0; margin:0; font-size:20px; border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; font-family: "Open Sans",sans-serif; display:none; }
#content table td { min-width:50px; border-bottom:1px solid #FFF; border-top:1px solid #FFF; padding:0 1em; }
#content table td:last-child,#content table td:nth-last-child(2) { min-width:50px; }
/* #content table td img { display:block; margin:0 auto; } */
#content table td a.icon-dw img { position:relative; display:inline; margin:7px 0 0 1.5em; height:20px; width:20px; float:right; }
#content table td a.icon-sh img { display:inline; position:relative; margin:7px 0 0 1.5em; height:20px; width:20px; float:right; }
#content table td a.preview-button,#content table td a.preview-button:visited { display:block; padding:0.2em 1em; margin:0.5em 0; max-width:5em; background-color:#0085ad; color:#FFF; border-radius:5px; font-size: 16px; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; text-align:center; }
#content table td a.preview-button:hover { color:#FFF; }
#content table th { background-color:#D9EDF7; vertical-align:top; padding:5px 1em; }
#content table tr:nth-child(2n) { background-color:#F3F3F3; }
#content table tr:nth-child(2n+1) { background-color:#f9f9f9; color:#73777C; }
#content table td a,#content table td a:visited,#content table td a:hover,#content table td a:active { color:#73777C; line-height:normal; }
#content table ul { margin:0; padding:0; list-style-type:none; }
#content table ul li { margin:0 0 5px 0; padding:0; list-style-type:none; float:none; height:auto; width:auto; text-align:left; background:none; border-bottom: 1px dotted #FFF; }
#content table ul li:last-child { border-bottom: none; }
#content table td p { line-height:1.2em; margin:1.5em 0; }

#content th form { padding:0; margin:0; line-height:15px; }
#content th select { padding:0; color:#75797e; border:1px solid #d0d0d0; line-height:15px; background-color:#FFF; }

#foot { clear:left; margin:0 0 0 0; padding:2.5em 0; text-align:center; font-size:small; color:#FFF; background-color:#2cb2b8; line-height:1.5em; }
#foot a { color:#FFF; }
#foot a:hover { text-decoration:underline; }

article.series { background: linear-gradient(to left, #FFF 40%, #EAEBEF 60%) repeat-y scroll 0% 0% / 100% auto; }

/* Filters */
#s-filters h3, #s-keywords legend { font-size:150%; color:#0085ad; margin-bottom:0.5em; font-weight:bold; }

fieldset { margin:1em 0 1.5em 0; padding:0; border:0; }
.collapsible legend, .collapsed legend  { padding:0; font-weight:bold; text-transform:uppercase; padding:0.8em 0; margin:0 0 0.8em 0; color:#616265; border-bottom:1px solid #d1d2d2; display:inline-block; width:100%; cursor: pointer ; }
/*fieldset.collapsible legend a,fieldset.collapsed legend a { display:block; text-decoration:none; padding-left: 0; color:#616265; }*/
fieldset.collapsible legend { background: transparent url("/img-stile/menu-expanded.png") no-repeat scroll center right; }
fieldset.collapsed legend { background: transparent url("/img-stile/menu-collapsed.png") no-repeat scroll center right; }
ul.optionlist { margin:0 0 1em 0; padding:0; list-style-type:none; }
ul.optionlist li { margin:0; padding:0.8em 0; list-style-type:none; }

ul.optionlist input[type=checkbox] { position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }

ul.optionlist input[type=checkbox] + label { padding-left:32px; height:16px; display:block; line-height:16px; background-repeat:no-repeat; background-position: 0 0; vertical-align:middle; cursor:pointer; }

ul.optionlist input[type=checkbox]:checked + label { background-position: 0 -16px; }
ul.optionlist label { background-image:url('/img-stile/checkbox.png'); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* fieldset.collapsible input[type=checkbox] { border-radius:0; background-color:#FFF; } */


#a-filters { width:21%; float:left; }

input[type=text]#ai_string { float:left; display:block; color:#75797e; border:1px solid #d0d0d0; background-color:#fcfcfc; line-height:15px; height:15px; padding:6px; margin:0; font-size:13px; }
input#ai_string_submit, input#ai_string_submit:hover { border:none; margin:0; float:left; display:block; height:29px; width:29px; padding:0; text-indent:-9999px; font-size:0px; background:url('/img-stile/filters-search.png') no-repeat 0 0 transparent; cursor:pointer; }
#seriesdiv { margin-left:23%; background-color:#FFF; padding-left:20px; text-align:center; }


#s-pager { padding: 0.5em 0px; color: #888; display: block; margin: 0 auto; display:inline-block; text-align:center; }
#s-pager li { margin: 0px; display: inline-block; padding: 0px 0.5em; list-style-type: none; }
#s-pager img { position: relative; top: 0.2em; }
#s-pager strong { font-size:140%; }

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal { display: none; position: fixed; z-index:1000; top:0; left:0; height:100%; width:100%; background: rgba( 255, 255, 255, .8 ) url('/img-stile/ajax-loader.gif') 50% 50% no-repeat; }

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading { overflow: hidden; }

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal { display: block; }

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after,.container:before, .container:after,
article.series:before, article.series:after,
.seriesdiv:before, .seriesdiv:after,
#s-filters:before, #s-filters:after
{ display:table; content:" "; }
.clearfix:after, .dl-horizontal dd:after, .container:after, article.series:after, .seriesdiv:after, #s-filters:after  { clear:both; }

@media only screen and (max-width:1279px) {
  .box { max-width:100%; }
  #content table td:nth-last-child(2) {
    min-width: 210px;
}
}