/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */



/* ##############################  STRUTTURA start  ############################# */
 
body{
    font-size: 18px;
    line-height: 27px;
    color: #000;
    background-color: #fff;
    padding-top: 270px; /* se non c'è la slide in home e per le pagine interne */
    font-family: "Titillium Web",sans-serif !important;
	}
	
.item .uk-text-bold, .item strong, .item b, span.grassetto {
    font-weight: bold;
    font-size: 20px;
}


body {padding-top: 245px;} /* se c'è la slide in home*/
	
li p, dt p, dd p {
    line-height: 27px;
}

em {
    color: initial;
}

body.ridotto{
	padding-top: 96px;
	}
body.ridotto .nascondi{
	display:none;
	}

.random-image img {width:100%;}

.random-image {
    border-bottom: 1px solid #f69214;
    padding-bottom: 4px;
}
.accessibilita {display:none;}

#tm-bottom-a .uk-no-margin-top {
    margin-top: 0px;
}
	
/*
****************************************** Alternativa di header bianco ****************************************** 
body.home.ridotto #sp-header {
    background-color: #fff;
    border-bottom: 1px solid #555;
    color: #000;
}
	
body.home.ridotto #sp-header a {color:#000;}

body.home.ridotto #sp-header .tm-headerbar .uk-search-field {background-color:#eee !important;color:#000;}

*/


.uk-container{
	max-width:1290px;
	}
/*.uk-no-padding{padding:0px;}*/
   
/* ##############################  STRUTTURA end  ############################# */

.contenuto {margin-top:30px;margin-bottom:30px;} /* questa regola serve per staccare il contenuto dalla header */


/* ##############################  TOP start  ############################# */
.tm-toolbar {margin:9px 0 15px 0; }
.tm-toolbar a{
    font-size: 16px;
    color: #fff;
    font-weight:bold;
    }

 #sp-header .tm-headerbar{margin:0px;color:#fff;}
 #sp-header #menu-pa{position:absolute;bottom:0;width:100%;height:48px;}
 
 #menu-pa ul.uk-nav-sub li.uk-parent ul li {
    list-style-type: circle;
    margin-left: 9px;
}
 
 #sp-header .tm-navbar{margin-bottom:0px !important;}
 #sp-header.menu-fixed-out {
    -webkit-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
    position: fixed;
    top: 0px;
    z-index: 1000;
    min-height: 270px;
    width: 100%;
}

#sp-header.menu-fixed {
  position: fixed;
  top: 0;
  z-index: 999;
  -webkit-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
  min-height: 64px;
  width: 100%;
}
#sp-header.menu-fixed .sp-megamenu-parent >li >a {
  line-height: 60px;
}
#sp-header.menu-fixed .logo {
  height: 60px;
}
#sp-header.menu-fixed #offcanvas-toggler {
  line-height: 60px;
}

#sp-header .header-right {float:right;text-align:right;}
#sp-header .header-right .uk-panel{float:none;}

#sp-header ul.uk-navbar-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: none;
	text-align: center;
}
#sp-header .uk-navbar-nav > li {
	/*float: none;
	position: initial;      Modifica fatta il 6 dicembre per togliere il blocco del menu a tendina */
	display: inline-block;
    border-left: 1px solid #eee;
}
#sp-header .uk-navbar-nav > li:last-child {
border-right: 1px solid #eee;
}

body.alto .tm-logo img, body.ridotto footer .tm-logo img {
	-webkit-transition: all .3s ease 0s;
   	-o-transition: all .3s ease 0s;
    	transition: all .3s ease 0s;	   
}
body.ridotto .tm-logo img {height:60px;/*width:60px;*/}
body.alto a.tm-logo, body.ridotto footer a.tm-logo {font-size:30px;} 
body.ridotto a.tm-logo {font-size:15px;} 
a.tm-logo {color:#fff;font-weight:700;}
a.tm-logo span {display:none !important;}


/* --------------------  TOP - social icons  --------------------  */
#sp-header .header-right {
    margin-top: 10px;
	}
#sp-header .header-right a {
    display: inline-block;
    background: #fff;
    font-size: 22px;
	line-height:30px;
    width: 30px;
	height:30px;
    text-align: center;
    border-radius: 50%;
	margin: 0 0 0 5px;
}

#sp-header .header-right ul.uk-nav-search a {
    text-align: left;
    font-size: initial;
    line-height: initial;
    background: none;
    width: 90%;
    margin: 0px;
}

