@import url('https://fonts.googleapis.com/css?family=Lato:400,700');


/* COMMON */
*, 
*:before, 
*:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,
body {
  color: #2a3139;
  font-family: lato;
  font-size: 14px;
  background: white!important;
  font-weight: 400;
}

.rn_Body {
  margin: 0 auto;
  width: 930px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* HEADER */
h1:first-child:not(.alertnotmobile) {
  padding: 15px 15px 15px 50px!important;
  margin-left: 200px!important;
  width:  60%!important;
  color: #2a3139!important;
  font-size: 14px!important;
  border-style: none!important;
  background: url(alert.png) no-repeat 15px center #feebb9!important;
  margin-top: 15px!important;
  line-height: normal;
  font-weight: 400;
}
.alertnotmobile {
  padding: 5px 5px 5px 50px!important;
  margin-left: 80px!important;
  width:  75%!important;
  color: #2a3139!important;
  font-size: 14px!important;
  border-style: none!important;
  background: url(alert.png) no-repeat 15px center #feebb9!important;
  margin-top: 15px!important;
  line-height: normal;
  font-weight: 400;
  text-overflow: ellipsis;
  display: none;  
}
h1 br{display:none}
h1+h1 {
  padding: 0!important;
  text-align: center!important;
  margin: 15px 0!important;
  font-size: 24px!important;
  line-height: normal!important;
  font-weight: 700!important;
  margin-left: 50px!important;
}
#srchfld {
  height: 46px;
  border-radius: 5px;
  border: 2px solid #fcbd18;
  padding: 15px;
  width: calc(100% - 50px);
  max-width: 640px;
  margin: 0 auto 30px;
  display: block;
  position: relative;
  left: 25px;
  font-size: 16px;
  display:block;
  background: url(https://cdn4.iconfinder.com/data/icons/font-awesome-2/2048/f002-24.png) no-repeat 570px #fff;
  cursor: pointer;
}
#srchfld+h3 {
  text-align: center;
  margin-left: -400px;
  font-weight: 400;
  margin-bottom: 10px;
}

/* TAB */
input[type=radio]{
	display: none
}

label.fa {
  display: block;
  font-weight: 400;
  text-align: center;
  background-color: white!important;
  background-repeat: no-repeat;
  background-position: center 30px;
  width: calc(25% - 10.5px);
  position: relative;
  z-index: 99;
  height: 140px;
  float: left;
  line-height: 180px;
  border: 1px solid #ddd;
  margin: 0 7px 15px;
  top: 2px;
  box-shadow: 0px 4px 7px -3px rgba(0,0,0,0.2);
  cursor: pointer;
  filter: grayscale(100);
  opacity: 0.4;
}

input:checked + label{
  filter: none;
  opacity: 1;
}


label.fa[for=tab1]{margin-left:0;background-image: url(head.png) !important;}
label.fa[for=tab2]{background-image: url(cart.png)!important;}
label.fa[for=tab3]{background-image: url(tir.png)!important;}
label.fa[for=tab4]{margin-right:0;background-image: url(paper.png)!important;}

label.fa br {display: none;}
label.fa span {font-size: 17px!important;text-transform: uppercase}
input:checked + label.fa {
  color: #006fde;
  border-top: 2px solid #fcbd18;
  border-left: 2px solid #fcbd18;
  border-right: 2px solid #fcbd18;
  border-bottom: 0;
  position: relative;
  bottom: -2px;
  margin-bottom: 0;
  height: 155px;
  top: auto;
  box-shadow: none;
  cursor: default;
}
//#mostpublished {background: #e9eaeb!important;}
section {
  border: 2px solid #fcbd18;
  clear: both;
  display: none;
  margin-bottom: 20px;
}
section div:first-child {
  background-color: transparent!important;
  margin-left: 0!important;
  white-space: normal!important;
}

section label, 
.inonerow,
[for^="labelnew"],
div > [for^="tab"]{
  cursor: pointer;
  height: 31px;
  display: inline-block;
  line-height: 31px;
  padding: 0 10px;
  border-radius: 3px;
  font-weight: 400;
  font-size: 15px;
  margin: 15px 7px;
}

