/******************************************************
	Media Query
******************************************************/
@media screen and (min-width: 1025px) {
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
}
@media screen and (min-width: 768px) and (max-width: 991px) {
}
@media screen and (min-width: 481px) and (max-width: 767px) {
}
@media screen and (min-width: 321px) and (max-width: 480px) {
}
@media screen and (max-width: 320px) {
}

body {
	width: 100%;
	margin: 0px;
	/* border: 5px solid white; */
	text-align: center;
	background-color: white;
	background-image: url(/exebosco/template/fondoshop.png);
	background-repeat: no-repeat;
	background-size: 100% 15em;
	font-family: trebuchet verdana, "Lucida Sans", arial;
}

div#loading {
	width: 200px;
	height: 80px;
	background-color: #eeeeee;
	border-radius: 30px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -45px;					/* la metà di height */
	margin-left: -110px;				/* la metà di width */
	padding-top: 5px;
	text-align: center;
	z-index: 10;
}

/* VARIE GENERALI ****************************************/
/* GENERAL fonts */
P, OL, UL, DIV, H3, TD {
    font:12px trebuchet verdana "Lucida Sans" arial;
    font-size: 1em;
}
/*
H1 { font-size: 1em; }
H2 { font-size: 0.8em; }
P, H1, H2 {margin: 0px 0px 5px 0px;}
*/

table {border-collapse: collapse;}

a {
    color: #0050ff;
	text-decoration: none;
}

tr.rigapari, div.rigapari {
    /* background-color: #e2ded3;		/* grigio chiaro */
    background-color: #f0f0f0;			/* grigio chiaro */
}

tr.listapari, div.listapari {
    background-color: #f0f0f0;			/* grigio chiaro */
}

.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
.align-left {
    text-align: left;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.rosso {
    color: #ea150a;                         /* rosso ok */
}
.row {
	/*
	border: 1px solid red;
	*/
}

.MsgInfo {
	text-align: center;
	color: #D20806;							/* rosso boscomar vivo */
	border: 1px solid #888888;
	border-radius: 10px;
	box-shadow: 3px 3px 3px #6f6f6f;		/* #dedede; */
	margin: 1.5em auto;
	padding: 1em;
}


/* BOOTSTRAP 5 COLONNE ***********************************/
/* classi aggiunte per gestire griglie da 5 colonne      */
/* vedi classe ClsGrid()                                 */

.col-xs-5r,
.col-sm-5r,
.col-md-5r,
.col-lg-5r {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5r {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5r {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5r {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5r {
        width: 20%;
        float: left;
    }
}

/* INTESTAZIONE PAGINA ***********************************/
img#logo{
	/*width: 100%;*/
	height: 17em;
}

img#colosseo{
	max-width: 100%;
	max-height: 100%;
}
img#eshop{
	max-width: 100%;
	max-height: 17em;
}
div#header_1 {
	height: 15em;
}
div#header_2 {
	height: 15em;
}
div#header_3 {
	height: 15em;
}
div#tr_h1 {
	border-bottom: 2px solid #781E19;
	margin-bottom: 0.5em;
}

/* COLONNA MENU ******************************************/
/* correzione stile navbar *******************************/
.navbar {
	border: none;
}
.navbar-default {
	/*
	color: #b0b0b2;
	html > body > div#mainbody.container > div.row > div#menu_menu.col-xs-10.align-center > nav.navbar.navbar-default > div.container-fluid > div.navbar-header
	html > body > div#mainbody.container > div.row > div#menu_menu.col-xs-10.align-center > nav.navbar.navbar-default > div.container-fluid > div.navbar-header > button.navbar-toggle.collapsed
	*/
	background-color: white;
	border: none;
	margin: 0;
}