/* ##############################  TOP end  ############################# */





/* ##############################  OFFCANVAS start  ############################# */

/* --------------------  OFFCANVAS - menù  --------------------  */
#offcanvas .uk-nav, #offcanvas .uk-nav li, #offcanvas .uk-nav-sub, #offcanvas .uk-nav a, #offcanvas .uk-nav-sub li{
	margin:0px; padding:0px;
}

.chiudi-offcanvas {
    text-align: center;
    display: block;
    font-size: 25px;
	background:#000;
    width: 30px;
    padding: 5px 8px;
    margin-right: 0;
    margin-left: auto;
}
#offcanvas a:hover {
	color:#fff;
	text-decoration:none;
}

.uk-offcanvas-bar {
	width:370px;
}
.uk-offcanvas-bar.uk-offcanvas-bar-show {
    border-right: 1px solid #eee;
}

#offcanvas .uk-nav li {
	border-bottom:1px solid #b6b6b6;
	}
#offcanvas .uk-nav-sub li:first-child{
	border-top:1px solid #555;
	margin-top: 5px;
	}
#offcanvas .uk-nav-sub li:last-child{border:none;}

#offcanvas .uk-offcanvas-bar .uk-nav-header {
    padding: 15px 0px;
    font-weight: normal;
    font-size: 1em;
	text-indent:30px;
    color: #fff !important;
}
#offcanvas .uk-offcanvas-bar .uk-nav-header:first-child {
	border-top: 1px solid #b6b6b6;
}
#offcanvas .uk-offcanvas-bar .uk-nav-header ul{
    padding: 0px;
}
#offcanvas .uk-offcanvas-bar .uk-nav-header ul li{
    border-bottom:1px solid #555;
}
#offcanvas .uk-offcanvas-bar .uk-nav-header ul li:last-child{
    border:none;
}
#offcanvas .uk-offcanvas-bar .uk-nav li a, #offcanvas .uk-offcanvas-bar .uk-nav-sub li a{
	padding:16px 20px;
}
#offcanvas .uk-offcanvas-bar .uk-nav-header ul li a{
	padding-left:0px;
}

/* ##############################  OFFCANVAS end  ############################# */






/* ##############################  SIDEBAR start  ############################# */

.uk-nav-side > li.uk-active > a, aside .zoo-category-list .current.active a {
    color: #fff !important;
    padding-left: 20px !important;
}

.tm-sidebar-b .uk-nav, .tm-sidebar-b .uk-nav li, .tm-sidebar-b .uk-nav-sub, .tm-sidebar-b .uk-nav a, .tm-sidebar-b .uk-nav-sub li{margin:0px; padding:0px;}

.tm-sidebar-b  .uk-nav li, .tm-sidebar-b  .uk-nav-sub li, aside .zoo-category-list li {border-bottom:1px solid #eee;}

.tm-sidebar-b  .uk-nav-sub li:last-child{border:none;}

.tm-sidebar-b  .uk-nav li a, .tm-sidebar-b  .uk-nav-sub li a, aside .zoo-category-list li a{padding:16px 20px 16px 10px;}

.tm-sidebar-b .uk-nav-sub li {padding-left:20px;}

.tm-sidebar-b ul.uk-nav-sub li.uk-active {
    background-color: #eee;
    font-weight: bold;
}

/* ##############################  SIDEBAR end  ############################# */


/* ##############################  .ITEM.CSS OVERRIDE ############################# */

.uk-panel-title {

    border-bottom: 1px solid;
}

#yoo-zoo .item p.pos-meta{font-size:inherit;}

.uk-panel-box-primary{
	background:#fff;
	color:#000;
	}

.uk-panel-box-primary {

    color: #000;
}


.item-gallery{margin-bottom:30px;}

.item-gallery .uk-panel-box-secondary {

    background-color: #666;
}

.item-gallery .uk-panel-box-secondary .uk-thumbnav img{ border:5px solid #fff;}

.uk-panel-box {

    color: #000;
}

body.home #tm-bottom-a .uk-panel {
    margin-top: 0px !important;
  	background-color: #eee;
}

body.home #tm-bottom-a .uk-panel.fascia-video {
    background-color: #333;
}
body.home #tm-bottom-a .uk-panel.fascia-video h2,body.home #tm-bottom-a .uk-panel.fascia-video p.h4 a {
    color:#fff;
}
body.home #tm-bottom-a .uk-panel.fascia-video iframe{width:100%; margin-bottom: 15px;}
#yoo-zoo.cookbook-custom-video .teaser-item .pos-media.media-left iframe{width:100%;}
body.home .fascia-video .uk-panel .uk-margin {
    margin-left: -16px;
    margin-right: -16px;
}

