@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;900&display=swap');

/*------------------------------Reset style Starts-------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

a, h1, h2, h3, h4{font-family:Arial, Helvetica, sans-serif}

body {background: url(../img/bg.png) repeat-x #e4ede8; overflow-y: auto; overflow-x: hidden;}

ul{list-style:none}

em {
    font-style: italic !important;
}

#map_canvas{height: 272px; width:518px;}

#wrapper {
	margin: 0 auto 105px;
	width: 985px;
	min-height: 71vh;
}

#header{width:100%;height:274px;}

#footer{width:100%; height:35px; position:fixed; bottom:0px; background:url(../img/bg_footer.png) repeat-x; z-index:9999999;}

#cont_dati{width:970px; margin: 0 auto; height:35px; line-height:40px;}

#main{width:100%; padding:15px; min-height:300px; margin-top:80px;}

#flag{width:76px; height:21px; margin-top:10px; margin-right:10px}

#slider_bot {
	width: 100%;
	height: 197px;
	/*margin-bottom: -135px;*/
	overflow:auto;
	/* background-color:#eeede9; */
	background-color:transparent;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	margin-top:2px
}
#slider_bot h3 b{
	color:#fff !important;
}

#form_home{margin-top:10px}

strong{font-weight:bold !important}

#menu {
   height: 33px;
   position: relative;
   /* width: 426px; */
   width: 450px;
   z-index: 10000;
}

#menu_footer {
	/* width: 1024px; */
	width:100%;
	left:0;
	min-height: 40px;
	/* border-top: 1px solid #D8D8D8; */
	border-bottom: 1px solid #D8D8D8;
	/* position: fixed; */
	position:relative;
	bottom: 37px;
	/*overflow: hidden;*/
	z-index: 9999999;
	background-color: #3F567F;
	border-top: 6px solid #eeede9;
	padding-top: 2rem;
}
#menu_footer li a:hover p{
	opacity:.5;
}
#sliderWrap{
	max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
}

#cont_menu_footer{width:100%; height:120px; background-color:#CCC; display:none;}

.flag{margin:4px}

.box_menu_footer{width: 16%;} /* Era 12% */

.form_sx{width:70px; height:20px; line-height:22px; margin-bottom:11px;}