/*
div#riga_menu {
	border-bottom: 1px solid #e6e6e6;		/* grigio chiaro
    margin-bottom: 2em;
}
*/
div#menu_1 {
	/* height: 100px; */
}
div#menu_1 ul {
	width: default;
}
/*
div#menu_1 ul li a {
	border-right: 1px solid #D20806;
}
*/
div.navbar-header {
	text-align: left;
}
div.navbar-nav {
	height: 30px;
}

/* Media Query */
@media screen and (min-width: 1025px) {
	div#menu_menu span.menu1-bar {
		display: initial;
		color: #D20806;						/* rosso boscomar vivo */
	}
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
	div#menu_menu span.menu1-bar {
		display: initial;
		color: #D20806;						/* rosso boscomar vivo */
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	div#menu_menu span.menu1-bar {
		display: initial;
		color: #D20806;						/* rosso boscomar vivo */
	}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
	div#menu_menu {
		font-size: 1.5em;
	}
	div#menu_menu li {
		padding-top: 1em;
		/*padding-bottom: 1em;*/
	}
	div#menu_menu span.menu1-bar {
		display: none;
	}
}
@media screen and (min-width: 321px) and (max-width: 480px) {
	div#menu_menu {
		font-size: 1.5em;
	}
	div#menu_menu li {
		padding-top: 1em;
		/*padding-bottom: 1em;*/
	}
	div#menu_menu span.menu1-bar {
		display: none;
		/*color: white;						/* non si vede */
	}
}
@media screen and (max-width: 320px) {
	
	div#menu_menu {
		font-size: 1.5em;
	}
	div#menu_menu li {
		padding-top: 1em;
		/*padding-bottom: 1em;*/
	}
	div#menu_menu span.menu1-bar {
		display: none;
		/*color: white;						/* non si vede */
	}
}

span.menu1-bar {
	padding: 0 5;
}
div#menu_menu li.menu_norm a {
    color: #666666;						/* grigio scuro */
	text-decoration: none;	
}
div#menu_menu li.menu_act a {
	color: #D20806;						/* rosso boscomar vivo */
	text-decoration: none;
}
li.menu_norm a, li.menu_act a{
	padding: 10px 15px 0px 15px;
}
div#menu_band {
	text-align: left;
	/*
	padding-right: 3em;
	*/
}

/******************************************************/
/* CAROUSEL  ******************************************/

div#slide_0 {
	border-top: 2px solid #781E19;
}
div#slide_1 {
	height: 30em;
	/* margin-top: 2em; */
	margin-bottom: 2em;
}
div.carousel-caption h2 {
	font-size: 4em;
}

header.carousel {
    height: 100%;
	/*z-index: -2;*/
}

div.carousel-inner img {
	width: 100%;
	max-width: 100%;
	height: 100%;
}

.fill {
    width: 100%;
    height: 30em; /* o l'altezza che vuoi dare alle slide */
    background-position: center;
    background-size: cover;  /* per adattare l'immagine */
}

/* SIDEBAR  ***********************************************/
div#sidebar{
	border-top: 1px solid #e6e6e6;		/* grigio chiaro */
	padding-top: 1em;
	/*
	vertical-align: top;
	*/
}
div#tb_funzioni {
	/*
    width: 100%;
    margin-bottom: 25px;
	*/
}

div#tb_funzioni a div.selected {
    background-color: #e2ded3;			/* grigio */
}

div#tb_funzioni div.unselected {
}

div#tb_funzioni div#selected a {
    font-weight:bold;
    font-size: 1em;
    color: #020202;
    /* width: 100%; */
    height: 100%;
}
div#tb_funzioni div.unselected span {
    color: #020202;
    font-weight:bold;
    font-size: 1em;
}

div#grid_left div#tb_funzioni div.tasto_fun {
	float: left;
	max-width: 200px;
	height: 5em;
	margin-right: 1em;
	font-size: 0.9em;
}