.fascia-video .uk-panel.uk-panel-box.uk-panel-box-secondary {
    padding-top: 4px;
}

body.home .fascia-video a {
    font-size: 1.27em !important;
    line-height: 24px !important;
}


.uk-panel-box-secondary {
    background-color: #fff !important;

}

#yoo-zoo .item div.pos-bottom .element {
	/*margin-top: 0px;*/
	padding-bottom: 0px; 
	background: none;
}

#yoo-zoo .item .element p {
    margin: 20px 0 !important;
	line-height:27px;
}

#yoo-zoo .item div.pos-contact-pa .element {
    margin-bottom: initial;
    border-bottom: none;
}

#yoo-zoo .item div.pos-content .element {
    margin-bottom: 0px;
}

.pos-content, #yoo-zoo .pos-listed, #yoo-zoo .pos-bottom {
    overflow: hidden;
}

#yoo-zoo .item ul.pos-taxonomy {
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0px;
}

#yoo-zoo .item h4.pos-subtitle {
    margin-bottom: 10px;
}

#yoo-zoo .item .element.element-text.element-textpro.first.last {
    margin-top: 0px !important;
}

#yoo-zoo .item .element.element-itemtag {
    padding-bottom: 30px;
}

#yoo-zoo .pos-listed h2 {
    border-bottom: 4px solid #CCC;
    padding-bottom: 10px;
}

#yoo-zoo .pos-listed {
    padding: 20px;
    border-radius: 4px;
    background-color: #eee;
	margin-bottom:10px;
}

#yoo-zoo .item .element li, #yoo-zoo .item .element ul {margin-bottom:0; padding-bottom:0;}

#yoo-zoo .items p.pos-subtitle {
    margin-top: 10px;
}

#yoo-zoo .details{border:none;}

#yoo-zoo .item .pos-listed .element {
    margin-bottom: 10px;
}


#yoo-zoo .items p.pos-meta,#yoo-zoo .items h2.pos-title {margin-bottom:20px;}

#yoo-zoo.zoo-filter-result .items li {
    list-style: none;
    padding-bottom:0px;
}

#yoo-zoo.zoo-filter-result .items ul {
	padding-left:0px;
}

.googlemapspro, .googlemaps {
    margin: 30px 0;
}

#yoo-zoo .item div.pos-content .element-imagepro {

    background-color: #444;
    padding: 23px;
    color: #eee;
    margin-bottom: 30px;
	/*background: #444 url("http://pa4.produzione.clio.it/templates/yoo_master2/img/camera-icon.gif") no-repeat 98.3% 18px;*/
	
}
#yoo-zoo .item div.pos-content .element-imagepro h3{
	
	border-bottom: 1px solid #b3b3b3;
    /*float: left;*/
    width: 100%;
    margin-top: -5px;
    padding-bottom: 5px;
	background: none;
	

}
#yoo-zoo .item div.pos-content .element-imagepro .uk-position-cover {border:1px solid #fff;}

#yoo-zoo .item ul.pos-infobar li {
    background: url(/media/zoo/applications/trasparenza/templates/default/assets/images/line_dotted_v.png) 0% 0 repeat-y;
    padding-left: 10px !important;
}

.item .element ul {
    margin-bottom: 20px !important;
}

/* ##############################  .CATEGORY.CSS OVERRIDE ############################# */

#yoo-zoo .categories .category{
	
	background:none;
}

#yoo-zoo .categories .category {
	padding:5px 0px;
}

#yoo-zoo .category .title {
    font-weight: bold;
    font-size: 20px;
}

#yoo-zoo .items div.row {
    padding: 0px;
    background: none;
}

#yoo-zoo .items div.teaser-item {
   /* padding: 0px;*/
    margin-bottom: 15px;
    padding-bottom: 15px;
}

#yoo-zoo.cookbook-custom .row {border-bottom: 1px dashed #ccc;}


#yoo-zoo .items {

    background:none;
}

#yoo-zoo .categories{margin-bottom:30px;    border-bottom: 1px solid #ccc;}



#yoo-zoo .categories div.row {
    padding: 0px;
}

#yoo-zoo .categories .category {
	border:none;
	background:none;
	margin-left:0px;
}

