html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

html {
    line-height: 1;
}

/*ol,*/
ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

q,
blockquote {
    quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none;
}

a img {
    border: 0;
}

article,
aside,
details,
figcaption,
figure,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block;
}


a {
    text-decoration: none;
}

body {
    -webkit-font-smoothing: antialiased;
    color: #222;
    font-family: 'Quattrocento', serif;
    margin: 0 auto;
    overflow-x: hidden;
    width: 100%;
    min-width: 320px;
    border-top:20px solid #F5F4F2;
/*    font-size: 20px; */
    line-height: 1.8em;
}

body>header {
    color: #fff;
    text-align: center;
	  border-bottom: 2px solid #F5F4F2;
		
}



body>header a {
/*    border-bottom: 1px dotted;*/
    color: #fff;
    display: inline-block;
    line-height: 1;
}

body>header a:hover {
    border-bottom: 0;
}



/* LOGO */



#logo{
    
    margin-bottom: 15px;

}


/*
body>header h1 {
    font-size: 30px;
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: url(black-pond.jpg) 0 0 no-repeat;
    height: 200px;
    line-height: 1;
    margin-bottom: 10px;
    width: 239px;

}
*/


/* tagline */

body>header p {
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
	  color: #8A918A;
}



body>header .wrapper {
    padding-bottom: 30px;
    padding-top: 10px;
/*    border:1px solid red;*/
/*	  background: grey;*/
}



h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    text-rendering: optimizeLegibility;
}






#offers {
/*
    margin-bottom: 40px;
    border:1px solid red;
*/
}

/* -----------------------------------------colore txt offerta */
#offers .details,
#offers .offers {
    color: #1F3A44;
/*    font-weight: 700;*/
}

#offers .details {
    font-size: 1em;
    
}

#offers .listing {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .15s;
    -moz-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    display: block;
}



#offers .listing.teal strong {
    color: #F45923;
    margin-right: 10px;
}

#offers .listing.teal:hover {
    background-color: #F45E4F;
}

#offers .listing.teal:hover .wrapper {
    border-color: #F45E4F;
}

/*
#offers .listing:hover {
    background: red;
}
*/

#offers .listing:hover .details,
#offers .listing:hover .offers,
#offers .listing:hover strong {
    color: #fff!important;
}

/*
#offers .listing:hover .wrapper {
    border-color: red;
}
*/

#offers .listing:hover .wrapper:before {
    color: #fff;
}

#offers .listing .wrapper {
    border-bottom: 1px solid #eee;
    padding: 20px;
}

#offers .offers {
    font-size: 1.125em;
    font-weight: 400;
    margin-bottom: 1em;
}

#small {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

#small h1 {
    font-size: 2.25em;
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: url(/assets/images/xoffers-tiny.png.pagespeed.ic.CzsvO9dQNy.png) 0 0 no-repeat;
    float: left;
    height: 36px;
    line-height: 1;
    margin: 0 20px;
    width: 100px;
}

#small #post {
    font-size: .875em;
    float: right;
    margin-right: 20px;
}

#small #post a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .15s;
    -moz-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    background: #fff;
    border: 0;
    color: #3d97ab;
    display: inline-block;
    font-style: normal;
    font-weight: 700;
    padding: 11px 20px;
    text-transform: uppercase;
}

#small #post a:hover {
    opacity: .75;
}

#small .wrapper {
    overflow: hidden;
    height: 36px;
    padding-bottom: 15px;
    padding-top: 15px;
}

.wrapper {
    margin: 0 auto;
}


/*footer--------------------------------------------- */