div#tb_funzioni div.tasto_fun {
    color: #6f6f6f;							/* grgio chiaro */
	/*
    width: 188px;
    height: 25px;
	margin-left: 20;
	*/
    padding-top: 1em;
    padding-bottom: 1em;
	width: 100%;
	border: 1px solid #6f6f6f;
	background-color: #eeeeee;
	border-radius: 10px;
	margin-bottom: 10px;
}
div#tb_funzioni div.tasto_fun a.login:hOver {
	color: #D20806;						/* rosso boscomar vivo */
}

div#tb_funzioni div#carrello {
    background-color: #f5e394;
	border: 1px solid #ce3a3a;
}
div#tb_funzioni div.unselected:hOver {
    background-color: #e2ded3;
}
div#tb_funzioni div a {
    color: #6f6f6f;
    text-decoration: none;
}
div#tb_funzioni a {
    text-decoration: none;
}

/* griglia famiglie ****************************/

.cGrid_header {
	text-align: center;
	color: white;
	background-color: #B40500;			/* background boscomar */
	height: 30px;						/* lasciare in pixel per uniformità */

}
.cGrid_header h1{
	font-size: 1.5em;
    font-weight: bold;
	padding-top: 0.2em;
	margin-top: 0em;
	margin-bottom: 0em;
}

div#cGrid_Famiglie .grid_cell a {
	text-decoration: none;
	color: #D20806;						/* rosso boscomar vivo */
	font-size: 18px;
}
div#cGrid_Famiglie .grid_cell a p {
    padding-top: 0.8em;
    /* font-weight:bold; */
}
div#cGrid_Famiglie .grid_cell a p.img_sfam {
	height: 15em;
}

/* Zoom on hover - immagini della griglia */
div#cGrid_Famiglie .grid_cell a p img {
	width: 100%;
	max-width: 100%;
	max-height: 15em;
	transition: all .2s ease-in-out;
}
div#cGrid_Famiglie .grid_cell a p img:hover {
	transform: scale(1.05);
}

div#fam_testo {
	padding-top: 10px;
	/* color: #666666; */
	color: #D20806;						/* rosso boscomar vivo */
	text-align: center;
}

div#fam_testo h1 {
	font-size: 2em;
}
div#fam_testo p {
	text-align: justify;
}

/* elenco famiglie ****************************/

div#elenco_famiglie .cGrid_body {
	padding-top: 1em;
	padding-bottom: 1em;
}
div#elenco_famiglie .grid_cell {
	text-align: left;
}
div#elenco_famiglie .grid_cell a {
	color: #D20806;						/* rosso boscomar vivo */
	text-decoration: none;
}

/* elenco sottofamiglie ****************************/

div#elenco_sottofamiglie .cGrid_body {
	padding-top: 1em;
	padding-bottom: 1em;
}
div#elenco_sottofamiglie .grid_cell {
	text-align: left;
	/*
	padding: 0;
	margin: 0;
	width: 100%;
	*/
}
div#elenco_sottofamiglie .grid_cell a{
	color: #D20806;						/* rosso boscomar vivo */
	text-decoration: none;
}

/* homepage boxes ***************************/
#title_boxes {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
#grd_boxes_body .grid_cell {
	border:	2px solid #dddddd;							/* grgio chiaro */
	height: 10em;
}

.foto_prodotto img {
	max-width: 100%;
	max-height: 9.5em;
}
#scopri{
	margin: 2em 25%;
	/*
    width: 188px;
    height: 25px;
	margin-left: 20;
	*/
	width: 50%;
    padding-top: 1em;
    padding-bottom: 1em;
	border: 1px solid #6f6f6f;
	background-color: #eeeeee;
	border-radius: 10px;
}
#scopri a {
	color: #9A1522;
	text-decoration: none;
	display: inline-block;       /* serve per permettere il transform */
	transition: transform 0.3s;  /* per l’animazione */
}

#scopri a:hover {
  transform: scale(1.1); /* 1.0 = dimensione normale, 1.1 = +10% */
}

/* lista prodotti ***************************/