#yoo-zoo.trasparenza-default .details div.description {padding-left:0px;}

.uk-accordion {
    /*background-color: #eee;*/
	margin-bottom:20px;
}

uk-accordion-title.uk-active {
    border-bottom: 1px solid #ccc;
}

.uk-accordion-content {
    padding: 20px 20px 20px 20px;
    border: 1px solid #ccc;
    border-top: none;
}

.uk-accordion-title{margin-bottom:0px;text-align:right;}


.uk-active i.uk-icon-angle-down.uk-icon-small,i.uk-icon-angle-left.uk-icon-small {
    display: initial;
	width:30px;
	display:inline-block;
	text-align:center;
}


i.uk-icon-angle-down.uk-icon-small {
    display: none;
}

.uk-active i.uk-icon-angle-left.uk-icon-small {
    display: none;
}


i.uk-icon-arrow-circle-o-up.uk-icon-small {
    display: none;
}

/* ##############################  .category EVENT ############################# */ 

#yoo-zoo div.gradient-box {
    -moz-box-shadow: inset 0px 0px 2px 0px #ffffff;
    /* -webkit-box-shadow: inset 0px 0px 2px 0px #ffffff; */
    /* box-shadow: inset 0px 0px 2px 0px #ffffff; */
    /* background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fff), color-stop(1, #f1f2f3) ); */
    background: -moz-linear-gradient( center top, #ffffff 5%, #f1f2f3 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f2f3');
    /* background-color: #fff; */
	background:none;
	border:none;
	padding-left:0px;
}

/* ##############################  .ELEMENT OVERRIDE ############################# */ 


.element.element-image.element-imagepro.first {
    margin-bottom: 25px;
}


/*menu*/

.uk-nav-header {
    padding: 5px 10px;
    text-transform:initial;
    font-weight: bold;
    font-size: 22px;
    color: inherit !important;
    text-align: left;
}
.uk-navbar {
    color: #fff;
}
.uk-navbar-nav > li > a {
    display: block;
    box-sizing: border-box;
    text-decoration: none;
    height: 48px;
    color: #fff;
    font-size: 1em;
    font-weight: 300;
    padding: 0px 40px;
    font-family: inherit;
}
.uk-navbar-nav > li.uk-active > a {
    color: #fff;
}
.uk-navbar-nav > li > a:hover {
    background-color: #000;
    color: #fff;
}

.uk-navbar-toggle {
    font-size: 35px;
    color: #fff;
    text-decoration: none;
}

/*.uk-dropdown, .uk-dropdown-blank{width:100% !important;}      Modifica fatta il 6 dicembre per togliere il blocco del menu a tendina */

ul.uk-nav-sub {
    padding: 10px 0 35px 20px;
}

.uk-nav.uk-nav-navbar li a {
    /*font-size: 24px;
    font-weight: 700;*/
    text-align: left;
	font-size: 1.4rem !important;
    color: #000 !important;
    font-weight: normal !important;
}

#menu-pa ul.uk-nav-sub a {
    font-size: 1.4rem !important;
    color: #000 !important;
    font-weight: normal !important;

}

#menu-pa .uk-nav-navbar > li > a:hover,
#menu-pa .uk-nav-navbar > li > a:focus,
#menu-pa .uk-nav-sub a:hover {
  background: none !important;
  color:#000;
  text-decoration:underline; 

}

.burger-clio{width:60px;position:absolute;text-align:center;line-height:0px;}
.burger-clio a {color:#fff;}
.burger-clio span {font-size:12px;display:block;}

body.ridotto .burger-clio{margin-top:0px;}
body.alto .burger-clio{margin-top:40px;}
/*cerca header*/

body header .uk-search:before {
    content: "\f002";
    position: absolute;
    top: 0px;
    right: 0;
    left: auto;
    width: 50px;
    line-height: 30px;
    text-align: center;
    font-family: FontAwesome;
    font-size: 30px;
    color: #999;
    background-color: #ccc;
    height: 40px;
    padding-top: 10px;
    /* margin-top: 10px; */
}
  
body header input.uk-search-field {

    background-color: #fff !important;
    -webkit-appearance: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
    line-height: normal;
    width: 97% !important;
    height: 50px;
    padding: 0 0 0 10px;
    /*border: 1px solid #d45517;*/
    background: rgba(0, 0, 0, 0);
    color: #444;
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
    /*margin-top:10px;*/
}

body header #tm-top-a input.uk-search-field{width:97%;margin:1.5%}

body header #tm-top-a {margin-left:0px;}
body header #tm-top-a > div {padding-left:0px;}

body.ridotto #sp-header input.uk-search-field {height:40px;}
body.ridotto #sp-header .uk-search:before { height: 36px;
    padding-top: 4px;}

