/* Copyright (C) YOOtheme GmbH, h */

@import url(../warp/css/base.css);
#page .menu-sidebar .level2 a > span {
    font-size: 1.25em !important;
    
}
.menu-dropdown li.level1 {
    margin-right: 0px !important;
}
/* New style-related Base Values --------------------------------------*/




/* ---------------------------------------------  inizio ACCESSO RAPIDO 2016  --------------------------------------------- */
 
/* Accesso Rapido - BOX */

#page #page-in #main .accesso-rapido-box, #page #page-in #main .accesso-rapido-box-border {
	background:none;
	background:#fff;
}
#page #page-in #main .accesso-rapido-box {
	border: none;
    padding: 0;
}
#page #page-in #main .accesso-rapido-box-border {
	padding: 10px;
	border: 1px solid #ccc;
}
#page #page-in #accesso-rapido a.level1 {
	text-align:center;
	padding:10px 0 10px 0 !important;
	margin:0;
	width:100%;
	font-size:15px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-style:italic ;
	font-weight:bold;
	letter-spacing:0;
	text-transform:uppercase;
	cursor:default;
	background-repeat:no-repeat;
	background-position: bottom center;
	background-image: url(http://pa3.produzione.clio.it/images/template/accesso-rapido/bg-head.png);
}
#page #page-in #accesso-rapido a.level1:hover {
	text-decoration:none;
}
#page #page-in #accesso-rapido a.level1 span {
	background:none;
	padding: 5px 0;
}


/* Accesso Rapido - ICONE */

#page #page-in #accesso-rapido ul, #page #page-in #accesso-rapido li {
    margin:0;
    padding:0;
}
#page #page-in #accesso-rapido li {
    border:none;
    margin-bottom:2px;
}
 
#page #page-in #accesso-rapido ul li a {
	display:block;
    margin:0;
    padding:0;
    height:51px;
    width:100%;
    font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#555; 
	font-size:0.9em;
	background-repeat:no-repeat;
	background-position: center right;
	transition-property: all; transition-duration: 0.4s;
   -webkit-transition-property: all; -webkit-transition-duration: 0.4s;
   -moz-transition-property: all; -moz-transition-duration: 0.4s;
   -o-transition-property: all; -o-transition-duration: 0.4s;
   -ms-transition-property: all; -ms-transition-duration: 0.4s;
}

#page #page-in #accesso-rapido ul li a:hover, #page #page-in #accesso-rapido ul li a span:hover{
  text-decoration:none;
}

#accesso-rapido ul li a span {
  display:block;
  padding: 11px 45px 4px 0px;
  line-height:15px;
  /*color:#555  !important; */
}

#accesso-rapido .albo {background-image: url(http://pa3.produzione.clio.it/images/template/accesso-rapido/albo-pretorio.png);}
#accesso-rapido .trasp {background-image: url(http://pa3.produzione.clio.it/images/template/accesso-rapido/trasparenza.png);}
#accesso-rapido .urp {background-image: url(http://pa3.produzione.clio.it/images/template/accesso-rapido/urp.png);}
#accesso-rapido .pec {background-image: url(http://pa3.produzione.clio.it/images/template/accesso-rapido/pec.png);}
#accesso-rapido .pug {background-image: url(http://pa3.produzione.clio.it/images/template/accesso-rapido/pug.png);}
#accesso-rapido .faq {background-image: url(http://pa3.produzione.clio.it/images/template/accesso-rapido/come-fare-per.png);}
#accesso-rapido .servizi-online {background-image: url(http://pa3.produzione.clio.it/images/template/accesso-rapido/servizi-on-line.png);}
#accesso-rapido .turismo {background-image: url(http://pa3.produzione.clio.it/images/template/accesso-rapido/turismo.png);}
#accesso-rapido .suap {background-image: url(http://pa3.produzione.clio.it/images/template/accesso-rapido/suap.png);}
#accesso-rapido .imu {background-image: url(http://pa3.produzione.clio.it/images/template/accesso-rapido/imu.png);}


/* Tema DEFAULT AZZURRO */
#page #page-in #accesso-rapido a.level1 {
	color:#0067a0;
	background-color: #d4f1fb; 
}
#page #page-in #accesso-rapido ul li a {
	background-color: #058bc6;
	border-bottom: 1px solid #9bd1e8;
	}
#page #page-in #accesso-rapido ul li a:hover, #page #page-in #accesso-rapido ul li a span:hover{color:#00abe3;}
#page #page-in #accesso-rapido ul li a:hover {
  border-bottom: 1px solid #0d9ddc; 
  background-color: #41b7eb; 
}


/* Tema ROSSO */
#page #page-in .red #accesso-rapido a.level1 {
	color:#e33c3c;
	background-color: #eee; 
}
#page #page-in .red #accesso-rapido ul li a {
	background-color: #f15d5d;
	border-bottom: 1px solid #f1c5c5;
	}
#page #page-in .red #accesso-rapido ul li a:hover, #page #page-in .red #accesso-rapido ul li a span:hover{color:#f32d2d;}
#page #page-in .red #accesso-rapido ul li a:hover {
  border-bottom: 1px solid #f04d4d; 
  background-color: #ce3434; 
}


/* Tema OCRA */
#page #page-in .ocher #accesso-rapido a.level1 {
	color:#333;
	background-color: #ffe7b8; 
}
#page #page-in .ocher #accesso-rapido ul li a {
	background-color: #eeae4a;
	border-bottom: 1px solid #e9ca99;
	}
#page #page-in .ocher #accesso-rapido ul li a:hover, #page #page-in .ocher #accesso-rapido ul li a span:hover{color:#e79920;}
#page #page-in .ocher #accesso-rapido ul li a:hover {
  border-bottom: 1px solid #eeae4a; 
  background-color: #db9322; 
}


/* Tema ARANCIO */
#page #page-in .orange #accesso-rapido a.level1 {
	color:#fa6501;
	background-color: #eee; 
}
#page #page-in .orange #accesso-rapido ul li a {
	background-color: #fe7c35;
	border-bottom: 1px solid #f9c9af;
	}
#page #page-in .orange #accesso-rapido ul li a:hover, #page #page-in .orange #accesso-rapido ul li a span:hover{color:#ff6c09;}
#page #page-in .orange #accesso-rapido ul li a:hover {
  border-bottom: 1px solid #fe7c35; 
  background-color: #777; 
}


/* Tema VERDE */
#page #page-in .green #accesso-rapido a.level1 {
	color:#333;
	background-color: #daf5c7; 
}
#page #page-in .green #accesso-rapido ul li a {
	background-color: #2ec12a;
	border-bottom: 1px solid #b3dcad;
	}
#page #page-in .green #accesso-rapido ul li a:hover, #page #page-in .green #accesso-rapido ul li a span:hover{color:#04c200;}
#page #page-in .green #accesso-rapido ul li a:hover {
  border-bottom: 1px solid #2cb929; 
  background-color: #039600; 
}


/* Tema VIOLA */
#page #page-in .purple #accesso-rapido a.level1 {
	color:#333;
	background-color: #fbe1f3; 
}
#page #page-in .purple #accesso-rapido ul li a {
	background-color: #bc4c6e;
	border-bottom: 1px solid #e0bbd5;
	}
#page #page-in .purple #accesso-rapido ul li a:hover, #page #page-in .purple #accesso-rapido ul li a span:hover{color:#d2026e;}
#page #page-in .purple #accesso-rapido ul li a:hover {
  border-bottom: 1px solid #bc4c6e; 
  background-color: #ed639a; 
}


/* Eliminazione bordo ultimo item 
#accesso-rapido ul li:last-child a, #accesso-rapido ul li:last-child a:hover{
	border:none !important;
}*/

 
/* ---------------------------------------------  fine ACCESSO RAPIDO 2016  --------------------------------------------- */



/* ---------------------------------------------  inizio ICONE ACCESSIBILITA' 2016  --------------------------------------------- */

#page #accessibility-links a {
    height: 29px;
    width: 29px;
}
#page #accessibility-links .accessibility-icon, #page #accessibility-links li {
    width: 37px;
}
#page #accessibility-links button{
    height: 31px;
    width: 31px;
}