div#tb_listart {
	font-size: 0.9em;
}
div#tb_listart div.cGrid_header {
}
div#tb_listart div.cGrid_body .cGrid_row {
	padding-top: 0.8em;
}

div#tb_listart .grid_cell div.foto_prodotto img {
	/*
	width: 100%;
	max-width: 100%;
	*/
	max-height: 10em;
}

div#tb_listart div.descrArt {
	text-align: left;
}
div#tb_listart div.descrArt a {
	text-decoration: none;
}
div.descrArt a.lnk_art {
	color: #9A1522;
	text-decoration: none;
}
div#tb_listart div.descrArt span {
    font-weight: bold;
}
div#tb_listart div.titolino span {
    font-size: 1em;
}
div#tb_listart div.titolino_scheda {
	color: #D20806;						/* rosso boscomar vivo */
}
div#tb_listart div.titolino_scheda p {
	font-size: 2em;
	padding-top: 0.5em;
}
div#tb_listart input.inputQta{
	width: 6em;
}
img.updCarrello {
	width: 1.95em;
	height: 1.95em;
	vertical-align: bottom;
}

/* scheda prodotto ***************************/

/* div#scheda_prodotto div#sk_prod div#foto_scheda_prodotto img { */
div#foto_scheda_prodotto img {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}

div#sk_prod div#info_scheda_prodotto{
	padding-top: 1em;
	text-align: left;
}

div#sk_prod div.titolino_scheda {
	color: #D20806;						/* rosso boscomar vivo */
	font-size: 1.3em;
	font-weight: normal;
}

div#sk_prod div.totArtic {
	margin-top: 1em;
}
/*
 div#scheda_prodotto.row > div#sk_prod.col-md-9 > div.row > div#info_scheda_prodotto.col-md-7.float_left > div.alignRight.titolino.titolino_scheda.inputQta > span
*/

div#sk_prod div#info_scheda_prodotto div#descr_art, div#prepar_art, div#testo_ricetta {
	text-align: justify;
}
div#sk_prod div#info_scheda_prodotto div.inputQta {
	border-bottom: 1px solid #D20806;		/* rosso boscomar vivo */
}
div#prepara_scheda_prodotto {
	padding: 5px;
	background-color: #F8F2DA;				/* giallino chiaro */
}

/* pagina carrello *****************************************/

div#cont_carrello div#grid_right{
	padding-top: 3.5em;
}
table#BrwCarrello td {
	font-size: 0.8em;
}
table#BrwCarrello input {
	width: 5em;
}
table#BrwCarrello div.FOTO_PRODOTTO a {	/* maiuscolo per effetto picture */
	color: #D20806;						/* rosso boscomar vivo */
	text-decoration: none;
}
table#BrwCarrello div.FOTO_PRODOTTO img {	/* maiuscolo per effetto picture */
	width: 75px;
	max-width: 100%;
}
table#BrwCarrello table.brw_comandi img#bmpCarr {
	width: 104px;
	height: 26px;
}

/* CONTATTI  ***********************************************/
div#contatti div#cont_left {
	text-align: left;
}
div#contatti div#cont_left h2 {
	font-size: 1.5em;
}

div#cont_form {
	text-align: left;
	max-width: 100%;
	margin-top: 1em;
	margin-bottom: 2em;
}

/* pagina FAQ - griglie	*************************/
 
div#pagina_faq div.cGrid_body .cGrid_header {
	background-color: white;
	color: #D20806;						/* rosso boscomar vivo */
}

/* domande */
div#pagina_faq .argomento_faq div.cGrid_body div.cGrid_body .listadispari {
	color: #D20806;						/* rosso boscomar vivo */
	text-align: left;
	background-color: white;
	font-size: 1em;
}

div#pagina_faq div.cGrid_body div.cGrid_body .listadispari img {
	cursor: pointer;
	margin-right: 1em;
}