section input:checked + [for="labelnewf"] {
  background: #006fde!important;
  color: white!important;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
  display: block;
}
#content5,#content6,#showanswer,#acqeprice,#pickpaylocker,#showlocker,#showonlypickpay,#metodiconsegna,#pagamentofattura,#ritirousato,#carteregalo,#showconsegna,#showsegui,#showresidanni,#showfatture,#content1new {
	display:none;
  border: 2px solid #fcbd18;
  clear: both;
  margin-bottom: 20px;
}
#showgaranzie,#content1less,#ricercadomandemore,#ricercadomandeless,#content2new,#content2less,#content3more,#content3less,#content4more,#content4less,#content5more,#content5less,#content6more,#content6less,#acqepricemore,#acqepriceless,#pickpaylockermore,#pickpaylockerless {
	display: none;
  border: 2px solid #fcbd18;
  clear: both;
  margin-bottom: 20px;
}
#metodiconsegnamore,#metodiconsegnaless,#pagamentofatturamore,#pagamentofatturaless,#ritirousatomore,#ritirousatoless,#carteregalomore,#carteregaloless{
  display:none;
  border: 2px solid #fcbd18;
  clear: both;
  margin-bottom: 20px;

}
#showconsegnamore,#showconsegnaless,#showseguimore,#showseguiless,#showresidannimore,#showresidanniless,#showfatturemore,#showfattureless,#showgaranziemore,#showgaranzieless,#showgaranzieplus{
   display:none;
   border: 2px solid #fcbd18;
   clear: both;
   margin-bottom: 20px;
}
#showdannogaranzieplus,#showonlypickpaymore,#showonlypickpayless,#showlockermore,#showlockerless,#showgaranzieplusmore,#showgaranzieplusless,#showdannogaranzieplusmore,#showdannogaranzieplusless{
   display:none;
   border: 2px solid #fcbd18;
   clear: both;
   margin-bottom: 20px;
}
#showresidannicat1,#showresidannicat2,#showconsegnacat1,#showconsegnacat2,#showconsegnacat3,#showconsegnacat4,#showconsegnacat5,#showconsegnacat6,#showresidannicat1more,#showresidannicat1less,#showresidannicat2more,#showresidannicat2less{
  display:none;
  border: 2px solid #fcbd18;
  clear: both;
  margin-bottom: 20px;
}
#showconsegnacat1more,#showconsegnacat1less,#showconsegnacat2more,#showconsegnacat2less,#showconsegnacat3more,#showconsegnacat3less,#showconsegnacat4more,#showconsegnacat4less,#showconsegnacat5more,#showconsegnacat5less,#showconsegnacat6more,#showconsegnacat6less,#showresidannicat1,#showresidannicat2more,#showconsegnacat1,#showconsegnacat2,#showconsegnacat3,#showconsegnacat4,#showconsegnacat5,#venditoriterzi,#venditoriterzimore,#venditoriterziless{
  display:none;
  border: 2px solid #fcbd18;
  clear: both;
  margin-bottom: 20px;
}
/*#displayallresults{
  display:none;
  border: 2px solid #fcbd18;
  clear: both;
  margin-bottom: 20px;	
}*/

.rn_Container {
  width: 100%!important
}
.rn_Container > span {
  width: calc(100% - 60px)!important;
  border: 1px solid rgba(42,49,57,0.25)!important;
  box-shadow: 0px 4px 7px -3px rgba(42,49,57,0.25)!important;
  margin-bottom: 10px!important;
  border-radius: 0!important;
  margin-left: 30px!important;
  margin-right: 30px!important;
}
.rn_Container > br {
  display: none;
}
.rn_Container > span * {
  font-size: 14px;
  margin-left:0!important;
  text-align: left;
}

input[type="submit"], 
button {
  background: #006fde;
  color: white;
  border: 0;
  text-transform: uppercase;
  text-shadow: none;
  padding: 0 15px;
  height: 21px;
  line-height: 21px;
  font-weight: 400;
  font-size: 14px;
  font-family: lato;
  box-shadow: none;
  width: 50px;
  border-radius: 4px;
  text-align: center!important;
}