#accessibility-links #login-btn {background: url(http://pa3.produzione.clio.it/images/template/accessibility/ico-login-off.gif) no-repeat center center;}
#accessibility-links #login-btn:hover {background: url(http://pa3.produzione.clio.it/images/template/accessibility/ico-login-on.gif) no-repeat center center;}

/* ---------------------------------------------  fine ICONE ACCESSIBILITA' 2016  --------------------------------------------- */


/* ---------------------------------------------  inizio ICONE ACCESSIBILITA' 2017 - position absolute  --------------------------------------------- */
#absolute #accessibility-links {
    float: none;
    display: inline-block;
}
/* ---------------------------------------------  fine ICONE ACCESSIBILITA' 2017 - position absolute  --------------------------------------------- */



/* ------------------ inizio CERCA (versione 2016) ------------------ */
#page #search .searchbox, #page #header-responsive .searchbox {
  width:auto;
  height: 30px;
  padding: 0 0 0 30px;
  border: 4px solid #ddd;
  background: #ddd url(../images/searchbox_magnifier.png) 0 50% no-repeat;
}
#page #search .searchbox input, #page #header-responsive .searchbox input{
  display: inline-block;
  width: 180px;
  padding-left: 4px;
  background: #fff;
  height: 30px;
  font-size: 14px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#page #search .searchbox button[type="submit"], #page #header-responsive .searchbox button[type="submit"] {
  display: inline-block;
  border:none;
  padding-left:6px;
  padding-right:6px;
  height:30px;
  color:#fff;
  font-size: 14px;
  background: #358bc1;
  /*background: #777;*/
}
#page #search .searchbox button[type="submit"]:hover, #page #header-responsive .searchbox button[type="submit"]:hover {
  background: #44a0db;
  /*background: #666;*/
}
#page #search .searchbox.filled button[type="submit"] {
  position:relative;
  width:auto;
}
#page #search .searchbox.filled button[type="reset"], #page #header-responsive button[type="reset"] {
  display: block;
  width:25px;
  position: absolute;
  top: 0;
  bottom: 0;
  right:0px;
  padding: 0;
  border: none;
  line-height: 0;
  cursor: pointer;
  background: #fff url(../images/searchbox_reset.png) 50% 50% no-repeat;
}

#search label[for="searchword"] {
  display:none;
}

/* responsive */
#page #header-responsive .searchbox {
  width:100%;
  height: 38px;
  margin:0 0 2px 0;
}
#page #header-responsive .searchbox input{
  width:100%;
  margin-right:0px;
}
#page #header-responsive .searchbox button[type="submit"] {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right:0;
}
/* ------------------ fine CERCA (versione 2016) ------------------ */


/* ------------ Inizio normativa COOKIES ------------ */
#page #absolute, .absolute {
  position: inherit;
  font-size:12px;
  color:#888;
  line-height:10px;
  padding: 7px 0 8px 0;
  background-color:#fff;
  border-bottom:1px solid #ccc;
  box-shadow: 0px 1px 1px 0px #ddd;
}
#page #absolute a, .absolute a{
  color:#019edf;
}
.plg_system_eprivacy_module .plg_system_eprivacy_message {
  background-color: #fff;
  border:none;
}
.plg_system_eprivacy_module div.plg_system_eprivacy_accepted button, .plg_system_eprivacy_module div.plg_system_eprivacy_declined button {
  float: none;
}
.plg_system_eprivacy_module div.plg_system_eprivacy_accepted, .plg_system_eprivacy_module div.plg_system_eprivacy_declined {
  border: none;
}
#page #absolute button {
  border:none;
  color:#fff;
  font-size:12px;
  line-height: 14px;
  background-color:#019edf;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding:4px 5px;
}
#page #absolute button:hover {
  background-color:#17b9fd;
}

/* ------------ Fine normativa COOKIES ------------ */



/* ------------------ inizio STRUTTURA ------------------ */
body {
  font: normal 14px/20px Arial, Helvetica, sans-serif;
  color: #444;
}
/* ------------------ fine STRUTTURA ------------------ */



/* ------------------ inizio COLONNE ------------------ */

#sidebar-a ul.level3, #sidebar-b ul.level3  {
  padding-left:0;
}
#sidebar-a ul li.level3, #sidebar-b ul li.level3  {
  border:none;
  padding: 2px 0 2px 10px;
  background: url(http://pa3.produzione.clio.it/images/template/item-submenu-column.gif) no-repeat left 5px;
}
#sidebar-a ul li.level3 a.level3, #sidebar-b ul li.level3 a.level3  {
  color:#777  !important;
}
#sidebar-a ul li.level3 a.level3 span, #sidebar-b ul li.level3 a.level3 span  {
  font-size:12px !important;
}

#sidebar-a .mod-box p, #sidebar-b .mod-box p {
  margin-right:10px;
  margin-left:10px;
}

/* ------------------ fine COLONNE ------------------ */




/* ------------------ inizio STILI GENERALI ------------------ */

/*  gestione generale sottolineatura LINK  */
#yoo-zoo .item a, #yoo-zoo .items a {
	border-bottom: 1px solid #ccc;
 }
#yoo-zoo .item h1 a, 
#yoo-zoo .items h1 a, 
#yoo-zoo .item h2 a, 
#yoo-zoo .items h2 a, 
#yoo-zoo .item h3 a, 
#yoo-zoo .items h3 a, 
#yoo-zoo .item .title a, 
#yoo-zoo .items .title a, 
#yoo-zoo .sub-pos-media a.zx {
	border: none;
 }
 
 

a { color: #48b; }

a:hover,
em, code { color: #d50; }

ins, mark { background-color: #ffa; }
mark { color: #444; }

hr { border-top-color: #ddd; }

pre {
  border: 1px solid #ddd;
  background: #fafafa;
}

.corsivo, .italic {
  font-style:italic;
}

.barrato {text-decoration: line-through !important;}
.sottolineato {text-decoration: underline !important;}
.grassetto {font-weight: bold;}

.element.required {color:#F00;}

::-moz-selection { background: #39f; color: #fff; }
::selection { background: #39f; color: #fff; }

.maiuscolo {text-transform:uppercase;}
.testopiccolo {font-size:85%;}

#sidebar-b .module-title{color: #707070;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-indent: 0;
	margin: 0;
	padding: 5px 35px 15px 0;
	border: none;
	background: none;
}

.separatore {border-bottom:1px solid #ccc; padding:2px;}
.deeper span.separator {font-weight:bold; text-transform:uppercase; background-color:#F0F2F3; padding:3px;}

.accessibilita, .accessibile {display:none}

/*Stili editor che l'utente può selezionare*/
.rosso {color:#ff0000}
.blu {color:#3574A5}
.verde {color:#669641}
.testogrande {font-size:120%}

#yoo-zoo h4 {
	font-weight:bold;
	font-size:18px;
	line-height:22px;
}


/* Ottimizzazione titoli in pagina risultato della RICERCA per far prevalere formattazione custom */
#content #system .title a {
	color: inherit;
    font-weight: normal;
}

/* ------------------ fine STILI GENERALI ------------------ */




/* ------------------ inizio FORM ------------------ */
#content .description {
  padding:0;
}
#content form {
  margin:0 0 10px 0;
  padding:13px;
  border: 1px solid #ccc;
}
.qualita{
    background-color: #eee;
    padding:10px;
}

#content #formCustomerSatisfactionPage{border:none;padding:0px;}
#content #formCustomerSatisfactionPage legend {font-size:18px;border-bottom:1px solid #c7c7c7;margin-bottom:0px;}
input#risposta {
    margin: 0 6px 3px 2px;
}
#content #formCustomerSatisfactionPage input.uk-button{float:none;}

#content #formCustomerSatisfactionPage .uk-form-row.captcha {
    background-color: #fbfbfb;
    padding: 10px;
    text-align: center;
    margin: 0px auto;
}

#content #formCustomerSatisfactionPage .g-recaptcha {
    margin: 0px auto !important;
    text-align: center;
    width: 300px;
}

#yoo-zoo ul.nolist li {
    background: none;
    padding-left: 0px;
    margin-bottom: 10px;
}

#content .zoo-filter, #content form p{
  margin: 0 0 6px 0;
}
#content .zoo-filter .form-element-row, #content .zoo-filter .field, #content form p{
  padding:8px 0 8px 0;
}


#content #yoo-zoo .zoo-filter .form-element-row, #content #yoo-zoo  form p {
    /*border-bottom: 1px solid #DDDCDC;*/
    margin: 0;
    padding: 10px 0 15px 0;
}

.zoo-filter .form-element-row {
    padding: 0px !important;
    padding-bottom: 3px !important;
}

#content #yoo-zoo  form p:last-child {
    border-top: 1px solid #ccc;
    padding-top: 10px;
    margin-top: 10px;
    text-align:center;
}


