﻿@charset "UTF-8";
.nomobile {display: block;}
.onlymobile {display: none;}
.onlydesktop{ display: none;}
@media only screen and (max-width: 767px){
	.nomobile {display: none;}
	.onlymobile {display: block;}
	/*.wrap{ width: 95%;}*/

	.wrap{ width: 95%;margin:0px}

	
	.col12, .col13, .col23, .col14, .col34, .col15, .col25, .col35, .col45{ width: 100%;margin-right:0;}
	.col12mobile{width:49%; margin-right: 2%}
	
	.col12mobile.col-last{ margin-right: 0;}
	.evidenza{ margin-top: 20px;}
	
	#mainmenu{ display: none;
		position: absolute;
		width: 134.228%;
		left: -34.228%;
		top: 100%;
		z-index: 99;
	}
	#mainmenu li{ float: none !important; border-bottom: 1px solid #95a6c3; padding: 0;}
	#mainmenu .primary {  background:url(img/arrow-accordion-w.png) 96% -55px no-repeat;}
	#mainmenu .primary.opened{ background-position: 96% 25px;}
	#mainmenu li a{ min-height: 72px; padding: 22px 8px  ; display: block;}
	#mainmenu li ul.secondary li{ background: #c0cadb; color: #2a4d86;border-bottom: 1px solid #fff;}
	#mainmenu li ul li.secondary a, #mainmenu li.selected ul.secondary li a{color: #2a4d86; text-decoration: none;}
	#copy{ width: auto;}
	
	
	#buttonmenu, .searchmobile{ width: 70px; height: 70px; background: center center no-repeat; float: left;}
	#buttonmenu{ background-image: url(img/menubutton.jpg)}
	.searchmobile{ background-image: url(img/search.jpg); margin-right: 10px;}
	#logo{ height: auto;}
	#logo img{ width: 100%; height: auto;}
	header#header{background: #fff;}
	
	#extopmenu a{ color: #f6df09 !important;padding:8px}
	#extopmenu li{ border-bottom: none !important;}
    #sez0 .accordion.border-top {display:none}
	


.content{ padding: 0;}



}
@media only screen and (min-width: 768px) and (max-width: 1099px){
	
}

@media only screen and (max-width: 1099px){
		
}

@media only screen and (min-width: 1100px){
	
}