@import url("arion-fonts-codes.css");
@import url("arion-fonts-embedded.css");
@import url("arion-fonts.css");
@import url("font-awesome.css");
@import url("colors.css");

@import url("com_phocagallery-custom.css");
@import url("com_jevents-custom.css");
@import url("mod_eprivacy-custom.css");
@import url("com_alfcontact-custom.css");
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700);


body.white .moduletable_menu, body.white .moduletable-menu, body.white .moduletable {
border: solid 0px #A30006 !important;
}
.category th, .module-title {
    font-size: 110%;
    font-weight: bold;
    margin: 0;
  line-height:1.4em !important;
}
/*
body.white a:hover {
    background-color: #A30006 !important;
    color: #FFFFFF !important;
}
*/
.img-intro-left {float:left;}.article-intro {clear:both;}

.instagram-media {
  display:block;
}

/*PARALLAX SLIDER Import Responsive css*/
/* LARGE DESKTOP & UP
----------------------- */
@media (min-width: 1200px)  {
  .ps-slide .ps-title {
    font-size: 20px;
  }
}
/* PORTRAIT TABLET TO DEFAULT DESKTOP
---------------------------------------*/
@media (min-width: 768px) and (max-width: 979px) {
  .ps-slide .ps-title {
    font-size: 20px;
  }

}
/*LANDSCAPE PHONE TO SMALL DESKTOP & PORTRAIT TABLET
------------------------------------------------------*/
@media (max-width: 767px) {
  .ps-slide .ps-title {
    font-size: 20px;
  }

}
/*UP TO LANDSCAPE PHONE
------------------------*/
@media (max-width: 480px) {
  .ps-slide .ps-title {
    font-size: 20px;
  }

}
/* FINE PARALLAX SLIDER Import Responsive css*/

h3 {
font-size:130% !important;
 }

h2 {
font-size:150% !important;
 }

h1 {
font-size:170% !important;
 }

[class^="icon-"]:before, [class*=" icon-"]:before {
    padding-right: 5px;
}

.img-intro-left img {    
  height: 150px!important;
  max-width: 100%;
  display:block;
  margin:auto;
  
  
}

.img-intro-left {
  width:100% !important;
  margin:auto;
}

.btn-home {
  float:left;
  position: relative;
  padding:0.5% !important;
  line-height:3em !important;
  margin:0.5% !important;
  font-weight:bold;
  text-align:center;
  /*font-size:1.3em !important; */
}

body.white a:hover {
    background-color: #ffffff;
  color:#A30006;
  transition: background-color 0.5s ease-out;

}



body.white a {
  transition: background-color 0.5s ease-out;

}

body.white div#footer a {

    padding: 0.15em !important;
}

.btn-home-riga2 {
  float:left;
  position: relative;
  padding:0.5% !important;
  line-height:2.5em !important;
  margin:0.5% !important;
  font-weight:bold;
  text-align:center;
  border-left:1px solid #ffffff !important;
  border-right:0px solid #ffffff !important;
  border-top:0px solid #ffffff !important;
  border-bottom:0px solid #ffffff !important;
  /*font-size:1.3em !important; */
}

.btn-home-riga2-primo {
  float:left;
  position: relative;
  padding:0.5% !important;
  line-height:2.5em !important;
  margin:0.5% !important;
  font-weight:bold;
  text-align:center;
  border:0px solid #ffffff !important;

  /*font-size:1.3em !important; */
}

a.btn-home-riga2 hover {
background-color:#ffffff !important!
}

.category-desc {
font-size:15.3667px;
}
 
@media (min-width: 1367px) {
  .btn-home {
      width: 14% !important;
  }
  
  .btn-home-riga2 {
      width: 12% !important;
  }
}


