﻿html {
    
    
    
    background-color: #e2e2e2;
    margin: 0;
    padding: 0;
}

body {
    background-image:url("/Content/imgsito/sfondoHtml.jpg");
    background-position: top center;
    display:block;
    color: #333;
    font-size: 14px;
    font-family: "Ubuntu","Century Gothic","Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin:0
}
.body{
    margin: 0 auto;
    padding: 0;
    max-width:960px;
}
.pageContainer {

margin: 0 auto;
    padding: 0;
    max-width:960px;
    background-color:#fff;
    border-left:1px solid #ccc;
    position:relative;
    padding-top:20px;
     box-shadow: 1px 0px 4px #555;
}
a {
text-decoration:none;
}
a:hover {cursor:pointer;
}
a:visited img {
    border:none;
}

    a:link, a:visited,
    a:active, a:hover {
        text-decoration:none;
    }

    a:hover {
        cursor:pointer;
    }

header, footer, hgroup,
nav, section {
    display: block;
}

h1, h2, h3,
h4, h5, h6,p {
    margin:0;font-weight:normal
}

ul {
    margin:0;padding:0;list-style:none;
}
/*HEADER*/
header {
    padding-top:10px;
    background-image:url(/Content/imgsito/sfondoHeader.jpg);
    background-repeat:repeat-x;
    background-position: top left;min-height:137px;
}
.logo img{
    max-width:100%
}
 .menuFarmacia{
    font-size:20px;background-color:#F2F2F2;border-radius: 10px;
 box-shadow: 1px 1px 5px #555; margin-top:5px;
position:absolute;top:-30px;left:0;width:100%

}
     .menuFarmacia ul li {
        display:inline-block;
    }
     .menuFarmacia ul li a{
    font-size: 18px;
color: #333;
padding: 10px 15px;
display: block;

    }
     .menuFarmacia ul li img{
        display:inline-block;margin-right:5px;vertical-align:top ;padding-top:3px
   }

header .contattiHeader{
    float:right;
}
    header .contattiHeader ul {
        /*width:540px;*/text-align:right;height:30px;border-bottom:1px solid #8AB846;padding-top:5px
    }
    header .contattiHeader ul li{
    float:right;
    }
    header .contattiHeader ul li a{
    color:#fff;padding-right:10px;padding-left:10px;border-right:1px solid #fff;font-size:16px;
    height: 15px;
display: block;
padding-top: 0;
line-height: 15px;
margin-top: 10px;
    }
    header .contattiHeader .hContacts{
        margin-top:15px;text-align:right;margin-right:5px
    }
    header .contattiHeader .hContacts .hContact{
        margin-bottom:5px;
    }
    header .contattiHeader .hContacts .hContact span{
        font-size: 16px;
margin-right: 5px;color:#fff;vertical-align:middle;display:inline-block
    }
    header .contattiHeader .hContacts .hContact img{
        vertical-align:middle;margin-left:5px;display:inline-block
    }

.liBorder {
    padding-right:10px;border-right:1px solid #ccc
}

.liDrop {
background-image:url(/Content/imgsito/iconagiu.png);background-repeat:no-repeat;background-position:center right;

}
#vediProdotti {
    
}
#openServizi {
    padding-left:13px
}


.barraNavigazione {
display: block;
height: 55px;
background-color: #A2E1FB;
box-shadow: 1px 1px 5px #aaa;padding:0px 20px;
position:relative;
}
.barraNavigazione .titolo{
    float:left;font-size:26px;color:#fff;margin-top:10px;
}
.barraNavigazione .titolo img{margin-right:10px;vertical-align:middle}
.barraNavigazione .navigazione{
    position:absolute;right:10px;bottom:2px;color:#fff;
}
.barraNavigazione .navigazione a{
   font-size:14px;color:#fff
}




/* main layout
----------------------------------------------------------*/
.margin-4 {
    margin-top:-4px;
}
.socialfixed {
    
    position:fixed;
    top:200px;
    
}
    .socialfixed a {
        display:block;width:34px;height:34px;overflow:hidden;border:1px solid #ccc;
    }
    .socialfixed a img{
        display:block;
    }
    #openServizi {
    padding-left:13px !important
}



