/* GLOBAL CSS Document */

/* GENERALI INIZIO ----------------------------------------------------------------------------------------------------------------*/
html, body{
	margin:0;
	background: url(../img/pageint_bg.png) repeat-x #ededed;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
	color:#444;
	-webkit-text-size-adjust: 100%;
	overflow-x:hidden;
    
}

p{
	margin:0;
	padding:0;
}

body.index{
		background: url(../img/page_bg.png) repeat-x  #ededed;
	
}

#master{
	width:960px;
	margin:auto;
	position:relative;
}

.master-wrphome{
	width:960px;
	margin:auto;
	position:relative;
}

strong{
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

a{
	color:#f38221;
	text-decoration:none;
}

a:hover{
	color:#f49308;
}

.hyphen{
	-webkit-hyphens: auto;
     -moz-hyphens: auto;
          hyphens: auto;
}

/*VERIFICARE SE ANCORA UTILIZZATO ----------------------------------------------------------------------------------------------------------------*/
.lnk2btn{
	background:#f38221;
	text-decoration:none;
	color:#FFF;
	padding:3px 6px;
	display: inline-block;
	text-transform:uppercase;
	border:1px solid #cc7903;
	
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border-radius: 3px;

	-moz-box-shadow:#ddd 1px 1px 1px;
	-webkit-box-shadow:#ddd 1px 1px 1px;
	box-shadow: #ddd 1px 1px 1px;
	
	text-shadow:#cc7903 1px 1px 2px;
	-moz-text-shadow:#cc7903 1px 1px 2px;
	-webkit-text-shadow:#cc7903 1px 1px 2px;
	
	/*TRICK FOR IE BORDER RADIUS AND SHADOWS*/
	behavior: url(/css/iecss3.htc);
	position:relative;
}

.lnk2btn:hover{
	background:#f49308;
	color:#FFF;
	
	-moz-box-shadow:#ddd 0px 0px 1px;
	-webkit-box-shadow:#ddd 0px 0px 1px;
	box-shadow: #ddd 0px 0px 1px;
}
/*FINE CSS DA VERIFICARE-----------------------------------------------------------------------------------------------------------------------*/

img{
	border:none;
}

.clear{
	content:"";
	display:block;
	height:0;
	line-height:0;
	clear:both;
	visibility:hidden;
}

.box{
	border:3px solid #FFF;
	
	-moz-box-shadow:#ddd 0px 2px 5px;
	-webkit-box-shadow:#ddd 0px 2px 5px;
	box-shadow: #ddd 0px 2px 5px;
	
	z-index:1;
	
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;

	
	/*TRICK FOR IE BORDER RADIUS AND SHADOWS*/
	behavior: url(/css/iecss3.htc);
	position:relative;
}

.box img:hover{
	opacity:0.7;
	-moz-opacity:0.7;
	-webkit-opacity:0.7;
	filter: alpha(opacity=70);
}

.page{
	background:#FFF;
	width:960px;
	text-align:justify;
	border:1px solid #ddd !important;
	border-top:none !important;
	
	
	-moz-box-shadow:#e8e5e5 0px 2px 5px;
	-webkit-box-shadow:#e8e5e5 0px 2px 5px;
	box-shadow: #e8e5e5 0px 2px 5px;

	z-index:5;
	
	/*TRICK FOR IE BORDER RADIUS AND SHADOWS*/
	behavior: url(/css/iecss3.htc);
}

.page_content{
	padding:20px;
}

.page_separator{
	width:100%;
	height:20px;
	background:url(/img/spacer_mix.gif) repeat-x;  
	}

.titolipage{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:26px;
	color:#666;
	display:block;
	margin-bottom:5px;
}

.sottotitolipage{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:22px;
	color: #555;
	display:block;
	margin-bottom:10px;
}

#main_content{
	width:680px;
	float:left;
	text-align:justify;
}

#side_content{
	float:right;
	width: 225px;	
}

