/* Colori */

.greyback  {
	background-color: #DFDFDF;
}

.greenback {
    background-color: #C4E23F;
}

.whiteback {
	 background-color: white;
}

/* Basic stuff */

.mod-languages {
    width: 100px;
    display: inline-block;
    float: right;
    margin: 6px 0 -6px 0;
}



.cleared {
	width:100%;
	display:block;
	clear:both;
}

html, body {
    margin: 0px;
    padding: 0px;
}

body {
	
    background-image: url(../img/sfx4.jpg);
    background-attachment: fixed;
    background-size: cover;
}


.wrapper {
    width: 70%;
    margin: auto;
    max-width: 1200px;
    background-color: white;
    border-left: 1px solid #BFD7E2;
    border-right: 1px solid #BFD7E2;
    box-shadow: 0px 0px 15px black;	
}

.footer .wrapper {
	
    background-color: transparent;
    box-shadow: none;
    border: none;
}

.topper {
    height: 123px;
    overflow: hidden;
    text-align: center;
    display: flex;	
}


.menu {
    height: 46px;
    background-image: url('../img/menubackground.png');
    background-repeat-y: no-repeat;

}




.content .left {
    width: calc(64% - 12px);
    float: right;
    display: inline-block;
    padding-right: 10px;

}

.left img, .right img {
    max-width: 100%;
    margin-bottom: -6px;
}


.content .right {
    width: 36%;
    float: left;
    display: inline-block;
    max-width: 422px;
}



.footer {
	min-height:431px;
	background-color:#1e2b37;
	padding:2%;
    clear: both;
    border-top: 1px solid #000000;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e2b37+0,0b141c+100 */
background: rgb(30,43,55); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(30,43,55,1) 0%, rgba(11,20,28,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(30,43,55,1) 0%,rgba(11,20,28,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(30,43,55,1) 0%,rgba(11,20,28,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e2b37', endColorstr='#0b141c',GradientType=0 ); /* IE6-9 */

}

.copyright a{
	color:white;
	text-decoration:none;
}


.copyright {
    text-align: center;
    clear: both;
    vertical-align: bottom;
    margin-top: 5%;
    margin-bottom: -2%;
}

/* ///////  */


img#logo {
    float: left;
}



.intopper {
    width: 32%;
}


.topper .intopper {
    display: inline-block;
    padding: 10px;

    vertical-align: top;
}

.intopper.uno{
    min-width: 350px;
    padding-left: 0;
}

.intopper.due {
    padding-top: 43px;
    margin-left: 6%;
}

.intopper.tre {
    padding-top: 30px;
    font-size: small;
    text-align: right;
    color: #214478;
    font-family: lobster;
	}

.intopper img {
	max-width:100%;
}

.phone {
    display: block;
    background-image: url('../img/phone.png');
    background-size: contain;
    padding: 15px 0px 0px 2px;
    font-size: 1.6em;
    height: 40px;
    width: 215px;
    color: #80B121;
    font-family: arial black;
    background-repeat: no-repeat;
    margin: 0 0 10px auto;
    text-align: center;
}
.mailinghead .undermail ul li a {    color: white;    margin-left: 2%;}
input#searchbutton {
    background-image: url(../img/searchbutton.png);
    width: 32px;
    height: 31px;
    border: none;
    vertical-align: middle;
    margin-left: 5px;
}

.intopper.due.searchtop form {
    background-color: #72B732;
    padding: 5PX;
    DISPLAY: -webkit-inline-box;
}

input#searchform {
    height: 25px;
    border-radius: 5px;
    border: 1px dotted black;
	width:180px;
}

p.centered {
    text-align: center;
	margin:0;
}

.medium {font-size:1.5em;}

/* ///// Recall sx homepage ///// */

.call h3 {
    margin: 0;
    padding: 5px;
}

.greenbg h3 {
    background-color: #80B121;
    color: white;
}


.redbg h3 {
    background-color: #218F8F;
    color: white;
}

.blu {
	color:#214478;;
}


.call img {
	display:block;
	max-width:100%;
}