body header #tm-top-a .uk-search:before {display:none;}
#sp-header .uk-search{width:100%;}

.nascondi-cerca{display:none;}
 

#torna-su .tm-totop-scroller {
    border: 5px solid #00588a;
  
    display: block;
    position: fixed;
    top: initial;
    bottom: 25px;
    height: 30px;
    width: 50px;
    right: 25px;
    border-radius: 30px;
	opacity: 0.85;
}


#torna-su a.tm-totop-scroller{
    padding-top: 10px;
    font-size: 36px;
    padding-bottom: 10px;
    color: #ffffff;
}

.uk-breadcrumb {
    padding: 0;
    list-style: none;
    font-size: initial;
}

#tm-top-b {
    margin-bottom: 30px;
}



/* ##############################  GENERAL start  ############################# */

* + p, * + ul, * + ol, * + dl, * + blockquote, * + pre, * + address, * + fieldset, * + figure {
  /*  margin-top: 0px;*/
}

.home p{ margin-top: 0px;}

.border-top {
    border-top: 1px solid #ccc;
    padding-top: 10px !important;
    margin-top: 35px;
    text-align:right;
}

.preheader{    
    height: 48px;
    background-color: #30373d;
	display:none;
}

/* ##############################  GENERAL end  ############################# */

.uk-panel.uk-panel-box.video-home {
    margin-top: 0px;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align:center;
}
@media screen and (max-width: 768px) {
	.uk-panel.uk-panel-box.video-home iframe {
		width:100%;
		
	}
}
@media screen and (max-width: 414px) {
	.uk-panel.uk-panel-box.video-home iframe {
		width:100%;
		height:230px;
	}
}

/* ##############################  FONT start  ############################# */

/* --------------------  FONT - Reset  --------------------  */
#yoo-zoo .item h1.pos-title, #yoo-zoo .item h3, .zoo-item-list p.meta, .uk-breadcrumb > li,#yoo-zoo .item p.pos-subtitle, #yoo-zoo .item div.pos-employee h3,#yoo-zoo .item h2.pos-subtitle, #yoo-zoo .details h1.title, #yoo-zoo .details div.heading, #yoo-zoo .submission h1.headline {
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0;
    color: #000;
    background-color: inherit;
    border: none;
    margin:inherit;
    text-transform: inherit;
    height: inherit;
    margin: inherit;
    background:inherit;
    overflow: inherit;
    font-size: inherit;
    text-indent: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: inherit;
    text-align: inherit;
    text-overflow: inherit;
    white-space: inherit;
}


/* --------------------  FONT - Title general  --------------------  */

.h1, .h2, .h3, .h4, .h5, .h6, h1, .pos-listed h2, h2.title, h2.pos-title, h3, h4, h5, h6, .fascia-video a {
    margin-top: 0px;
    margin-bottom: 30px;
    font-family: inherit;
    font-weight: 700;
    line-height: 1em !important;
    color: inherit;
}

#yoo-zoo .item h3 {margin-bottom:15px;}

h1 a, h2 a, h3 a, h4 a {color:#000 !important;}

/*.item h1, .item h2, .item h3, .item h4 {
	margin-top:30px;
	}*/

#yoo-zoo .item div.pos-bottom {
    overflow: initial;
}

.h4, .h5, .h6, h4, h5, h6 {
    margin-bottom: 25px;
}

.tm-bottom-a h1 a, .tm-bottom-a h2 a, .tm-bottom-a h3 a, .tm-bottom-a h4 a{color:#000 !important;}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {color:#8e0f1a !important;text-decoration:underline !important;}

/* --------------------  FONT - Title H1  --------------------  */

body.home h1.pos-title{display:none;}

.tm-content h1, #yoo-zoo h1, #yoo-zoo h1.title, #yoo-zoo .details h1.title, #yoo-zoo .item h1.pos-title{
    margin-bottom: 30px !important;
    font-size: 54px !important;
    line-height: 1em !important;
    font-weight:700 !important;
}

/*#yoo-zoo .item h1.pos-title{margin-bottom:0px !important;}*/

/* --------------------  FONT - Title H2  --------------------  */
h2 {
    font-size: 40px !important;
    font-weight: 700 !important;
}