/* risposte */
/* due volte div.cGrid_body per raggiungere la griglia di 2° livello */
div#pagina_faq .dettaglio_faq div.cGrid_body .rigapari {
	margin-left: 2em;
	padding-left: 1em;
	width: 90%;
	padding-bottom: 8px;
	text-align: justify;
}
div.argomento_faq .listapari {
	background-color: white;
	/*
	*/
}
div.dettaglio_faq .rigapari {
	background-color: white;
	/*
	*/
}
div.dettaglio_faq div.cGrid_body div.col-sm-12 div.listapari {
	background-color: #f0f0f0;			/* grigio chiaro */
}

/* Destinazioni  ***********************************************/
div#btn_new_dest {
	margin-top: 2.53em;
	margin-bottom: 2.5em;
}
div#btn_new_dest a {
	/*
	border: 1px solid #888888;
	*/
	padding: 5px;
	color: #D20806;						/* rosso boscomar vivo */
    cursor: pointer;
	text-decoration: none
}

/* chi siamo ************************************/
div#chiSiamo_img img{
	max-width: 100%;
}
div#chiSiamo_txt p{
	/*text-align: justify;*/
}
/* FOOTER  ***********************************************/

div#footer {
    /* border-top: solid 1px #023260; */
	/*background-color: #B40500;			/* background boscomar */
	/*background-image: url(/exebosco/template/wi-fi.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;*/
	color: white;
    margin-top: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
	width: 100%;
	/*height: 20em;*/
}
div#footer img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
div#footer P {
    font-size: 1em;
	position: absolute;
	padding-left: 10%;
	bottom: 5%;
	max-width: 70%;
    /* text-align: center;*/
}

div#contentCookies, div#condizionidivendita{
	color: #666666;
	text-align: justify;
	width: 70%;
	margin: auto;
}
div#foot_menu {
	text-align: left;
    font-size: 0.9em;
	margin-bottom: 2em;
}
div#foot_menu a {
	color: #666666;
	padding: 3px 1em;
	border-right: 1px solid #666666;
}
div#contentCookies {
	color: #666666;
}
div#shiny {
    padding-top: 1.5em;
    text-align: center;
}

/* FORM EDIT *********************************************/

table.cRead, table.edit {
	border-collapse: separate;			/* con 'collapse' non fa vedere i bordi arrotondati #loginStd */
    /* background-image: url(../images/pergamena.jpg);  */
    /* background-repeat: no-repeat;                    */
	/* background-color: #ECF2F6; */
	background: linear-gradient( to right, white, #F3E386);		/* ECF2F6 */
	border: 1px solid #1A5488;
	border-radius: 10px;
	box-shadow: 3px 3px 3px #6f6f6f;		/* #dedede; */
	margin: auto;
}

table.cRead td, table.edit td {
	text-align: left;
}

td.status, td.editnoempty, td.rigaobbligatori {
	padding-left: 1em;
}
td.editfldcont {
	padding-right: 1em;
}

form {
	margin-bottom: 1em;
}
form td {
	padding: 1px;
}

form label {
    margin-right: 1em;
    /* 
    width: 60%;
	border: 1px solid blue; 
	*/
}
/*
div#contatti div#cont_right 
*/
table.clsedit td.editfldesc label {
	width: 100%;
}

.editfldesc {
	/*
	color: #D20806;						/* rosso
	color: #1A5488;						/* zucchero
	width: 50%;
	*/
 	color: #666666;							/* grigio scuro */
	font-size: 0.9em;
}

.editflderror, .editnoempty {
    color: #ea150a;                         /* rosso ok */
}

.rigabottoni {
    padding-top:   0px;
	text-align: center;
}

.rigabottoni button {
    margin-top: 1em;
    margin-left: 1.5em;
}

div#utente1 {
    text-align: left;
    /* border: 1px solid blue; */
    color: #224D77;			/* bluette */
    padding-left: 1em;
}

div#utente1 A  {
    color: #D20806;						/* rosso boscomar vivo */
    text-decoration: none;
}
#utente2 {
 	color: #666666;							/* grigio scuro */
}