#content .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;
}
#content .zoo-filter .form-elements textarea {
  float:right;
  width:68% !important;
  padding:4px;
  margin:0;
}
#yoo-zoo.business-default .zoo-filter form label{
  display:inline;
}
#content .ordering form select{
  float:none;
  margin-bottom:10px;
  width:100% !important;
}
#content .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;
}
#content #item-submission ul li{ /* per mantenere inalterato il layout GESTIONE SITO */
  padding:0;
}

.mysubmissions .toolbar .submission-add {z-index: 100 !important;}  


#content .zoo-filter .button, #content .ordering input, #content form .btn-cont input, #content form input[type="submit"] {
  /*clear: none;
  display: inline;
  float: left;*/
  width:auto;
  margin: 10px 2px 0 0;
  padding: 6px 10px 8px 10px;
  cursor: pointer;
  color: #fff;
  font: 14px Arial, Verdana, Helvetica;
  text-transform:lowercase;
  overflow: visible;
  border:none;
  background-color: #555;
  background-image: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-shadow: 0;
  box-shadow:none;
}
#content .ordering input{
  clear: both;
  display:block;
  margin: 5px auto 0 auto;
  float: none;
}
#content .zoo-filter .button:hover, #content .ordering input:hover, #content form .btn-cont input:hover {
   background-color:#888;
   background-image:none;
}
#content form .btn-cont input {
   float:none;
}
#content form .btn-cont {
   text-align:center;
}

.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;
}



/* Form CUSTOM */
#yoo-zoo form.form-custom{
   background-color: #f0f0f0;
   border:none;
}
#yoo-zoo .form-custom .form-element-row{
    min-height:40px;
}
#yoo-zoo .form-custom .form-element-row input{
	height:30px;
	background:#fff !important;
	border:1px solid #ccc !important;
}
#yoo-zoo .form-custom #captchaHidden{
	width:auto !important;
}
#yoo-zoo .form-custom .form-elements select {
    width: 68%;
}
#azioni {
    padding: 10px;
    background-color: #e1e1e1;
    margin-top: 8px;
    border-bottom: 1px solid #ccc;
}
.uk-form-controls.box-right {
    float: right;
    width: 68%;
	position:relative;
}






/* 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;
}
@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 FORM ------------------ */




/* ------------------ inizio ELENCHI ------------------ */
#yoo-zoo ul {
  padding:0;
  margin:10px 0 10px 0;
}
#yoo-zoo ul li{
  list-style-type:none;
  padding:3px 0 3px 16px;
  margin:0;
  background: url(http://pa3.produzione.clio.it/images/template/point-base.gif) no-repeat left 8px;
}
#yoo-zoo ul  li ol li{
  background: none;
  list-style-type: decimal;
  padding-left:5px;
}


#yoo-zoo .mysubmissions ul li{
  padding:3px 0 3px 0;
  background: none;
}
#page #yoo-zoo ul li .pos-subtitle{
  padding:0;
}
#yoo-zoo .moduletablesx-home ul li, #yoo-zoo .moduletabledx-home ul li, #yoo-zoo .slides li, #yoo-zoo .set li, #yoo-zoo .pos-specification li, #yoo-zoo.movie-default li{
  padding:8px;
  background-image: none;
}
#yoo-zoo .pos-taxonomy .element-staticcontent, #yoo-zoo .zoo-itempro-default li, #yoo-zoo .zpager li{
  padding:0;
  margin:0;
  background-image:none;
}
#yoo-zoo .item ul.pos-specification {
  width: auto;
}
#yoo-zoo .menuindent ul li {
  font-weight:bold;
}
#yoo-zoo .menuindent ul ul li {
  font-weight:normal;
}
/* ------------------ fine ELENCHI ------------------ */



/* ------------------ inizio TABLE ------------------ */

/* TABLE general */
#table {
   width: 99%;
   font-size:0.7em;
   margin-bottom: 15px;
   border: 1px solid #dad9d9;
   border-top:none;
}
#table tr.row-2 {
   /*border-bottom: 1px solid #dad9d9;*/
   background-color:#f0f0f0;
}
#table th {
   background-color:#ddd;
}
#table td, #table th {
   padding: 4px 8px;
}
#table caption {text-transform:uppercase;}
#table th {text-align:left;}


/* TABLE tipologie di procedimento */
#page .dati-tabellari table caption {
    font-size: 130%;
    color: #268bcc;
    font-weight: bold;
    margin-bottom:20px;
}
#page .dati-tabellari table {
    width: 100%;
    font-size: 80%;
    border: 2px solid #eee;
    border-top:none;
    text-align: left;
    }
#page .dati-tabellari table td {
    padding:8px 0 8px 8px;
    line-height:1.6em;
    border:1px solid #eee;
    border-bottom: 1px solid #bbbaba;
    }
#page .dati-tabellari table th{
    background: #268bcc;
    color: #fff;
    padding:6px;
    line-height: 1.3em;
    border:1px solid #fff;
    font-weight:bold;
    text-align:center;
    }
#page .dati-tabellari table td a {
    /*color:#008ce5;*/
    color:#009ae1;
    }
#page .dati-tabellari table td div {
    margin-bottom:15px;
    }
#page .dati-tabellari table td ul li {
    background: #fff url(http://pa3.produzione.clio.it/images/template/point-base.gif) no-repeat left 7px;
    }


/* TABLE elenco utenti registrati */
#yoo-zoo.blog-default-elenco-utenti-registrati table {font-size:85%; width:100%; border:1px solid #ccc;}
#yoo-zoo.blog-default-elenco-utenti-registrati table td {border-bottom:1px solid #ccc;}

/* ------------------ fine TABLE ------------------ */



/* -------------- inizio SOCIAL -------------- */

#social-ico {
  /*background-color:#eee;*/
  padding:0;
  margin:0 0 5px 0;
}
#social-ico ul, #social-ico li{
  margin:0;
  padding:0;
  float:left;
  list-style-type:none;
  background:none;
}
#social-ico .link-fb, #social-ico .link-tw {
  padding:0 7px 0 0;  
}
#social-ico a {
  display:block;
  width:37px;
  height:37px;
  float:left;
  /*background-color:#ccc;*/
}
#social-ico a span {
  display:none;
}
#social-ico .link-fb a {background: url(/images/ico-fb.gif) no-repeat;}
#social-ico .link-tw a {background: url(/images/ico-tw.gif) no-repeat;}

/* -------------- fine SOCIAL -------------- */

/*inizio POPUP FACEBOOK LIKE*/
/*.fb-like span {
    height: 289px !important;
    width: 668px !important;
}*/
/*fine POPUP FACEBOOK LIKE*/



/* -------------- inizio HEADER -------------- */
#header-responsive .logo p{
  display:none;
}
/* -------------- fine HEADER -------------- */


/* -------------- inizio MENU' -------------- */


/* link LOGIN */
#menu .menu-dropdown .mobile-login {
    display: none;
}
@media screen and (max-width: 768px) {
  #menu .menu-dropdown .mobile-login {
  display: block;
  }
}


/* correzione spazio a destra in item di primo livello */
#page #menu .menu-dropdown li.level1 a, #page #menu .menu-dropdown span.level1 {
    margin-right: 10px;
}


/* sottomenù GESTIONE SITO */
#menu .dropdown-bg ul ul li {
   padding-left:15px;
}
#menu .dropdown-bg ul ul ul li {
   background: url(http://pa3.produzione.clio.it/images/template/point-admin.gif) no-repeat left 4px;
}
#page #menu .menu-dropdown .level2 .active {
   background: none;
   border:none;
   color:#019ee7;
}