h2.pos-summary {color: #676767;}

/* --------------------  FONT - Title H3  --------------------  */
h3 {
    font-size: 1.667em !important;
    font-weight: 700 !important;
}




/* --------------------  FONT - Title H4  --------------------  */
h3.uk-h4, .h4, h4{
    font-size: 1.27em !important;
    line-height: inherit !important;
}
#tm-bottom-c h3.uk-h4, #tm-bottom-c h4 {
    margin-bottom: 20px;
    font-weight: 600;
    border-bottom:1px solid #555;
}



/* --------------------  FONT - Paragrafi  --------------------  */
.home #yoo-zoo .description p {
    font-size: 177.85%;
    line-height: 1.2em;
    color:#5a6772;
}
#yoo-zoo p {/*color:#333;line-height:1.44em;*/}


/* ##############################  FONT end  ############################# */





/* ##############################  LIST start  ############################# */


#yoo-zoo li {
    padding-top: 5px;
    line-height: 1.55;
    padding-bottom: 5px;
}

/*#yoo-zoo .element-textarea li, #yoo-zoo .element-textarea-pro li, #yoo-zoo .socialbookmarks li, .qualita li, .teaser-item li{
    padding: 5px 0px 5px 0px;
    line-height: 1.55;
}*/

#yoo-zoo ul.sub-categories {
    margin-top: 25px;
}

ul.list-inline {
    list-style: none;
    padding-left: 0px;
}
 ul.list-inline li {
    display: inline;
    margin-right: 20px;
}
ul.list-inline li a{
	font-size: .8889em;
   	font-weight: 400;
  	text-decoration: underline;
}

#yoo-zoo ul.nolist{
	list-style:none;
	padding-left:0;
}

#yoo-zoo .socialbookmarks ul{
	padding: 0px 0 0 0;
	list-style:none;
}

/* ##############################  LIST end  ############################# */

/* ##############################  WIDGETKIT start  ############################# */

.cookbook-custom .uk-slidenav-position {
    position: relative;
    padding: 20px;
    border: 1px solid #ccc;
    margin-top: 30px;
}
/* ##############################  WIDGETKIT end  ############################# */


/* ##############################  FOOTER start  ############################# */

footer {padding-bottom:30px;}
#tm-bottom-c{margin-top:40px;margin-bottom:40px;}
#tm-bottom-a{margin-top:35px;}

footer.tm-footer {
    padding-top: 2em;
    margin-top: 0px;
    color: #fff;
    background-color: #054469;
    text-align:left;
    margin-bottom:0px;
}

footer li a {
    font-weight: 400;
    text-decoration: underline;
}

footer a {
    font-weight: 700;
    color: #65dcdf !important;
}
footer a:hover {
    font-weight: 700;
    color: #00aeb3;
}

footer ul.list-inline {
    border-top:1px solid #65dcdf;
	padding-top:20px;
}


/* --------------------  FOOTER - social icons  --------------------  */
#social-footer {
    margin-bottom:30px;
}
#social-footer a{
    display: inline-block;
    background: #65dcdf;
	color: #333 !important;
    font-size: 22px;
    width: 30px;
	height:30px;
	line-height:30px;
    text-align: center;
    border-radius: 50%;
	margin: 0 5px 0 0;
}
#social-footer a:hover{
    background: #00aeb3;
}

/* ##############################  FOOTER end  ############################# */








#yoo-zoo .details, #yoo-zoo .details div.heading{padding:0px; margin:0px;}

/* #####    BOX STRUTTURA   ###### */
/*.uk-panel-box .uk-panel-box{padding:0px;}*/


/* ##########    MODULI   ######## */
.media.media-right{float:right;margin-left:10px;}

body.home #yoo-zoo .media.media-right img {
    border: 10px solid #eee;
    padding: 16px;
}

/* #########     PAGINA   ########## */
#yoo-zoo .item ul.pos-infobar{margin-bottom:30px;}
#yoo-zoo .item ul.pos-infobar li {color:inherit;padding:10px;}









/* ##############################  FORM start  ############################# */

.zoo-filter form {
    border: 1px solid #ccc;
    padding: 32px;
}

.tm-sidebar-b .zoo-filter form {
    padding: 0px;
    border: none;
}
.zoo-filter .form-element-row {

    padding: 5px 0;
}

.zoo-filter option {
    white-space: initial;
    font-size: 14px;
}