@media (min-width: 1201px) and (max-width: 1366px)  {
  .btn-home {
      width:14% !important;
  }
  .btn-home-riga2 {
      width: 12% !important;
  }
}
/* LARGE DESKTOP & UP
----------------------- */
@media (min-width: 980px)  and (max-width: 1200px) {
  .btn-home {
      width: 14% !important;
  }
  .btn-home-riga2 {
      width: 12% !important;
  }
}
/* PORTRAIT TABLET TO DEFAULT DESKTOP
---------------------------------------*/
@media (min-width: 768px) and (max-width: 979px) {
  .btn-home {
      width: 14% !important;
  }
  .btn-home-riga2 {
      width: 12% !important;
  }

}
/*LANDSCAPE PHONE TO SMALL DESKTOP & PORTRAIT TABLET
------------------------------------------------------*/
@media (min-width: 481px) and (max-width: 767px) {
  .btn-home {
      width: 47% !important;
	height: 50px !important;    
  }
  .btn-home-riga2 {
      width: 47% !important;
    	height: 50px !important;
  }
}

/*UP TO LANDSCAPE PHONE
------------------------*/

@media (max-width: 480px) {
  .btn-home {
      width: 96% !important;
  }
  .btn-home-riga2 {
      width: 96% !important;
  }
}

.homepage {
  margin: 0 auto !important;
  padding-left:1%;
}

.homepage-riga2 {
  padding-left:1%;
}

.homepage-riga3 {
  clear:left;
  width:100% !important;
  padding-left:1%;
  color:#000000;
  text-align:right;
  font-size:80% !important;
}

.homepage-riga3 a {
  color:#000000 !important;
  text-decoration:none !important;
}

.homepage-riga3 a:hover {
  color:#000000 !important;
  background-color:transparent !important;
  text-decoration:none !important;
}


@media (min-width: 768px) {

.homepage-riga2 {
 /* margin-left:24.6%; */
  margin-left:-1%;
  padding-left:1%;
  overflow:hidden;
  width:101% !important;
  background-color:#A30006;
  /* margin-bottom:30px; */
}
.homepage-riga3 {
 /* margin-left:24.6%; */
  margin-left:-1%;
  padding-left:1%;
  overflow:hidden;
  width:101% !important;
  background-color:trasparent;
  /* margin-bottom:30px; */
}
.homepage {
  margin: 0 auto !important;
  overflow:hidden;
    width:100% !important;
  padding-left:9%;
} 


}

@media (max-width: 767px) {

.homepage-riga2 {
  margin: 0 auto;
}

}

/*
div#wrapper {
  padding:1% !important;
}
*/
div#footer {
  width: 102.2% !important;
  margin-left: -1.1%;
  overflow:hidden;
  background-color: #e2e9e2;
/*  min-height:150px; */
}

@media (min-width: 768px) {
div#footer .moduletable {
  width:13%;
	float:left;
  position:relative;
    padding-left:20px;
}

div#footer .modulecontatti {
  width:35% !important;
	float:left;
  position:relative;
}
  

}

 div#footer .footerlogo {
text-align:center !important;
}

@media (min-width: 481px) and (max-width: 767px)  {
div#footer .moduletable {
  width:28%;
	float:left;
  position:relative;
    padding-left:20px;

}

div#footer .modulecontatti {
  width:60% !important;
	float:left;
  position:relative;
    min-height:100px;
}
  
 div#footer .footerlogo {
  width:30% !important;
	float:left;
  position:relative;
}
  
    .footerbasso {
    text-align:center !important;  
  }

  
}

@media (max-width: 480px)  {
div#footer .moduletable {
  width:30%;
	float:left;
  position:relative;
  margin-bottom:20px;
  padding-left:1%;
}
  
div#footer .modulecontatti {
  width:60% !important;
	float:left;
  position:relative;
    min-height:100px;
}
  
 div#footer .footerlogo {
  width:30% !important;
	float:left;
  position:relative;
}
  .footerbasso {
    text-align:center !important;  
  }

  
}


.footerbasso {
  width: 100% !important;
  margin-bottom: 10px;
  /* overflow:hidden; */
  background-color: #e2e9e2;
  min-height:30px;
  border-top: 1px solid #A30006;
  text-align:right;
  margin-right:5% !important;
}


div#footer a img {
width:20px;
padding:0 !important;

}