#yoo-zoo.blog-default-gestione-sito .moduletable, .menu-dropdown .column {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-rule-style: solid;
    -moz-column-rule-style: solid;
    column-rule-style: solid;
    -webkit-column-rule-width: 1px;
    -moz-column-rule-width: 1px;
    column-rule-width: 1px;
    -webkit-column-rule-color: #E5E5E5;
    -moz-column-rule-color: #E5E5E5;
    column-rule-color: #E5E5E5;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

#yoo-zoo.blog-default-gestione-sito ul.nav.menu {
    padding: 0;
    margin: 10px 0 10px 0;
    margin: 0px;
}


/* -------------- fine MENU' -------------- */


/* -------------- inizio BOOTSTRAP OVERRIDES -------------- */
#page .row {
   margin-left: 0px; 
}
#yoo-zoo .menuindent ul.small {
  font-size: inherit;
}
#yoo-zoo .zoo-filter form label{
  display:inline;
  font-weight: bold;
}
#yoo-zoo .zoo-filter .radio input[type="radio"], #yoo-zoo .zoo-filter .checkbox input[type="checkbox"] {
    float: none;
    margin: -3px 3px 0 10px;
}
#yoo-zoo .item ol {
  padding-left:20px;
}
/* -------------- fine BOOTSTRAP OVERRIDES -------------- */



/* -------------- inizio ZOO -------------- */


/* ZOO general */
#yoo-zoo.business-default p.meta {font-size:1em; line-height:1.4em;}

#yoo-zoo .pos-info .element {
    margin: 4px 0;
    } 

#page #yoo-zoo .item h1.pos-title {
  width: 95%;
  padding: 5px 5% 3px 0;
}
#yoo-zoo .details h1.title {
  text-overflow: clip; /*Impedisce a Zoo di troncare il nome della categoria quando eccede lo spazio disponibile su unico rigo*/
  white-space: normal; 
  height: auto;
  background: none;
  text-indent: 0px;
}
#yoo-zoo .pos-info .element h3 {
    font-size: 1.2em;
    display:inline;
    margin-right: 10px;
    background:none;
    }
#yoo-zoo .item h3, h3 {
   height: auto !important;
   padding: 8px 5px 5px 0px;
   line-height: 1.4em;
}
#yoo-zoo .details {
    margin: 0;
    padding: 0;
    border: none;
}

#yoo-zoo .details div.description {
   padding: 0px !important;
    }

#page #yoo-zoo .pos-subtitle {
  text-transform:none;
  line-height:1.4em;
  padding: 8px 0;
  margin:0 0 10px 0;
}
#page #yoo-zoo .pos-subtitle p {
  padding:0;
  margin:0;
}
#page #yoo-zoo div.img-interna {
   margin-top: 5px;
   margin-right: 12px;
   float: left;
   border:5px solid #F2F2F2;
   background-color:#F2F2F2;
   }

#yoo-zoo .pos-bottom .element-itemauthor, #yoo-zoo .pos-bottom .element-itempublish_up {
  background-color: #eee;
  padding:5px;
  border:1px solid #ccc;
}
#yoo-zoo .pos-bottom .element-itemauthor h3, #yoo-zoo .pos-bottom .element-itempublish_up h3 {
  display: inline;
  margin-right:5px;
  font-size:99%;
  background:none;
  font-weight:bold;
}

#yoo-zoo .zoo-pagination .pagination-bg ul {margin:0; padding:0;}
#yoo-zoo .zoo-pagination .pagination-bg li {display:inline; background-image:none; margin:0; padding:0;}



/* ZOO layout ITEM */
#yoo-zoo .item div.pos-sidebar .element-image, #yoo-zoo .item .element-imagepro {
    padding: 1px;
}
#yoo-zoo .item .element-imagepro {
    margin-top:10px;
}
#yoo-zoo .item .element-imagepro img {
    display:block;
}
#yoo-zoo .item div.address ul strong {
   width: auto;
}
#yoo-zoo .item div.pos-ingredients {font-style:italic; font-size: 120%; color:#0099CC; line-height:2em;}
#page #yoo-zoo .item h1.title, #page #yoo-zoo .item h1.pos-title {
	line-height:1.2em;
}
#yoo-zoo .item h2.pos-subtitle {
	background-color: #F5F5F5;
	padding:5px 0px 5px 1px !important;
	margin-top:5px !important;
	font-size:110%;
	}

#yoo-zoo .item p.pos-subtitleP {
	background-color: #F5F5F5;
	padding:5px 0px 5px 5px !important;
	margin-top:5px !important;
	/*font-size:110%;*/
	}
#yoo-zoo .item .directions .pos-directions h3 { 
    margin-top:0px;
    }
#yoo-zoo .item .directions .pos-directions p { 
    margin-bottom:20px;
    }
	


/* ZOO layout TEASER */
#yoo-zoo .items { 
    margin-top:20px;
    }
#yoo-zoo .items div.teaser-item { 
    border:none;
    padding: 10px !important;
    margin: 0 0 5px 0;
    background-color: #f5f5f5;
    }
#yoo-zoo .items div.teaser-item-bg {
    padding: 0px;
    background: none;
    /*border-bottom: 1px dotted #ddd;*/
}
#yoo-zoo .items div.row {
    padding: 10px 0 10px 0;
    background: none;
}
#yoo-zoo .items div.pos-content .element {
    margin-bottom: 8px;
}
#yoo-zoo .items div.pos-media .element {
    margin-bottom: 0px;
}
#yoo-zoo .items div.teaser-item-bg img {
    padding:4px;
    border:1px solid #d9d8d8;
    background-color: #fff;
}
#yoo-zoo .items p.pos-meta {
    margin: 0px 0px 0px 0px;
    padding:15px 0 0 0;
    font-size: 12px;
    color: #767676;
    line-height: 13px;
    font-style: italic;
    /*background-color: #efefef;*/
}

/*Impostazione stile p.meta su moduli*/
#yoo-zoo .moduletable p.pos-meta {
    margin: 0px 0px 0px 0px;
    padding:0px;
    font-size: 12px;
    color: #767676;
    line-height: 13px;
    font-style: italic;
   
}

/*Impostazione sfondo su layout4 del modulo Zoo Item Pro*/
.moduletable .layout-layout4 {
	background-color: #f5f5f5; 
	padding-left:10px;
	padding-bottom:10px;
	border: none;
	margin-bottom:5px;
	}
	
.layout-layout4 h2 {padding-top:10px}


#page #yoo-zoo .items h2.pos-title, #page #yoo-zoo .items h2.pos-subtitle {
    margin: 5px 0;
    font-weight: normal; 
    line-height: 24px; 
	text-decoration:none;
    font-size:1.3em;
}


/* ZOO layout SUBMISSION */

#yoo-zoo div.submission fieldset.creation-form { /* IMPORTANTE per step responsive */
    min-width:100% !important;
}

.mysubmissions .toolbar .submission-add {z-index: 100 !important;}  

#yoo-zoo .submission .creation-form .element > strong {width:30%; margin-right: 0;} /*allargare le label della submission*/

#yoo-zoo .submission .creation-form .element {width:100%; margin-bottom:5px; font-size:11px;} /*prendere tutto lo spazio disponibile anche nell'edit element*/

#yoo-zoo .submission .creation-form select {font-size:11px;} /*ridurre il testo delle select*/

#yoo-zoo .submission .zx .uk-margin-bottom {margin-top:0px;}

/* Disabilitazione punti elenco grafici */
#yoo-zoo .submission ul li{
	background:none;
	}

#item-submission .element.element-staticcontent{
	width: auto;
	margin-bottom: 55px !important;
	font-size: 14px !important;
	background-color: #eee;
	padding: 20px 10px;
	border-bottom: 3px solid #f00;
	box-sizing: border-box;
	}
#item-submission .element.element-staticcontent.first strong{width:100% !important;color: #f00;}




/* Elenco  BANNER */
#page #yoo-zoo .elenco-banner-pa .media-right{
    border: 1px solid #ccc;
	padding: 8px;
	margin-left: 10px;
}