#pannelloCarrello {
position: absolute;
width: 290px;
background-color: #fff;
right: 0;
top: 44px;
box-shadow: 1px 1px 5px #555;
font-size:14px;
display:none;z-index:9999
}
    #pannelloCarrello .cpRiga {
        display:block;border-bottom:1px solid #ddd;position:relative;padding: 10px 0px
    }
    #pannelloCarrello .cpRiga .cancProd{
       position:absolute;top:5px;left:15px;padding: 0 !important;opacity:0.5
    }
    #pannelloCarrello .cpRiga .cancProd:hover{
       opacity:1;
    }
 #pannelloCarrello .cpRiga .imgcontainer {
    overflow:hidden;vertical-align:middle;display:inline-block;width:30%;text-align:center;z-index:999
}
     #pannelloCarrello .cpRiga .imgcontainer img {
        max-width:100%;
    }
      #pannelloCarrello .cpRiga .cpDescr {
    vertical-align:middle;display:inline-block;width:65%;
}
       #pannelloCarrello .cpRiga .cpDescr span{
    display:block;font-size:14px
}

#pannelloServizi {
   position: absolute;
width: 235px;
z-index: 1000;
background-color: #fff;
top:44px;left:0;;border:1px solid #eee;border-left:none;box-shadow: 1px 1px 5px #555;
display:none
}
#pannelloProdotti {
   position: absolute;
width: 235px;
z-index: 1000;
background-color: #fff;
top:44px;left:0;border:1px solid #eee;border-left:none;box-shadow: 1px 1px 5px #555;
display:none
}

    /*CONSIGLI*/
.elenconews {

}

.elenconews .news{
    display:block;margin-bottom:20px;word-wrap:break-word;border-bottom:1px solid #eee;padding-bottom:20px
}

    .elenconews .news .imgcontainer{
        display:inline-block;vertical-align:top;width:25%;
        margin-right:20px;overflow:hidden;text-align:center;
        border:1px solid #ccc;max-width:190px;height:140px
    }
        .elenconews .news .imgcontainer img{
            vertical-align:middle
        }
    .elenconews .news .dettaglionews {
    display:inline-block;vertical-align:top;width:70%;
    }
    .elenconews .news .dettaglionews .titoloNews{

        font-size:20px;display:block;margin-bottom:5px;
    }
    .elenconews .news .dettaglionews .dataNews{
        font-size:14px;display:block;margin-bottom:5px;padding:3px 25px;background-image:url(/Content/imgsito/clock.png);
        background-repeat:no-repeat;background-position:left 3px
    }
    .elenconews .news .dettaglionews .testoNews{
    }
.commentinumber {
    font-size:16px;color:#525252;background-image:url(/content/imgsito/sfondocommenti.png);
    background-position:left 2px;
    background-repeat:no-repeat;display:inline-block;vertical-align:top;padding-left:30px;
}
@media (max-width:599px) {
    .elenconews .news .imgcontainer{
        display:none;
    }
    .elenconews .news .dettaglionews {
        display:block;width:100%
    }
}

/*EVENTI*/

.elencoeventi{
   padding:10px 0px 0px 0px;
}
.elencoeventi .titoloelenco{
    display:block;color:#545454;font-size:25px;border-bottom:1px solid #ccc;margin-bottom:20px;
}
.elencoeventi .titoloelenco a{
    padding:5px 30px;display:inline-block;font-size:20px
}
.elencoeventi .titoloelenco a.selected{
    color:#208097;font-size:22px
}
    .elencoeventi .evento {
        display:inline-block;width: 49%;margin-bottom:30px;vertical-align:top;
-webkit-transition: opacity 0.8s linear, -webkit-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
-moz-transition: opacity 0.8s linear, -moz-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
-o-transition: opacity 0.8s linear, -o-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
-ms-transition: opacity 0.8s linear, -ms-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
transition: opacity 0.8s linear, transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;




    }
    
    .elencoeventi .evento .dataevento{
        background-image:url(/content/imgsito/sfondocalendar.png);background-repeat:no-repeat;
        width:49px;height:46px;text-align:center;display:inline-block;padding-top:7px;vertical-align:top
    }
        .elencoeventi .evento .titoloevento {
        display:inline-block;margin-left:10px;max-width: 340px;vertical-align:top
        }
            .elencoeventi .evento .titoloevento .tit {
            font-size:18px;margin-bottom:5px
            }
            .elencoeventi .evento .titoloevento .data {
            font-size:14px;
            }


      

    .dettaglioevento  {
        display:block;margin-bottom:20px
    }

    .dettaglioevento .imgcontainer {
        display:block;width:100%;vertical-align:top;
        overflow:hidden
    }
    .dettaglioevento .imgcontainer img{
        max-width:100%;
    }
    .dettaglioevento .prenota {
        display:block;
        background-color:#57BFDB;
        padding:20px 30px;margin-top:5px
    }
                .dettaglioevento .prenota .datatitolo{
                    color:#fff;font-size:20px;vertical-align:top
                }
                .dettaglioevento .prenota .btnPrenota{
                     color:#fff;vertical-align:top;float:right;padding:10px;
                     background-color:#29A0BE;box-shadow: 1px 1px 5px #555;margin-top:-8px;font-size:18px
                }
    .dettaglioevento .descrizioneevento {
        display:block;width:100%;word-wrap:break-word;
        margin-top:20px;font-size:16px;color:#444
    }
    #moduloprenotazione div {
        display:block;width:100% !important;margin-left:0px !important
    }
    /*.elencoeventi .evento {
        display:block;width:100%
    }*/