.zoo-filter select {
    width: 100%;
    font-size: 18px;
   height: 136px;
  /*   min-height: 92px !important;*/
}

.zoo-filter textarea, .zoo-filter input {
    width: 100%;
  	padding:11px;
    font-size:18px;
  	border-radius: 4px;
    margin-bottom:0px !important;
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;

}

.zoo-filter input {
	
	    height:47px;
}
.zoo-filter textarea {
	
	    min-height:300px;
}

#yoo-zoo .zoo-filter .radio input[type="radio"],#yoo-zoo .zoo-filter .radio input[type="checkbox"], #yoo-zoo .zoo-filter .checkbox input[type="checkbox"] {
  /*float: none;
  margin: -3px 3px 0 10px;*/
  margin: 3px 5px 0 0px;
  float: left;
}

.zoo-filter input[type="checkbox"] {
    width: auto;
	height:auto;
}

.zoo-filter form label {
    font-weight: bold;
    font-size: 18px;
	height:auto;
}

.zoo-filter form .field {

  	position:relative;
}

.zoo-filter form .field input {width:100% !important;}

span.field-label {
    display: block;
}

img.zoo-calendar {
    width: 40px;
    position: absolute;
    right: 3px;
    top: 30px;
}

.submission img.zoo-calendar {
    width: 40px;
    position: absolute;
    right: initial;
    top: initial;
}

.submission span.first {
    margin-right: 40px;

}

.zoo-filter button.button, .uk-button-large,.uk-button-large:visited, .button button, .uk-button {
    color: #004a4d !important;
    background-color: #65dde0;
    border-color: #65dde0;
    border: none;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: none;
    white-space: nowrap;
    text-transform: uppercase;
    padding: 12px 30px;
    font-size: 16px;
    line-height: 1.428571429;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    }
.zoo-filter button.button:hover,.uk-button-large:hover, .button button:hover, .uk-button:hover {
    color: #004a4d;
    background-color: #00c5ca;
    border-color: #00c5ca; 
}

/*#yoo-zoo .zoo-filter form{border:1px solid #ccc; padding:10px;}

.zoo-filter label {display:initial;}

.zoo-filter .form-elements input[type="text"], #content form p input[type="text"], #content .zoo-filter .form-elements input[type="email"], #content .zoo-filter .form-elements input[type="password"] {
  float:right;
  width:68% !important;
  padding:4px;
  border:none;
  margin:0;
  background-color:#eee;
}
.zoo-filter .form-elements textarea {
  float:right;
  width:68% !important;
  padding:4px;
  margin:0;
}
#yoo-zoo.business-default .zoo-filter form label{
  display:inline;
}
.ordering form select{
  float:none;
  margin-bottom:10px;
  width:100% !important;
}

.zoo-filter .form-elements select, #content .item form select{
    width: 69%;
    float: right;
}

#yoo-zoo .zoo-filter span.checkbox-row {
  display: block;
  margin-top:5px;
  }
#yoo-zoo .zoo-filter span.checkbox-row input[type="checkbox"], #yoo-zoo .zoo-filter .form-element-row input[type="checkbox"]{
  margin:-2px 5px 0 0 !important;
  }
#yoo-zoo .zoo-filter span.checkbox-row label{
  font-weight: normal;
  line-height:22px;
  }
  
#yoo-zoo .zoo-filter input {
    margin-bottom: 0px !important;
}*/

 .mysubmissions form select, #content #item-submission select, #content table select{ /* per mantenere inalterato il layout GESTIONE SITO */
  float:none;
  /*width:auto !important;*/
  width:100% !important;
}

#mysubmissions h3.toggler {
    font-size: 18px !important;
}

#mysubmissions .add-link {
    font-size: 18px;
}

.submission .repeatable-element .repeatable-content {
    width: auto;
}

.submission strong {font-weight:bold !important;}

/* --------------------  FORM - Direttiva qualità servizi e questionario  --------------------  */
#yoo-zoo .qualita form .uk-form-controls {
    margin-left: 0px;
}

/* --------------------  FORM  zoofilter - sidebar  --------------------  */

.tm-sidebar-b .zoo-filter span.checkbox-row label, .zoo-filter form label.layout {
    font-size: 16px;
    font-weight: normal;
	height:auto;
}
.tm-sidebar-b .zoo-filter input[type="checkbox"] {
	margin-left: 0px;
    margin-right: 4px;
	float:left;
}

/* ##############################  FORM end  ############################# */


/* ##############################  SUBMISSION  ############################# */