/* -------------- fine ZOO -------------- */


/* -------------- inizio ACYMAILING NEWSLETTER -------------- */

/* gestione sito > newsletter > filtri - */
div.acyfilterarea {
    border:none;
    padding: 0px;
    margin-left: 0px;
}

/* -------------- fine ACYMAILING NEWSLETTER -------------- */





/* -------------- inizio HOME -------------- */


/* gestione colonne */ 
#page .moduletablesx-home {
    width: 60%;
	float:left;
}
#page .moduletabledx-home {
    width: 37%;
	float:right;
}
#page .moduletablesx-home.hp-width-100, #page .moduletabledx-home.hp-width-100 {
    width: 100%;
	float:none;
}
@media screen and (max-width: 480px) {
	#page .moduletablesx-home, #page .moduletabledx-home {
       width: 100%;
	   float:none;
    }
}


/* titoli macroaree */ 
#yoo-zoo .moduletablesx-home h2, #yoo-zoo .moduletabledx-home h2 {
    background-color: #f3f3f3;
	padding: 10px 5px 0px 14px;
    margin: 12px 0 0 0;
	font-size:1.1em !important;
	background-image:none;
	text-transform:uppercase;
}
#yoo-zoo .moduletablesx-home .box-hp:first-child h2, #yoo-zoo .moduletabledx-home .box-hp:first-child h2 {
    margin-top:0;
}

/* BOX - struttura  */ 
#page .box-hp ul {
   margin-top: 0;
   }
#page .box-hp li {
   padding:10px 0 !important;
   margin: 0 !important;
   border:none;
   }
#page .box-hp li .layout-default, #page .box-hp li .layout-layout3 {
   border: 1px solid #d9d9d9;
   border-bottom: 1px solid #ccc;
   margin: 0 !important;
   }
   
/* BOX - title */
#page .box-hp li .title{
   padding: 12px 20px 5px 12px;
   margin:0;
   margin-right: 8px;
   font-weight:normal;
   font-size: 17px;
   }
#page .moduletabledx-home .box-hp li .title{
   font-size: 14px;
   }
#page .moduletablesx-home .box-hp li .title{
   background: url(http://pa3.produzione.clio.it/images/template/box-home-2016/corner-news.gif) no-repeat right 8px;
   }
#page .moduletabledx-home .box-hp li .title{
   background: url(http://pa3.produzione.clio.it/images/template/box-home-2016/corner-base.gif) no-repeat right 15px;
   }
   
/* BOX - media */
#page .moduletablesx-home .box-hp .media, #page .moduletabledx-home .box-hp .media {
    margin: 0px;
    float: none;
    border: none;
	text-align:center;
	padding: 15px 0 5px 0;
	background: #f4f4f4 url(http://pa3.produzione.clio.it/images/template/box-home-2016/bg-photo.gif) repeat-x left bottom;
}
#page .moduletablesx-home .box-hp .media img, #page .moduletabledx-home .box-hp .media img {
    display:inline;
}

/* BOX - meta  description  links */
#page .box-hp li .meta, #page .box-hp li .description, #page .box-hp li .links {
   font-size:1em;
   margin:0;
   clear:both;
   padding:12px;
   line-height:1.4em;
   }
#page .box-hp li .meta {
   margin:0;
   padding-bottom:0;
   font-style:normal;
   font-weight:bold;
   }
#page .box-hp li .description {
   padding-top:5px;
   color:#4d4d4d;
   }
#page .box-hp li .description .element-textarea{
   }
#page .box-hp li .description .element-date{
   font-style:italic;
   color:#8c8c8c;
   }
#page .box-hp li .description p {
   margin:0;
   }
#page .box-hp li .description ul li {
	padding:5px 0 5px 16px !important;
	background: url(http://pa3.produzione.clio.it/images/template/box-home-2016/item.gif) no-repeat left 11px;
   }
#page #yoo-zoo .box-hp li .description ul li a{
	text-decoration:none;
   }
#page .box-hp li .links {
   }
#page .box-hp li .meta, #page .box-hp li .description, #page .box-hp li .links {
   background-color:#fff;
   }
#page .box-hp li .meta a{color:#000;}



/* BOX - temi cromatici */

/* tema VERDE */
#page .box-hp.green li .title, #page .box-hp.green li .title a{color:#01ab0d;}
#page .box-hp.green h2 {background-color:#04b300; color:#fff;}
/* tema VERDE LIGHT */
#page .box-hp.green.light h2 {background-color:#d5f1c1; color:#000;}


/* tema GIALLO OCRA */
#page .box-hp.ocher li .title, #page .box-hp.ocher li .title a{color:#d98f00;}
#page .box-hp.ocher h2 {background-color:#dc9b1c; color:#fff;}
/* tema GIALLO OCRA LIGHT */
#page .box-hp.ocher.light h2 {background-color:#fbe4bc; color:#000;}


/* tema AZZURRO */
#page .box-hp.blue li .title, #page .box-hp.blue li .title a{color:#009dd7;}
#page .box-hp.blue h2 {background-color:#009dd7; color:#fff;}
/* tema AZZURRO LIGHT */
#page .box-hp.blue.light h2 {background-color:#b5e6f8; color:#005581;}


/* tema BLU SCURO */
#page .box-hp.blue-2 li .title, #page .box-hp.blue-2 li .title a{color:#018ecf;}
#page .box-hp.blue-2 h2 {background-color:#0077bc; color:#fff;}
/* tema BLU SCURO LIGHT */
#page .box-hp.blue-2.light h2 {background-color:#e4f6fd; color:#00578e;}


/* tema VIOLA */
#page .box-hp.purple li .title, #page .box-hp.purple li .title a{color:#c6004f;}
#page .box-hp.purple h2 {background-color:#bc4c6e; color:#fff;}


/* tema MARRONCINO */
#page .box-hp.brownish li .title, #page .box-hp.brownish li .title a{color:#d6751e;}
#page .box-hp.brownish h2 {background-color:#cf7d45; color:#fff;}


/* tema MARRONCINO 2 */
#page .box-hp.brownish-2 li .title, #page .box-hp.brownish-2 li .title a{color:#a76e40;}
#page .box-hp.brownish-2 h2 {background-color:#bd8f5c; color:#fff;}
/* tema MARRONCINO 2 LIGHT */
#page .box-hp.brownish-2.light h2 {background-color:#f0dfcc; color:#000;}


/* tema ARANCIONE */
#page .box-hp.orange li .title, #page .box-hp.orange li .title a{color:#fc5817;}
#page .box-hp.orange h2 {background-color:#fe7c35; color:#fff;}
/* tema ARANCIONE LIGHT */
#page .box-hp.orange.light h2 {background-color:#ffb579; color:#000;}


/* tema RUGGINE */
#page .box-hp.rust li .title, #page .box-hp.rust li .title a{color:#e66100;}
#page .box-hp.rust h2 {background-color:#df5f02; color:#fff;}


/* tema ROSSO */
#page .box-hp.red li .title, #page .box-hp.red li .title a{color:#d9001b;}
#page .box-hp.red h2 {background-color:#ca2c40; color:#fff;}


/* tema SMERALDO */
#page .box-hp.emerald li .title, #page .box-hp.emerald li .title a{color:#018dab;}
#page .box-hp.emerald h2 {background-color:#00a2bf; color:#fff;}
/* tema SMERALDO LIGHT */
#page .box-hp.emerald.light h2 {background-color:#afe5ee; color:#00627a;}


/* OTTIMIZZA css temi a seguire */


/* tema GIALLO DORATO ????????????????? */
#page .box-hp.gold li .meta, #page .box-hp.gold li .description, #page .box-hp.gold li .links {background-color: #fef6e6;}
#page .box-hp.gold li .meta a{color:#c78801;}


/* -------------- fine HOME -------------- */





/* -------------- inizio BOX SPECIAL HOME -------------- */

.moduletablesx-home {float:left; width:48%; margin-right:5px; }
.moduletabledx-home {float:right; width:48%;}
.moduletable-evidenza .layout-default {
   text-align:center;
   padding:10px 5px;
   background-color:#f5f5f5;
   }