#moduloprenotazione {
    position:relative;
    display:none;
    background-color:#eee;border-radius:20px;padding:20px 0px 0px 20px;
    background-image: -webkit-gradient(
	linear,
	left top,
	right bottom,
	color-stop(0.02, #FFFFFF),
	color-stop(1, #EEEEEE)
);
background-image: -o-linear-gradient(right bottom, #FFFFFF 2%, #EEEEEE 100%);
background-image: -moz-linear-gradient(right bottom, #FFFFFF 2%, #EEEEEE 100%);
background-image: -webkit-linear-gradient(right bottom, #FFFFFF 2%, #EEEEEE 100%);
background-image: -ms-linear-gradient(right bottom, #FFFFFF 2%, #EEEEEE 100%);
background-image: linear-gradient(to right bottom, #FFFFFF 2%, #EEEEEE 100%)
}
#moduloprenotazione .chiudi{
         position:absolute;top:5px;right:10px   
}
#moduloprenotazione .titoloeventoprenota{
            display:block;font-size:30px;color:#1f1f1f;margin-bottom:20px;font-weight:normal;color:#10a4e4
        }
#moduloprenotazione .sottotitoloeventoprenota {
            display:block;color: #333;padding-left:25px;
            background-image:url(/content/imgsito/icondata.png);background-repeat:no-repeat;font-size:14px;
            height: 20px;
        }
#moduloprenotazione div {
        display:inline-block;margin-bottom:15px;vertical-align:top
    }
#moduloprenotazione .label {
    font-size:18px;color:#555
}
    #moduloprenotazione .buttonsocio {
        background-color:#10a4e4;padding:10px 30px;border:1px solid #fff;color:#fff;font-size:24px;margin-right:40px
    }
    #moduloprenotazione .buttonsocio:hover {
        background-color:#fff;border:1px solid #10a4e4;color:#10a4e4;cursor:pointer
    }
@media (min-width:450px) and (max-width:599px) {
    .dettaglioevento .immagineeprenota {
        display:block;width:100%;vertical-align:top;word-wrap:break-word;margin-bottom:30px
    }

    .dettaglioevento .descrizioneevento {
        display:block;width:100%;vertical-align:top;word-wrap:break-word
    }
    #moduloprenotazione div {
        display:block;width:100% !important;margin-left:0px !important
    }
    .elencoeventi .evento {
        display:block;width:100%
    }
}
@media (min-width:600px) and (max-width:719px) {
    .elencoeventi .evento .dataevento {
        display:none
    }
    .elencoeventi .evento .titoloevento .tit {
            font-size:16px;
            }
            .elencoeventi .evento .titoloevento .data {
            font-size:12px;
            }
}
@media (min-width:720px) and (max-width:850px) {
    .elencoeventi .evento .titoloevento .tit {
            font-size:16px;
            }
            .elencoeventi .evento .titoloevento .data {
            font-size:12px;
            }
}