.call {
    max-width: 347px;
    margin: auto;
}

/* ////////// */

/* ///  Form mailing home /// */

.mailinghead form {
    background-image: url(../img/lookup.png);
	background-size: contain;
    min-height: 165px;
	width:100%;
	background-repeat:no-repeat;
    padding-top: 48%;
}


.lookup {
    background-image: url(../img/blucenter.jpg);
    background-size: contain;
    margin-top: 25%;
	max-width:422px;
}


.mailinghead input[type="text"] {
    width: 40%;
    display: block;
    margin: 0 25% 0 auto;
    clear: both;
}

.mailinghead input[type="submit"] {
    background-color: #1478CD;
    border: 1px solid black;
    padding: 1.5%;
    border-radius: 3px;
    display: block;
    margin: 2% 43% auto;
}


.registrati {
    font-size: 1rem;
    width: 61%;
    margin: auto;
    color: white;
    text-align: center;
    font-family: lobster;
}
.registrati img {
    vertical-align: middle;
    float: left;
    margin-top: -5%;

}



.undermail ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    margin: auto;
    float: none;

}

.undermail ul li {
    min-height: 25px;
    margin: 0 0 0 0;
    padding: 5px 0 0 0;

	color:white;
}

.undermail {
    width: 62%;
    margin: 0 auto 0 17%;
        text-align: center;
}


.undermail ul li:nth-child(even) {
    background-color: #0C4374;
}

.undermail ul li:nth-child(odd) {
    background-color: #228CEA;
}

/* //////////// */

/*  /////  Slider  /////////  */

.slider img {
    max-width: 100%;
}


.slider h1, .slider h2, .slider h3, .slider h4, .slider h5 {
    font-family: arial;
}
/* /////// */


/*  /// Contact homepage ///  */

.trova h1 {
    font-size: 1.5em;
    margin: 1% 0 1.6% 0;
    border-bottom: 1px dotted black;
    color: #218F8F;
}

.map {
    width: 36%;
    margin-right: 1%;
    float: left;
    border: 2px solid white;
}


.contacts h3 {
    margin: 0;
}

.contacts {
    font-size: .8em;
    width: 62%;
    float: right;
	padding-top: 1%;
}


.trova {

    padding: 1.5%;
	margin-top:5%;
}

.trova > div {
    background-color: white;
    overflow: auto;
    overflow-y: hidden;
}



/*  ///////////  */



/* //// Shop //// */

.prodcontainer span.hikashop_product_price {
    font-size: 2em!important;
}

h1 span#hikashop_product_name_main {
    font-family: sans-serif;
}

div#hikashop_product_right_part {
    padding-top: 5%;
}


div#hikashop_product_bottom_part {
    width: 80%;
    margin: auto;
    padding: 0% 2% 2% 2%;
    BACKGROUND-COLOR: #E6FFB5;
    border-radius: 5px;
    border: 1px dotted #3A9120;
    line-height: 150%;
}


div#hikashop_product_top_part {
    padding-left: 2%;
}

.hikashop_product_right_part {
    float: right!important;
    padding-left: 1px;
}

.prodcontainer {
    width: 70%;
    margin: auto;
}


h3.striped:after {
    content: "";
    height: 50px;
    display: inline-block;
    width: 27px;
    position: relative;
    padding: 0px;
    margin: 0px -40px -9px 0;

    top: 15px;
    background-image: url(../img/blutail.png);
    background-repeat: no-repeat;
float: right;
}


h3.striped:before {
    content: "";
    height: 63px;
    display: inline-block;
    width: 9px;
    position: relative;
    padding: 0px;
    margin: 0px -31px -17px -12px;
    margin-left: 22px;
    top: 2px;
    left: -38px;
    background-image: url(../img/titlestart.png);
    background-repeat: no-repeat;
}
.tooltip {
    display: none!important;
}