#page .moduletable-special {
    padding: 0 0 15px 0;
    }
#page .moduletable-special .title { 
    color:#333; /* Titolo e link - NEUTRO */
    }

#page .moduletable-special .layout-default .title{
    font-size:1.3em;
    padding-right:20px;
    }
#page .moduletable-special ul ul, #page .moduletable-special li{
    border:none;
    background:none;
    padding:0;
    margin:0;
    }
#page .moduletable-special .title, 
#page .moduletable-special .meta, 
#page .moduletable-special .description, 
#page .moduletable-special .links, 
#page .moduletable-special .element-text, 
#page .moduletable-special .element-textarea,
#page .moduletable-special ul ul{
    padding:0 10px;
    }
 #page .moduletable-special .element-text{
    padding-bottom:6px;
    }
#page .moduletable-special .layout-default {
    padding:10px 0 13px 0;
    margin: 0;
    background: #f5f5f5 url(http://pa3.produzione.clio.it/images/template/box-home-corner.gif) no-repeat right 8px;  /* Sfondo box - NEUTRO */
    }
#page .moduletable-special ul ul{
    padding-top:4px;
    }
#page .moduletable-special ul ul li{
    padding: 0 0 0 20px;
    background: url(http://pa3.produzione.clio.it/images/template/box-home-arrow.gif) no-repeat left 3px;
      }
      
#page .moduletable-special .element-image{
    text-align:center;
    padding:0;
    font-size:0;
    line-height:0;
    background-color: #ccc; /* Sfondo fascia img - neutro */
    }
#yoo-zoo .item div.pos-content .element {
    margin-bottom: 5px;
}
#page .moduletable-special .element-image img{
    margin:0;
    padding:0;
    }

/* tema VERDE */
#page .moduletable-special.green .title, #page .moduletable-special.green ul ul li a{color:#05a401;}
#page .moduletable-special.green .layout-default {background-color: #eff9e4;}
#page .moduletable-special.green .element-image{background-color: #9cde8f;}

/* tema VERDE SMERALDO */
#page .moduletable-special.emerald .title, #page .moduletable-special.emerald ul ul li a{color:#007e95;}
#page .moduletable-special.emerald .layout-default {background-color: #e1f9f8;}
#page .moduletable-special.emerald .element-image{background-color: #67d2d6;}

/* tema AZZURRO */
#page .moduletable-special.blue .title, #page .moduletable-special.blue ul ul li a{color:#0168b7;}
#page .moduletable-special.blue .layout-default {background-color: #e2f5ff;}
#page .moduletable-special.blue .element-image{background-color: #72c1ee;}

/* tema GIALLO OCRA */
#page .moduletable-special.ocher .title, #page .moduletable-special.ocher ul ul li a{color:#cd7902;}
#page .moduletable-special.ocher .layout-default {background-color: #fef6e6;}
#page .moduletable-special.ocher .element-image{background-color: #e5b46e;}

/* tema GIALLO DORATO */
#page .moduletable-special.gold .title, #page .moduletable-special.gold ul ul li a{color:#c78801;}
#page .moduletable-special.gold .layout-default {background-color: #fef6e6;}
#page .moduletable-special.gold .element-image{background-color: #f4ca82;}

/* tema ARANCIONE */
#page .moduletable-special.orange .title, #page .moduletable-special.orange ul ul li a{color:#f65700;}
#page .moduletable-special.orange .layout-default {background-color: #fff0e2;}
#page .moduletable-special.orange .element-image{background-color: #f5754e;}


/* -------------- fine BOX SPECIAL HOME -------------- */


/* -------------- inizio GALLERY -------------- */
#page #content .wk-gallery-showcasebox{ 
    width:100% !important;
    background-color:#eee;
    padding:15px 0 0 0;
    margin:0;
    }
#page .wk-slideshow{ 
    width:100% !important;
    text-align:center;
    }
#page .wk-slideshow ul, #page .wk-slideshow li{ 
    background-color:#eee;
    padding-bottom:40px;
    }
#page .slides-container img{ 
    border:8px solid #fff;
    margin: 0 auto;
    }

#page .wk-slideshow .caption {
    background:none;
    font-weight:bold;
    color:#000;
}

#page .wk-gallery-showcasebox .wk-slideset>div {
    box-shadow:none;
    border:0;
    margin:0;
    background:none;
    background-color:#d4d4d4;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
#page .wk-gallery-showcasebox .wk-slideset>div li{
    background:none;
}
#page .wk-gallery-showcasebox .wk-slideset .set>li>div {
    padding:0;
}
#page .wk-gallery-showcasebox .wk-slideset .set>li>div>div {
    padding: 5px;
    background: #fff;
    border-radius: 0px;
    box-shadow:none;
    transition-property: all; transition-duration: 0.3s; 
    -webkit-transition-property: all; -webkit-transition-duration: 0.3s;
    -moz-transition-property: all; -moz-transition-duration: 0.3s;
    -o-transition-property: all; -o-transition-duration: 0.3s;
    -ms-transition-property: all; -ms-transition-duration: 0.3s;
}
#page .wk-gallery-showcasebox .wk-slideset .set>li>div>div>img {
    border-radius: 0px;
    box-shadow:none;
}

#page .wk-gallery-showcasebox .wk-slideset .set>li.active>div>div, #page .wk-gallery-showcasebox .wk-slideset .set>li>div>div:hover {
    box-shadow: none;
    background: #666;
}

#page .wk-gallery-showcasebox .wk-slideset > div .next, #page .wk-gallery-showcasebox .wk-slideset > div .prev {
    top: 52%;
    width: 28px;
    height: 28px;
    margin-top: -16px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    transition-property: all; transition-duration: 0.3s; 
    -webkit-transition-property: all; -webkit-transition-duration: 0.3s;
    -moz-transition-property: all; -moz-transition-duration: 0.3s;
    -o-transition-property: all; -o-transition-duration: 0.3s;
    -ms-transition-property: all; -ms-transition-duration: 0.3s;
}
#page .wk-gallery-showcasebox .wk-slideset > div .next {
    background: #666 url(http://pa3.produzione.clio.it/images/template/gallery-next.png) no-repeat;
}
#page .wk-gallery-showcasebox .wk-slideset > div .prev {
    background: #666 url(http://pa3.produzione.clio.it/images/template/gallery-prew.png) no-repeat;
}
#page .wk-gallery-showcasebox .wk-slideset > div .next:hover, #page .wk-gallery-showcasebox .wk-slideset > div .prev:hover {
    background-color:#444 !important;
}

#page #yoo-zoo .item .wk-slideshow li {
  background:none;
}

@media (max-width: 767px) {
  .wk-slideshow .caption {
     font-size: inherit;
     line-height: inherit;
   }
}


/* Tema VERDE */
#page.gallery-green .wk-slideshow .caption {color:#01b901;} /* colore didascalia (come cursori) */

#page.gallery-green .wk-gallery-showcasebox .wk-slideset .set>li.active>div>div, 
#page.gallery-green .wk-gallery-showcasebox .wk-slideset .set>li>div>div:hover {
    background: #28e124; /* colore bg thumb selezionata e hover */
}

#page.gallery-green .wk-gallery-showcasebox .wk-slideset > div .next, 
#page.gallery-green .wk-gallery-showcasebox .wk-slideset > div .prev {
    background-color:#01b901;/* colore bg cursori thumbs (come didascalia) */
}

/* Tema ARANCIONE */
#page.gallery-orange .wk-slideshow .caption {color:#fb5402;} /* colore didascalia (come cursori) */

#page.gallery-orange .wk-gallery-showcasebox .wk-slideset .set>li.active>div>div, 
#page.gallery-orange .wk-gallery-showcasebox .wk-slideset .set>li>div>div:hover {
    background: #ff883f; /* colore bg thumb selezionata e hover */
}

#page.gallery-orange .wk-gallery-showcasebox .wk-slideset > div .next, 
#page.gallery-orange .wk-gallery-showcasebox .wk-slideset > div .prev {
    background-color:#fb5402;/* colore bg cursori thumbs (come didascalia) */
}

