@charset "UTF-8";

html, body { /*margin:0; padding: 0;*/height: 100%; /* The html and body elements cannot have any padding or margin. */ } 
html { -webkit-font-smoothing: antialiased; }
body { background-color:#FFFFFF !important; }
* {   /*border:1px solid #666;*/  } 
p, h1, h2, h3, h4, h5, h6, td, a, label,address, input, select, button, div  { 
font-family: 'Montserrat', sans-serif !important;  font-weight:300; /*  border:1px solid #666; */ } 
/*.purechat-thumbs { font-family: Arial, Helvetica, sans-serif !important; }*/

h1 { font-weight:400 !important; line-height:50px; font-size:40px }
p { font-size: 20px; font-weight:300; }
div.row { background:none !important; }
div.row > div.container > div.span12 { background:none !important; }
div.row > div.span12 { background:none !important; }
div.container > div.span12 { background:none !important; }
div.top { /*background-color:#2C3E50 !important; */ }
div.top.StarWars { background-image:url('https://www.energieperlacitta.com/SocietaTrasparente/images/sfondo_starw.png') !important; background-repeat:repeat-x !important; background-position: top !important; }

.RowProdottoCarrello h4 { font-weight:bold; }
.RowProdottoCarrello h4 a { font-weight:lighter; }

div.top > .container { padding-top:15px; padding-bottom:15px;  }
  
.row.search { background-color:#34495E !important; }
.row.search label { font-size:18px !important; color:#ECF0F1 !important; }
.row.search select, .row.search .btn-group label { /*height:46px;*/ font-size:18px !important; color:#fff !important;  }


.footer { background-color: #2C3E50; color:#677786 !important;  }
.footer h4 { color:#FFF !important;  }
.footer a { color:#FFF; text-decoration:none !important;  }
.footer a:hover { color:#FFF !important; text-decoration:none !important;  }
.footer > .container { min-height: 270px;  }
.row.credits {  background-color:#34495E !important; font-size:13px !important; color:#999999 !important; padding-top:10px; padding-bottom:10px; }
.row.credits a {  color:#999999 !important; }

.footer ul, .footer ul li, .footer li {  list-style:none; }

#pre_footer > .container { min-height: 100px;  }
#pre_footer { background-color: #677786; min-height: 270px; padding-top:40px; }


/* menu */ 
.f_home_category { background-color:#1da438; text-align: left;  zoom:1.06 }
.f_home_category ul a { font-size: 21px; display: inline-block; border-left: 1px #54772b dotted; height:73px; padding-left: 23px; padding-right: 23px; vertical-align: middle; line-height: 73px; cursor:pointer !important; margin:0px; }
.f_home_category ul a:last-child { border-right: 1px #54772b dotted;  }
.f_home_category * { color: #fff; }
.f_home_category ul { padding:0px; margin-bottom: 0px !important; display: inline-block;  }
/* <-- md */
@media (max-width: 993px){ 
	div.f_home_category { zoom: 0.65 !important; }
}
/* md */
@media screen and (min-width: 993px) and (max-width: 1200px){ 
	div.f_home_category { zoom: 0.88 !important; }
}
/* lg */
@media (min-width: 1200px){ 
}
.f_home_category ul a.selected  { background-color:#54772b; }
.f_home_category ul a:hover, .f_home_category ul a:hover span  { color:#fff !important; background-color:#54772b !important; text-decoration: none; }




/* Sticky footer styles  */
html, body {  height: 100%;  /* The html and body elements cannot have any padding or margin. */ }
/* Wrapper for page content to push down footer */
#wrap {  min-height: 100%; height: auto !important; height: 100%; /* Negative indent footer by its height */ margin: 0 auto -320px; /* Pad bottom by footer height */ padding: 0 0 320px; }
/* Set the fixed height of the footer here */
#footer { min-height: 320px; padding-top:20px; }
@media (max-width: 767px) { #footer {	margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px;  } }
/* questo del padding sembra essere necessario se si usa bootstrap3 */
#wrap, #footer { padding-left: 15px;padding-right: 15px; }

/* ///////CORREZIONI///////// */
/*.navbar-inverse .nav > li:first-child.active > a { padding-left: 22px; } FLAT UI MENU CORRECTION */
.form-control, .input-lg, .input-md, .input-sm, .input-xs  { border-radius: 0px !important; }
.owl-theme .owl-controls .owl-page span { background: #FFFFFF !important; }	
.btn-neww { background-color: #27969c !important; border-color: #27969c !important; color:#fff; }
.btn { border-radius: 0px !important;  }

.btn-info { background-color: #FFF !important; border-color: #54772b !important; color:#54772b !important; }
.btn-info:hover { background-color: #54772b !important; border-color: #54772b !important; color:#fff !important; }
	
.modal-content { border-radius: 0px !important; }
.list-group-item:first-child { border-top-right-radius: 0px; border-top-left-radius: 0px }
.list-group-item:last-child { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px }
	
.panel { border-radius: 0px; }
.panel-heading { border-top-right-radius: 0px; border-top-left-radius: 0px }
div#cookiesdirective { opacity: 0.6; padding-bottom: 10px }
	.formRicerca { padding-right: 5px; }
.navbar-form { border:0px; }

.ReadOnlyText { padding:6px; display:block; font: oblique 14px/18px Arial; /*width:92%;*/ height:90px; overflow:auto; background-color:#fff; border: 1px solid #EBEBEB; margin-top:8px; margin-bottom:10px; color:#999; }
label { margin-top:12px !important; }
.navbar-inverse { border:0px; }	 
.template_TOP.row { padding:0px; margin:0px; width:100%; }
.template_MIDDLE.row { padding:0px; margin:0px; width:100%;  }
.template_MIDDLE.row, .template_MIDDLE.row .container,.template_MIDDLE.row .container div { min-height:0px;  }
.template_BOTTOM.row { padding:0px; margin:0px; width:100%;  }

	.spaced { margin-bottom: 200px;}
	.justify * { text-align:justify !important; }


/* in template_MIDDLE le due colonne hanno uno sfondo bianco di larghezza fissa  */
.template_MIDDLE.row > .container { background-color:#FFF !important; }
/* in template_BOTTOM la colonna non ha sfondo ma ciò che è suo interno prende uno sfondo bianco */
.template_BOTTOM.row > .row > .container { background-color:#FFF !important; }
/* Consento a un row di avere un differente colore di sfondo e sbordare al vivo classe = plus */
.row.plus, .template_BOTTOM.row > .row.plus > .container { background-color: #1da438 !important;  }
.row.black, .template_BOTTOM.row > .row.black > .container { background-color: #212121 !important;   }
.row.blue, .template_BOTTOM.row > .row.blue > .container { background-color: #ba3c35 !important;   }
.row.blue2, .template_BOTTOM.row > .row.blue2 > .container { background-color: #1da438 !important; color:#fff; }
.row.red, .template_BOTTOM.row > .row.red > .container { background-color: #ED0003 !important;   }
.row.yellow, .template_BOTTOM.row > .row.yellow > .container { background-color: #E4D500 !important;   }
.row.lightgrey, .template_BOTTOM.row > .row.lightgrey > .container { background-color: #ECF0F1 !important;   }

.row.grigio, .template_BOTTOM.row > .row.grigio > .container { background-color: #ECF0F1 !important;  background-image:url('https://www.energieperlacitta.com/SocietaTrasparente/images/sfumato_bianco_trasp.png') !important; background-repeat:repeat-x !important; background-position: bottom !important;  }
.row.grigio h1, .row.grigio h2, .template_BOTTOM.row > .row.grigio > .container h1, .template_BOTTOM.row > .row.grigio > .container h2 { color: #000 !important;  }

.row.promo1, .template_BOTTOM.row > .row.promo1 > .container { background-color: #000000 !important;  background-image:url('https://www.energieperlacitta.com/SocietaTrasparente/images/sfumato_bianco_trasp.png') !important; background-repeat:repeat-x !important; background-position: bottom !important;  }
.row.promo1 * { color: #FFF;  }

.row.plus select, .row.plus .btn-group label { /*height:46px; */ font-size:18px !important; color:#34495E !important; }
/* Consento a un row di avere un differente colore di sfondo e sbordare al vivo classe = plus */
.row.blocchiRegistrazione { margin-bottom:20px; }
#messaggi { display:none; margin-top:0px; margin-bottom:0px; font-size: 20px; color:#27AE60; }
/* select { background-color:#32b5b6 !important; } */
.tooltip.bottom .tooltip-arrow {  border-bottom-color: #000000; }
.tooltip-inner { background-color: #000000; font-size: 14px; }
#SearchStart  { margin-bottom:0px; margin-top:15px; }
/* #SearchStart ul.nav-tabs > li:first-child { margin-left: 30px } */
#SearchStart label {  font-size:15px; color:#fff; /*font-weight:200;*/  margin-top:0px !important; white-space:nowrap; } 
#SearchStart .row > div { margin-top:10px !important;  }
.pagination { margin:0px !important; }
#Risultati { margin-bottom:45px; }
.owl-carousel { width:auto !important; } /* altrimenti il row teaser non coprirà la larghezza */
.BarraNavigazione { margin-top:40px; margin-bottom:0px !important; }
/* <--- sm */
@media (max-width: 992px){ 
	.BarraNavigazione { margin-top:10px; }
}
.BarraNavigazione * { text-transform: uppercase; color:#1da438 !important; font-weight: 700; font-size: 18px; }
/* piccolo aggiust nei metodi di pagamento */
#checkout_fase3 li.list-group-item { padding: 10px 35px !important; }

/* ******************************** */
/* IMPAGINAZIONE GENERALE  */
/* ******************************** */
#loading { height:31px; width:100%; background-image:url('https://www.energieperlacitta.com/SocietaTrasparente/images/loader.gif');background-repeat:no-repeat; background-position:50% 50%;  }
table tr td { vertical-align:top; }

/* CLASSE SLOT */
#slot { border:0px; margin-bottom:35px; padding-bottom:5px;  } 

/* ARTICOLI */
.ArticoloRow { margin-bottom: 20px; cursor:pointer; }
.ArticoloRow *, .ArticoloDettaglio * { text-align: left; }
.ArticoloDettaglio table { width: 100% !important; }
.ArticoloDettaglio p, .sottotitolo { font-size:16px !important; }
.ArticoloDettaglio table * { font-family: Arial, Helvetica !important; font-size:13px !important; }
.ArticoloDettaglio table * strong { font-family: 'Montserrat', sans-serif !important; font-size:16px !important; }
.ArticoloDettaglio table td { padding: 8px; border-right: 1px solid #DBDBDB;   }
.ArticoloDettaglio table td, .ArticoloDettaglio table tr { width: auto !important; height: auto !important; }
.ArticoloDettaglio table tr:nth-child(even) {background: #FAFAFA}
.ArticoloDettaglio table tr:nth-child(odd) {background: #FFF}		.ArticoloDettaglio a { text-decoration: underline; color:blue; }

.articolo_img { border:1px solid #fff; height: 230px; width: 100%; background-position: center; background-size: cover; background-color: #CCCCCC; }
.sottotitolo { font-size:22px; font-style: italic }
.ArticoloRow h2 { margin-top: 0px; }
.ArticoloRow:hover h2 { color:#1da438; }
.ArticoloRow:hover .articolo_img { border:1px solid #1da438; }
	
/* PRENOTAZIONI */
	.Prenotazioni * { text-align: left; }
	.Prenotazioni.disabled .panel-title { color:#CCCCCC;  }
	.Prenotazioni.disabled span.label, .Prenotazioni.disabled a.label { background-color:#CCCCCC !important; }
	
	
/* calendario */
	.Mesi a { font-weight: bold; }
h1.TeaserHead { font-weight:400; font-style: italic;   }

a.hometeaser_button { font-weight:700 !important;  }

/* da xxs in giù */
@media (max-width: 499px){ 
/*div#TastieraCategorieRicerca a { font-size:13px !important; } a.hometeaser_button*/
}
/* da xxs in su */
@media (min-width: 500px){ 
}


.LogoTop { /*margin-bottom:15px;*/  }
.LogoTop a img { text-align:left; margin-bottom:10px; }
/* <--- xs */
@media (max-width: 767px){ 
/* NON VA CAUSA img-responsive .------- .LogoTop, .LogoTop a, .LogoTop a img { text-align:center !important; } */
h1.TeaserHead { font-size:28px; line-height:28px; margin-top: 50px;   }
}
/* sm */
@media screen and (min-width: 768px) and (max-width: 992px){ 
h1.TeaserHead { font-size:30px; line-height:50px; margin-top: 100px;  }
.LogoTop a img { max-width: 180px; }
.navbar-nav { zoom: 0.58 }
}
/* md */
@media screen and (min-width: 993px) and (max-width: 1200px){ 
h1.TeaserHead { font-size:43px; line-height:50px;  }
.navbar-left {  float: right !important; } 
ul.nav.navbar-nav { zoom: 0.86 }
.LogoTop { margin-top:25px; }
}
/* lg --->*/
@media (min-width: 1201px){ 
h1.TeaserHead { font-size:50px; line-height:65px;  }
.EtichettaBig { zoom:55%; }	
}


/* sm */
@media (min-width: 768px){ 
}
/* md */
@media (min-width: 992px){ 
}
/* lg */
@media (min-width: 1200px){ 
}








.RigaTop { font-size:14px; margin-top:10px; border-bottom:1px solid #677786; padding-top:4px; padding-bottom:7px; }
.RigaTop div div.Dx {  text-align:right;   }
.RigaTop div div.Sx {  text-align:left;  }
.RigaTop div div span {  color:#677786;  }
.RigaTop * a {  color:#677786 !important; text-decoration: underline   }
/* <--- xs */
@media (max-width: 767px){ 
  .RigaTop div div.Dx,.RigaTop div div.Sx {  text-align:center !important;  }
}





/* <--- xs */
@media (max-width: 767px){ 

}
/* sm */
@media screen and (min-width: 768px) and (max-width: 992px){ 

}
/* md */
@media screen and (min-width: 993px) and (max-width: 1200px){ 
}
/* lg --->*/
@media (min-width: 1201px){ 
}

.alert-info a, .alert-info strong { text-align: center !important; }







/* da qui istruzioni css visibili da tinyeditor cms */