.clear{clear:both}

/* icone */
.btnIcon{float:right;background-color: #555555;border-radius:50%;border: none;padding:0px;width:32px;height:32px;}
.btnIcon:active{background-color: #2B2B2B;outline: none;border: none;}
.btnIcon:focus{outline: none;border: none;}
.btnIcon:hover{cursor:pointer;}

.btnIconLeft{float:left;margin-top: 8px;}

.icon{display: block;width: 100%;height: 100%;background-color: transparent;background-repeat: no-repeat;background-position: center center;background-size: 24px 24px;}

/* icona dettaglio */
.icArrow{background-image: url('../images/icon/scheda_menu/hdpi/ic_arrow_right_white.png');}
.icBack{background-image: url('../images/icon/scheda_menu/hdpi/ic_arrow_left_white.png');}

.mainContainer{width:100%;height:auto;margin-top:0px;margin-left:0px;}

/* header */
.mHeader{width: 94%;margin: 20px auto 15px auto;}
.mHeaderBox{width: 100%;}
.mHeaderBox h2{margin-top: 0px;margin-bottom: 0px;color: #ffffff;line-height: 49px;padding-left:0px;}

/* container */
.mMainContainer{width: 90%;display:block;padding-left: 2%;padding-right: 2%;margin-left: auto;margin-right: auto;background-color: #ffffff;}

/* title */
.mMainTitle{width: 98%;padding-left: 1%;padding-right: 1%;padding-top:20px;margin-bottom: 20px;}
.mMainTitle h4{margin-top: 0px;margin-bottom:0px;font-size: 1.5em}
.mMainTitle p{width: 100%;word-wrap: normal;margin:0px;padding-top: 10px;padding-bottom: 20px;}

/* main list */
.mMainList{padding-bottom: 20px;}

/* box categorie */
.mBoxCategoria{width:100%;height:auto;margin-bottom: 30px;}
.mBoxCategoriaHeader{padding-bottom: 10px;border-bottom: solid 1px #000000}
.mBoxCategoriaHeader > h5{margin-top:0px;margin-bottom:0px;width:100%;font-size: 1.2em;}
.mBoxCategoriaHeader > p{margin-top: 10px;margin-bottom: 0px;}
.mBoxCategoriaElemento{padding-top: 20px;}

/* elemento sotto categoria*/
.mBoxSubCategoriaElemento{width: 94%;height: auto;padding: 10px 3%;margin-bottom: 10px; box-shadow: 0px 0px 2px 0px #000000;}
.mBoxSubCategoriaTesto{float:left;width: 80%;}
.mBoxSubCategoriaTesto p{margin-top:0px;margin-bottom:0px;}
.mBoxSubCategoriaElementoTestoTitle{font-weight: bold;line-height: 32px;}

/* elemento */
.mBoxElemento{width: 94%;height: auto;padding: 10px 3%;margin-bottom: 10px; box-shadow: 0px 0px 2px 0px #000000;}
.mBoxElementoTesto{float:left;width: 80%;}
.mBoxElementoTesto p{margin-top:0px;margin-bottom:0px;font-weight: bold;line-height: 32px;}


/* sottopagina generale */
.subPage{display: none;width:100%;height:100%;position: fixed;top: 0px;bottom:0px;left: 100%;right:0px;background-color: #333333;overflow-y: auto;}

/* sottopagina lista sotto categoria */
.listPage{z-index: 10;}
.listPageTitle{display:block;float:left;margin-left:10px;height:48px;line-height:48px;}

/* sottopagina elemento */
.elemPage{z-index: 20;display:none;}
.elemPageTitle{display:block;float:left;margin-left:10px;height:48px;line-height:48px;}
#descrizioneElem{padding-bottom: 0px;}

/* info elemento */

/* gallery */
.swiper-container { width:100%; height:100%; color:#FFF; text-align:center; background-color: transparent; }
.swiper-wrapper { height:100%; }
.swiper-slide { display:table; position:relative; height:100%; overflow:hidden; text-align:center; }
.swiper-slide a{display:block;position:relative;max-width:250px;max-height:190px;margin-left:auto;margin-right:auto;}
.swiper-slide .video-play-icon { position:absolute; top:50%; left:50%; width:80px; height:80px; margin-top:-40px; margin-left:-40px; background-image:url("../images/owl.video.play.png"); background-repeat:no-repeat; z-index: 1; }
.swiper-slide img { vertical-align:middle; width:auto; max-width:250px; height:auto; max-height:190px; -webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; -o-transition:300ms; transition:300ms; -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); -webkit-backface-visibility:hidden; opacity:0.3; }
.swiper-slide-active img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; }
.swiper-slide .inner { height: 100%; }
.swiper-slide .title { display:table-cell; vertical-align:middle; text-align:center; }
.swiper-pagination-switch { display:inline-block; width:10px; height:10px; margin:0px 3px; background:#999; border-radius:10px; box-shadow:0px 1px 2px #555 inset; cursor:pointer; }
.swiper-visible-switch { background:#AAA; }
.swiper-active-switch { background:#FFF; }
.pagination { width:100%; margin-top:15px;margin-bottom: 20px; position:relative; left:0px; bottom:5px; text-align:center; }

.elemInfoCalorie{width:100%;margin-bottom:10px;display:none;}
.elemInfoCalorie p{float:left;margin-top:0px;margin-bottom:0px;font-size:1.3em;}
.elemInfoCalorie span{float:right;padding:5px;background-color: #F3A632;color:#ffffff;}

.elemInfoPrice{width:100%;margin-bottom:10px;display:none;}
.elemInfoPrice p{float:left;margin-top:0px;margin-bottom:0px;font-size:1.3em;}
.elemInfoPrice span{float:right;padding:5px;background-color: #52A03D;color:#ffffff;}

.elemInfoAllergeni{width:100%;margin-bottom:10px;display:none;}
.elemInfoAllergeni p{width:100%;margin-top:0px;margin-bottom:0px;padding-bottom: 5px;}
.elemInfoAllergeniList span{float:left;margin-left:5px;margin-bottom: 10px;padding:5px;background-color: #D9534F;color: #ffffff;}

.elemInfoWebsite{width: 100%;padding-top:10px;display:none;}
.elemInfoWebsite div{display:block;margin-left:auto;margin-right:auto;}
.elemInfoWebsite a{min-width:50px;float:left;margin-right: 10px;background-color: #428BCA;color: #ffffff;text-align: center;text-decoration: none;padding:5px 10px;}