#footer a img {
width:20px;
padding:0 !important;

}

div#footer a:hover {
background-color:transparent !important;
  color:#A30006 !important;
}

.divider  {
width:100% !important;
  font-weight:normal !important;
}

ul.menucolonna100 li {
width:100% !important;
}

ul.menucolonna100 li a {
text-decoration:none !important;
  width:100% !important;
  text-transform:none !important;
  font-size:100% !important;
  font-weight:normal !important;
}

ul.menucolonna100 li a:hover {
color:#A30006 !important;
 background-color:transparent !important;
  width:100% !important;
}

#footer ul.menu li {
    margin: 0 !important;
}


body.white div#footer .padding {

    background-color: #cfd7cf !important;
    border: none !important;
  margin-top:0 !important;
}


.kcontent {
  padding:5px;

}

.kmsgtext {
    font-size:16px !important;
}

body #Kunena input.kbutton, body #Kunena button.kbutton {
      font-family: "Titillium Web",Arial,Helvetica,sans-serif !important;
  font-size:11px !important;
}

#Kunena div.kthead-title a {
  font-family: "Titillium Web",Arial,Helvetica,sans-serif !important;  
}

#Kunena .kheader h2, #Kunena .kheader h2 a, #Kunena .kheader h3, #Kunena .kheader h3 a {
    color: #A30006 !important;
}

.ic-title-cat {
  color:#A30006 !important;
}

.menu a {
  text-transform:uppercase !important;
}

.module-title {
  text-transform:uppercase !important;
}

.article-body{
  font-size:120% !important;
}

.mooblock-title {
    color: #333b62;
    text-align: left;
    background: url("/images/icon-showhide1.png") no-repeat -24px -1px;
    padding-left: 22px;
    margin: 0.7em 0 0;
}
.mooblock-title.expanded {
    background-position: 0 -28px;
}
.mooblock-el {
    padding-left: 22px;
}

.column_left {
    width: 65%;
}

.column_right {
    width: 33%;
}

.ps-slide .ps-title {
  font-size:200% !important;
    font-weight: bold !important;
}

button.close {
 visibility: hidden;
}

.tooltipster-base {
  background-color:#99AA99 !important;

}

.tooltipster-content {
    font-family:"Titillium Web",Arial !important;
  font-size: 16px !important;
  line-height:20px;
}

#dpc-event-view-202 {
  height:1px !important;
}

.bt-cs .bt-inner .bt-title {
    clear: both;
    color: #A30006;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 150%;
    display: inline-block;

  text-decoration:none;
  text-align:center !important;
}

.bt-title {
 margin: 0 auto !important;
   font-size:20px !important;
}

div#menu-top {
    margin-top: 1em;
}


.TitleFooter {
    color: #ffffff;
    background-color: #A30006;
    padding: 0.1em 0 0.1em 0.5em;
}

#footer img {
    width: 50%;
   padding-left: 0.5em !important;
    padding-top: 0.5em !important;
}

div#footer {
    text-align: left !important;
  padding-left: 0.2em ;
  margin-bottom:40px;
}


div#footer .social {
  width:96% !important;
  float:left;
  position:relative;
  text-align:right;
  border-bottom:1px solid #A30006 !important; 
margin-bottom:10px !important;
padding-bottom:10px !important;
  padding-left:% !important;
  margin-left:1%;
}

#footer .social ul.menu li{
  font-weight:normal !important;
}

body.white .btn_home_alta {
    border: none !important;
    background-color: #A30006;
    color: #ffffff;
    padding: 5% 3% 5% 3% !important;
    line-height: 3em !important;
    margin: 0.5% !important;
    font-weight: bold;
    text-align: center;
  font-size:120% !important;

}

.ui-accordion-header {
  font-size: 110% !important;
}

.row-fluid {
  font-size:110% !important;
 

}
.eventblogdescription {
  width:48%;
  float:left;
    margin:1%;
}
.eventblogimage {
  width:48%;
  float:left;
    margin:1%;
}