#read_more {
  display: block;
  background: #ffffff;
  text-transform: uppercase;
  color: #006fde;
  text-decoration: none;
  text-align: center;
  padding: 10px 0;
}
#read_more + br {display:none}

#left{
  float: left;
  width: 60%;
  overflow: hidden;
}
#right{
  float: right;
  overflow: hidden;
  width: 40%;
  display: block;
}
#left1{
  float: left;
  width: 47px;
  height: 65px;
  overflow: hidden;
  margin-right: 20px;
}
#right1{
  float: left;
  width: 60%;
  text-align: left;
  overflow: hidden;
  font-size: 13px;
}
#sides2{
	margin: 0;
	margin-left: 1px;
        margin-top: 17px;
}
#left2{
  float: left;
  margin-right: 20px;
}
#right2{
  float: left;
}   
#right2 .button1 {
  height: 41px;
  padding: 0 30px;
  margin-top: 10px;
  width: auto;
}

.fa-phone {
  background: url(tel.png) no-repeat center center;
  width: 47px;
  height: 47px;
  display: inline-block;
  margin-top: 0!important;
}
.fa-envelope-o{
  background: url(email.png) no-repeat center center;
  width: 47px;
  height: 47px;
  display: inline-block;
  margin-top: 0!important;
}

#ricercadomande, #ricercadomandemore, #ricercadomandeless,#displayallresults {
  clear: both;
  margin: 0!important;
  width: 100%!important;
  padding: 0!important;
}
#ricercadomande h2, #ricercadomandemore h2, #ricercadomandeless h2 {
  margin-top: 30px;
  padding: 15px;
  text-align: center;
}
#ricercadomande h2 label, #ricercadomandemore h2 label, #ricercadomandeless h2 label{
  padding: 0!important;
  margin: 0!important;
}

hr:first-child {  margin-top: 10px;
  border-top: 1px solid #ccc;
  background: transparent;
  height: 1px;}
.alertnot{
display:none ;}


.box1{
    padding:0;
    margin:0;
    width:30em;
    max-width:30em;
    display:inline-block;

}

@media only screen and (max-device-width: 800px) {
	body, .menu, #footer {max-width:none;}
	.rn_Body{width: 100%;padding: 10px;}
	h1:first-child {margin-top:0!important}
	#srchfld+h3 label {display:block}
	button.button {width:30px; height:auto !important; line-height:normal !important; padding:5px !important; color:#fff;}
	label.fa {display: block; height: 80px; line-height: 115px; width: calc(50% - 5px); background-position: center 10px; margin: 0px!important; box-shadow: none;}
	label.fa[for=tab1], label.fa[for=tab3]{margin-right:5px!important}
	label.fa[for=tab2], label.fa[for=tab4]{margin-left:5px!important}
	label.fa[for="tab4"] {font-size:13px !important}
	label.fa:nth-child(even){margin-bottom: 10px!important;}
	input:checked + label.fa{  border: 2px solid #fcbd18;height: 80px;line-height: 115px;}
	.rn_Container > span {width: calc(100% - 20px)!important;margin-left: 10px!important;margin-right: 10px!important;}
	#left{margin-bottom: 15px}
	#left, #right {width:100%}
	#right1,#right2{width: calc(100% - 67px)}
	section label, .inonerow, [for="labelnewf"],
	[for^="labelnew"], .inonerow[for^="tab"], label[for="tab5"], label[for="tab6"] {margin:7px; padding:6px; font-size: 15px !important; display: inline-block; width: 44%; vertical-align: top; height: auto !important; line-height: normal !important;}
	.inonerow[for^="labelnewpickpay"], #labelnewlocker, .inonerow[for="labelnewlockergj"], .inonerow[for^="labelnewgaranziacat"], .inonerow[for^="garanziacat"], .inonerow[for^="residannicat"],
	.inonerow[for^="consegnacat"] {width:auto; vertical-align:middle;}
	main > section > *:first-child,
	main > div > *:first-child {white-space:normal !important}
	footer a, 
	footer h4.tit {color:#FFF !important;}
}