.side_box{
	padding:6px !important;
	margin-bottom:10px;
	background-color:#eee !important;
	
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	
	/*TRICK FOR IE BORDER RADIUS AND SHADOWS*/
	behavior: url(/materials/css/iecss3.htc);
}

.boxed_title{
	margin:0;
	margin-bottom:10px;
	background: url(/img/boxed_title_bg.gif) no-repeat #bbb;
	color:#fff;
	display: block;
	padding:10px 15px;
	width:650px;
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
}

.side_title_boxed{
	margin:0;
	margin-bottom:10px;
	background: url(/img/boxed_title_bg.gif) no-repeat #bbb;
	color:#fff;
	display: block;
	padding:10px 15px;
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
}

.side_box_title{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#f47108;
	display:block;
	border-bottom:1px dotted #bbb;
	padding:5px 0px;
	margin-bottom:5px;
}

.big_gray_txt{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
	font-size:16px;
	font-weight:bold;
}
/* FINE GENERALI ----------------------------------------------------------------------------------------------------------------*/


/* HEADER INIZIO -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#header_box{
	width:960px;
	text-align:center;
}

#logo{
	margin:55px 0px 20px 0px;
	height:116px;	
}

/* TOOLBAR INIZIO -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#toolbar{
    font-family: Arial, "sans-serif" !important;    
	font-size:10px;
	position:fixed !important;
    top: 0;
	left: 0;
	z-index:1000;
	background-color:#fff;
	width:100%;
	height:40px;
	padding:0px;
	margin:0px;
}

#toolbar_content{
	width:960px;
	margin:auto;
	color:#fff;
	margin-top:3px;
}

.toolbar_lnk{
	color:#444;
	position:relative;
	text-transform:uppercase;
	float:right;
	padding:6px 15px 10px 30px;
	background-repeat:no-repeat;
	height:7px;
}

.toolbar_lnk:hover{
	color:#444;
}

.toolbar_firstbtn{
	border-left:1px dotted #666;
}

.toolbar_lastbtn{
	border-right:none;
}

/*Toolbar Language Selection*/
.toolbar_lang a{
	display:block;
	padding-left:28px;
	font-size:10px;
	float:left;
	padding:6px 15px 10px 30px;
	color:#444;
	text-transform:uppercase;
	border-right:none !important;
	height:7px;
}

.toolbar_lang a:hover{
	opacity:1 !important;
	-moz-opacity:1 !important;
	-webkit-opacity:1 !important;
	filter: alpha(opacity=100) !important;
}

.toolbar_lang a.lang_disabled{
	opacity:0.50;
	-moz-opacity:0.50;
	-webkit-opacity:0.50;
	filter: alpha(opacity=50);
}

.toolbar_lang a.lang_selected{
	cursor:default;
	border-right:1px dotted #666;
	margin-right:10px;
}

.toolbar_lang a.lang_selected:hover{
	background-color:transparent !important;
}

/*Toolbar Search box*/
#search_label{
	float:none;
	color:#444;
	position:relative;
	font-size:10px;
	font-weight:bold;
	padding:8px 9px 9px 38px;
	text-transform:uppercase;
	background:url(../img/ico_toolbar_search.png) no-repeat 10px 4px;
}

/* SEARCH BOX */
#search_wrapper{
	float:right;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
}

#search_wrapper div input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:4px 8px;
	width:120px;
	color:#666;
	background-color:#e7e7e7;
	text-transform:uppercase;	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border:none;
	
	opacity:0.85;
	-moz-opacity:0.85;
	-webkit-opacity:0.85;
	filter: alpha(opacity=85);
	
	/*TRICK FOR IE BORDER RADIUS AND SHADOWS*/
	behavior: url(/css/iecss3.htc);
	position:relative;
}

#search_wrapper div input:focus {
	opacity:1;
	-moz-opacity:1;
	-webkit-opacity:1;
	filter: alpha(opacity=100);
}


