@charset "utf-8";
/* by unimedia with love  */
/* localized styles */
/* dimensioni body: template.css righe: 7000; 5208 */
@import url(http://fonts.googleapis.com/css?family=Audiowide|Oxygen|Signika);

.font1 { font-family: "Audiowide";}
.font2 { font-family: "Oxygen";}
.font3 { font-family: "Signika";}

/*  ==== structure   ===== */

a {
	color: #000000 !important;
	text-decoration: none;
	text-shadow: 1px 1px 2px #8e9396;
}
a:hover,
a:focus {
	color: #666666;
	text-decoration: none;
}

.link-alievi {color:#b30000!important;}
/*  body styles  */
body { 
 /*background-image: url(../images/sfondobig.jpg);
 background-size: 100%; background-repeat: no-repeat; background-position: top center;
 background-attachment: fixed; z-index:-5; */
 background-image: url(../images/sfondo.jpg)   ;
 background-repeat: no-repeat;
 background-position: calc() top;
  background-size: 1920px 245px;
 /*    body font   */
 	font-family: "Signika";
	font-size: 17px;
	line-height: 18px;
	color: #111111;
	/* background-color: #FFFFFF; */

}

/*     divs      */
.toleft { float: left;}
.toright { float: right;}
.screenonly { display: initial;}

/*       */
/*.view-featured { background: url(../images/sfondobig.jpg) no-repeat scroll 50% 0 #ffffff;}*/
/*.view-featured { background: url(../images/sfondo.jpg) no-repeat;}*/
.itemid-115 { background-color: #000000!important;}
.bgblack  { background-color: #000000;}

.bgblack .picture-img-box { 
-webkit-box-shadow: 0px 0px 4px #FFF;
-moz-box-shadow: 0px 0px 4px #FFF;
box-shadow: 0px 0px 4px #FFF;
}
.bgblack .item-title { color: #DDDDDD;}
.bgblack .gallery img {
-webkit-box-shadow: 0px 0px 4px #FFF;
-moz-box-shadow: 0px 0px 4px #FFF;
box-shadow: 0px 0px 4px #FFF;
}

.centro { text-align: center;}
.slideshow { display: block; }
.fluid { display:block; overflow:hidden;}
.fluid-flex  { display:flex; overflow:hidden;}
.bg-mainmenu { background-color: #000000;}
.centerdiv { width: auto; margin: 0 auto; display: table;}
.centered { margin: 0 auto; display: table;}
.center70 { width: 70%; margin: 0 auto; display: table;}

.cantini { display: block; overflow: hidden; height: 90px; width:99.999%; background-color: green;}
.divisore     { width: 100%; clear:both; height:1px; border:none; background-color:transparent !important;}
.splitter     { width: 100%; clear:both; height:7px; border:none; background-color:transparent !important;}
.splitter20 { width: 100%; clear:both; height:20px; border:none; background-color:transparent !important;}
.splitterbig { width: 100%; clear:both; height:40px; border:none; background-color:transparent !important;}
.autowidth { width: auto; float: left;}

/*  === top header   ==== */
.topheader  { width: 100%; height: 145px; margin-left: 0px; display: block; } /*old height >199px*/
.logo { margin-top: 15px;}
.logo img{ border-radius: 45px; width: 65px; height: 65px;}
.logo img:hover { transform: rotate(-30deg); }
.logobrand { font-size: 280%; font-weight: bolder; vertical-align: middle; text-align: right;}
.mysocials { margin-top: 15px;}
.mysocials img{ border-radius: 45px; background-color: #353526;
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	margin-right: 7px;
}
.mysocials img:hover { transform: rotateY(360deg); background-color: #006666;}
.mysocials img { transition: all 0.5s ease 0.2s;}
.langswitch { float: right; margin-right: 50px; margin-top:-75px;  display: inline-flex;}
.accedi { margin-right: 7px;}
/*.mod-languages_langswitch  ul li{ float: left; list-style: none; margin-left: 7px;} */

/* 5 img box*/
.poszero {display: block; clear: both; margin-top: 4px;}
#topimgbox { height: 168px; vertical-align: middle; background-color: #000000; display: none;
overflow: hidden;
}

.imgbox { width: 100%; margin: 0 auto; display: table; text-align: center;  }

.imgbox img { width:95%; max-width: 200px; max-height: 150px; margin: 7px; border: 2px solid #ffffff;}
.imgbox img:hover { border-color: #D9A300;}

.log-form  { margin-left: 10px; }

/*  fixed 4 box menu  */
.menubox .custom{ display: flex;}
.boxbg1 { background-color: #00D9D9;} 
.boxbg2 { background-color: #FFA64C;} 
.boxbg3 { background-color: #FF73DC;} 
.boxbg4 { background-color: #00698C;} 
.box { overflow:hidden;}

.boxtitle { font-weight: 300; font-family: Signika; color: white; text-transform: uppercase; font-weight: bold;
margin-left: 35px; margin-top: 25px; margin-bottom: 25px; text-shadow: 2px 2px 1px #79796A;
}
.boximg img{ width: 100%; max-width: 100%; height: auto;}


.boxcontent { margin: 20px; 30px; font-family: Oxygen;  color: white;
  height: 94px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.boxdescript { color: #EEEEEE;}
.boxcontent a { color: #FFFFFF!important; text-shadow: 1px 1px 2px #242415; cursor: pointer; transition: color 0.4s ease 0.1s;
   -webkit-transition: color 0.4s ease 0.1s;
   -moz-transition: color 0.4s ease 0.1s;
   -o-transition: color 0.4s ease 0.1s;
   -ms-transition: color 0.4s ease 0.1s;
   transition: color 0.4s ease 0.1s;
}
.boxcontent a:hover { color: #FF0000!important; }

.boxbutton { margin: 20px; 30px;}

.userdata .control-group { margin-bottom: 3px;}
/* ===========     top main menu    ===============*/


/* ========== sub top menu header  ============= */

.lab { font-family: 'Signika'; color: #BC170B; 
font-size: 1.4em; font-weight: bold; font-style: normal;
/* text-shadow: -2px 1px 3px #ffffff; */
text-shadow: 0px -2px 2px #c7c8ca, 0 2px 0 #b1b3b6, 0 3px 0 #9d9fa2, 
0 4px 0 #8a8c8e, 0 5px 0 #77787b, 0 6px 0 #636466, 0 7px 0 #4d4d4f, 
0 8px 7px #001135;
margin-right: 30px; float: right;
}
.superbrand { margin-left: 30px;
font-family: 'Audiowide'; color: #D11208; 
font-weight: bold; font-size: 1.5em; 
/* text-shadow: 1px -2px 3px #ffffff; */
text-shadow: 0 1px 0 #c7c8ca, 0 2px 0 #b1b3b6, 0 3px 0 #9d9fa2, 
0 4px 0 #8a8c8e, 0 5px 0 #77787b, 0 6px 0 #636466, 0 7px 0 #4d4d4f, 
0 8px 7px #001135; float: left;
}

/* ========= top center nav block =========== */
.navblock{ margin-top: 1px; margin-left: 20px; margin-right: 20px; margin-bottom: 5px; float: left;
padding-top: 10px; padding-bottom: 10px;
min-width: 240px; width: auto; height: 240px;
text-align: center;
-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
border:1px solid #BFFFCF;
background-color: #FFFFFF;
}

.navblock-center { max-width: 300px; }
.navblock-header { padding: 7px;}


/* ===========     left sidebar    ===============*/
.sidebox {
padding-left: 7px;
padding-right: 7px;
padding-top: 5px;
padding-bottom: 5px;

}
	
.sidebox-full {
	min-height: 20px;
	padding: 2px;
	margin-bottom: 10px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
}
.sidebox-header { margin: 2px auto; background-image: url("../images/menutitle.png"); padding-left: 10px; 
font-size: 13px; line-height: 1.5em; color: white; height:25px; }
.sidebox h3{ }
.sidebox ul li { color: red; white-space: nowrap; text-decoration: none; list-style: none;}


/* ===========     general elements    ===============*/
.href { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
margin: 10px 5px 10px 5px;
}

.top7 { top: 7px;}
.xtop { margin-top: 10px;}
.x2top { margin-top: 5px; margin-bottom: 5px;}

/*.thumb { margin-top: 7px;}*/
.cols3 img { margin-left: 7px; margin-right: 7px; margin-top: 5px; margin-bottom:5px; width:95%; height: auto; text-align: center;
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.42);}
.padd { padding: 7px;}
.padd h3{margin-left: 32px;}

.test {background-color: red;}
.boxshad {	
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	}
.nascosto { display: none!important; width: 0px; height: 0px; background-color: transparent;}
.bord { border:1px solid red;}
.nobord { border:0px solid;
	-webkit-box-shadow: 0px 0px 0px!important;
	-moz-box-shadow: 0px  0px 0px!important;
	box-shadow: 0px 0px 0px!important;}

.bordverde { border:1px solid green;}
.bord-r { border-right:1px red; border-right-style:groove; border-width: 1px 2px 3px 4px;}
.boxradius { border-radius: 7px;}
.boxshad-lr {
-webkit-box-shadow:0 -4px 10px rgba(0, 0, 0, 0.4);
-moz-box-shadow:0 -4px 10px rgba(0, 0, 0, 0.4);
box-shadow:0 -4px 10px rgba(0, 0, 0, 0.4);}
.boxshad-r {
    -moz-box-shadow: 1px 0px 3px #C9C3C3;
    -webkit-box-shadow: 1px 0px 3px #C9C3C3;
    box-shadow: 1px 0px 3px #C9C3C3;
}
.boxshad-inset { 
box-shadow: 0 0 2px #E2DEDE inset;
-moz-shadow: 0 0 2px #E2DEDE inset;
-webkit-shadow: 0 0 2px #E2DEDE inset;
}
.boxshad-bott { 
box-shadow: 0 5px 5px #E2DEDE;
-moz-shadow: 0 5px 5px #E2DEDE;
-webkit-shadow: 0 5px 5px #E2DEDE;
}


/*  transitions  */
.colorchange { cursor: pointer; 
-webkit-transition: color 0.4s ease 0.1s; 
-moz-transition: color 0.4s ease 0.1s; 
-o-transition: color 0.4s ease 0.1s; 
-ms-transition: color 0.4s ease 0.1s; 
transition: color 0.4s ease 0.1s; 

}
.colorchange:hover { color: #9B0606; }


/* ===================  CONTENT  ===============*/
/*  content structure  */
.topheader .custom { width: 99%; min-height:60px; margin-top: 10px;}
.d-inline { display: inline;}
.d-block { display: block;}
.d-table { display: table;}
.d-flex { display: flex;}
.d-fluid { display:block; overflow:hidden;}
.fluid-flex  { display:flex; overflow:hidden;}
.full { width:100%;} 

.fullcontent { display: block; 
padding-left: 15px; 
padding-right: 15px; 
padding-top: 7px; 
padding-bottom: 7px; 
text-align: justify;}
.riga { display: block; padding-left: 5px; padding-right: 5px;}
.sideleft { width: 30%; overflow:hidden; display:block; float:left;}
.sideright { width: 30%; overflow:hidden; display:block;}
.content2col { width: 70%; overflow:hidden; float:left;}

.cols2 { float:left; height:auto; width: calc(100% / 2); }
.cols3 { float:left; height:auto; width: calc(100% / 3); } 
.cols4 { float:left; height:auto; width: calc(100% / 4); } 
.cols5 { float:left; height:auto; width: calc(100% / 5); } 
.cols6 { float:left; height:auto; width: calc(100% / 6); } 

.hp2bk img {width: 175px; height: auto;}

/*   ======= tables layout tl ==============*/
.imedia-article table { margin-top: 8px;}
.tab-1-col  td { width: 100%; border-spacing: 0px; padding: 3px; }
.tab2col tr td { border-collapse: separate; border-spacing: 7px; padding: 8px; border: 0px solid; text-align: justify;}
.tab3col td { border-collapse: separate; border-spacing: 7px; padding: 3px; border: 0px solid;}
.imedia-article .tab2col tr td  { width: 50%;}
.imedia-article .tab2col tr td  img{ max-height: 300px;}


.gallery { width: 100%; margin: 0 auto; display: table; text-align: center; }
.gallery img { width:95%; max-width: 290px; max-height: 190px; margin: 7px;
    
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.42);}
.gallery img:hover { border: 3px soloid #000;}

.gallery-rit { width: 100%; margin: 0 auto; display: table; text-align: center; }
.gallery-rit img { width:95%; max-width: 290px; max-height: 350px; margin: 7px;
    
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.42);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.42);}
.gallery-rit img:hover { border: 3px soloid #000;}
	
/*    == / style Original hover effects == */
/*   altri effetti   */
.ef-zoomin img{
   -webkit-transition: all 0.6s ease-in-out;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   -ms-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
 }
 .ef-zoomin img:hover { 
-webkit-transform: scale(1.03); 
   -moz-transform: scale(1.03);
   -o-transform: scale(1.03); 
   -ms-transform: scale(1.03);
    transform: scale(1.03);

 }

/* category layout */
	.blog .tab2col tr td { display: block; margin-top: 10px; padding: 0px 5px; /* =view-category */
border-collapse: collapse; border-spacing: 0; 
}
.blog .tab2col tr td img { max-height: 220px;}
.blog .tab2col tr td:first-child { max-height: 57px; overflow: hidden;
    
}
/*   ======= category layout horizontal ==============*/

.introimg img { float: left; border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); padding: 4px; max-width: 220px; max-height: 220px;}
.horzcatview .page-header h1{ line-height: 1.3em;}
.horzcatview .page-header { border-bottom: 0px solid; border-top: 1px solid #eee; margin-top: 2px; height: 38px; }
.horzcatview .page-header h2{ padding: 4px; line-height: 1.2em;
background: -moz-linear-gradient(left,  rgba(148,203,254,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(148,203,254,1)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(148,203,254,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(148,203,254,1) 0%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(148,203,254,1) 0%,rgba(125,185,232,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(148,203,254,1) 0%,rgba(125,185,232,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94cbfe', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */

}
.horzcatview .page-header a { color: #000066; margin-left: 20px;}
.horzcatview .page-header a:before { content: ">> ";}
.horzcatview .item-image img { max-width: 150px; max-height: 150px; margin-right: 30px; margin-top: -46px;
	-webkit-box-shadow: 2px 2px 4px #CFBFFF;
	-moz-box-shadow: 2px 2px 4px #CFBFFF;
	box-shadow: 2px 2px 4px #CFBFFF;
	}
.horzcatview .imedia-article {
 	-webkit-box-shadow: 2px 2px 4px #BFBFFF;
	-moz-box-shadow: 2px 2px 4px #BFBFFF;
	box-shadow: 2px 2px 4px #BFBFFF;
}	
.horzcatview .imedia-article img{ max-width: 80%; 
	background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 5px;
	}

/* article layout */
#content { padding-bottom: 15px; margin-top: 25px;}
.im-art { /*background-color: #f5f5f5; */
border-radius: 7px; padding-bottom: 10px; margin-bottom: 9px; margin-top: 20px;
}
.im-art .page-header { margin-left: 20px;  padding-top: 10px; font-family: Audiowide !important;
color: #000066; margin-right: 20px; 
}

.imedia-article {font-family: Signika; font-size: 17px;}
.item-title {margin-left: 20px; text-shadow: 1px 2px 4px #C1B6B6; padding: 1px;
 color: #002DB3;
} /* inoltre in template.css 7056 */
.content-title { text-transform: uppercase; font-size: 20px; font-weight: normal; color: #222222;}

/*dettagli articolo*/
.icons { margin-right: 10px;}
.article-info { margin-left: 20px; display: inline-block; clear: both;}
.article-info dd { margin-left: 7px; float: left; width: auto;}
.article-info dl { margin-bottom: 0px;}
.article-info-term { width: auto; float: left;}
.article-info-term:after { content: ":"}

/*   pagina pittura , fotografia  */
.picture-img-box { width: 200px;  height: 135px; float: left; margin: 10px;}.picture-img-box img { width: 200px;  height: 135px;}
.bgblack figcaption { margin: 10px auto; white-space: nowrap; color: white; text-shadow: 1px 1px 2px #BBBBBB;}
figcaption { margin: 6px auto; font-size: 0.78em; }

/*  pagina corsi  */
.prossimi p {
	color: #00238C;
    font-family: Audiowide;
    font-size: 1.7em; letter-spacing: 3px;
    text-shadow: 2px 2px 3px #000000;
}
.prossimi h2 {
    color: #00238C;
    font-family: Audiowide;
    font-size: 1.7em; letter-spacing: 3px;
    text-shadow: 2px 2px 3px #000000;
}
.prossimi h3 {
    color: #00238C;
    font-family: Audiowide;
    font-size: 1.5em;
    text-shadow: 2px 2px 3px #000000;
}
.databox {
    background-color: #ffffff;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.92);
    display: block;
    margin-left: 20px;
    margin-right: 30px;
    margin-top: 15px;
    overflow: hidden;
    padding: 2px 20px 4px 10px;
}
.databox p {
    line-height: 1.3em;
    margin-top: 9px;
}
.cors-data { 
    background-color: #0059B3;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.92);
    color: #ffffff;
    margin-right: 30px;
    padding-left: 15px;
    padding-right: 15px;
}
.cors-name {
    text-shadow: 1px 1px 1px #575748;
    text-transform: uppercase;
	
}

/*  ==  content typografy  ==*/

.txt-white { color:#FFF;}
.txt-left { text-align: left;}
.txt-center { text-align: center;}
.txt-right { text-align: right;}
.txt-just { text-align: justify;}
.txt-big { font-size:1.32em; font-weight: bold; *zoom: 1; color: #000000;}
.txt-shad { text-shadow: 1px 1px 1px #575748;}
.txt-shad-w { text-shadow: 1px 0px 6px #ffffff, -2px -1px 6px #ffffff, 1px 0px 6px #ffffff;}
.txt-red  { color:#8C0000;}

/**/
.itemround { margin-top: 1px; display: block;
	margin-bottom: 7px;
	border: 1px solid #EFEDED;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
		border-radius: 7px;
	/*background-color: #E7E7E7;*/
}
.itemblock { margin: 7px; border: 0px solid; }


.item-page.prima{  margin-top: 1px; display: block;
	margin-bottom: 7px;
	border: 1px solid #666464;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
		border-radius: 7px;
	background-color: #E7E7E7; 
	}

.listnone li{ list-style-type: none;}	

div[itemprop=articleBody] { display: block;
 margin: 7px; border: 0px solid;}
 

/* ===================  contatti  ===============*/
.contact { }
.contact .page-header { 	border: 1px solid #666464;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
		border-radius: 7px;
	background-color: #E7E7E7; opacity: 0.5;
}
.contact .page-header h2{ color: #000000;}	
.contact-name { margin-left: 20px;}
.imcontactinfo { display: none;}
.contact .thumbnail { margin-top: 30px;}
.contact-form { padding-left: 20px;
border: 1px solid #666464;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
		border-radius: 7px;
	background-color: #E7E7E7; 
	margin-top: 35px;
	background-image: url(../../../images/email.png);
 background-position: 75% 40%; background-repeat: no-repeat;
}
.contact-form legend{ border: 0px; text-shadow: 1px 0px 6px #ffffff, -2px -1px 6px #ffffff, 1px 0px 6px #ffffff;
 font-family: Signika; color: #000000; margin-top: -35px; 
}
.contact-form .form-actions { background-color: transparent;}
.contact-address { font-family: Signika; font-weight: bold; font-size: 1.3em; color: #8C0000;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
		border-radius: 7px;
	background-color: #E7E7E7; 
	padding: 10px;
}
.nomecontatto { font-family: Audiowide; padding: 7px; display: block; font-size: 1.3em; color: #B30000;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
		border-radius: 7px;
	background-color: #E7E7E7; 
}
#informativa { width: auto; margin-right: 20px; background-color: #D90000;
font-family: Signika; font-weight: bold; font-size: 1.3em; color: #FFFFFF;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 7px 30px 7px 30px;
}
#informativa span {}

/* ==============LOGIN PAGE ==============   */
.nav-tabs a{ text-shadow: 1px 0px 6px #ffffff, -2px -1px 6px #ffffff, 1px 0px 6px #ffffff; font-weight: bold;}
.registration fieldset:before {content: 'Attenzione! Premendo il tasto Registrati dichiari di aver letto e accettato l Informativa sulla Privacy'; color: red;} 

/*  ========   FOOTER   ========== */
.footer { margin-top: 10px; display: flex;
background-image: url("../images/footerbg.png"); background-repeat: repeat;
/*height: 190px; */
}
footer .span3  { padding: 7px;}
.footerheader { font-size: 1.3em;}
.f-txt { color: #BDBDAE;}
.colfooter { margin-top: 7px;
background-image: url("../images/footerbg.gif"); background-repeat: repeat; 
}
.f1-links a{ }
.colfooter a{ font-size: 1.08em; text-shadow: 0 1px 3px #ffffff, -1px -1px 0 #ffffff, -7px 0 15px #ffffff}
.seguici img { height: 55px; margin: 7px; width: 55px; }

/*  add this */
/* sharing */
#sharing  {display: table; margin: 0 auto; width: auto;}
/*#atstbx a:nth-child(4) { 
display: flex !important;
 float: none;
}*/
#atstbx { width: 110px;}
/* ===================  RESPONSIVE  ===============*/
@media (max-width: 900px) {
.navblock { padding-left: 5px; padding-right: 5px; margin: 5px; width: 170px; min-width: 150px; }
.service-txt { font-size: 1.4em;}
.contact-form {background-position: 99% 40%; }
}

	
@media (max-width: 767px) {
body { /*background-size: cover; */} /*to control*/
/*  content structure  */
.sideleft {  width:auto; margin:4 auto; float:none; margin-right: 0px;}
.sideright {  width:auto; margin:4 auto; float:none; margin-left: 0px;}
.content2col { width:auto; margin:4 auto; float:none;}
.contact-form { background-image: none; }
.d-flex { display: table;}
.screenonly { display: none!important;}
/*tables*/
.itemround table { *zoom: 1;}
.itemround td:first-child + td { display:block; margin-top: 5px; width: 99.9%; }
.itemround td:first-child + td + td { display:block; margin-top: 5px; width: 99.9%; clear:left; }
.itemround td:first-child+td+td+td { display:block; margin-top: 5px; width: 99.9%; }

/**/
.menubox-full{display: none;}


/*  footer */
footer .span3  { margin: 10px;}
footer .container  { width: 96%;}
footer .d-flex { display: table; width:96%; margin: 0 auto; text-align: center;}
}
@media (max-width: 650px) {
.langswitch { margin-top: 0px;}
.accedi { margin-right: 7px;}
}

@media (max-width: 581px) {
.contact-form legend { font-size: 1.1em;}

.gallery { display: height: 220px;
 width: 100%;
/*overflow-x: scroll !important;
overflow-y: hidden !important;*/
}

.gallery img { max-width: 190px; max-height: 132px; white-space: pre; position: relative;}
.gallery-rit img { max-width: 190px; max-height: 250px; white-space: pre; position: relative;}
.gallery-rit { display: height: 220px; width: 100%; }

.fluid-flex { display: table; margin: 0 auto; text-align: center;}


.cols2, .cols3, .cols4, .cols5, .cols6  { width: 99%; float:none; top: 10px; margin:0 auto; display: initial; 
clear: both;}
.cols3 img { height: auto;}

.artheader { background-size: 30% auto; background-position: top left;}
.navblock { width: 99%; height: auto; margin: 5px auto;}
.langswitch { float: leftt; margin-top:-35px; margin-right: 180px; display: inline-flex;}

.mysocials { margin-top: 35px;}
.horzcatview .page-header { overflow: hidden;}
.horzcatview a, h2, p, span { font-size: 0.9em;}
.horzcatview .item-image img { max-width: 100px; max-height: 100px; margin-right: 20px; margin-top: -26px;}

}


/*#jcemediabox-popup-body { max-width: 95%; }
#jcemediabox-popup-body img { max-width: 90%;}*/

@media (max-width: 470px) {
body {padding-left: 2px; padding-right:2px;}
.container { left: 3px; right: 3px;}
}
/* joom top menu*/


/* ===================  TOP MENU =========================== */
/*menu container horzmenu*/
.topmenu{ }
.topmenu a { color: #FFFFFF !important; text-transform: uppercase;
letter-spacing: 1.5px;
}

.horzmenu{ width: 100%; height: auto; border: none; margin-bottom:-4px; margin-top: 19px;}
.tprmenulogo { width: auto; margin-left: 7px;}
.menubutton { height:100%;


}
ul#tprmenu { width: 100%;
	margin: 0;
	list-style: none;
	padding: 0;
	border-width: 0px;
	border-style: solid; border-bottom: none; border-top: none;
	/*border-color: #5f5f5f; */
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	font-size: 0;
	z-index: 999;
	position: relative;
	display: inline-block;
	zoom: 1;
 *display:inline;

}
ul#tprmenu li.topfirst {width: 5%;}
ul#tprmenu li {
	display: block;
	white-space: nowrap;
	font-size: 100%;
	float: left;
	box-sizing: border-box;
    width: 15.815%; /*100% / nr.links*/
}
* html ul#tprmenu li a {
	display: inline-block;
}
ul#tprmenu>li {
	margin: 0;
}
ul#tprmenu a:active, ul#tprmenu a:focus {
	outline-style: none; text-decoration: underline;
}
ul#tprmenu a {
	display: block;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	/*font: 14px Arial, Helvetica, sans-serif; */
	font-family: Oxygen; font-size: 14px; font-weight: bold;
	color: #ffffff;
	text-shadow: #000000 1px 1px 2px;
	cursor: pointer;
	padding: 36px 15px 27px; /*dimensione tasti e altezza menu*/
	background-color: #5ECDD4;
	/*background-image: url("../images/mainbk.png");*/
	background-repeat: repeat;
	background-position: 0 0;
	border-right-width: 1px solid; 
	/* border-style: solid; */
	border-right-color: #00D9D9;
	position: relative;
	-moz-box-shadow: 0px 0px 6px #BFFFFF;
    -webkit-box-shadow: 0px 0px 6px #BFFFFF;
    box-shadow: 0px 0px 6px #BFFFFF;
}
ul#tprmenu li:hover>a, ul#tprmenu li a.pressed {
	background-color: #008C8C;
	/*border-color: #C0C0C0;
	border-style: solid;*/
	color: #c2c8c8;
	text-shadow: #FFF 0 0 1px;
	background-image: url("../images/mainbk.png");
	background-position: 0 100px;
	text-decoration: none;
}
ul#tprmenu img {
	border: none;
	vertical-align: middle;
	margin-right: 10px;
}
ul#tprmenu > label.switch {
	display: none;
	cursor: pointer;
	width: 25px;
	height: 20px;
	padding: 10px;
}
ul#tprmenu > label.switch:before { 
	content: ""; color: #FFFFFF;
	position: absolute;
	display: block;
	height: 4px;
	width: 25px;
	border-radius: 4px;
	background: #ffffff;
	-moz-box-shadow: 0 8px #ffffff, 0 16px #ffffff;
	-webkit-box-shadow: 0 8px #ffffff, 0 16px #ffffff;
	box-shadow: 0 8px #ffffff, 0 16px #ffffff;
}
ul#tprmenu > label.switch:hover:before { 
	background: #c2c8c8;
	-moz-box-shadow: 0 8px #c2c8c8, 0 16px #c2c8c8;
	-webkit-box-shadow: 0 8px #c2c8c8, 0 16px #c2c8c8;
	box-shadow: 0 8px #c2c8c8, 0 16px #c2c8c8;
}
ul#tprmenu > .switchbox {
	display: none;
}
ul#tprmenu li.topfirst>a { border-left: none;
	border-radius: 0px 0 0 0px;
	-moz-border-radius: 0px 0 0 0px;
	-webkit-border-radius: 0px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
ul#tprmenu li.topmenu>a {
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
ul#tprmenu li.toplast>a {
	border-radius: 0 0px 0px 0;
	-moz-border-radius: 0 0px 0px 0;
	-webkit-border-radius: 0;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	border-right: 0px solid;
}

@media screen and (max-width: 768px) {
ul#tprmenu > li {
	position: initial;
}
ul#tprmenu ul .submenu, ul#tprmenu li > ul {
	left: 0;
	right: auto;
	top: 100%;
}
ul#tprmenu .submenu, ul#tprmenu ul, ul#tprmenu .column {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 0;
	width: 100% !important;
 }
}

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

.fp2c .splitter { border: 1px solid #BDBDAE; margin-bottom: 4px;}
  
/*.tprmenulogo { display: none;} */
.topunimedia .centerdiv { float: right; margin-right: 5px;}
body { margin-top: 45px;}

ul#tprmenu {
	width: 100%; border: none; background-color: #006666;
	position: fixed; z-index: 110;
	top: 0px; left: 0px;
	opacity: 0.95;
	
}
ul#tprmenu > li {
	display: none !important;
	position: relative;
	width: 100% !important; margin-bottom: 15px;
}
ul#tprmenu > label.switch, ul#tprmenu .switchbox:checked ~ li {
	display: block !important; float: right; margin-right: 5px;
 }
 ul#tprmenu a { text-align: left; margin-left: 30px; margin-right: 25px; border: none; border-width: 0px;
 padding: 16px 15px 16px;
 }
 ul#tprmenu > label.switch:before { border:none; }

}

/* END TOP MENU */