.eventblogimagelist {
  width:20%;
  float:left;
    margin:1%;
  max-height:150px;
  vertical-align:middle;
}

.eventtextlist {
  width:64%;
  float:left;
    margin:1%;
  height:120px;

}
.span6.eventblogimagelist {
  width:30%;
  float:left;
    margin:1%;
  height:120px;
  vertical-align:middle;
}
.md6 {
  width:48%;
  float:left;

}

ul.inline, ol.inline {
    margin-left: 0;
    list-style: none;
}

.pager {
    margin: 18px 0;
    list-style: none;
    text-align: center;
}

ul.inline > li, ol.inline > li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding-left: 5px;
    padding-right: 5px;
}

.previous {
  border: 1px solid #A30006;
  border-radius:10px;
  margin: 10px !important;
  padding: 10px !important;
  
}

.previous a:link {
  text-decoration:none !important;
}

.next {
  border: 1px solid #A30006;
  border-radius:10px;
  margin: 10px !important;
  padding: 10px !important;
  
}

.bt-cs .next {
  border: none !important;
  border-radius:10px;
  margin: 10px !important;
  padding: 10px !important;
  
}


.next a:link {
  text-decoration:none !important;
}

.item-image {
 text-align:center;
}

.intraevent {
  clear:both;
  border-bottom: 1px solid #A30006;
  margin-bottom: 20px;
}
.item-image img {
 max-width:100%;
  border-radius:30px;
 position:relative;
    left:0;
    right:0;
    margin:auto;
   max-height:400px;
}

.list-title {
  
  width:100%;
  font-size:130%;

}

.list-title span {
  padding-top:30px !important;
    text-transform: uppercase !important;
}

.event-start-date {
 /* font-size:150% !important; */
  font-weight:bold;
}

.list-author {
    font-size:120% !important;
}

.pull-right {
      font-size:120% !important;
}

.list-striped {
  line-height:1.4em !important;
}

.dp-event-details-images {
  height:100% !important;
}

#droppicsgallery201.droppicsgallerypolaroid .img {
    width: 60% !important;
}

.level-2 a{
  text-transform: Capitalize !important;
  font-style: normal !important;
}

@media screen and (min-width: 1210px)
{  
.a2a_default_style {
  bottom:0px;
  right:0px;
  visibility:hidden;
}

.a2a_vertical_style {
  right:0px; 
  bottom:0px;
}
}

@media screen and (max-width: 1209px)
{  
.a2a_default_style {
  bottom:0px;
  right:0px;
  
}

.a2a_vertical_style {
  right:0px; 
  bottom:0px;
  visibility:hidden;
}
}

.ui-accordion-header {
  font-weight:normal !important;
  text-transform: uppercase !important;
}

.dropfiles-single-file .droptitle {
    color: #A30006;

}
.breadcrumbs {
  text-transform:lowercase !important;
}

.eventblogimagelist img {
  height:120px !important;
}

.img-fulltext-left img {
  max-width:50%;
  margin: 0 auto;
  position:relative;
  
}

.social a img{
  height:20px;
  width:20px !important;
  float:left;
  position:relative;
  display:inline;
}

.list-title.span7.col-md-7 {
  line-height:2.2em !important;
  background-image: url("/images/social_logos/ico_contact.png");
  background-repeat: no-repeat;
  padding-left:40px;
}

.list-title.span7.col-md-7 a {
font-size:95% !important;
  font-weight:bold;
}

.droppicsgallerydefault span {
  font-size:0.9em !important;
}
/*
.wcat.wimg {
height: 250px !important;
width:25% !important;
}


.droppicsgallerydefault span {
 bottom: 0px !important;
}
*/

.droppicsgallerybxslider .droppicscats span {
  font-size: 0.9em !important;
}

#acymodifyform{
  font-size:120% !important;
}

.acymailing_divCountryCode {
  display:none !important;
}

.acymailing_buttonCountryCode {
    display:none !important;
}

.rosso {
  color:#A30006 !Important;
}