/* FORM LOGIN *********************************************/

table#loginStd, div#reg_qui, div#benvenuto {
    /* width: 187px; */
}

div#dimenticata a {
	color: #D20806;						/* rosso boscomar vivo */
	text-decoration: none;
}

table#loginStd td.status h1 {
    /* color: #99583c;
    background-image: url(../images/titoli_top.jpg);
    background-repeat: no-repeat;  */
    font-size: 1em;
    height: 1.5em;
    padding-top: 3px;
}

table#loginStd .rigabottoni button, .thebutton, div#reg_qui input {
	color: #D20806;						/* rosso boscomar vivo */
    cursor: pointer;
    /*
    font-size: 0.9em;
	width: 104px;
    padding: 2px;
    border-width: 0;
	*/
}
div#benvenuto {
	/*
	padding: 1em 0em 2em 0em;
	*/
}

div#reg_qui input {
	margin-bottom: 1em;
	/*
	*/
}

div#reg_a {
	/*
	padding: 6px 0px 0px 0px;
	*/
}
div#reg_a h2{
    font-size: 1em;
}


/* TABELLE BROWSE ****************************************/

table.browse {
	margin: auto;
	border-collapse: separate;
	border-spacing: 0px;
	/*
	border-bottom: 1px solid black;
    width: 100%; */
}

table.browse tr.brw_line td{
	border-left: 1px solid #d0d0d0;
	padding: 0px 3px;
	/*
	border-bottom: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;			/* grigio chiaro
	border-left: 1px solid #d0d0d0;			/* grigio chiaro */
}

tr.brw_titoli {
	color: white;
	background-color: #B40500;			/* background boscomar */
}
tr.brw_titoli td h3{
	padding-left: 0.3em;
	padding-right: 0.3em;
}
/*
table.browse a {
    color: #215ab5;
}

tr.brw_header {
    background-color: #e2ded3;
    border: 0,0,0,0;
}
*/

tr.brw_header td {
	border: none;
}

tr.brw_header h1 {
    font-size: 20px;
    /* font-weight:bold; */
}

/*
table.browse img.esclama {
	width: 40px;
    height: 40px;
}
*/
table.browse td.brw_cellnum {
    text-align: right;
}

table.brw_sotto {
	border-top: 1px solid black;
    width: 100%;
}

/*
tr.brw_sotto td {
    padding-bottom: 5px;
}
*/

tr.brw_totali td{
	border-top: 1px solid #d0d0d0;
}

table.brw_comandi {
    width: 100%;
	border-top: 1px solid black;
	/*
    border-top: 1px solid black;
	*/
}

tr.brw_comandi {
	text-align: center;
}

tr.brw_comandi a {
    padding-right: 5px;
}

tr.brw_comandi td a img, tr.brw_line td a strong img  {
    text-decoration: none;
    border-color: #6f6f6f;
}

/* REPORTS (tabelle prezzi) ******************************/

table.cRepHtml {
	width: 100%;
	text-align: center;
}
table.cRepBody {
	width: 100%;
	border-collapse: collapse;
	padding: 0px;
	margin:  2px;
}

table.cRepBody TR.pari {
    background-color: #f7f7f0;			/* grigio chiaro */
}
table.cRepBody TR.dispari {
    background-color: #e2ded3;			/* grigio scuro */
}

table.cRepBody TR.titoli {
	color: white;
	background-color: #B40500;			/* background boscomar */
}

table.cRepBody TR.totali {
    background-color: #FFD400;
}
table.cRepBody TR.totali td{
	height: 25px;
	border-top: 10px white;
}

table.cRepBody tr.groupHeader {
    text-align: center;
    height: 20px;
}
span.separatore_01 {
	/* float: left; */
	padding: 0 60;
}
a.rept_link {
	border-radius: 10px;
	border: 1px solid #ce3a3a;
	padding: 10px;
}