/* Tema GIALLO */
#page.gallery-yellow .wk-slideshow .caption {color:#eca100;} /* colore didascalia */

#page.gallery-yellow .wk-gallery-showcasebox .wk-slideset .set>li.active>div>div, 
#page.gallery-yellow .wk-gallery-showcasebox .wk-slideset .set>li>div>div:hover {
    background: #febb2b; /* colore bg thumb selezionata e hover */
}

#page.gallery-yellow .wk-gallery-showcasebox .wk-slideset > div .next, 
#page.gallery-yellow .wk-gallery-showcasebox .wk-slideset > div .prev {
    background-color:#feb009;/* colore bg cursori thumbs */
}

/* Tema OCRA */
#page.gallery-ocher .wk-slideshow .caption {color:#cd7902;} /* colore didascalia */

#page.gallery-ocher .wk-gallery-showcasebox .wk-slideset .set>li.active>div>div, 
#page.gallery-ocher .wk-gallery-showcasebox .wk-slideset .set>li>div>div:hover {
    background: #ffc075; /* colore bg thumb selezionata e hover */
}

#page.gallery-ocher .wk-gallery-showcasebox .wk-slideset > div .next, 
#page.gallery-ocher .wk-gallery-showcasebox .wk-slideset > div .prev {
    background-color:#eeaa51;/* colore bg cursori thumbs */
}

/* Tema RUGGINE */
#page.gallery-rust .wk-slideshow .caption {color:#ed450a;} /* colore didascalia (come cursori) */

#page.gallery-rust .wk-gallery-showcasebox .wk-slideset .set>li.active>div>div, 
#page.gallery-rust .wk-gallery-showcasebox .wk-slideset .set>li>div>div:hover {
    background: #ff8758; /* colore bg thumb selezionata e hover */
}

#page.gallery-rust .wk-gallery-showcasebox .wk-slideset > div .next, 
#page.gallery-rust .wk-gallery-showcasebox .wk-slideset > div .prev {
    background-color:#ed450a;/* colore bg cursori thumbs (come didascalia) */
}

/* Tema ROSSO */
#page.gallery-red .wk-slideshow .caption {color:#d70000;} /* colore didascalia */

#page.gallery-red .wk-gallery-showcasebox .wk-slideset .set>li.active>div>div, 
#page.gallery-red .wk-gallery-showcasebox .wk-slideset .set>li>div>div:hover {
    background: #ff6e6e; /* colore bg thumb selezionata e hover */
}

#page.gallery-red .wk-gallery-showcasebox .wk-slideset > div .next, 
#page.gallery-red .wk-gallery-showcasebox .wk-slideset > div .prev {
    background-color:#f33838;/* colore bg cursori thumbs */
}

/* Tema AZZURRO */
#page.gallery-blue .wk-slideshow .caption {color:#0e7ad0;} /* colore didascalia */

#page.gallery-blue .wk-gallery-showcasebox .wk-slideset .set>li.active>div>div, 
#page.gallery-blue .wk-gallery-showcasebox .wk-slideset .set>li>div>div:hover {
    background: #47bbfd; /* colore bg thumb selezionata e hover */
}

#page.gallery-blue .wk-gallery-showcasebox .wk-slideset > div .next, 
#page.gallery-blue .wk-gallery-showcasebox .wk-slideset > div .prev {
    background-color:#15a3ed;/* colore bg cursori thumbs */
}

/* Tema SMERALDO */
#page.gallery-emerald .wk-slideshow .caption {color:#009bb7;} /* colore didascalia */

#page.gallery-emerald .wk-gallery-showcasebox .wk-slideset .set>li.active>div>div, 
#page.gallery-emerald .wk-gallery-showcasebox .wk-slideset .set>li>div>div:hover {
    background: #2ddbeb; /* colore bg thumb selezionata e hover */
}

#page.gallery-emerald .wk-gallery-showcasebox .wk-slideset > div .next, 
#page.gallery-emerald .wk-gallery-showcasebox .wk-slideset > div .prev {
    background-color:#01bacb;/* colore bg cursori thumbs */
}

/* -------------- fine GALLERY -------------- */


/* ------------------ inizio SEZIONE VIDEO ------------------ */
#yoo-zoo.movie-default .description, #yoo-zoo.movie-default .pos-description  {
    text-align:center;
    background-color: #eee;
}
#yoo-zoo.movie-default .description #player_wrapper {
    margin: 15px auto;
}

#yoo-zoo.movie-default .pos-description .player-od_wrapper {
    margin:15px auto !important;
    width: 352px;
    height: 288px;
}
#yoo-zoo.movie-default .categories {
    margin: 0px;
}
#yoo-zoo.movie-default .category {
    background-color: #ccc;
    padding: 15px 15px 8px 15px;
}
#yoo-zoo.movie-default .categories .category a{
    font-size: 14px;
    color: #000;
}
#yoo-zoo.movie-default .categories .category span{
    font-size: 14px;
    color: #000;
}
#yoo-zoo.movie-default-archivio-video .category .sub-items {
    padding: 10px 0;
    background-color:#fff;
    margin:10px 0;
}
#yoo-zoo.movie-default .category .sub-items li {
    padding: 10px;
}
#yoo-zoo.movie-default .teaser-item ul li {
    background-color: #f5f5f5;
    text-align:left;
}

#yoo-zoo .item .element-textarea > * {
  margin: 15px auto 15px auto;
}

/*GESTIONE VIDEO CONSIGLI COMUNALI CON OBJECT*/

.topix
    {
	height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
	}
	
.topix object {
	height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	}

.videocontent {
	width:80%; 
	max-width: 640px;
	margin:0 auto;
	margin-bottom:20px;
	border:3px solid #fff;
	}
#yoo-zoo .item div.pos-description .element.first {padding-bottom: 20px;}

/* ------------------ fine SEZIONE VIDEO ------------------ */


/*--------------- inizio AMMINISTRAZIONE TRASPARENTE -------------- */

.trasparenza-default-amministrazione-trasparente .element.element-joomlamodule.last, #yoo-zoo.trasparenza-default-trasparenza-amministrativa-2 .categories {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
	-webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
    -moz-column-rule-style: solid; /* Firefox */
    column-rule-style: solid;
    -webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
    -moz-column-rule-width: 1px; /* Firefox */
    column-rule-width: 1px;
    -webkit-column-rule-color: #E5E5E5; /* Chrome, Safari, Opera */
    -moz-column-rule-color: #E5E5E5; /* Firefox */
    column-rule-color: #E5E5E5;
	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
	}

#yoo-zoo.trasparenza-default .categories {
	}	
	
#content .trasparenza-default-amministrazione-trasparente ul li{background:none !important;}
	
#content .trasparenza-default-amministrazione-trasparente ul li ul li ul li {     
    background: url(http://pa3.produzione.clio.it/images/template/point-base.gif) no-repeat left 8px !important;}

#content .trasparenza-default-amministrazione-trasparente ul.nav.menuindent li li a {color:#000; background:none; padding:0; font-size:inherit; border:none; font-weight: inherit;}	
#content .trasparenza-default-amministrazione-trasparente ul.nav.menuindent li a {background-image: url(http://pa3.produzione.clio.it/images/template/trasparenza.gif); padding:15px 0 15px 5px; font-size:115%; margin-top:-10px; color:ccc; border-bottom:1px solid #ccc; font-weight:bold;}

#yoo-zoo ul.nav-child li {font-size:95%;}

/* ------------------ inizio UNUSED ------------------ */

/*RISULTATO DELLA RICERCA NEL SITO*/
/*.result-title {font-size:85%;}*/

/*#yoo-zoo.trasparenza-default-bandi-di-gara-e-contratti .teaser-item li {padding:0px 1px 2px 1px; margin:0px;}*/

/*Diminuisce il font delle select nei form Submission di Frontend*/
/*.creation-form select {
    font-size: 11px;
    line-height: 25px;
}*/

/* ------------------ fine UNUSED ------------------ */

/* commentato per problemi con il captcha --- > iframe {min-height:400px;}*/

/*FULL BANDI DI GARA E CONTRATTI*/

body.bandi-contratti #yoo-zoo .item .element-textarea > * {margin-top:0px;}
body.bandi-contratti #yoo-zoo .item .pos-info .element {margin-top:20px; clear:both;}
body.bandi-contratti #yoo-zoo .item .pos-info .element a {color:#0099CF;}
body.bandi-contratti #yoo-zoo .item .pos-info .element h2 {margin-top:0px;}
body.bandi-contratti #yoo-zoo .item .pos-bottom .element h3 {font-size:1.1em; font-weight:bold; background-color:#eee;border:1px solid #E0E0E0;}

body.bandi-contratti #yoo-zoo .item .pos-info .element h3 {
	float:left; 
	display:initial; 
	width: 40%;
	background-color:#eee;
	font-size:1em; 
	padding:2px; 
	margin-top:0;
	border-right:1px solid #E0E0E0; border-top:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0; border-left:5px solid #E0E0E0;
	font-weight:bolder;}