footer.site-footer {
/*  max-width: 1100px;*/
  margin: 0px auto 0px auto;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: rgba(0, 0, 0, 0.3); 
  background-color: #F5F4F2;
  padding: 3% 0 5% 0;

}


  @media only screen and (max-width: 1000px) {
    footer.site-footer {
      margin: 0 auto;
      font-size: 14px;
      line-height: 1.5; 
      padding-bottom: 9%;
      } 

}



  footer.site-footer .footer-logo {
    color: rgba(0, 0, 0, 0.5); }
    footer.site-footer .footer-logo:hover {
      color: #444; }
  footer.site-footer p a {
    font-weight: 600;
    color: rgba(0, 0, 0, 0.5); }
    footer.site-footer p a:hover {
      color: #444; }
  footer.site-footer h2 {
    margin: 0 0 2px 0;
    font-size: 28px; }
  footer.site-footer h3 {
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #000;
    opacity: .3; }

  footer.site-footer ul.icons {
    margin: 8px 0 10px 0; }

    footer.site-footer ul.icons li {
      display: inline;
      margin: 0 5px; }

      footer.site-footer ul.icons li a {
        color:#F07746;
/*        opacity: .3; */

        }

      footer.site-footer ul.icons li a:hover {
        
        opacity: .7; 

        }

        @media only screen and (max-width: 460px) {
          footer.site-footer ul.icons li a img {
            width: 20px; } }


      footer.site-footer ul.icons li a:hover img {
        opacity: .4; }			



/*  -------------------------------------------------- detail page  */


article {
	margin: 3% 25% 50px 25%;
	}


article header h2 {
	margin: 0 0 15px 0;
	font-size: 30px;
	font-weight: normal;
	line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: 0.04em;
   
	}

article header h3 {
	margin: 0 0 15px 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #899089;
    
  
	}

article header h3 del {
  color: rgba(137, 144, 137, 0.49);
    
  
	}

article header h3 span {
  color: #000;
  
	}

article header h4 {
	margin: 0 0 15px 0;
	
    
  
	}

article aside {
	float: left;
	width: 20%;
	margin-left: -25%;
	font-size: 15px;
	line-height: 1.8;
	color: #999;
	}

article aside span{
  text-transform: uppercase;
	color: #b74747;
	}


article p {
	margin: 0 0 20px 0;
	font-size: 18px;
	line-height: 1.8;
	color: #666;
	}

article p a {
    font-weight: 700;
    color: rgba(0, 0, 0, 0.7); 

}


article p a:hover {
      color: #000;

}


article footer a{
	font-size: 18px;
	font-weight: 700;
  color: #F45923;
	}	



article footer a:hover{
	
	color: #999;
	}


@media screen and (max-width: 900px) {
    
    
article {
	margin: 3% 5% 20px 5%;
	}
    
	article aside {
		float: none;
		width: auto;
		margin: 0 0 20px 0;
		line-height: 1.5;
		}
	}



/* full-width photos */
div.photo {
  margin: 30px 0 30px 0; }
  div.photo img {
    display: block;
    max-width: 100%; }
   div.photo p {
    width: auto;
    margin: 10px 18.041237113402% 0 0;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(0, 0, 0, 0.6); }


    @media only screen and (max-width: 800px) {
      div.post div.photo p {
        margin: 10px 20px 0 20px; } }

.MarkupSocialShareButtons{}

.MarkupSocialShareButtons li{display:inline;}

.MarkupSocialShareButtons li img{width: 40px; height: 40px;}



.alert {
    
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #f00;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 4px;
}    

.alert strong, .warning strong {font-weight: bold;}

.alert a {text-decoration: none; color: #222;}

.alert a:hover {text-decoration: underline;}

.warning {
    
    color: #8a6d3b;
    background-color: #fcf8e3;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 4px;
}  


.disponibili{ color:black; }
.prenotate{background: #656d6d; color:#fff; padding:5px;}

.offerteScadenza{font-weight: bold; font-size: 90%;}

.lista{margin-bottom:1%;}
ol {}
ol li{padding:10px 0 10px 10px; border-bottom: 1px solid #e6e4df; list-style-position: inside;}
ol strong{font-weight: 700; margin-left: 2%;}


/* ------------------------------------------------- MEDIA QUERIES -----------------------------------------  */




@media only screen and (min-width:1000px) {
    body>header h1 {
        font-size: 30px;
        background: url(black-pond.jpg) 0 0 no-repeat;
        height: 200px;
        margin-bottom: 15px;
        width: 239px;
    }
    
/*
    body>header p {
        font-size: 29px;
    }
*/
    
    #offers .details,
    #offers .offers {
        padding-right: 4.16667%;
    }
    #offers .details {
        font-size: 1.125em;
    }
    #offers .listing .wrapper {
        padding: 40px 2.08333%;
    }
    #offers .offers {
        font-size: 1.5em;
        margin-bottom: 0.9em;
        line-height: 1.8em;
    }
    #offers .wrapper {
        position: relative;
    }
    #offers .wrapper:before {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        content: attr(data-icon);
        font-family: 'Fon tello';
        font-size: 16px;
        font-weight: normal;
        line-height: 0;
        text-transform: none;
    }
    #offers .wrapper:before {
        color: #ddd;
        font-size: 40px;
        position: absolute;
        right: 0;
        line-height: 100%;
        top: 38%;
    }
    .wrapper {
        width: 960px;
    }
}



@media only screen and (min-width:1366px) {
    body>header .wrapper {
        padding-bottom: 60px;

    }
}



/* ------------------------------------ padloper styles  */


.cart {
    
    background: #ccc;
    padding-top: 2.5em;
    font-weight: bold;
    font-size: .9rem;
    
}

.padloper-cart-add-product{margin-bottom: 2em;}

/* button aggiungi al carrello e button su pagina checkout*/



input[type="submit"], #customerForm {
    background: #7ab55c;
    padding: 10px;
    color: white;
/*    text-transform: uppercase;*/
    border: 0;
    cursor: pointer;
    font-family: sans-serif;
    font-size: 89%;
    border-radius: 3px;
    
    webkit-transition: all 150ms ease;
    transition: all 150ms ease;
    transition-property: all;
    transition-duration: 150ms;
    transition-timing-function: ease;
    transition-delay: 0s;
    font-weight: bold;
    
}


