@import url('https://fonts.googleapis.com/css?family=Montserrat');

/* ===========================
   MOBILE: TOOLBAR
   =========================== */
	#mobile-toolbar{
	background:#1e3f77;
	height:70px;
	width:100%;
	}

	#mobile-toolbar.close{
	/*position:absolute;
	top:0;
	left:0;*/
	position:relative;
	margin-top:0;
	margin-left:0;

	}
	
	#mobile-toolbar.open{
	position:relative;
	margin-top:0;
	margin-left:0;
	}
	
	/*Bottone Home*/
	#mobile-toolbar a#mobile-home{
	background:#1e3f77 url(/images/01/common/mobile/home.png) 50% 50% no-repeat;
	width:75px;
	height:70px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	margin:0%;
	outline: none;/*toglie il selezionato dal link in FF*/
	}
	
	#mobile-toolbar a#mobile-home:hover
	{
	background:#25629f url(/images/01/common/mobile/home_on.png) 50% 50% no-repeat;
	outline: none;/*toglie il selezionato dal link in FF*/
	}

	/*Bottone Menu*/
	#mobile-toolbar a#mobile-showhidemenu{
	background:#1e3f77 url(/images/01/common/mobile/menu.png) 50% 50% no-repeat;
	float:left;
	width:100px;
	height:70px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	outline: none;/*toglie il selezionato dal link in FF*/
	margin-left:0px;
	}
	
	#mobile-toolbar a#mobile-showhidemenu:hover
	{
	background:#25629f url(/images/01/common/mobile/menu_on.png)  50% 50% no-repeat;
	outline: none;/*toglie il selezionato dal link in FF*/

	}

	#mobile-toolbar a#mobile-showhidemenu.sel
	{
	background:#25629f url(/images/01/common/mobile/menu_on.png)  50% 50% no-repeat;
	}

	/*Finestra Menu*/
	/*#mobile-toolbar #mobile-left:after,
	#mobile-toolbar #mobile-left:before
	{
    content: ' ';
    position: absolute;
    bottom: 100%;
    border-style: solid;
    width: 0;
    height: 0;
	}

	#mobile-toolbar #mobile-left:before
	{
    border-color: transparent transparent #f8ac34 transparent;
    border-width: 0 14px 15px 15px;
    right: 3px;
	}

	#mobile-toolbar #mobile-left:after
	{
   border-color: transparent transparent #fff transparent;
    border-width: 0 11px 11px 11px;
    right: 6.9px;
	}*/


	#mobile-toolbar #mobile-left
	{
    /*border: 3px solid #f8ac34;*/
    background: #25629f;
	clear:both;
    position:relative;
    margin:0;
    padding:0 10px 20px 10px;
    top:0;
	z-index:10000;
	}

	.ie7 #mobile-toolbar #mobile-left{box-shadow:0}
	
	#mobile-toolbar #mobile-left nav ul li img{
	display:block;
    float:right;
    cursor:pointer;
	}

	.ie7 #mobile-toolbar #mobile-left nav ul li img{margin-top:1.3em;}
	
	#mobile-toolbar #mobile-left nav ul,
	#mobile-toolbar #mobile-left nav ul ul,
	#mobile-toolbar #mobile-left nav ul ul ul,
	#mobile-toolbar #mobile-left nav ul ul ul ul{
    margin: 0;
	padding:0;
	}

	#mobile-toolbar #mobile-left nav ul ul,
	#mobile-toolbar #mobile-left nav ul ul ul,
	#mobile-toolbar #mobile-left nav ul ul ul ul{
    border-bottom:1px solid #4586b9;
    }
	
	#mobile-left nav ul li a {
    border-bottom:1px solid #4586b9;
    color: #b8bbbd;
    display: block;
    font-size:18px;
    font-family:'Montserrat', sans-serif;
    font-weight:400;
    padding: 15px 20px 14px 0;
    text-decoration: none;
    text-transform:uppercase;
	}

	#mobile-left nav ul li:last-child {
    border-bottom:0;
	}

	#mobile-left nav ul li span {
    border-bottom:1px solid #4586b9;
    color: #c4cbcf;
    display: block;
    font-size:18px;
    font-family:'Montserrat', sans-serif;
    font-weight:300;
    padding: 15px 20px 14px 0;
    text-decoration: none;
    text-transform:uppercase;
	}


	#mobile-left nav ul li a:hover,
	#mobile-left nav ul li a.sel:hover 	{
    color: #fff;
	}
	
	#mobile-left nav ul li a.sel{
    color: #fff;
	}

	#mobile-left nav ul li:first-child a {
        margin-left: 0;
    }

	#mobile-left nav ul li:last-child a {
    margin-right: 0;
    margin-bottom:0;
    }
	
	#mobile-left nav ul ul {
    border-bottom:1px solid #4586b9;
	}
	
	#mobile-left nav ul li li a:before,
	#mobile-left nav ul li li span:before{
    /*content: '› ';*/
    font-weight:normal;
    font-size:110%;
	}

	#mobile-left nav li li a:hover,
	#mobile-left nav li li a.sel:hover {
    color:#FFF;
	}

	#mobile-left nav li li a.sel{
    color:#FFF;
	}
	
	#mobile-left nav li li a,
	#mobile-left nav li li span	 {
    border:0;
    color: #b8bbbd;
    display: block;
    font-size:16px;
    font-weight: normal;
    margin-bottom: 1px;
    padding: 8px 40px 8px 5px;
    text-align: left;
    text-decoration: none;
    text-transform:none;
	}

	#mobile-left nav li li:last-child a{
    border-bottom:0;
	}
	
	#mobile-left nav ul li li li a:before {
    content: '/ ';
    font-weight:normal;
	}
	
	#mobile-left nav li li li a {
    padding: 7px 25px;
    font-size:14px;
	}
	
	#mobile-left nav li li li a.sel{
    color:#FFF;
    font-weight: normal;
	}


	#mobile-left nav li li li li a {
    font-size:12px;
    padding: 7px 35px;
	}

	#mobile-left nav ul li li li li:last-child a{
    border-bottom:0;
	}
	
	#mobile-left nav .open-close{
	position:absolute;
	right:5px;
	padding:16px 15px 14px 15px;
	}

	/*Servizi*/
	
	#mobile-toolbar a#mobile-showhideservizi{
	background:#1e3f77 url(/images/01/common/mobile/contatti.png) 50% 50% no-repeat;
	width:100px;
	height:70px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	float:right;
	outline: none;/*toglie il selezionato dal link in FF*/
	}

	#mobile-toolbar a#mobile-showhideservizi:hover
	{
	background:#25629f url(/images/01/common/mobile/contatti_on.png) 50% 50% no-repeat;
	outline: none;/*toglie il selezionato dal link in FF*/

	}

	#mobile-toolbar a#mobile-showhideservizi.sel
	{
	background:#25629f url(/images/01/common/mobile/contatti_on.png) 50% 50% no-repeat;
	}

	/*menu destra: nuvoletta*/
	
	/*#mobile-toolbar #mobile-right:after,
	#mobile-toolbar #mobile-right:before
	{
    content: ' ';
    position: absolute;
    bottom: 100%;
    border-style: solid;
    width: 0;
    height: 0;
	}

	#mobile-toolbar #mobile-right:before
	{
    border-color: transparent transparent #f8ac34 transparent;
    border-width: 0 15px 15px 14px;
    right:3px;
	}

	#mobile-toolbar #mobile-right:after
	{
    border-color: transparent transparent #fff transparent;
    border-width: 0 11px 11px 11px;
    right:6.9px;
	}*/

	#mobile-toolbar #mobile-right
	{
    background: #25629f;
	clear:both;
    position:relative;
    margin:0;
    padding:10px 20px 25px 20px;
    top:0;
	z-index:10000;
	}

	.ie7 #mobile-toolbar #mobile-right{box-shadow:0}
		
	#mobile-toolbar #mobile-right nav ul.first{
    margin:0 0.2em 0.8em 0;
	padding:0;
	}

	#mobile-toolbar #mobile-right nav ul ul, 	
	#mobile-toolbar #mobile-right nav ul ul ul{
    border:0; margin: 0; padding:0;
	}

	#mobile-right nav li a {
    border-bottom:1px solid #4586b9;
    color: #c4cbcf;
    display: block;
    font-size:medium;
    font-family:'Montserrat', sans-serif;
    font-weight:400;
    padding: 15px 0 14px 2.5em;    
    text-decoration: none;
    text-transform:uppercase;
	}
	
	#mobile-right nav ul li a:hover,
	#mobile-right nav ul li a.sel:hover 	{
    color: #fff;
	}
	
	#mobile-right nav ul li a.sel{
    color: #FFF;
	}

	#mobile-right nav li a.search {
    background:url(/images/01/common/mobile/search.gif) left center no-repeat;
	}
	
	#mobile-right nav li a.search:hover {
    background:url(/images/01/common/mobile/search-on.gif) left center no-repeat;
	}

	#mobile-right nav li a.map {
    background:url(/images/01/common/mobile/map.png) left center no-repeat;
	}
	
	#mobile-right nav li a.map:hover {
    background:url(/images/01/common/mobile/map-on.png) left center no-repeat;
	}

	#mobile-right nav li a.phone {
    background:url(/images/01/common/mobile/phone.png) left center no-repeat;
	}
	
	#mobile-right nav li a.phone:hover {
    background:url(/images/01/common/mobile/phone-on.png) left center no-repeat;
	}
	
	#mobile-right nav li a.mail {
    background:url(/images/01/common/mobile/mail.png) left center no-repeat;
	}
	
	#mobile-right nav li a.mail:hover {
    background:url(/images/01/common/mobile/mail-on.png) left center no-repeat;
	}

	#mobile-right nav li a.twitter {
    background:url(/images/01/common/mobile/twitter.png) left center no-repeat;
	}
	
	#mobile-right nav li a.twitter:hover {
    background:url(/images/01/common/mobile/twitter-on.png) left center no-repeat;
	}

	#mobile-right nav li a.logout {
    background:url(/images/01/common/mobile/unlock.png) left center no-repeat;
	}
	
	#mobile-right nav li a.logout:hover {
    background:url(/images/01/common/mobile/unlock-on.png) left center no-repeat;
	}

	#mobile-right nav li a.login{
    background:url(/images/01/common/mobile/lock.png) left center no-repeat;
	}

	#mobile-right nav li a.login:hover {
    background:url(/images/01/common/mobile/lock-on.png) left center no-repeat;
	}
	
	#mobile-right nav li.lingua a{
    color: #c4cbcf;
    }
	
	#mobile-right nav li.lingua li a{
    padding: 10px 35px;
	}
	
	#mobile-right nav li.lingua li a.sel{
    color: #FFF;
    background:url(/images/01/common/mobile/spunta-on.png) 5px center no-repeat;
    padding: 10px 35px;
	}
	
	#mobile-right nav li.share a{
    border-bottom:0;
    color:#5b616d;
    padding: 20px 5px 5px 5px;
    font:italic small Arial, Verdana, sans-serif;
    }

	#mobile-right nav li.share li a{
	float:left;
	text-indent:-9999px;
	display:block;
	}
	
	#mobile-right nav li.share li a.sel{
    color: white;
    background:#0e3c89;
    font-style:normal;
    font-family:Arial, Verdana, sans-serif;
    padding: 5px 35px;
	}

	#mobile-right nav li.share a.facebook, #mobile-right nav li.share a.facebook:hover {
		background:url('/images/01/common/social/facebook.gif') left top no-repeat;
		width:15%;	height:24px;
	}
	
	#mobile-right nav li.share a.twitter, #mobile-right nav li.share a.twitter:hover {
		background:url('/images/01/common/social/twitter.gif') left top no-repeat;
		width:15%;	height:24px;
	}
	#mobile-right nav li.share a.linkedin, #mobile-right nav li.share a.linkedin:hover {
		background:url('/images/01/common/social/linkedin.gif') left top no-repeat;
		width:15%;	height:24px;
	}
	
	#mobile-right nav li.share li.plusone{
    float:left;
    }

	#mobile-right nav li.share ul.second  {
    border-bottom:1px solid #ddd !important;
    height:40px;
    padding-left:5px !important;
    }

	#mobile-right nav li li a,
	#mobile-right nav li li span	 {
    padding: 10px 0;
    border:0;
    color: #c4cbcf;
    display: block;
    font-size:medium;
    font-weight: normal;
    margin-bottom: 1px;
    padding: 10px 15px 9px 15px;
    text-align: left;
    text-decoration: none;
    text-transform:none;
	}

	#mobile-right nav li li:last-child a{
    border-bottom:0;
	}