.form_dx{background-color:#FFF; border:1px solid #ababab; width:160px; height:20px; margin-bottom:11px; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding-left:10px;}

.form_textarea {
    background-color: #FFFFFF;
    border: 1px solid #ABABAB;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    height: 55px;
    margin-bottom: 11px;
    padding: 5px;
    width: 160px;
}

.right{float:right}

.left{float:left}

.clear{clear:both}

.colonna1{width:640px; min-height:100px}

.colonna2{width:300px; min-height:100px;}

.colonna3{width:400px; min-height:100px;}

.colonna4{width:560px; min-height:100px;}

.box1{margin: 20px 10px 10px; min-height: 100px; width: 300px;}

.box2{margin: 20px 10px 10px; width: 100%; background:#FFF; border:3px solid #dadada; padding:10px}

.box3{margin: -6px auto; width: 250px; background:#FFF; border:3px solid #dadada; padding:10px}

.box_testo{margin-top: 10px; width: 92%; background:#FFF; border:3px solid #dadada; padding:10px; margin-bottom: 10rem; }

.margineright10{margin-right:10px;}

.marginetop10{margin-top:10px;}

.sottomenu{
	padding-left:20px;
	background:url(../img/freccia_sottomenu.png) no-repeat 5px;
	margin-bottom:3px;
	width:210px;
	text-transform:capitalize;
}

.sottomenu:hover{
	margin-left:2px;
}

.sottomenu_attivo{
	margin-left:40px !important;
}
.sotto_sottomenu_attivo{
	margin-left:80px !important;
}

.visible{
	visibility:visible;
}

.visiblez{
	visibility:visible;
	z-index:10000;
}

.nascosto{
	visibility:hidden;
}
.nascostoz{
	display:none;
}

.s_active{
	width:237px;
	background-color:#bd1522 !important;
	color:#FFF;
	height:27px;
	padding-left:10px;
	padding-right:10px;
	line-height:28px;
	text-align:center;
}

.bt_igiene{
	width:237px;
	background-color:#c24e15;
	color:#FFF;
	height:27px;
	padding-left:10px;
	padding-right:10px;
	line-height:28px;
	text-align:center;
}

.s_active2{
	width:151px;
	background-color:#bd1522 !important;
	color:#FFF;
	height:27px;
	padding-left:10px;
	padding-right:10px;
	line-height:28px;
	text-align:center;
}

.bt_igiene2{
	width:151px;
	background-color:#c24e15;
	color:#FFF;
	height:27px;
	padding-left:10px;
	padding-right:10px;
	line-height:28px;
	text-align:center;
}

.box_igiene{
	width:520px;
}

#form_h{
	width:487px;
	height:240px;
	margin:15px;
	background:#fff;
	position:absolute;
}

#form_f{
	width:487px;
	height:240px;
	margin:15px;
	background:#fff url(../slider/form.jpg) no-repeat;
	position:absolute;
}

#form_c {
    background: url("../slider/form.jpg") no-repeat scroll 0 0 #FFFFFF;
    height: 240px;
    margin: 5px;
    width: 504px;
}

.elementi_formc{
	border:1px solid #CCC; width:400px;
}

#form_h input[type=text]{width:380px; border:1px solid #d7d9d8; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; margin-top:2px;}
#form_h input[type=checkbox]{ line-height:24px; height:18px; margin-top:5px;}
#form_h input[type=image]{margin-top:5px;}
#form_h textarea{width:380px; height:30px; border:1px solid #d7d9d8; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666;}
#form_c textarea{border:1px solid #d7d9d8; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666;width:390px; height:110px; padding:5px;}



.form_h_left{
	width:96px;
	height:24px;
	line-height:24px;
}
.form_h_left2{
	width:60%;
	height:24px;
	line-height:24px;
	margin-top: 2px;
}

.form_vuoto{
	width:100%;
	height:95px;
}

.domanda{
	width:100%;
	line-height:32px;
	padding:5px;
}

.ta_risposta{
	margin-top:3px;
	margin-bottom:3px;
	width:80%;
	border:1px solid #999;
	background-color:#fff;
	height:30px;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.med_risposta{
	margin-top:3px;
	margin-bottom:3px;
	width:383px;
	border:1px solid #999;
	background-color:#fff;
	height:30px;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.min_risposta{
	margin-top:px;
	margin-bottom:3px;
	width:50px;
	height:50px;
	border:1px solid #999;
	background-color:#fff;
	height:30px;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
}

.divisorio_questionario{
	width:100%;
	height:1px;
	background-color:#CCC;
	margin-top:25px;
	margin-bottom:25px;
}

#chiudi {
width: 32px;
height: 28px;
position: absolute;
background: url(../img/chiudi.png) no-repeat;
left: -37px;
top: -25px;
}
#apri_form{margin: -9px auto 0; height:18px; width:125px;}

.margine_att {
    margin: 18px;
}

.principale-it {
    background: url("../img/it/principale.jpg") no-repeat !important;
    height: 271px;
    width: 517px;
}

.principale-en {
    background: url("../img/en/principale.jpg") no-repeat !important;
    height: 271px;
    width: 517px;
}

.principale-ru {
    background: url("../img/ru/principale.jpg") no-repeat !important;
    height: 271px;
    width: 517px;
}

.principale2-it {
    background: url("../img/it/VV_IMG_Slider.jpg") no-repeat !important;
    height: 271px;
    width: 517px;
}

.principale2-en {
    background: url("../img/it/VV_IMG_Slider.jpg") no-repeat !important;
    height: 271px;
    width: 517px;
}

.principale2-ru {
    background: url("../img/it/VV_IMG_Slider.jpg") no-repeat !important;
    height: 271px;
    width: 517px;
}




.bt_slider{
	margin-top:8px;
}
.bt_slider:hover{
	margin-left:-4px;
}

#lista_download {
   display:none;
background: none repeat scroll 0 0 #FFFFFF;
    border: 3px solid #DADADA;
    margin-top: 10px;
    padding: 10px;
    width: 92%;
}

#lista_download p {
    background: url("../img/r.png") no-repeat scroll left center transparent;
    color: #395880;
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 8px;
    margin-left: 10px;
    margin-top: 8px;
    padding-left: 25px;
}

#lista_download p:hover {
    color: #395880;
    text-decoration:underline;
}

.descrizione {
    background: none repeat scroll 0 0 #fff;
    padding-left:5px;
    height: auto;
    position: absolute;
    top: 0;
    width: 100%;
    line-height:30px;
}
.descrizione p{
	font-family:arial;
	font-size:12px;
	color:#000;
}

.video-container {
	border-bottom: 1px solid #dadada;
	padding-bottom: 30px;
	margin-bottom: 40px;
}
.video-container .box-testo {
	margin-top: 0;
}
.video-container  .colonna3 {
	margin-top: 20px;
	width: 100%;
}

/*------------------------------ CSS per slider -------------------------------*/
#slider{width:518px; background: url(../img/bg_slider.png) no-repeat;}
.content_slider{width:487px; margin:20px; overflow:hidden;}
.content_slider_int{width:417px; margin:20px; overflow:hidden;}
/* #slider{width:558px; background: url(../img/bg_slider.png) no-repeat;}
.content_slider{width:517px; margin:20px; overflow:hidden;}
.content_slider_int{width:417px; margin:20px; overflow:hidden;} */
#tabs #tabs-menu{ position:absolute; bottom:2px; right:2px; z-index:10;}
#tabs #tabs-menu{ position:absolute; bottom:2px; right:2px; z-index:10;}
/* #tabs-noauto #tabs-menu{ position:absolute; bottom:2px; right:2px; z-index:10;} */
#tabs-noauto #tabs-menu{ position:absolute; bottom:0px; right:2px; z-index:10;}
#tabs-int #tabs-menu_int{ position:absolute; bottom:2px; right:2px; z-index:10;}

