@import url("base2.css");


a.nounder:link, a.nounder:visited {color: #2c4f6c;}
a.nounder:hover {color: #477091;}

a.nounderbOrd:link, a.nounderbOrd:visited {color: #d95141;}
a.nounderbOrd:hover {color: #fc6755;}

a.white:link, a.white:visited {color: #fff;}
a.white:hover {color: #ddd;}

a.catMarca:link, a.catMarca:visited {color: #2c4f6c;}
a.catMarca:hover {color: #477091;}

#headerTop {background:#eee; border-bottom:0;}
#headerTop a{color:#444;}
#headerTop a:hover{color:#777;}

nav { background:transparent; }
#menu { background:transparent; }


h1,h2,h3,h4,h5,h6 {color:#2c4f6c;}
.titoli {color:#2c4f6c;}

.carat3 {color: #2c4f6c;}
.carat3b {color: #2c4f6c;}
.carat3x {color: #2c4f6c;}
.carat4 {color: #d95141;}
.carat4b {color: #d95141;}
.carat4x {color: #d95141;}
.caratPrezzo {color: #115c8b;}
.caratPrezzoScheda {color: #115c8b;}
.caratLogo {color: #222;}


.b {background: #eee;}
.b a.white {color:#222;}
.b .caratTitoloB {color:#222;}
.g {background: #eee;}
.gBordo {background: #e9e9e9; border: 1px solid #e9e9e9;}
.gcBordo {background: #e9e9e9; border: 1px solid #e9e9e9;}
.barraAnnunci {background: #222;}
.bordo {border: 1px solid #e3e3e3;}
.w {background: #fff;}

.gcBordo .txt {
	background: #fff; 
}



.cerca {
	background: #fff; 
	border:1px solid #000;
}
.button-cerca {
    background: transparent url(../immagini/search-b.png) no-repeat center center !important;
}
#panelCerca{ 
	background:#fff; border-bottom:1px solid #ddd;
}
#panelChiudi i{
	color:#000;
}
	
	
	
/* bordo sopra a box meegamenu e pannelo cerca */
#panelCerca { border-top:1px solid #ddd;} /* , #menu > ul > li > ul */
/* bordo sotto megamenu */
#menu > ul > li > ul { border-bottom:1px solid #ddd !important;}
	


	
/* ---menu pos dx--- */

header .headerInt {width: 80%;} /* solo top (no header #headerPad ...) */
.tempCenter {width: 80%;}
#footerInt{width: 80%;}
header #headerPad .headerInt {
	max-width:auto;
	width:23%;
	z-index:999;
	margin:0 0 0 10%; /* se width tempCenter e footer 80% */
}

header #logoContainer {text-align:left;}

ul.menuTop li a {padding: 0 20px !important;}
ul.menuTop li a, ul.menuTop li a:visited, ul.menuTop li a:active {font-size:15px !important;}
#menu_search {margin-right: calc(10% - 20px);}

@media(max-width: 1680px) {	
	/*header #headerPad .headerInt {max-width:23% !important;}*/
	ul.menuTop li a {padding: 0 15px !important;}
	#menu_search {margin-right: calc(10% - 15px);}	
}

@media(max-width: 1480px) {	
	ul.menuTop li a {padding: 0 10px !important;}
	ul.menuTop li a, ul.menuTop li a:visited, ul.menuTop li a:active {font-size:15px !important;}
	#menu_search {margin-right: calc(10% - 10px);}		
}	

header {background:#fff;}

#tempHeader {background:#fff; }

header #headerPad {position:relative; padding:15px 0; background: #fff; border-bottom:1px solid #ddd;}

#menu_container { 
	position: absolute;
	width:100%;
	right:0;
	top: 50%;
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%); 
	-moz-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

#menu {width:auto; text-align:right;}


/*
@media(min-width: 1280px) {
	#result2 { 
		top:45px;
	}
}
*/

@media(max-width: 1279px) {

	ul.menuTop li a {padding: 0 17px !important;}
	ul.menuTop li a, ul.menuTop li a:visited, ul.menuTop li a:active {font-size:15px !important;}
	
	header .headerInt {width: 86%;}
	.tempCenter {width: 86%;}
	#footerInt{width: 86%;}
	header #headerPad .headerInt {
		width:100%;
		margin:0;	
		text-align: center;
	}

	header #logoContainer {
		text-align: center;
		margin:0 auto;
		width:35%;
		border-bottom:0;
	}
	
	nav {border-bottom: 1px solid #ddd;}

	header #headerPad .headerInt {
		width:100%; 
		max-width:100%;
		margin:0;
	}

	#menu_search {margin-right: auto;}
	
	header {border-bottom:0 !important;}

	header #headerPad {padding:0;}

	header #headerPad #logoContainer #logoPad {
		padding:25px 0 10px 0;
	}
	
	#menu_container { 
		position:relative;
		background:#fff; 
		border-bottom:0px solid #ddd;
		top: 0
		-ms-transform: translate(0,0);
		-webkit-transform: translate(0,0); 
		-moz-transform: translate(0,0);
		transform: translate(0,0);
	}
	
	#menu {width:100%; text-align:center;}
}


@media(max-width: 991px) {

	#logo {width:100%;}

	header #logoContainer {
		width:70%;
		max-width:300px;
	}
	
	header #headerPad .headerInt {width:90%; margin:0 5%; }
	.tempCenter {width:90%; margin:0 5%; }
	#footerInt{width:90%; margin:0 5%; }

	#menu_container {width:100%; border-bottom:1px solid #ddd;}
}

/* ---------- */






	

/* --- menu orizz --- */

ul.menuTop li a {
	padding: 0 20px;
}

ul.menuTop li a, ul.menuTop li a:visited, ul.menuTop li a:active {
	color:#222; 
}
	
ul.menuTop li a:hover {
	color:#222;
	text-decoration: underline; 
}

ul.menuTop li a.navattivo {
	color:#222; 
	text-decoration: underline;
}


/* --- box megamenu --- */

#menu > ul > li > ul {
  background: #fff;
}

ul.col1, ul.col2 {border:1px solid #ddd; border-top:0;}


/* --- 1° livello dentro box --- */

#menu > ul > li > ul > li a {
  color:#222; 
}
#menu > ul > li > ul > li a:hover{
	color:#555; 
	text-decoration:none; 
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media(max-width: 991px) {

	ul.col1, ul.col2 {border:0;}

  .menu-mobile:after {
	color:#222; 
  }
  .menu-dropdown-icon:before {
    color: #222; 
  }
  #menu > ul {
	background: #fff; 
  }
  /* aprono menu macro */
  #menu > ul > li a {
	color:#222; 
  }
  #menu > ul > li a:hover {
	color:#555;
	text-decoration:none; 
  }
  #menu > ul > li a.navattivo {
	color:#222;
	text-decoration:underline;
  }
 
 
  #menu > ul > li > ul { border-top:0px solid #ddd;}
  #menu > ul > li > ul { border-bottom:0px solid #ddd !important;}
 
  
  #cart_mob i{color:#222;}
}