/*!
 * css di base pagina iniziale sito cleviria.
 *
 * Copyright (C) 2016 Cleviria SRL - Giuseppe ing. Grosso
 */
/* Common styles
 * --------------------------------------- */
body header#header 
{
	background-color: white;
}
body header#header > * 
{
	display: inline-block;
}
body header#header .menu
{
	float		: right;	
}

body header#header .menu .menu-icon
{
	background-image: url("../png/Button_DropDownMenu_Default.png");
	background-repeat: no-repeat;
	background-position: center;
	width: 36px;
	height: 36px;
	margin-top: 22px;
    margin-right: 40px;
    padding		: 6px;
}
body header#header .menu .menu-icon:hover,
body header#header .menu.gpro-selected .menu-icon
{
	background-image: url("../png/Button_DropDownMenu_Hover.png");
}

body header#header .menu .menu-link
{
	position: absolute;
	
	width: 260px;
	left: -195px;
	margin-top: 10px;
	
    opacity		: 0;
    visibility	: hidden; 	
	background: white;
	
	padding-top: 25px;
    padding-bottom: 25px;
    
	box-shadow: 0px 6px 21px rgba(0,0,0,0.2);
    border-radius: 50px;
    
}
body header#header .menu .menu-link:after
{
	content: "";
    position: absolute;
    width: 48px;
    height: 29px;
    background-repeat: no-repeat;
    background-image: url("../png/IndicatoreBaloon_MenuLaterale.png");
    top: -29px;
    right: 55px;
}	

body header#header .menu .menu-link > * li
{
    list-style-type	: none;
    margin		: 7px 0px;
    text-align		: center; 
}

body header#header .menu .menu-link > * li.separatore
{
	line-height: 0;
}

body header#header .menu.gpro-selected section.menu-link
{
	visibility: visible;
    opacity: 0.96;    
    z-index: 2;
    
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    
}
body header#header .logo .logo_fonte
{
	margin-top: 18px;
    margin-left: 40px;
	margin-bottom: 23px;    
}



/* language Switch */

body header#header .menu .lang {
    top: 35px;
    right: 10px;
}

body header#header .menu .lang a:hover {
    color: rgb(0, 118, 221)
}



/* Style the buttons */
.btn {
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 16px;
  border-radius: 50%;
}


/* Style the active class, and buttons on mouse-over */
.btn:hover {
  color: rgb(0, 118, 221);
  
}

.active {
  color: rgb(0, 118, 221) !important;
  
}




/* mobile: smartphone */
@media all and (max-width: 600px)
{
	body header#header .logo_fonte.notscale 
	{
		width: 174px;
		margin-left: 20px;
 	}
	
	body header#header .menu
	{
		float		: none;
		position: absolute;
    	right	: 0px;
		top: 4px;
	}

	/* language Switch */
	body header#header .menu .lang {
    	right: 70px;
	}
	
	.lang .btn {
	  font-size: 16px;
	}
	
	.menu {
		width: 70px;
	}
}