body, html { height: 100% }
body { color: #000000; line-height: 1.4; background: #ffffff }
/*.pt_narrow, .pt_narrow tr, .pt_narrow td, .pt_narrow th, .pt_narrow select, .pt_narrow textarea, .pt_narrow option, .pt_narrow input { font-family: "PT Sans Narrow", sans-serif }*/

.size20{font-size:20px}
input { margin: 0; padding: 1px }
a { color: #000000 }

.uppercase { text-transform: uppercase }
.p34l{padding-left:34px}

.styled-select {overflow:hidden; background: url("../images/select.jpg") no-repeat 98% 7px; border:1px solid #9f9f9f }
.styled-select select{border:none; height:24px; line-height:24px; background:none; width:106%; padding-left:2px}
.form_button2{height:40px; line-height:40px; text-align:center; padding:0 10px; font-size:1.1em; border:1px solid #9f9f9f; text-transform:uppercase}

.titolo{color: #000; font-family: "MinionPro", sans-serif; font-weight: bold; font-size:22px; text-transform:uppercase; text-decoration: underline}
.occhiello{font-style: italic}

#menu2{float:right; padding-right:10px}
#search{float:right; position:relative; padding-top:10px; margin-right:10px}
#search #search_icon{position:absolute; top:12px; left:2px; width:16px; height:16px; background: url("../images/search_icon.png") no-repeat}
#search #search_input{height:14px; padding-top:2px; padding-bottom:2px; padding-left:20px; background:#ffffff; border:1px solid #ccc; color:#b3b3b3; font-size:12px}
#lang{float:right; padding-top:13px; font-size:12px}

#logo { height: 100%; text-align: center; padding-top:10px }
#logo a { text-decoration: none; margin: 0 auto; display: block; width: 255px; height: 100% }

.title2{color: #000; font-family: "MinionPro", sans-serif; font-weight: bold; font-size:22px; text-transform:uppercase; border-bottom:1px solid #ccc}
.text2{font-size:14px}

.div_lista{text-align:center; margin-bottom:15px}
.div_lista_img img{width:100%}
.div_lista_img:hover > img{opacity: 0.4; filter: alpha(opacity=40); /* For IE8 and earlier */}

.ricerca_articolo{float:left; width:160px; height:160px; margin-bottom:10px; padding:8px; text-align:center; border:1px solid #fff}
.ricerca_articolo:hover{border:1px solid #000; opacity: 0.4; filter: alpha(opacity=40); /* For IE8 and earlier */}

/* for 701px or more */
@media screen and (min-width: 781px) {
   
   .div_titolo{width:70%; margin:0 auto; text-align:center}
   .styled-select {float:left; width:31%; margin-left:17px}
   .wrapper { width: 75% }
   
   #content_ext{ z-index:1; position:relative; margin-top:160px}

   #header { z-index:2; position:fixed; top:0; width: 100%; height: 160px /*11%*/ }
   .header_scroll { z-index:99999; background:#fff; border-bottom:1px solid #ccc }

   .wrapper_header { position:relative; margin: 0 auto; text-align: left; width: 75%; height: 100% }
   
   #top { position:absolute; top:0; right:0 }

   #header ul { list-style: none; padding: 0 }
   #header ul li { position: relative; float: left; min-width:76px; /*width:76px*/}
   #header ul li a { text-decoration: none; width: 100%; color: #535759; text-align:left }
   #header ul li a.first { display: inline-block; font-size: 12px }
   #header ul li a.first span { display: block; height: 43px; line-height: 43px; padding: 0 10% }
   #header ul li.submenu { background: url("../images/submenu.gif") no-repeat 95% center }
   #header li ul { display: none; position: absolute; z-index: 9; top: 30px; left: 0; width: 200px; background: url("../images/bg_ul.png") repeat }
   #header li:hover > ul { display: block }
   #header li ul li { width:100%; float: none; padding: 3px 8px }
   #header li ul li a { display: block; font-size: 12px; color: #576157; padding-bottom: 8px }
   #header ul li a.first:hover,
   /*#header li:hover { background: url("../images/bg_ul.png") repeat }*/
   #header ul li.active a.first, #header ul li:hover a.first { font-weight:bold; color: #576157; background: url("../images/bg_ul.png") repeat }
   #header ul ul li a:hover { color: #5d89b5 }

   #menu_icon { display:none }
   #menu { position: relative; height: 100%; width:100%}
   #menu .plugin { position: absolute; left: 0; bottom: 0 }

   #social{position:absolute; bottom:20px; right:0 }
   #social img{float:left; margin-right:10px }

   #slider { position: relative; width: 100%; margin-bottom:50px;/*height: 510px*/ }
   /*#slider .slick-list { width:534px; height: 400px; overflow: hidden}
   #slider div{/*height: 460px}
   #slider img{ hdeight:400px }*/

   .div_lista_img{overflow:hidden; height:80%; border-left:2px solid #fff; margin-bottom:8px}
   .div_lista_1{float:left; width:25%}
   .div_lista_2{float:left; width:50%}
   .div_lista_3{float:left; width:75%}
   .div_lista_4{float:left; width:100%}

   /* PAGINE STATICHE */
   .img_page_header{width:100%; height:400px; overflow:hidden}
   .img_page_header img{width:100%; /*height:400px*/}

   .div_static_page_ext{margin-bottom:30px}
   .div_static_page_left1{float:left; width:74%}
   .div_static_page_left1 img{width:100%}
   .div_static_page_right1{float:right; width:24%;}

   .div_static_page_left2{float:left; width:24%}
   .div_static_page_right2{float:right; width:74%}
   .div_static_page_right2 img{width:100%}
   
   /* COLLEZIONE */
   .div_collezione_ext{padding-top:20px}
   .div_collezione_ext .div_collezione{width:49%; /*height:200px; overflow: hidden*/}
   .div_collezione_ext .div_collezione .occhiello{width:80%; margin:0 auto; padding-top:50px}

   #collezione_galleria_immagini_ext{position:relative; margin-top:10px; margin-bottom:10px}
   #collezione_galleria_immagini_ext .prev{position:absolute; top: 80px; left: 0px; width:32px; height:32px; background: url("../images/controls.png") no-repeat 0 -32px}
   #collezione_galleria_immagini_ext .next{position:absolute; top: 80px; right: 0px; width:32px; height:32px; background: url("../images/controls.png") no-repeat -43px -32px}
   #collezione_galleria_immagini_ext .prev:hover{top: 80px; background-position: 0 0}
   #collezione_galleria_immagini_ext .next:hover{top: 80px; background-position: -43px 0}
   #collezione_galleria_immagini_ext #collezione_galleria_immagini_bxslider{width:94%; margin:0 auto}
   #collezione_galleria_immagini_ext .collezione_galleria_immagini{height:160px; margin-left:6px; margin-right:6px}
   #collezione_galleria_immagini_ext .collezione_galleria_immagini img{height:160px}

   .collezione_categorie_ext{position:relative; float:left; width:150px; height:150px; margin-top:10px; margin-bottom:10px; padding:5px; text-align:center}
   .collezione_categorie_ext .filter img{width:120px; height:120px}
   .collezione_categorie_button{position:absolute; bottom:-1px; left:70px}

   #view_collezione_header{width:60%; margin:0 auto; text-align:center; font-family: "MinionPro", sans-serif; font-weight: bold; text-transform:uppercase}

   /* ARTICOLO */
   .div_articolo_img{float:left; width:49%; overflow: hidden}
   .div_articolo_img img{width:250px}
   .div_articolo_desc{float:right; width:49%}
   
   #articolo_tech_info_img{float:left; width:49%; margin-top:10px; margin-bottom:10px; overflow:hidden}
   #articolo_tech_info_img img{width:320px}
   #articolo_tech_info_files{float:right; width:49%; margin-top:20px; font-size:15px}
   
   #articolo_galleria_immagini_ext{position:relative; margin-top:10px; margin-bottom:10px}
   #articolo_galleria_immagini_ext .prev{position:absolute; top: 80px; left: 0px; width:32px; height:32px; background: url("../images/controls.png") no-repeat 0 -32px}
   #articolo_galleria_immagini_ext .next{position:absolute; top: 80px; right: 0px; width:32px; height:32px; background: url("../images/controls.png") no-repeat -43px -32px}
   #articolo_galleria_immagini_ext .prev:hover{top: 80px; background-position: 0 0}
   #articolo_galleria_immagini_ext .next:hover{top: 80px; background-position: -43px 0}
   #articolo_galleria_immagini_ext #articolo_galleria_immagini_bxslider{width:94%; margin:0 auto}
   #articolo_galleria_immagini_ext .articolo_galleria_immagini{height:160px; margin-left:6px; margin-right:6px}
   #articolo_galleria_immagini_ext .articolo_galleria_immagini img{height:160px}

   .articolo_prodotti_x_collezione{float:left; width:130px; height:180px; margin-top:10px; margin-bottom:10px; text-align:center; overflow:hidden}
   .articolo_prodotti_x_collezione img{width:120px }


   /* VIDEO */
   .div_video_ext{position:relative; float:left; width:32%; padding-top:30px; height:400px; text-align:center }
   .div_video_ext .video_play{position:absolute; top:0; left:0; background: url("../images/plady.png") no-repeat center center }
   .video_embed{width:534px; height:384px}
   
   /* NOVITA */
   .novita_img_fl{float:left; width:49%}
   .novita_img_fr{float:right; width:49%}

   /* CAMPAGNA HATRIA */
   .campagna_hatria_img{float:left; width:49%}
   .campagna_hatria_text{float:right; width:49%}
   .campagna_hatria_text .occhiello{padding:0 20px}

   /* RASSEGNA STAMPA */
   .rassegna_stampa_ext{float:left; width:33%; margin-bottom:20px; text-align:center; height:560px}
   .rassegna_stampa_ext img{width:96%; border:2px solid #73797c}
   
   .rassegna_stampa_view{float:right; width:78%}
   .rassegna_stampa_view_fl{float:left; width:68%; text-align:center}
   .rassegna_stampa_view_fl img{width:98%; border:2px solid #73797c}
   .rassegna_stampa_view_fr{float:right; width:30%}
   
   .archivio_redazionali{float:left; width:20%}
   .archivio_redazionali_title{font-size:18px; font-weight:bold; padding-bottom:10px; text-transform: uppercase}
   .archivio_redazionali_year{font-size:16px; margin-bottom:10px; border-bottom:1px solid #ccc}
   .archivio_redazionali_view{float:right; width:78%}
   
   /* RICERCA */
   .ricerca_filtro{float:left; width:20%}
   .ricerca_filtro_categoria{font-size:18px; margin-bottom:10px; text-transform: uppercase; border-bottom:1px solid #ccc}
   .ricerca_filtro_categoria a.selected{font-weight:bold}
   #ricerca_output{float:right; width:76%; margin-top:20px; border-top:1px solid #ccc}

   #ricerca_search, #ricerca_classi{position:relative; margin-top:20px}
   #ricerca_search_input{width:100%; padding:4px; font-size:18px}
   #ricerca_search_icon{position:absolute; bottom:6px; right:-6px; width:16px; height:16px; cursor:pointer; border:none; background:none}

   .ricerca_title{font-size:20px; margin-bottom:10px; font-weight:bold; text-transform: uppercase}
   .ricerca_classixcategoria{margin-bottom:8px; font-size:18px}

   /* CATALOGHI */
   .cataloghi_ext{float:left; width:33%; margin-top:50px}
   .cataloghi_ext img{float:left; width:50%; border:1px solid #ccc; margin-right:5px}

   /* FOOTER */
   #footer ul li { width:14% }
   #logo_footer{position:absolute; top:20px; right:0; width:20%; text-align:right;}
   #logo_footer img{width:80%}
   #social_footer{position:absolute; bottom:40px; right:0}
   #social_footer img{float:left; margin-right:10px}
}

@media screen and (max-width: 780px) {

   .div_titolo{text-align:center}
   .slide { position: relative }
   .styled-select {width:100%; margin-top:20px}
   
   .wrapper { width: 96% }

   #header { width: 100%; height: 240px /*11%*/ }
   .wrapper_header { position:relative; margin: 0 auto; text-align: left; width: 100%; height: 100% }

   #top #menu2{z-index:3; position:absolute; top:50px; right:5px }
   #top #search{display:none }

   #top #lang{z-index:3; position:absolute; top:0; right:5px; font-size:16px }
   #top #lang a{color:#fff }

   #menu_icon { z-index: 99; cursor: pointer; left: 5px; top: 0; position: absolute; width: 52px; height: 52px; background:url("../images/mobile/menu.png") no-repeat center center }
   #menu { position: relative; background: #5d89b5; width: 100%; height: 52px; font-size:15px }
   #menu .plugin_menu { z-index: 99; position: absolute; left: -70%; top: 52px; width: 70% }
   #menu ul { list-style: none; padding: 0; background-color: #5d89b5 }
   #menu li { width: 100%; padding: 0 }
   #menu li.submenu { background-image: url("../images/submenu.gif"); background-repeat: no-repeat; background-position: 95% center}
   #menu li ul { padding-left: 35px; display: none; font-size:13px }
   #menu li:hover > ul { display: block }
   #menu li a { display: block; text-decoration: none; font-size: 1.1em; font-weight: bold; border-top: 1px solid #fff; padding: 15px 5px; color: #fff }
   #menu li a:hover { background-color: #ffffff; color: #000000 }
   #menu ul li.active a.first, #menu ul li li.active a.second { color: #ffffff; background-image: url("../images/mobile/bg_menu.png"); background-repeat: no-repeat; background-position: right center }
   #menu ul li.active a.first:hover, #menu ul li li.active a.second:hover { color: #000000 }

   #menu2 ul { list-style: none; padding: 0; font-size:15px }
   #menu2 ul li { position: relative; float: left; margin-left:8px }
   #menu2 ul li a { text-decoration: none; width: auto; color: #73797c }
   #menu2 ul li a.first { display: inline-block; font-size: 1em; text-align: center }
   #menu2 ul li a.first span { display: block; height: 43px; line-height: 43px; padding: 0 10% }
   #menu2 ul li.submenu { background: url("../images/submenu.gif") no-repeat 95% center }
   #menu2 li ul { display: none; position: absolute; z-index: 9; top: 30px; right: 0; width: 200px; background: #efefef; font-size:13px }
   #menu2 li:hover > ul { display: block }
   #menu2 li ul li { float: none; padding: 10px }
   #menu2 li ul li a { display: block; font-size: 1em; color: #576157; padding-top: 5px }
   #menu2 ul li a.first:hover,
   #menu2 ul li.active a.first, #header ul li:hover a.first { color: #5d89b5 }
   #menu2 ul ul li a:hover { color: #5d89b5 }

   #logo { padding-top:100px }
   #social{z-index:3; position:absolute; top:8px; right:100px}
   #social img{margin-right:4px; height:18px }

   #slider { position: relative; width: 100%; margin-bottom:50px }
   #slider .slick-list { /*height: 260px; overflow: hidden*/ }
   #slider div{hefight: 220px}

   .div_lista_img{overflow:hidden; margin-bottom:8px}
   .c_1{width:50%; margin:0 auto}
   
   /* PAGINE STATICHE */
   .img_page_header{width:100%; height:300px; overflow:hidden }

   .div_static_page_ext{margin-top:20px}
   .div_static_page_left1{width:100%}
   .div_static_page_left1 img{width:100%}
   .div_static_page_right1{width:100%}
   .div_static_page_right1 .div_titolo{padding:20px 0}

   .div_static_page_left2{width:100%}
   .div_static_page_left2 .div_titolo{padding:20px 0}
   .div_static_page_right2{width:100%; margin-bottom:60px}
   .div_static_page_right2 img{width:100%}
   
   /* COLLEZIONE */
   .div_collezione_ext{padding-top:20px}
   .div_collezione_ext .div_collezione{width:100%; /*height:100px; overflow: hidden*/}
   .div_collezione_ext .div_collezione div.occhiello{padding:20px 0}

   #collezione_galleria_immagini_ext{position:relative; margin-top:10px; margin-bottom:10px}
   #collezione_galleria_immagini_ext .prev{position:absolute; top: 80px; left: 0px; width:32px; height:32px; background: url("../images/controls.png") no-repeat 0 -32px}
   #collezione_galleria_immagini_ext .next{position:absolute; top: 80px; right: 0px; width:32px; height:32px; background: url("../images/controls.png") no-repeat -43px -32px}
   #collezione_galleria_immagini_ext .prev:hover{top: 80px; background-position: 0 0}
   #collezione_galleria_immagini_ext .next:hover{top: 80px; background-position: -43px 0}
   #collezione_galleria_immagini_ext #collezione_galleria_immagini_bxslider{width:90%; margin:0 auto}
   #collezione_galleria_immagini_ext .collezione_galleria_immagini{height:160px; margin-left:6px; margin-right:6px}
   #collezione_galleria_immagini_ext .collezione_galleria_immagini img{height:160px}

   .collezione_categorie_ext{position:relative; float:left; width:70px; height:70px; margin-top:10px; margin-bottom:10px; padding:5px; text-align:center}
   .collezione_categorie_ext .filter img{width:40px; height:40px}
   .collezione_categorie_button{position:absolute; bottom:-1px; left:26px}

   #view_collezione_header{width:90%; margin:0 auto; text-align:center}
   
   /* ARTICOLO */
   .div_articolo_img{text-align:center}
   .div_articolo_img img{width:200px}
   
   #articolo_tech_info_img{margin-top:10px; margin-bottom:10px; text-align:center; overflow:hidden}
   #articolo_tech_info_img img{width:90%}
   #articolo_tech_info_files{margin-top:10px; font-size:15px}
   
   #articolo_galleria_immagini_ext{position:relative; margin-top:10px; margin-bottom:10px}
   #articolo_galleria_immagini_ext .prev{position:absolute; top: 80px; left: 0px; width:32px; height:32px; background: url("../images/controls.png") no-repeat 0 -32px}
   #articolo_galleria_immagini_ext .next{position:absolute; top: 80px; right: 0px; width:32px; height:32px; background: url("../images/controls.png") no-repeat -43px -32px}
   #articolo_galleria_immagini_ext .prev:hover{top: 80px; background-position: 0 0}
   #articolo_galleria_immagini_ext .next:hover{top: 80px; background-position: -43px 0}
   #articolo_galleria_immagini_ext #articolo_galleria_immagini_bxslider{width:90%; margin:0 auto}
   #articolo_galleria_immagini_ext .articolo_galleria_immagini{height:160px; margin-left:6px; margin-right:6px}
   #articolo_galleria_immagini_ext .articolo_galleria_immagini img{height:160px}
   
   .articolo_prodotti_x_collezione{float:left; width:130px; height:180px; margin-top:10px; margin-bottom:10px; text-align:center; overflow:hidden}
   .articolo_prodotti_x_collezione img{width:120px}

   /* VIDEO */
   .div_video_ext{position:relative; width:100%; padding-top:60px; text-align:center; overflow:hidden }
   .video_embed{width:100%; height:170px}

   /* NOVITA */
   .novita_img_fl{width:100%; padding-bottom:30px}
   .novita_img_fr{width:100%}

   /* CAMPAGNA HATRIA */
   .campagna_hatria_text .occhiello{padding-top:20px}

   /* RASSEGNA STAMPA */
   .rassegna_stampa_ext{width:100%; padding-top:30px; text-align:center}
   .rassegna_stampa_ext img{width:100%}
   
   .rassegna_stampa_view{}
   .rassegna_stampa_view_fl{padding-top:30px; text-align:center}
   .rassegna_stampa_view_fl img{width:98%; border:2px solid #73797c}
   .rassegna_stampa_view_fr{padding-top:30px}
   
   .archivio_redazionali{}
   .archivio_redazionali_title{font-size:18px; font-weight:bold; padding-bottom:10px; text-transform: uppercase}
   .archivio_redazionali_year{font-size:16px; margin-bottom:10px; border-bottom:1px solid #ccc}
   
   /* RICERCA */
   .ricerca_filtro{width:100%}
   .ricerca_filtro_categoria{font-size:18px; margin-bottom:10px; text-transform: uppercase; border-bottom:1px solid #ccc}
   .ricerca_filtro_categoria a.selected{font-weight:bold}
   #ricerca_output{width:100%; margin-top:20px; border-top:1px solid #ccc}

   #ricerca_search, #ricerca_classi{position:relative; margin-top:20px}
   #ricerca_search_input{width:98%; padding:4px; font-size:18px}
   #ricerca_search_icon{position:absolute; bottom:6px; right:6px; width:16px; height:16px; border:none; cursor:pointer; background:none}

   .ricerca_title{font-size:20px; margin-bottom:10px; font-weight:bold; text-transform: uppercase}
   .ricerca_classixcategoria{margin-bottom:8px; font-size:18px}

   /* CATALOGHI */
   .cataloghi_ext{text-align:center; margin-top:50px}
   .cataloghi_ext img{width:90%; border:1px solid #ccc}
   .cataloghi_ext .cataloghi_text{margin-top:10px}

   /* FOOTER */
   #footer ul li { width:33% }
   #logo_footer{display:none}
   #social_footer{float:right; margin-top:30px}
   #social_footer img{margin-left:5px }
}
 
#box_wrapper { width: 100%; height: 100%; text-align: center }
.wrapper { position:relative; margin: 0 auto; text-align: left; height: 100% }

#footer { background: #5d89b5; color: #ffffff; margin-top:20px; padding-bottom:10px; font-size: 12px }
#footer a { color: #e3e5cd }

#bottom{padding-top:20px; margin-bottom:10px; border-bottom:1px solid #98bde2}
#footer ul { list-style: none; padding: 0; margin:0}
#footer ul li { position: relative; float: left; text-transform:uppercase; font-weight:bold}
#footer ul li a { text-decoration: none; width: auto}
#footer li ul li { float: none; width:100%; margin-top:10px}
#footer li ul li a { display: block; color: #fff }
#footer li ul li ul li{ float: none; width:100%; text-transform:none; margin:0 }
#footer li ul li ul li a { color: #98bde2 }


/* SLIDER */
#slider .slick-slider { width: 100%; z-index: 1 }
#slider .slick-slide { width: 50% }
#slider .slick-slide div { padding: 0 2%; text-align: center }
#slider .slick-slide img { width: 100% }
#slider .slick-dots { z-index: 99; position: absolute; bottom: -30px; display: block; width: 100%; height: 20px; padding: 0; margin: 0; list-style: none; text-align: center }
#slider .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer }
#slider .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; cursor: pointer; color: transparent; border: 0; outline: none; background: url("../images/scroller.png") no-repeat center center }
#slider .slick-dots li.slick-active button { background-image: url("../images/scroller_active.png") }

/* PAGE TITLE */
.page_title, .box_title { padding-bottom: 20px; text-align:center }
.page_title h1, .box_title .title { /*color: #3e441d;*/ color:#000; font-family: "MinionPro", sans-serif; font-weight: bold; font-size:29px; text-transform:uppercase; text-decoration: underline }
.page_title .subtitle, .box_title .subtitle { font-family: "MinionPro", sans-serif; font-size: 1.5em }

.page_title2 {color: #000; font-family: "MinionPro", sans-serif; font-weight: bold; font-size:29px; text-transform:uppercase; text-decoration: underline}

#return_back { padding-top: 10px; font-weight: bold }

#content { min-height:200px }

/* FORMATTAZIONE PULSANTI */
div.plugin div.div_button,
div.plugin_model div.div_button { padding: 10px 5px }
div.plugin div.div_button a.form_button,
div.plugin div.div_button input.form_button,
div.plugin_model div.div_button a.form_button,
div.plugin_model div.div_button input.form_button { text-decoration: none; display: inline-block; margin: 0; padding: 0 10px; border: 0; color: #ffffff; text-align: center; cursor: pointer; font-size: 1em; background: #3e441d; width: auto; height: 30px; line-height: 30px }
div.plugin div.div_button a.mini,
div.plugin div.div_button input.mini {  }