/*CONDITIONAL ADJUSTMENT*/
@-moz-document url-prefix() {
	.toolbar_lnk{padding:9px 5px 9px 38px;}
	#search_wrapper{margin-top:1px;}
}

/* FLOATING BUBBLE FRAME INIZIO */

.bubbleframe_wrapper{ 
	position:relative;
	display:none;
	top:45px;
}
	
.bubbleframe{ 
	position: absolute;
	z-index:1000;
	
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	background-color:#FFF;
	padding:10px;
	color:#444;
	font-size:10px;
	line-height:14px;
	border:2px solid #777;
	
	opacity:0.95;
	-moz-opacity:0.95;
	-webkit-opacity:0.95;
	filter: alpha(opacity=95);
	
	-moz-box-shadow:0px 2px 5px #888;
	-webkit-box-shadow:0px 2px 5px #888;
	box-shadow:0px 2px 5px #888;

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;

	/*TRICK FOR IE BORDER RADIUS AND SHADOWS*/
	behavior: url(/css/iecss3.htc);
}
	
.bubbleframe_arrow{
	position:absolute;
	width:20px;
	height:15px;
	top:-12px;
	z-index:1100;
}
/* FLOATING BUBBLE FRAME FINE */

/* TOOLBAR FINE */


/* MAIN MENU INIZIO */
#main_menu{
	height:20px;
	text-transform:uppercase;
	margin:auto;
	margin-top:10px;
	
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#main_menu td{
padding: 0px 5px;
}

#main_menu a{
	font-size:10px;
	font-weight:bold;
	color:#666;
}

#main_menu a:hover{
	color: #f38221;
}

#index_divider{
	width:850px;
	margin:auto;
	margin-bottom:10px;
}
/* MAIN MENU FINE */
/* BREADCRUMP MENU INIZIO */
#breadcrumbs{
	width:100%;
	background:#f3f3f3;
	font-size:11px;
	border:1px solid #e8e5e5;
	border-bottom:none;
	margin-top:15px;
		
	-moz-box-shadow:#e8e5e5 1px 0px 2px;
	-webkit-box-shadow:#e8e5e5 1px 0px 2px;
	box-shadow: #e8e5e5 1px 0px 2px;

	
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	
	/*TRICK FOR IE BORDER RADIUS AND SHADOWS*/
	behavior: url(/css/iecss3.htc);
	position:relative;
}

#breadcrumbs .home{
	margin-left:5px;
}

#breadcrumbs ul{
	margin:0;
	padding:0;
	list-style:none;
}

#breadcrumbs ul li{
	float:left;
	display:block;
	padding:6px 20px 4px 8px;
	height:19px;
	background:url(/img/sep_breadcrumbs.gif) top right no-repeat;
	cursor:default;
}

#breadcrumbs ul li a {
	color:#8f8f8f;
}

#breadcrumbs ul li a:hover{
	color:#ff8e00;
}
/* BREADCRUMP MENU FINE */
/* HEADER FINE ------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#slider{
	width:960px;
	height:375px;
}

.box_args{
	margin:0;
	padding:0;
	margin-top:15px !important;
}

.list_args{
	list-style:none;
	margin:0;
	padding:0;
}

.list_args li.box{
	display:block;
	float:left;
	width:222px;
	height:150px;
	border:3px solid transparent;
	background:#fff;
}

.spacedx{
	margin-right:16px;
}
/* CONTENT FINE */