h3.striped {
    background-image: url(../img/blu4.png);
    background-repeat: repeat-x;
    padding: 5px 16px 12px 15px;
    height: 52px;
    font-size: 1.4em;
    color: white;
    margin: 0px 0px 0 0px;
    position: relative;
    display: inline-block;
    left: -8px;
    background-position: -3px 20px;
	max-width:95%;
	
}


h3.striped span {
    overflow: hidden;
    display: inline-block;
    height: 37px;
    margin-bottom: -9px;
	font-family:"lobster";
	}
	
	
.trova.greyback .striped {
    margin-left: -1.5%;
	margin-bottom:2.5%;
}



h3,h1,h2 {
	font-family:"lobster";
    letter-spacing: 1.1px;
}

.vetrina {
    padding-top: 2%;
}


.shop {
    /* margin: 2% 2% 2% 2%; */
    display: block;
}

.leftfull .custom img {
    max-width: 100%;
    margin: auto;
    display: block;
}

.hikashop_footer a {
    font-size: .5em;
    color: #7FB019;
}

/* Prodotti Shop */

.hikashop_category_description img {
    float: left;
    vertical-align: top;
    margin: -1% 5% 0 0;
}


/* //////// */

.footer .footerblock {
    width: 25%;
    float: left;
    margin-right: 3%;
	color:white;
	line-height:130%
}


 .footerblock img
{
	    max-width: 100%;
}

 .footerblock p > span
{
	display: block;
    padding: 3%;
    margin: 0 0 5% 0;
}


.footerblock h4, .minifooterblock  h4, .footerblock h3, .minifooterblock  h3{
    padding: 5% 7% 5% 7%;
    color: white;
    font-family: "lobster";
    font-size: 1.7em;
    letter-spacing: 2px;
    margin: 0 0 5% 0;
}

.minifooterblock {
    display: inline-block;
    clear: right;
    min-height: 100px;
}



.minifooterblock img {
    display: block;
    clear: both;
    float: none;
    margin: 0 auto 9% auto;
    max-width: 100%;
}

.footer1 h4, .footer1 h3 {
    background-color: #58626b;
}

.footer2 h4, .footer2 h3 {
    background-color: #337d70;
}

.footer3 h4 , .footer3 h3{
    background-color: #774d3e;
}

.footer4 h4 , .footer3 h3{
    background-color: #125DA0;
	display:none;
}


.footerblock.footer3 ul {
    margin: 0;
    padding: 0;
}
.footerblock.footer3 ul li {
    background-image: url(../img/v.png);
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    list-style-position: inside;
}


.footerblock.footer3 ul li {
    background-image: url(../img/v.png);
    list-style: none;
    margin-left: 0;
    list-style-position: inside;
    background-size: 23px;
    background-repeat: no-repeat;
    background-position: 0px 4px;
    padding: 2%;
    padding-left: 29px;
}

.social {
    border-top: 2px solid white;
    margin-top: 2%;
    color: white;
    padding: 7px 0 0 7px;
    clear: left;
}




.menu #gruemenu > ul > li > a {
    padding: 18px 25px 6px 25px;
}

.menu #gruemenu.grue_94 ul ul li:last-child > a {
    background-color: #C8C8C8!important;
    font-size: 1.2em!important;
}

/* // Breadcrumbs // */

ul.breadcrumb li.active {
    font-weight: bold;
}
ul.breadcrumb li {
    float: left;
    margin-right: 1%;
    font-size: .8em;
}

ul.breadcrumb {
    display: block;
    height: 10px;
    padding: 0.5% 1% 1% 3%;
    margin: 0 0 1% 0;
    list-style: none;
    border-bottom: 1px dotted #848484;
}

a.pathway {
    text-decoration: none;
    color: grey;
}


.copyright {
	    text-align: center;
    clear: both;
    vertical-align: bottom;
    margin-top: 0%;
    padding: 5px;
    color: white;
    background-color: #1E2B36;
}



 
.undermail .moduletable {
    overflow-y: hidden;
}





/* //////// */


/*  ///  Contenuti  ///  */

.content .custom img {
    max-width: 100%;
    margin: auto;
    display: block;
}