/*CHI SIAMO*/
.chisiamo{
    padding:20px;
}
    .chisiamo .imgcontainer {
        display:block;overflow:hidden;width:100%;
    }
    .chisiamo .imgcontainer img{
        max-width:100%
    }
    
    .chisiamo h1 {
        color:#85b242;font-size:24px;margin-top:15px;margin-bottom:15px
    }
    .chisiamo h6 {
        color:#85b242;font-size:24px;margin-top:15px;margin-bottom:15px
    }
    .chisiamo .descrizioneFarmacia {
        font-size:15px;color:#444
    }
    .chisiamo .descrizioneFarmacia h3{
        font-size:22px;
        color:#444;margin-bottom:5px;margin-top:20px;margin-bottom:10px
    }

    .chisiamo h5 {
        color:#85b242;font-size:24px;margin-top:15px;margin-bottom:15px
    }

    .chisiamo .team {
        text-align:center;

    }
    .chisiamo .team .persona{
        display:inline-block;margin-left:10px;margin-right:10px;width:22%;vertical-align:top;
        text-align:left;min-width:200px;margin-bottom:30px
    }
    .chisiamo .team .persona .imgcont{
        display:block;width:100%;overflow:hidden;width:156px;height:156px;border:solid 2px #fff;
    }
    .chisiamo .team .persona .imgcont:hover{
        border:solid 2px #85b242;
    }
        .chisiamo .team .persona .imgcont .img{
           max-width:100%;
        }
        .chisiamo .team .persona .imgcont img{
    max-width:100%;

-webkit-transition: opacity 0.8s linear, -webkit-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
-moz-transition: opacity 0.8s linear, -moz-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
-o-transition: opacity 0.8s linear, -o-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
-ms-transition: opacity 0.8s linear, -ms-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
transition: opacity 0.8s linear, transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
    
}
    .chisiamo .team .persona .nome{
        display:block;margin-top:10px;margin-bottom:5px;color:#333;font-size:16px;
    }
    .chisiamo .team .persona .mansione{
        display:block;margin-bottom:10px;color:#666;font-size:14px;
    }

    #boxstaff{ width:390px;height:400px;
       background-color:white; display:none; z-index:+9000;
        position:absolute;left:50%;margin-left:-195px; /* top:20%;*/
       padding:25px;
       color:#4a4949;
       font-size:14px;
       box-shadow: 1px 1px 5px #888888; }
    #boxstaff .hrPersona {
    border-top: 1px solid #26A3DF;
    border-style: dashed solid solid solid;
    border-top-width: 2px;
    margin-bottom:20px;border-bottom:none
}   
    #boxstaff h4 {display:block;font-size:18px;color:#26A3DF ;margin-bottom:5px}