/* FOOTER INIZIO ------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer_box{
	width:100% !important;
	color:#444;
	font-size:13px;
    font-family: Arial, "sans-serif" !important;    
	margin-top:20px;
	position:relative;
	background-color:#fff;
}

#footer_menu, #footer_social{
	background:none;
	width:950px;
	margin:auto;
	border:none;
	line-height:20px;
}

#footer_social{
	margin-bottom:20px;
	width:100% !important;
}

#footer_social img{
margin-right:4px;
}

#footer_info{
	background:none;
	background-color:#fff;
	width:100%;
	padding:5px 0px;
	text-transform: none;
	font-weight:bold;
	font-size:11px;
	border-left:none;
	border-right:none;
	border-top:1px solid #f1f1f1;
}

#alpsalpine_footlogo{
    width:60%;
    margin-top: 25px;
}

#tbl_footer_menu{
	width:100%;
	padding-bottom:30px;
	padding-top:25px;
		font-size:13px;
}

#tbl_footer_menu .bordersx{
	border-left:1px solid #f1f1f1;
}

#tbl_footer_menu ul{
	list-style:none;
	margin:0;
	padding:0;
	line-height:28px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
	margin-left:10px;
}

#tbl_footer_menu li.first, #tbl_footer_menu li a.first{
	color:#444;
	font-weight:bold;
	font-size:15px;
	margin-bottom:10px;
	display:block;
}

#tbl_footer_menu li.foot-li-spacer{
	margin-bottom:10px;
}

#tbl_footer_menu li a{
	color:#666;
}

#tbl_footer_menu li a:hover{
	color:#333;
}

#tbl_footer_info{
	height:40px;
	color:#555;
	padding:0px;
	margin:auto;
}

#tbl_footer_info .highlight{
	color:#555;
}

/* FOOTER FINE ------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* PAGE LOADER INIZIO ------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#page_content{
	display:none;
}

#page_load{
	width:100%;
	text-align:center;
	color:#999;
	margin:50px 0px 30px 0px;
}

/* PAGE LOADER FINE ------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* COOKIES BANNER INIZIO ------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.cc_container {
    background: #222 !important;
	
	color: #fff;
	font-size:18px !important;
	font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial !important;
	box-sizing:border-box;
	border-top: 3px solid #ffa437;
	text-align:center;
	
	  /* IE 8 */
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	
	  /* IE 5-7 */
	  filter: alpha(opacity=95);
	
	  /* Netscape */
	  -moz-opacity: 0.95;
	
	  /* Safari 1.x */
	  -khtml-opacity: 0.95;
	
	  /* Good browsers */
	  opacity: 0.95;
	}
	
    .cc_container .cc_btn,
    .cc_container .cc_btn:visited {
		float:none !important;
        background-color: #fc9820 !important;
        color: #fff !important;
		margin:auto !important;
		max-width: 180px !important;
		margin-top:20px !important;
		font-weight:bold;
        transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
        -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
        -webkit-border-radius: 5px;
		border-radius: 5px;
    }

    .cc_container .cc_btn:hover,
    .cc_container .cc_btn:active {
        background-color: #fb7f1d !important;
        color:#fff !important;
    }


    .cc_more_info {

    }

    .cc_container a,
    .cc_container a:visited {
        text-decoration: none;
        color: #fc9820 !important;
        transition: 200ms color;
    }

    .cc_container a:hover,
    .cc_container a:active {
        color: #fb7f1d !important;
    }



/* FULL SCREEN POPUP ------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.7.14 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2019, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/

html.with-featherlight {
	/* disable global scrolling when featherlights are visible */
	overflow: hidden;
}

.featherlight {
	display: none;

	/* dimensions: spanning the background from edge to edge */
	position:fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 2147483647; /* z-index needs to be >= elements on the site. */

	/* position: centering content */
	text-align: center;

	/* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
	white-space: nowrap;

	/* styling */
	cursor: pointer;
	background: #333;
	/* IE8 "hack" for nested featherlights */
	background: rgba(0, 0, 0, 0);
}

/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
.featherlight:last-of-type {
	background: rgba(0, 0, 0, 0.8);
}