.page-header h1 {
    color: #80B121;
    border-bottom: 1px dashed #415A11;
    padding-bottom: .5%;
    margin-bottom: .5%;
} 


.items-leading .page-header h2 {
    color: #214478;
}


.category-desc.clearfix {
    line-height: 150%;
    color: grey;
}

.category-desc.clearfix img {
    max-width: 100%;
}

.items-leading.clearfix {
    color: #3A3A3A;
    line-height: 140%;
}

/*  /// Servizi farmacia ///  */
.pull-left.item-image {
    float: left;
    margin-right: 2%;
    width: 30%;
	min-width:100px;
	max-width:150px;
    border-radius: 10%;
    overflow: hidden;
    border: 1px solid #C7C7C7;
}



/* // Overwrite stili menu mobile // */


.menu div#gruemenu {    background-color: transparent;}

.menu div#gruemenu ul li {    height: 45px;	}

.menu div#gruemenu ul li  a {    background-color: transparent!important;    color: #435D11!important;    font-size: 1.1em;    text-decoration: none;   }

ul.sub-menu {
    background-color: #C5E684;
    margin: 5px 0 0 -5px!important;
    color: white!important;
}

 .menu div#gruemenu ul li.active > a {
    color: red!important;
}


.menu #gruemenu.grue_94 ul ul li a {
	 font-size: 1.2em!important;
}

.menu #gruemenu.grue_94 ul ul li:last-child > a {
     background-color: transparent!important; 
     font-size: 1.2em!important; 
}



li.hikashop_category_list_item.current.active a {
    color: #72B832;
}

#gruemenu.grue_94 ul ul li{
	    margin-top: -6px!important;
    height: 100%;
    width: 100%;
}


.menu #gruemenu.grue_94 ul ul li a {
    font-size: 1.2em!important;
    margin: 0!important;
    padding: 17px 10px 10px 10px!important;
}


#gruemenu.grue_94 ul ul li:hover {
    background-color: white;
    margin-top: -6px!important;
    height: 100%;
    width: 100%;
}
#gruemenu.grue_94 ul ul li:hover > a {
    color: #214476!important;
}


/** ///  Contact  ///  **/

.contact.contatti {
    padding: 0% 10% 10% 10%;
}


.contact-form fieldset {
    padding: 7% 10% 10% 10%;
}


dd {
    margin-bottom: 1%;
}
dt {
    display: inline-block;
    float: left;
}


.contact.contatti h1, .contact.contatti h2, .contact.contatti h3, .contact.contatti h4 {
    color: #214478;
}


.control-group {
    margin: 0 0 2% 0;
}


.controls input {
    padding: 1%;
    font-size: 1.2em;
    border-radius: 5px;
}


.control-label label {
    margin: 2% 0 1% 0!important;
    display: inline-block;
    color: #214478;
}


/*  //// Search //// */

.search {
    padding: 2%;
    margin: 2% 2% 2% 2%;
    background-color: #769E50;
    display: block;
}

.search .pull-left {
    display: inline-block;
    margin: auto;
}


.btn-toolbar {
    text-align: center;
}

.btn-toolbar input {
    padding: 2%;
    border-radius: 10px;
}

dt.result-title {
    margin-right: 3%;
}

.search a, dt.result-title a {
    color: #203F79;
}


.intopper.tre .custom {
    text-align: center;
    margin-top: -10px;
}


@media screen and (min-width: 1620px) { 

.lookup {
    background-size: 96% 100%;
}

.undermail {
    width: 59%;
}

}

@media screen and (max-width: 1350px) { 

.wrapper{
	width:80%
}

}




@media screen and (max-width: 1250px) { 

.wrapper{
	width:90%
}

}




@media screen and (max-width: 1015px) { 

.wrapper{
	width:99%
}

.minifooterblock h4 { display:block; }

.footer .footerblock, .footer .minifooterblock {
    width: 47%;
    float: none;
    display: inline-block;
    margin-right: 2%;
    color: white;
    vertical-align: top;
    line-height: 130%;
    margin-bottom: 4%;
}



}