input[type="submit"]:hover, #customerForm:hover {

    background: #6AA74C;

}


#customerForm{margin-top: 15px;}



.button {
    background: #7ab55c;
    padding: 12px 10px;
    color: white;
/*    text-transform: uppercase;*/
    border: 0;
    cursor: pointer;
    font-family: sans-serif;
    font-size: 89%;
    border-radius: 3px;
    webkit-transition: all 150ms ease;
    transition: all 150ms ease;
    transition-property: all;
    transition-duration: 150ms;
    transition-timing-function: ease;
    transition-delay: 0s;
     font-weight: bold;
    
}


.button:hover {

    background: #6AA74C;

}


/* -------------------------------------------------------------    form modifica carrello*/

.padloper-cart, .inventory, .balance {
	width: 100%;
    
}

table.padloper-cart td, .inventory td, .balance td {
    position: relative;
    padding: .8em 0;
/*    border:1px solid red;*/
}


/* larghezza max col articolo */
.padloper-cart .padloper-cart-product{max-width: 11em;}


.padloper-cart tr.singleItem, .inventory tr.singleItem  {
border-top: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
} 


.padloper-cart th, .inventory th{
/*	font-weight: bold;*/
  text-transform: uppercase;
  padding-bottom: 2em;
}



.padloper-cart-qty-and-price input{width:30px;}


.padloper-cart-totalrow {border-bottom:1px solid black;}
.padloper-cart-totalrow td{font-weight: 800;}




.aggiorna {
    background-color: #EEEDED;!important
    display: inline-block;
    font-size: 1.1rem;
    outline: none;
    font-weight: 100;
}



#ppcheckoutbtn{margin-top:15px;}



/* centra tabella per dispositivi mobili  */

@media screen and (max-width:40em) {
    
    
.padloper-cart, .padloper-cart tbody, .padloper-cart tr, .padloper-cart th, .padloper-cart td,
    .inventory, .inventory tbody, .inventory tr, .inventory th, .inventory td  {
		display: block;
		width: 100%;
		max-width: 100%;
		text-align: center !important;
	}
    
    .padloper-cart thead, .inventory thead{
		display: none;
	}
    
	.padloper-cart tr, .inventory tr {
/*		margin: 2em auto;*/
	}
    
		.padloper-cart td, .inventory td {
		margin: .3em auto;
	}
    
    
    
    
}


/* --------------------------------------- form checkout (i miei dati)  */

#padloper-customerform input{
	box-sizing: border-box; 
	display: block;
	width: 100%; 
  padding: 12px;
  border: 1px solid  rgba(145, 136, 103, 0.33);
  font-family: 'Quattrocento', serif;
  font-size: 15px;
  
  
}




#padloper-customerform .Inputfield{
margin-bottom: 20px;
  
  
}

.customer{padding-bottom: 50px;}



/* --------------------------------------- cart icon  */

#cart {
  
    right: 0;
    background-image: url(../img/cart.png);
    background-size: auto 2em;
    background-position: 50% 0;
    background-repeat: no-repeat;
    padding-top: 2.5em;
    cursor: pointer;
    margin: 2em;
    z-index: 6000;
    position: fixed;
    top: 0;
}


.cart-title{
    
    font-weight: normal;
    text-transform: uppercase;
    font-size: .7rem;
    color: #222;
    padding-top: 0;
    
}

@media screen and (max-width:40em) {
    
    
#cart {
  
    right: 0;
    background-image: url(../img/cart.png);
    background-size: auto 2em;
    background-position: 50% 0;
    background-repeat: no-repeat;
    padding-top: 2.5em;
    cursor: pointer;
    margin: 2em 0 1em 0;
    z-index: 6000;
    position: static;
    top: -20;
}


#cart .cart-title{
    
    font-weight: normal;
    text-transform: uppercase;
    font-size: .7rem;
    color: #222;
    padding-top: 0px;

    
}
    
    
    
    
}

.emptyCart{ margin-bottom: 3em;}

.InputfieldError{font-size:90%; color: #f45e5e; margin: 0; padding:0;}

.padloper-editcart{margin-bottom: 30px;}



/* non fa comparire la duplicazione della scritta "acconsento al trattamento..."

nel form http://offerte.marcoangeli.net/checkout/

*/

.InputfieldHeaderHidden{display:none;}

#padloper-customerform .FieldtypeCheckbox{

/*	display: block;*/
	width: 30px; 
  padding: 0px;
  border:1px solid red;

  
}

.sconto{color:#6AA74C;}


.evidenza{
    font-size: 14px;
    font-weight: bold;
    background-color: #d8ff00;
    padding: 5px;
    color:#000;
    
    
    
    
    
}