#boxstaff h5 {display:block;font-size:15px;color:#666666 ;margin-bottom:10px}

        #boxstaff #curriculum {
            height:320px;
        }   
    .chiudi{ font-size:18px; color:#000; font-weight:bold; position:absolute; right:10px; top:10px;  cursor:pointer;}



.overlay{
    background:#fff;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:100;
    cursor:pointer;
/*Trasperenza cross browser*/
opacity: .7; filter: alpha(opacity=70);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";   
 


}

/*CONDIZIONI GENERALI*/
.condizionigenerali {padding:20px;color:#666;font-size:14px;}
.condizionigenerali h1{font-size:18px;color:#333;margin-bottom:20px}

.condizionigenerali h2{font-size:16px;color:#85b242;margin-bottom:15px;margin-top:15px}

/*CARRELLO*/

.tableCarrello {
    width:100%;border-collapse:collapse;border-spacing:0px;text-align:left;
}
.tableCarrello tr,.tableCarrello th,.tableCarrello td {
    border-collapse:collapse;border-spacing:0px;padding:5px 15px
}
    .tableCarrello tr.selected {
        background-color:#E7F7D0
    }
    .tableCarrello tr.selected td {
         border-top:1px solid #85b242;border-bottom:1px solid #85b242;
    }
.tableCarrello th {
   
}
.tableCarrello td {
    border:1px solid #eee
}
.tableCarrello thead{
    background-color:#eee
}
.tableCarrello thead .descr{
    width:35%
}

td.immagine{
width:30px

}

td.descrizione{
font-size:16px;color:#555

}

td.prezzo{
position:relative;text-align:center;font-size:28px;color:#555

}
td.prezzo .prezzoVecchio{
position:absolute;top:0;left:60px;color:#10a4e4;font-size:16px

}
td.prezzo .prezzoVecchio .barraPrice{
position:absolute;top:0;left:0;

}
td.quantità a{
    display:inline-block;font-size:36px;padding:5px;vertical-align:middle;color:#555
}
td.quantità .numeroProdotti{
    display:inline-block;width:50px;vertical-align:middle
}

td.subTotale{
text-align:center;font-size:28px;color:#555

}

.carrelloSpacer {
    height:15px;background-color:#eee
}

.riepilogoCarrello{
    padding:10px 20px

}
.riepilogoCarrello .descrizione {
    display:inline-block;vertical-align:top;width:63%;
    padding-left:45px;padding-top:5px;font-size:16px;color:#444;
    background-image:url(/Content/imgsito/iconaSpedizione.png);
    background-repeat:no-repeat;background-position: 5px 15px;
}
    .riepilogoCarrello .descrizione .svuotaCarrello{
        background-color:#FF5C26;padding:10px 10px 10px 35px;
        background-image:url(/Content/imgsito/iconasvuota.png);
    background-repeat:no-repeat;background-position:5px 10px;
    color:#fff;display:inline-block;margin-right:15px;
     box-shadow: 1px 0px 4px #aaa;
    }
    .riepilogoCarrello .descrizione .acquistaCarrello{
        background-color:#85b242;padding:10px 10px 10px 35px;
        background-image:url(/Content/imgsito/iconaCarrAcquista.png);
    background-repeat:no-repeat;background-position:5px 10px;color:#fff;display:inline-block;
     box-shadow: 1px 0px 4px #aaa;
    }
    
.riepilogoCarrello .riepilogo {
        display:inline-block;vertical-align:top;width:30%;text-align:right

}
.riepilogoCarrello .riepilogo table {
       font-size:18px;color:#666;text-align:right;display:block

}
.riepilogoCarrello .riepilogo table tr td{
padding:5px 10px
}

/*SERVIZI*/
.colonnaSx {
    display:inline-block;vertical-align:top;width:235px;position:relative;border-right:1px solid #ccc;float:left
}

.menuLaterale {
/*padding:20px;*/    font-family: "Ubuntu","Century Gothic","Segoe UI", Verdana, Helvetica, Sans-Serif;

}

    .menuLaterale .titolo {
        font-size:26px;color:#333;padding:20px;
    }
        .menuLaterale .titolo img {
            vertical-align:middle;display:inline-block;margin-right:0;padding-top:0
        }
    
        .menuLaterale ul {
            margin:0;padding:0;margin-top:20px;padding-bottom: 10px;
        }
            .menuLaterale ul li {
                display:block;margin-bottom:20px;position:relative;padding:0px 0px 0px 20px;
            }

                .menuLaterale ul li a {
                    font-size:14px;color:#333;display:block;padding:0;
                    background-image:url(/Content/imgsito/menuArrow.png);
                    background-position:center right;background-repeat:no-repeat
                }
                .menuLaterale.servizi ul li a,.menuLaterale.news ul li a {
                    background:none
                }
                .menuLaterale ul li a .sottoTitolo{
                    font-size:10px;color:#777;display:block
                }
                .menuLaterale ul li .subMenu{
             
    margin-bottom: 20px;
    margin-top: 20px;
    position: relative;
    /* position: absolute; */
    /* width: 235px; */
    /* top: -10px; */
    /* left: 233px; */
    /* z-index: 1001; */
    display: none;
}
.openSubMenu{
                   position: absolute;
top: 0;
right: 0;
width: 30px;
height: 30px;z-index:9999;background:none !important
               }
    
            
                
                .menuLaterale ul li .subMenu ul{
                margin: 0;padding-bottom:0px
            }
                .menuLaterale ul li .subMenu ul li{
                
padding: 10px 10px 10px 10px;margin-bottom:0;border-left:none;background-color: #fff;
            }
                .menuLaterale ul li .subMenu ul li a{                                    
                        background:none !important
                }
                .menuLaterale ul li .subMenu ul li.liselected a{                                    
                       color:#85b242
                }
.principale {
padding-left:25px !important;background-image:url(/Content/imgsito/pallVerde.png) !important;background-repeat:no-repeat !important;background-position:3px 3px !important}
.dettaglioServizio {
    padding:20px;position:relative;padding-right:0px;
}

    .dettaglioServizio .imgcontainer {
        text-align:center;display:inline-block;max-width:260px;vertical-align:top;height:172px;overflow:hidden
    }
    .dettaglioServizio .imgcontainer img{
        
    }

    .dettaglioServizio .commenti {
        display:inline-block;vertical-align:top;width:100%;max-width:410px;float:right;
        min-height:80px;
    }

        .dettaglioServizio .commenti iframe {
            background-color: #fff;
        }

    .dettaglioServizio .commenti .tit {
        display:block;font-size:22px;color:#444;margin-bottom:20px
    }
    .dettaglioServizio .commenti .tit .all {
            display:inline-block;margin-left:10px;font-size:12px;color:#0098D9

    }

    .dettaglioServizio .commenti .commento {
            display:block;margin-top:20px;color:#222;font-size:12px;
    }
    .dettaglioServizio .commenti .commento .titComm{
            display:block;margin-bottom:10px;color:#85b242;font-size:14px;
    }

.dettaglioServizio .addValutazione {
    background-image:url(/Content/imgsito/addValut.png);background-repeat:no-repeat;
    padding-left:45px;max-width:90px;position:absolute;top:15px;right:0;color:#333;height:40px
}
article {
    overflow:hidden
}
article p {
font-size:14px;color:#555;padding:20px 0px;height: 85px;
overflow: hidden;
}
article p.all {
height:auto
}
article h3 {
    display:block;position:relative;font-size:22px;color:#0098D9;
    padding:10px 0px;border-bottom:1px solid #ddd
}
article h3 .readMore{
    position:absolute;top:18px;right:0px;padding-right:10px;font-size:13px;color:#555
}

.colonnaSx .richiediInfo{
    background-color:#f7f7f7;border-top:10px solid #eee;text-align:center;padding:20px 0px;
    /*position: absolute;
bottom: 0;
left: 0;
right:0;*/
display: block;
/*width: 233px;*/
width:100%;

}
    .colonnaSx .richiediInfo a {
    font-size:22px;color:#333
    }
    .colonnaSx p {
    margin-top:10px
    }
.colonnaDx {
    display:inline-block;vertical-align:top;max-width:724px;width:100%;float:right
}

/*DETTAGLIO PRODOTTO*/
.dettaglioProdotto {
    padding:20px;position:relative;padding-right:0px;
}

    .dettaglioProdotto .imgcontainer {
        text-align:center;display:inline-block;width:260px;vertical-align:top;overflow:hidden
    }
    .dettaglioProdotto .imgcontainer img{
        max-width:100%
    }

    .dettaglioProdotto .commenti {
        display:inline-block;vertical-align:top;width:100%;max-width:410px;/*padding-left:50px;*/float:right;
        background-image:url(/Content/imgsito/loading.gif);background-position:center center;background-repeat:no-repeat;
    }

    .dettaglioProdotto .commenti iframe {
            background-color: #fff;
        }

    .dettaglioProdotto .commenti .tit {
        display:block;font-size:22px;color:#444;margin-bottom:20px
    }
    .dettaglioProdotto .commenti .tit .all {
            display:inline-block;margin-left:10px;font-size:12px;color:#0098D9

    }

    .dettaglioProdotto .commenti .commento {
            display:block;margin-top:20px;color:#222;font-size:12px;
    }
    .dettaglioProdotto .commenti .commento .titComm{
            display:block;margin-bottom:10px;color:#85b242;font-size:14px;
    }

.compraProdotto {
    display:block;border:1px solid #f2f2f2; 
    background-color:#efefef;
    background: -webkit-linear-gradient(left, #fdfdfd , #f2f2f2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #fdfdfd, #f2f2f2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #fdfdfd, #f2f2f2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #fdfdfd , #f2f2f2); /* Standard syntax (must be last) */
    padding:5px
}
.compraProdotto .addValutazione {
    background-image:url(/Content/imgsito/addValut.png);background-repeat:no-repeat;background-position:center left;
    padding-left:45px;max-width:90px;color:#333;height:40px;display:block;margin-left:10px;font-size:16px
}
    .compraProdotto .scontato {
        color:#85b242;display:block;font-size:15px;margin-bottom:5px
    }
    .compraProdotto .scontato .barrato{
        color:#10a4e4;padding-left:20px;position:relative
    }
        .compraProdotto .scontato .barrato img {
            position:absolute;margin-left:-5px
        }
        .compraProdotto a{
    display:inline-block;font-size:20px;vertical-align:middle;color:#555
}
.compraProdotto .numeroProdotti{
    display:inline-block;width:50px;vertical-align:middle
}
.compraProdotto .addCarr{
    display:inline-block;margin-left:10px;width:56px;height:43px;position:absolute;top:5px;right:0
}
    .compraProdotto .addCarr img{
        max-width:100%;
    }
.quarter {
    display:inline-block;width:24%;text-align:center;border-right:1px solid #ccc;height:60px;vertical-align:top;padding-top:10px
}

.stars {
border: 1px solid #eee;
padding: 0px 0px 0px 0px;width:100%
}
.star {
    display:inline-block;width:22px;height:22px;background-image:url(/content/imgsito/stelline/staroff.png);background-repeat:no-repeat;
    padding:0 !important;margin:0 !important
}

/*ELENCO PRODOTTI*/

.elencoProdotti {
    text-align:center;padding-top:20px;padding-bottom:50px
}
.elencoProdotti .prodotto{
    border:1px solid #ccc;width:210px;height:325px;display:inline-block;margin-left:5px;margin-right:5px;text-align:left;
    margin-top:30px;vertical-align:top;position:relative
    
}
.elencoProdotti .prodotto .imgcontainer{
    display:block;overflow:hidden;width:180px;height:160px;text-align:center;margin-bottom:10px
    
}
.elencoProdotti .prodotto .imgcontainer img{
    max-width:100%;

-webkit-transition: opacity 0.8s linear, -webkit-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
-moz-transition: opacity 0.8s linear, -moz-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
-o-transition: opacity 0.8s linear, -o-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
-ms-transition: opacity 0.8s linear, -ms-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
transition: opacity 0.8s linear, transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
    
}
 
.elencoProdotti .prodotto .titProd{
    display:block;font-size:14px;color:#0098D9;min-height:48px;
    
}
.elencoProdotti .prodotto .descrProd{
    display:block;font-size:14px;color:#525252
    
}
.elencoProdotti .prodotto .valut {
    display:block; background-color:#fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:0;height:30px
}
.elencoProdotti .prodotto .compraProdotto {
    display:block; background-color:#efefef;padding:0;height:42px;border:none
}

        .elencoProdotti .prodotto .compraProdotto .price {
            color:#333;font-size:20px;display:inline-block;padding:10px
        }

        .elencoProdotti .prodotto .compraProdotto .pricePromo {
            color:#333;font-size:20px;display:inline-block;padding-left:10px;padding-top:15px;;position:relative
        }

        .elencoProdotti .prodotto .compraProdotto .pricePromo span{
            color:#FA5760;font-size:14px;position:absolute;top:0
        }

.barraRed {
     background-color:#D14E5F;
     padding:10px 20px;
     font-size:24px;color:#fff;
}

.btnlogin {
    padding:5px 30px;color:#444;font-size:14px;background-color:#efefef;border:1px solid #ccc;text-align:center;font-weight:bold
}
.btnlogin:hover {
    color:#efefef;background-color:#444;border:1px solid #ccc;
}

/*TURNI*/
.turno {
    background-image:url(/content/imgsito/pallazzurro.png);
    background-position:20px 25px ;vertical-align:top;
    background-repeat:no-repeat;padding-left:25px;display:inline-block;width:40%;border:1px solid #eee;padding:20px;margin-right: 20px;
}
.turno .titfarma{
    color:#85b242;min-height:42px
}

.turno .indfarma{
   min-height:45px
}
.turno .vaiaindicazioni{
    background-color: #85b242;
padding: 10px 0px;
border: 1px solid #fff;
color: #fff;
font-size: 20px;width:100%;display:block;margin-top:20px
}
@media (max-width:599px) {
    .turno {
        display:block;width:92%
    }
}
/*CONTATTI*/
.contatticontent {
    padding:20px
}
.contatticontent h1{
    margin-bottom:30px
}
.contatticontent .formContatti {
    vertical-align:top;display:inline-block;width:60%
}
    .contatticontent .formContatti .label{
    margin-bottom:5px;font-size:16px
}
    .contatticontent .formContatti input[type=text]{
    margin-bottom:15px;font-size:14px
}
.contatticontent .contatti{
    vertical-align:top;display:inline-block;width:30%;margin-left:50px;word-wrap: break-word;
}
    .contatticontent .dovesiamo {
        display:block;margin-top:30px
    }
    .contatticontent .buttonContatti {
        background-color:#10a4e4;padding:10px 20px;border:1px solid #fff;color:#fff;font-size:20px;
    }
    .contatticontent .maintitle {
    font-size: 30px;
color: #1f1f1f;
font-weight: normal;
display: block;
    }
@media (max-width:599px) {
    .contatticontent .immaginefarma {
        width:100%
    }
    .contatticontent .contatti {
        width:100%;margin-left:0px;margin-top:15px;
    }
}

/*FOOTER*/
footer {
padding-bottom:20px;background-color:#85b242;
background: -webkit-radial-gradient(#CBE3A5, #85b242); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#CBE3A5, #85b242); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#CBE3A5, #85b242); /* For Firefox 3.6 to 15 */
    background: radial-gradient(#CBE3A5, #85b242); /* Standard syntax (must be last) */
}
    footer .footerblockcontainer {
    
    }

 footer h3 {
        color:#1f1f1f;font-size:20px;margin-bottom:15px
    }
        footer h3 img {
            vertical-align:middle;margin-right:5px;
        }
    footer .footerblockcontainer {
        padding:20px 0px 5px 30px;
    }

footer .footerblockcontainer .informazioni{
    display:inline-block;margin:0;vertical-align:top;width:37%;word-wrap: break-word;
}
    footer .footerblockcontainer .informazioni ul {
        list-style:none;
    }
        footer .footerblockcontainer .informazioni ul li {
            display:block;padding-left:15px;background-image:url("/content/imgsito/iconlifooter.png");
            background-position:0px 6px;background-repeat:no-repeat;margin-bottom:5px;
        }
            footer .footerblockcontainer .informazioni ul li a {
                font-size:14px;color:#444
            }

footer .footerblockcontainer .account{
    display:inline-block;margin:0;margin-left:-4px;vertical-align:top;width:25%;word-wrap: break-word
}
footer .footerblockcontainer .account ul {
        list-style:none;
    }
        footer .footerblockcontainer .account ul li {
            display:block;padding-left:15px;background-image:url("/content/imgsito/iconlifooter.png");
            background-position:0px 6px;background-repeat:no-repeat;margin-bottom:5px;
        }
            footer .footerblockcontainer .account ul li a {
                font-size:14px;color:#444
            }
footer .footerblockcontainer .newsletter{
    display:inline-block;margin:0;margin-left:-4px;vertical-align:top;width:35%;word-wrap: break-word
}

    footer .footerblockcontainer .newsletter .buttonfooter {
        background-color:#eee;border:1px solid #aaa;padding:5px 20px;color:#333;font-size:18px;border:none;float:right
    }



.sottoFooter {
    background-color:#fff;font-size:14px;padding:15px 30px;color:#444
}



/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }
    
    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

    label {
        display: block;
        font-size: 1.2em;
        font-weight: 600;
    }

    label.checkbox {
        display: inline;
    }

    input, textarea {
        border: 1px solid #e2e2e2;
        background: #fff;
        color: #333;
        font-size: 1.2em;
        margin: 5px 0 6px 0;
        padding: 5px;
        width: 300px;
    }

    textarea {
        font-family: inherit;
        width: 500px;
    }
    
        input:focus, textarea:focus {
            border: 1px solid #7ac0da;
        }

        input[type="checkbox"] {
            background: transparent;
            border: inherit;
            width: auto;
        }
        
    input[type="submit"],
    input[type="button"],
    button {
        background-color: #d3dce0;
        border: 1px solid #787878;
        cursor: pointer;
        font-size: 1.2em;
        font-weight: 600;
        padding: 7px;
        margin-right: 8px;
        width: auto;
    }

    td input[type="submit"],
    td input[type="button"],
    td button {
        font-size: 1em;
        padding: 4px;
        margin-right: 4px;
    }

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

#dataPager .aspNetDisabled {
display:none
}

.clearfix::after {
	content: "";
	clear: both;
	display: table;
}


.float-right {
float:right
}



.badge-cart {
	color: #fff;
	position: absolute;
	padding: 0;
	width: 17px;
	height: 17px;
	line-height: 1.5;
	text-align: center;
	top: 2px;
	left: 29px;
	display: inline-block;
	min-width: 10px;
	font-size: 12px;
	font-weight: bold;
	border-radius: 10px;
	background-color: #86b243;
}

select {
	border: 1px solid #e2e2e2;
	background: #fff;
	color: #333;
	font-size: 1.2em;
	margin: 5px 0 6px 0;
	padding: 5px;
}