.jmb-cm.jmb-cm-round .jmb-cm-item-img img {
      border-radius: 0 !important;
  height:150px !important
}

.jmb-cm.jmb-cm-round .jmb-cm-item-img {
  border-radius: 0 !important;
  padding: 0 !important;
      width: 120px;
    float: left;
}

 .jmb-cm.jmb-cm-round .jmb-cm-item-title {

   font-size: 110% !important;
   text-align:left;
   padding-left: 140px;
}

.jmb-cm.jmb-cm-round .jmb-cm-item {
 /* min-height:300px; */
  width:100% !important;
}

.jmb-cm-item-contact {
  font-size:90%;
  font-weight: bold;
   text-align:left;
   padding-left: 140px;
}

.tooltip-inner {
  background-color:#f2f2f2 !important;
  color:#000000 !important;
  opacity:10 !important;
}


.dp-container div[class="tooltip-inner"] {
 font-size:100% !important;
    color:#000000 !important;

}

div.tooltip {
      background-color:#f2f2f2 !important;
}

img.svgimage {
  width:100%;
}

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

.svgcontainer  {
 display: inline-block;
 position: relative;
 width: 100%;
 padding-bottom: 57%; /* depends on svg ratio, for my zebra height/width = 1.2 so padding-bottom = 50% * 1.2 = 60% */
  vertical-align: middle; /* top | middle | bottom ... do what you want */
}
  
.svgcontainerdx  {
 display: inline-block;
 position: relative;
 width: 100%;
 padding-bottom: 57%; /* depends on svg ratio, for my zebra height/width = 1.2 so padding-bottom = 50% * 1.2 = 60% */
  vertical-align: middle; /* top | middle | bottom ... do what you want */
}

.svgimage {
    display: block;
  position: absolute;
  top: 0;
  left: 0;
}
  
.tabellaresponsive {

 position: relative;
  float:left;
 width: 100%;   
  }
  
.colonneresponsive {
   position: relative;
  float:left;
    width:100%;
    padding:0 15px;
  } 
  
}


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

.svgcontainer  {
 display: inline-block;
 position: relative;
  float:left;
 width: 50%;
 padding-bottom: 30%; /* depends on svg ratio, for my zebra height/width = 1.2 so padding-bottom = 50% * 1.2 = 60% */
  vertical-align: middle; /* top | middle | bottom ... do what you want */
}

.svgcontainerdx  {
 display: inline-block;
 position: relative;
  float:left;
 width: 50%;
  margin-left:-1px;
 padding-bottom: 30%; /* depends on svg ratio, for my zebra height/width = 1.2 so padding-bottom = 50% * 1.2 = 60% */
  vertical-align: middle; /* top | middle | bottom ... do what you want */
}

.svgimage {
    display: block;
  position: absolute;
  top: 0;
  left: 0;
}
  
.tabellaresponsive {
 position: relative;
  float:left;
 width: 50%;   
  }
  
.colonneresponsive {
   position: relative;
  float:left;
    width:48%;
    padding:0 1%;
  min-height:280px; 
  }
}

.cella50 {
  width:50% !important;
  min-width:50% !important;
}


.osmap-items {
  text-transform:lowercase;
}
/* newsletter */
.newsletter_row {
  width:100%%;
  display:flex;
  line-height:2em;
}
.newsletter_label {
  width:30%;
    position:relative;
  float:left;
  display:inline;
}
.newsletter_input {
  width:70%;
  position:relative;
  float:left;
  display:inline;
}
.newsletter_inputfield {
  width:100%;
}
.newsletter_phoneprefixfield {
  width:30%;
  margin-right:1%;
}
.newsletter_phonefield {
  width:65%;
}
.acy_user_info {
  background-color:#F1F1F1;
  border:1px solid #e3e3e3 !important;
  border-radius: 4px;
  width:70%;
  margin:0 auto;
}
.newsletter-row buttom {
  width:85% !important;
  margin: 0 auto !important;
}
a.imgstayhome img:hover {
  filter: brightness(80%);
}


.menucolonna100 em, .nav.menu em{
  display:none !important;
}