/* Gestione checkbox in layout submission */
#yoo-zoo .submission .element-checkbox div div {
    /*border: 1px solid #eee;*/
	float:left;
	width: 32.5%;
	margin-top:5px;
	margin-bottom:5px;
	height:auto;
}
#yoo-zoo .submission .element-checkbox input {
	float:left;
}
#yoo-zoo .submission .element-checkbox label {
	float:right;
	width:80%;
	font-size: 12px;
	margin:0;
	padding:0px 10px 0px 0px !important;
	line-height:18px !important;
}

#yoo-zoo .submission .radio input[type="radio"], #yoo-zoo .submission .checkbox input[type="checkbox"] {
    float: left;
    margin-left: -17px;
}

@media screen and (max-width: 1024px) {
  #yoo-zoo .submission .element-checkbox div div {
	width: 48%;
  }
}
@media screen and (max-width: 480px) {
  #yoo-zoo .submission .element-checkbox div div {
	width: 100%;
	float:none;
  }
  #yoo-zoo .submission .element-checkbox input, #yoo-zoo .submission .element-checkbox label {
	float:none;
	width:auto;
	display:inline-block;
  }
  #yoo-zoo .submission .element-checkbox label {
	padding: 3px 0px 0px 5px !important;
  }
 #yoo-zoo .submission .element-checkbox input {
	margin-top:-3px;
  }
}

/* ------------------ fine submission ------------------ */



/* ##############################  BOOTSTRAP OVERRIDES start  ############################# */
#yoo-zoo .row {
   margin-left: 7px; 
}
#yoo-zoo .menuindent ul.small {
  font-size: inherit;
}


#yoo-zoo .item ol {
  padding-left:20px;
}
/* ##############################  BOOTSTRAP OVERRIDES end  ############################# */





/* ##############################  RESPONSIVE start  ############################# */
 
@media screen and (max-width: 1100px) {
.tm-logo {
  margin-left:30px;
  }
  .burger-clio span{
  display:none;
}
body.alto .burger-clio {
    margin-top: 48px;
}

body.ridotto .burger-clio {
    margin-top: 8px;
}
}

@media screen and (max-width: 960px) {
body .tm-headerbar a.tm-logo {
  width:65%;
  }
body .tm-headerbar .tm-logo img{
  float:left;
  }
body .tm-headerbar .tm-logo span{
  display:block;
  }
#tm-bottom-a .uk-container {
  padding:0;
  }
}

@media screen and (max-width: 768px) {
body .tm-headerbar a.tm-logo {
  font-size:20px;
  line-height:25px;
  }
body .tm-headerbar .tm-logo span{
  padding-top:18px;
  }
body.alto .burger-clio {
  margin-top:29px;
  margin-top:16px;
  margin-top:37px;
}

.burger-clio span{
  display:none;
}

#yoo-zoo .items h2.pos-title {
    clear: both;
}

.yoo-zoo img {
	width:100%;
}
#yoo-zoo .items div.media-right {
    margin-left: 0px;
    float: left;
	width:97%;
	margin-bottom:20px;
}

}


@media screen and (max-width: 1020px) {
	#yoo-zoo .items h2.pos-title {
		clear: both;
	}
	
	.yoo-zoo img {
		width:100%;
	}
	#yoo-zoo .items div.media-right {
		margin-left: 0px;
		float: left;
		width:97%;
		margin-bottom:20px;
	}
}
@media screen and (max-width: 480px) {
#sp-header.menu-fixed-out {
  min-height:auto;
}
body{padding-top: 170px;}

body.home{padding-top: 150px;}/* se c'è la slide in home*/
body.home.ridotto{padding-top: 96px;}/* se c'è la slide in home*/

body.alto .burger-clio {
    margin-top: 27px;
}

body .tm-headerbar .tm-logo span{
  padding-top:19px;
  }
body .tm-headerbar a.tm-logo {
  font-size:14px;
  line-height:16px;
  }

 #tm-bottom-c .uk-width-1-2,  #tm-bottom-c  .uk-width-2-4,  #tm-bottom-c  .uk-width-3-6,  #tm-bottom-c .uk-width-5-10 {
    width: 100%;
}
}

@media screen and (width: 768px) {
#yoo-zoo .item div.media-right {
    margin: 0px 0px 0px 15px;
    float: right;
    border: 3px solid #eee;
    background-color: #eee;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
    padding: 30px 0px;
}
}

/* ##############################  RESPONSIVE end  ############################# */