.ui-tabs { position: relative;}
.ui-tabs .ui-tabs-nav { margin: 0;}
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; border-bottom: 0; padding: 0; white-space: nowrap;}
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; background:url(../slider/slider_no.png) no-repeat; display:block; height:11px; width:11px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {margin-bottom: 0; padding-bottom: 1px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a{background:url(../slider/slider_si.png) no-repeat}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.error{border:1px solid red; content:'ciao'}


/*------------------------------ Aggiunti da Pizzi Aprile/2020-------------------------------*/

#main.main_in_home{
    display: flex;
	flex-direction: row;
	justify-content: space-between;
}

#main.main_in_home .colonna1{
	float: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#main .colonna2 .new_box__home{
	font-family: 'Roboto', sans-serif;
}
#main .colonna2 .new_box__home.box3{
	height: 85%;
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
	justify-content: space-evenly;
	border:0px;
	margin-top: 1rem;
	padding:2rem;
}
#main .colonna2 .new_box__home p{
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	font-weight: 400;
}

.blue_btn{
	background-color:#3F567F;
	width:100%;
	padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
	border-radius: 6px;
	border:2px solid #fff;

	-webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  cursor: pointer;
}
.blue_btn a{
	font-family: 'Roboto', sans-serif;
	color:#fff;
	font-weight: 500;
    font-size: 21px;
	letter-spacing: 1px;
	-webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  text-transform:uppercase;
}

.blue_btn:hover{
	border:2px solid #3F567F;
	background-color:#FFF;
}
.blue_btn:hover a{
	color:#3F567F;
}

#form_c_new .form_h_left{
	font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 14px;
}
#form_c_new .elementi_formc, #form_c_new textarea{
	font-size: 14px;
    padding: .3rem;
    border-radius: 3px;
	border: 1.5px solid #000;
	margin-bottom:1rem;
	min-width: 400px;
}
#form_c_new textarea{
	min-height: 200px;
}

#form_c_new .radio{
	margin-left: 100px;
}
.captcha_wrp{
	min-width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-left: 6rem;
    margin-top: 1rem;
}

.form_h_left2{
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:12px;
	margin-top:-3px;
}
.captcha_wrp{
	min-width:auto;
}
.captcha_wrp img{
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 1.3rem;
}

#form_high .blue_btn{
	max-width: 50%;
	margin-left: 5.8rem;
	
	font-family: 'Roboto', sans-serif;
	color:#fff;
	font-weight: 500;
    font-size: 21px;
	letter-spacing: 1px;
	-webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  text-transform:uppercase;
}

#form_high .blue_btn:hover{
	border:2px solid #3F567F;
	background-color:#FFF;
	color:#3F567F;
}


.grecaptcha-badge{
	position: absolute;
    left: -1000rem;
    opacity: 0;
}


/* Blog */

.blog .article {
	padding-bottom: 40px;
	border-bottom: 1px solid #3F567F;
}

.blog .article h3 {
	margin-bottom: 10px;
	font-weight: bold;
}

.blog .article:not(:first-child) h3 {
	margin-top: 25px;
}

.blogDettaglio .box_testo p {
	margin-bottom: 10px;
}

.blogDettaglio .box_testo a {
	color:#40577E;
	font-weight: bold;
}

.blogDettaglio .box_testo a {
	color:#40577E;
	font-weight: bold;
}

.blogDettaglio .box_testo a:hover {
	text-decoration:underline;
}

.blogDettaglio .box_testo img {
	max-width: 100%;
	height: auto;
}

.blogDettaglio h1,
.blogDettaglio h2 {
	width: 94%;
	margin-bottom: 20px;
}

.blogDettaglio .box_testo {
	margin-bottom: 5rem;
}

.blogDettaglio .back {
	font-size: 13px;
	text-transform: uppercase;
	background-color: #40577E;
	color: #fff;
	padding: 5px;
}

.blog .pagination {
	display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 0px;
}

.blog .pagination li {
	display: inline;
}

.blog .pagination li a {
	position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #40577E;
    background-color: #fff;
    border: 1px solid #dadada;
    margin-left: -1px;
	font-size: 12px;
}

.blog .pagination li a:hover {
	color: #40577E;
    background-color: #eeeeee;
    border-color: #dadada;
}

/* .blog .pagination li a.current {
	color: #40577E;
    background-color: #eeeeee;
    border-color: #dadada;
} */