/* =============================
   TABLET+DESKTOP: Search
   ============================= */
		
	#mobile-right nav li.search {
    background:url(/images/01/common/mobile/cercasito.png) left center no-repeat;
    border-bottom:1px solid #4586b9;
    padding:0.2em 0;
	}
	
	#mobile-right nav li.search:hover {
    background:#url(/images/01/common/mobile/cercasito-on.png) left center no-repeat;
	}
	
	#mobile-toolbar .searchmobile{position:relative;padding-left:28px;}
	
	#mobile-toolbar .searchmobile input{
    color:#555658;
	display:block;
    font:normal 0.8em Verdana, Arial, sans-serif;
	border:1px solid #ddd;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	behavior: url(/css/PIE.htc);
	margin:0 auto;
	padding:8px 3px 8px 4px;
	width:60%;
	} 
	
	#mobile-toolbar .searchmobile button
	{
	background:url(/images/01/common/mobile/cercaLente.png) left top no-repeat;
	border:0;
	width:37px;
	height:25px;
	text-indent:-9999px;overflow:hidden; display:block;
	}

@media only screen and (min-width:320px){
	/*Bottone Home*/
	#mobile-toolbar a#mobile-home{
	width:100px;
	/*margin:0 35%;*/
	margin:0 auto;
	}
	
}

@media only screen and (min-width: 480px){
	/*Bottone Home*/
	#mobile-toolbar a#mobile-home{
	width:100px;
	/*margin:0 40%;*/
	margin:0 auto;
	}
}
	
@media only screen and (min-width: 600px){

	#page-wrap{margin-top:0px;}
	
	#page-wrap.mobile-right {position:relative;right:0;overflow-x: none;}

	#page-wrap.mobile-left {position:relative;left:0;overflow-x: none;}
	
	}