.featherlight:before {
	/* position: trick to center content vertically */
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.featherlight .featherlight-content {
	/* make content container for positioned elements (close button) */
	position: relative;

	/* position: centering vertical and horizontal */
	text-align: center;
	vertical-align: middle;
	display: inline-block;

	/* dimensions: cut off images */
	overflow: auto;
	padding: 25px 25px 0;
	border-bottom: 25px solid transparent;

	/* dimensions: handling large content */
	margin-left: 5%;
	margin-right: 5%;
	max-height: 95%;
    max-width:900px;

	/* styling */
	background: #fff;
	cursor: auto;

	/* reset white-space wrapping */
	white-space: normal;
}

/* contains the content */
.featherlight .featherlight-inner {
	/* make sure its visible */
	display: block;
}

/* don't show these though */
.featherlight script.featherlight-inner,
.featherlight link.featherlight-inner,
.featherlight style.featherlight-inner {
	display: none;
}

.featherlight .featherlight-close-icon {
	/* position: centering vertical and horizontal */
	position: absolute;
	z-index: 9999;
	top: 20px;
	right: 20px;

	/* dimensions: 25px x 25px */
	line-height: 38px;
    width: 160px;

	/* styling */
	cursor: pointer;
	text-align: center;
	font-family: Arial, sans-serif;
    font-size:15px;
    font-weight:bold;
	background: #fd7f14; /* Set the background in case it overlaps the content */
	background: rgba(253, 127, 20, 1);
	color: #000;
	border: none;
	padding: 0;
    border-radius:5px;
    color:#fff;
}

/* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */
.featherlight .featherlight-close-icon::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.featherlight .featherlight-image {
	/* styling */
	width: 100%;
}


.featherlight-iframe .featherlight-content {
	/* removed the border for image croping since iframe is edge to edge */
	border-bottom: 0;
	padding: 0;
	-webkit-overflow-scrolling: touch;
}

.featherlight iframe {
	/* styling */
	border: none;
}

.featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.lightbox { display: none; }


#message{
    font-family: Arial, "sans-serif" !important;    
}

#logopopup{
    width:180px;
    
}

#messagetitle{
    font-size:30px;
    display:block;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}

#messagecontent{
    text-align: justify;
    display:block;
    font-size:16px;
    padding:30px;
    line-height:28px;
}

#bankinfo{

    line-height: 22px;
}

.message_bankbox{
    display:inline-block;
    vertical-align: top;
    width:365px;
    border:3px solid #ddd;
    margin: 20px 8px;
    border-radius: 5px;
    font-size:14px;
}

.box_title{
    margin-bottom: 10px;
    padding:10px 20px;
    background-color:#fd7f14;
    color:#ffffff;
    border-radius: 5px 5px 0px 0px;
    font-weight: bold;
}

.box_content{
    padding:0px 20px 20px 20px;
}

b.messagelist{
    color:#fd7f14;
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
	.featherlight .featherlight-content {
		/* dimensions: maximize lightbox with for small screens */
		margin-left: 5%;
		margin-right: 5%;
		max-height: 98%;

		padding: 10px 10px 0;
		border-bottom: 10px solid transparent;
	}
    
    #messagecontent{
        font-size:35px !important;
        line-height: 55px !important;
        padding:40px !important;

    }
    
    .message_bankbox{
        width:98% !important;
        margin: 40px 8px !important;
        text-align:left !important;
        font-size: 38px !important;
    }
    
    #bankinfo{
        line-height: 55px !important;
    }
    
    #messagetitle{
        font-size:55px !important;
    } 
    
    #logopopup{
        width:320px !important;
        margin:40px 0px !important;
    }
    
    .box_title{
    font-size: 30px;
    margin-bottom: 10px;
    background-color:#fd7f14;
    color:#ffffff;
    border-radius: 5px 5px 0px 0px;
    font-weight: bold;
    }
    
    .featherlight .featherlight-close-icon {
	/* position: centering vertical and horizontal */
	top: 15px;
	right: 15px;

	/* dimensions: 25px x 25px */
	line-height: 50px;
    width: 200px !important;

	/* styling */
    font-size:20px;
    }
}

/* hide non featherlight items when printing */
@media print {
	html.with-featherlight > * > :not(.featherlight) {
		display: none;
	}
}