@media screen and (max-width: 930px) { 

.hikashop_product_main_image_subdiv {
    width: 100%!important;
}

.hikashop_product_main_image_subdiv img {
    max-width: 100%;
}


.content {
    overflow-x: hidden;
}


.trova h1 {
    font-size: 2.8vw;
}

.wrapper{
	width:99%
}


.intopper.due{
	display:none;
}

.topper {

    display: initial;
}

.intopper.tre{
    width: 250px;
}


.slider {
    padding-left: 1%;
}




}


@media screen and (max-width: 780px) {
	
.hikashop_product {
    width: 50%!important;
}
	
	
.contact-form fieldset {
    padding: 0;
}

.controls input, .controls textarea {
    max-width: 75%;
}

	
	.registrati img {

    float: left;
}
#navigation-toggle {    top: 273px!important;}

.menu {    background-image: none;}

	
}


@media screen and (max-width: 670px) { 

.trova h1 {
    font-size: 4vw;
	
}

.intopper.due {
    padding-top: 23px;
    display: block;
    float: right;


}

.intopper.tre {
    float: none;
    margin: auto;
    display: block;
   
}

input#searchform {
    width: 100%;
}

.intopper.due.searchtop form {
	
	width:95%;
}

.intopper.due {

     margin-left: 0%; 
}


/* Content reduction */

.content .right {
    width: 100%;
    float: none; 
    display: inline-block;
    max-width: 100%;
}


.content .left {
    width: 90%;
    float: none; 
    margin: auto;
    display: block;

}


.call {
     max-width: 100%; 
	 margin-bottom:5%;
}

.call  img{
    width: 100%;
}

.call h3 {
    margin: 0;
    padding: 5px;
    font-size: 2em;
}


.lookup {

    margin: auto;
}


.vetrina {
    padding-top: 2%;
    margin: 2% 1.7% 5% 1.7%;
}



}



@media screen and (max-width: 582px) {
	
	
.hikashop_product_left_part {
    
     float: none; 
     width: 100%; 
}
	
img#logo {
     float: none; 
}

.intopper.due {
    padding-top: 23px;
    display: block;
    margin: auto;
    width: 65%;
    float: none;
    
}

.intopper.due.searchtop form {
	width:100%;
    display: block;
}

input#searchform {
    width: 80%;
}


.intopper.tre {
    float: none;
    margin: auto;
    display: table;

}

.intopper.uno {
    min-width: 100%;
    padding: 2% 0 0 0;
}

.trova h1 {
    font-size: 7vw;
    text-align: center;
}


.topper {
    height: auto;
    background-color: #C4E6FF;
    display: block;
}


.map {
    width: 99%;
    margin-right: 1%;
}

.contacts {
    font-size: 1em;
    padding: 2%;
	overflow:auto;	
	float: none;
    width: auto;
}

.contacts h3 {
    margin: 0;
    font-size: 5.8vw;
    text-align: center;
}

.trova > div {
    overflow: hidden
}

.contacts  ul {
    margin: 0;
    padding: 0 0 0 6%;
}




img#farmaimg {
    width: auto;
    max-width: initial;
    height: auto;
    display: block;
}


	}
	



@media screen and (max-width: 325px) {

h3.striped {

    font-size: 1.5em
}
	
.hikashop_product {
    width: 100%!important;
}
	
	
span.hikashop_product_name a {
    word-wrap: break-word;
}
	
	
	
.minifooterblock {
    width: 100%!important;
}


.minifooterblock img {
    display: block;
    clear: both;
    float: none;
    margin: 0 auto 9% auto;
    max-width: 100%;
    width: auto;
}		
		
		
		.lookup {
    background-image: url(../img/blucenter.jpg);
    background-size: contain;
    margin-top: 25%;
    max-width: 422px;
    height: auto!important;
    min-height: auto!important;
}


.footer .footerblock {
    width: 100%;
}



	}


.footer .hikashop_category_list_item a {
    color: #4EBDAA!important;
}

.footer .hikashop_category_list_item a:hover {
    color: #FFFFFF!important;
}