.width-50-right {width:55%; float:left; clear:right;}

body.bandi-contratti #yoo-zoo .item div.pos-bottom .element {
    margin-top: 0px;
}

/* ------------------ fine FULL BANDI DI GARA E CONTRATTI ------------------ */

/*FULL INCARICHI*/

body.incarichi #yoo-zoo .item .element-textarea > * {margin-top:0px;}
body.incarichi #yoo-zoo .item .pos-info .element {margin-top:20px; clear:both;}
body.incarichi #yoo-zoo .item .pos-info .element a {color:#0099CF;}
body.incarichi #yoo-zoo .item .pos-info .element h2 {margin-top:0px;}
body.incarichi #yoo-zoo .item .pos-bottom .element h2 {margin-top:0px;}
/*body.incarichi #yoo-zoo .item .pos-bottom .element h3 {font-size:1.1em; font-weight:bold; background-color:#eee;border:1px solid #E0E0E0;}*/

body.incarichi #yoo-zoo .item .pos-info .element h3 {
	float:left; 
	display:initial; 
	width: 40%;
	background-color:#eee;
	font-size:1em; 
	padding:2px; 
	margin-top:0;
	border-right:1px solid #E0E0E0; border-top:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0; border-left:5px solid #E0E0E0;
	font-weight:bolder;}
.width-50-right {width:55%; float:left; clear:right;}

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




/* ------------------ fine FULL INCARICHI ------------------ */





/*FULL SOVVENZIONI*/

body.sovvenzioni #yoo-zoo .item .element-textarea > * {margin-top:0px;}
body.sovvenzioni #yoo-zoo .item .pos-info .element {margin-top:20px; clear:both;}
body.sovvenzioni #yoo-zoo .item .pos-info .element a {color:#0099CF;}
body.sovvenzioni #yoo-zoo .item .pos-info .element h2 {margin-top:0px;}
body.sovvenzioni #yoo-zoo .item .pos-bottom .element h2 {margin-top:0px;}
/*body.incarichi #yoo-zoo .item .pos-bottom .element h3 {font-size:1.1em; font-weight:bold; background-color:#eee;border:1px solid #E0E0E0;}*/

body.sovvenzioni #yoo-zoo .item .pos-info .element h3 {
	float:left; 
	display:initial; 
	width: 40%;
	background-color:#eee;
	font-size:1em; 
	padding:2px; 
	margin-top:0;
	border-right:1px solid #E0E0E0; border-top:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0; border-left:5px solid #E0E0E0;
	font-weight:bolder;}
.width-50-right {width:55%; float:left; clear:right;}

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




/* ------------------ fine FULL SOVVENZIONI ------------------ */







/*FULL PROCEDIMENTI*/


/* ------------------ fine FULL PROCEDIMENTI ------------------ */

/*body.organi-istituzionali #yoo-zoo .item .pos-content  .element h3 {
    font-size: 1.2em;
    color: #00aa30;
    margin: 0px 10px;
    padding: 0px;
    float: left;
    width: 93px;
}*/


/* ------------------ inizio GUIDA AI SRVIZI ------------------ */
#yoo-zoo.trasparenza-custom .categories h2.title {
    margin: 0px;
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
}
#yoo-zoo.trasparenza-custom .categories .category {
    margin: 0px 10px 0px 10px;
    padding: 15px 20px 5px 20px;
    border: none;
    background: #f5f5f5;
}
#yoo-zoo.trasparenza-custom .categories .category ul li {
    font-size:1.1em;
	margin: 4px 0;
}
#yoo-zoo.trasparenza-custom .categories .category ul ul{
    margin:0;
}
#yoo-zoo.trasparenza-custom .categories .category ul li li{
    font-size:0.9em;
	background-image:none;
	list-style-type:circle;
	padding-left:0;
	margin-left:15px;
}
/* ------------------ fine GUIDA AI SRVIZI ------------------ */


/* ------------------ INFOBAR* ------------------ */

#yoo-zoo .item ul.pos-infobar {
    
    margin: 5px 0px;
}

/* ------------------ BOX CATEGORY* ------------------ */
/*Box che racchiude i riferimenti normativi nelle sezioni di Amministrazione Trasparente. Il div è stampato nel file /clio/templates/trasparenza.php*/

.box-category {/*background-color: #F9F9F9; padding:3px; border:1px solid #CCC;*/}
#yoo-zoo .box-category ul li ul li{
  list-style-type: square;
  padding:3px 0 3px 6px;
  margin:0 0 0 15px;
  background: none;
}

/* MODULE TABLE ORGANIGRAMMA */

.moduletable-organigramma ul li{border-bottom:1px solid #CCC; line-height:2em; font-weight:bold; text-transform:uppercase;}
.moduletable-organigramma ul li ul li{border-bottom: none; line-height:1.5em; list-style: none !important; padding-left:15px; font-weight:normal;text-indent:30px; text-transform:none;}
.moduletable-organigramma ul li ul li ul li {text-indent:55px; font-style:italic;}




/* -------------- inizio FORM CERCA (pagina) -------------- */

#content #searchForm {
	background-color: #F5F5F5;
	border:none;
	padding-top:0;
	}
#searchForm input[type="text"] {
	border:1px solid #ccc;
	padding:6px;
	width:auto;
	}
#searchForm fieldset {
	padding:0;
	border:none;
	margin-bottom:15px;
	border-bottom: 1px solid #ccc;
	}
#searchForm .controls label {
	padding:0;
	margin:0;
	width:32%;
	}
@media screen and (max-width: 480px) {
	#searchForm .controls label {
	width:100%;
	}
}
#searchForm legend {
    background: #dcdbdb;
    color: #666;
    padding: 8px 2%;
	margin-bottom:10px;
	margin-left:-13px;
	width: calc(96% + 26px);
}
#searchForm .button {
  margin: 0px 2px 0 0;
  padding: 4px 10px 6px 10px;
  cursor: pointer;
  color: #fff;
  font: 14px Arial, Verdana, Helvetica;
  text-transform:lowercase;
  border:none;
  background-color: #555;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  }
  
/* -------------- fine FORM CERCA (pagina) -------------- */

/*calendario eventi*/

.ui-datepicker table td {text-align:center !important;}

.ui-datepicker {width:auto !important;}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
   /* border: 1px solid #ff0084 !important;*/
    background: #fff !important url(/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #ff0084 !important;
}


.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {
 border:1px solid #ddd;
 background:#fff !important url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
 font-weight:bold;
 color:#333 !important;
}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
 color:#333 !important;
 text-decoration:none
}


/*.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
 border:1px solid #ddd;
 background:#f6f6f6 url(images/ui-bg_highlight-soft_100_f6f6f6_1x100.png) 50% 50% repeat-x;
 font-weight:bold;
 color:#0073ea
}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
 color:#0073ea;
 text-decoration:none
}*/
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
 border:1px solid #A1E5FF !important;
 background:#D5F4FF url(images/ui-bg_highlight-soft_25_0073ea_1x100.png) 50% 50% repeat-x !important;
 font-weight:bold;
 color:#fff
}





.ui-datepicker-week-end {color:#F00 !important;}
.ui-state-default {color:#000 !important;}
.ui-state-active, .ui-state-hover {color:#000 !important; text-decoration:none !important; background-color:#999 !important;}

div.modal.fade {
    top: -250%;
}