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

/*
 * Custom Style Sheet - Use this file to style your content
 */


/*AMMINISTRAZIONE APERTA*/

.amministrazione-aperta {font-size:80%;}
.amministrazione-aperta table {width:100%; border:1px solid #eee}
.amministrazione-aperta table th {border:1px solid #fff; background-color: #EAEDEF;}

.amministrazione-aperta table td {border:1px solid #eee}
.amministrazione-aperta table td ul {margin:0; padding:0;}
.amministrazione-aperta table td ul li {list-style:none; margin:0; padding:0;}

.menu-trasparenza {font-weight:bold; font-size:120%; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #55ACEC;}


#top-mobile {display:none;}


.module.mod-box.finibus.deepest{background-color:#ecf3fb;padding-left:4px;}
.module.mod-box.finibus.deepest h3 {color:#ff6633;}


#sidebar-a ul li {text-indent:3px;}

#sidebar-a ul li ul li, #sidebar-b ul li ul li{padding-bottom: 0.2em;
padding-top: 0.2em;
border-bottom: 1px dashed #C7E8BB;}



#yoo-zoo .item h3 {color:#000;background-color:/*#4aae3d*/#EFE0D2;height:24px;padding:6px;}
#avvisi-home h3 {color:#ccc;}

#avvisi-home, #news-home{padding:5px;}
#avvisi-home a,#news-home a{color:#000;}
.title{font-weight:bold;}

@media screen and (min-width: 768px) {
  #notizie-home{width:48%; float:left; margin-right:10px;}
  #avvisi-home {width:48%;  float:right; background-color:#FAECDF;padding-top:0px;}
}
#image_dx img {width:100%;}
.img-interna {margin-top: 5px; margin-right: 20px; float: left; border:5px solid #F2F2F2; background-color:#F2F2F2}

.menu-sidebar .level2 a > span {
font-size: 13px;
line-height: 17px;
}
@media screen and (min-width: 768px) {
 #bottom-a{width:30%;float:left;}
#bottom-b{width:70%;float:left;}
}

.wk-map img {max-width:none;}/*SISTEMAZIONE PUNTAMENTO GOOGLE MAPS PRO + WIDGEKIT*/



#yoo-zoo div.item div.pos-description .element, #yoo-zoo .items div.pos-description .element {
  
   padding: 3px 0 3px 0px;
   
}

#yoo-zoo div.item div.pos-description .element-datepro, #yoo-zoo .items div.pos-description .element-datepro {
  padding-left: 30px;
}

div.header > h3 {
   text-indent: 0px;
}

  

/* -------------- inizio ARMONY "ARCH BLUE" -------------- */
  
  
  
/* -------------- Sovrascrittura STILI STRUTTURALI DEL PANNELLO DI CONTROLLO -------------- */

.wrapper { max-width: 100%; } /* invece di 1100px (da pannello ci controllo) */

/* ------------------------------------------------------ */
  
  
/* -------------- inizio RESET -------------- */
 #sidebar-a,  #sidebar-b,  #maininner,  #content,  #yoo-zoo,  #yoo-zoo .item,  #yoo-zoo .floatbox{
    /*border:1px solid #F30;*/
    margin:0;
    padding:0;
    }
/* -------------- fine RESET -------------- */

/* -------------- inizio STRUTTURA -------------- */
body {
    text-align:center;
    background: #fff url(../images/theme/bg-repeat-x.gif) repeat-x center 105px !important;
    }
.wrapper {
    background: url(../images/theme/bg.gif) repeat-x center top;
    }
 #footer {
    width:100%;
    height:auto;
    margin:15px 0 0 0;
    padding:0 0 0 0;
    background: #e6f6fd url(../images/theme/bottom.gif) repeat-x left top;
    }
 #page-in,  #footer-in {
    max-width:1100px;
    /*width:1100px;  solo in css per IE */
    text-align:left;
    margin:0 auto;
    padding:0;
    /*border:1px solid #000;*/
    }
 #page-in {
    background: url(../images/theme/bg-content.gif) no-repeat center 255px;
    }
 #footer-in {
    text-align:center;
    }
 #main{
    margin-top:10px;
    margin-bottom:25px;
    background-color: #fff;
    }
 #maininner{
    /*background-color:#555;*/
    }
 #content,  #breadcrumbs, #totop-scroller{
    margin:0 2.5%;
    padding:0;
    /*border:1px solid #000;*/
    }
 #menubar{
    padding:18px 0 6px 0;
    }
 #header{
    /*background: url(../images/theme/top-dx.gif) no-repeat right 40px;*/
    /*border:1px solid #000;*/
    margin:0;
    }
 #top {
    width:100%;
    border:1px solid #fff;
    background: #fff url(../images/theme/top.gif) no-repeat left top;
    }
 #headerbar {
    height:16px;
    margin:0;
    background: url(../images/theme/top-reflex.gif) repeat-x left top;
    }
 #breadcrumbs {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    }
 #breadcrumbs .breadcrumbs  {
    padding:6px 8px 7px 8px;
    margin: 0 0 15px 0;
    background-color:#f2f2f2;
    }
 #sidebar-a{
    /*background-color:#ccc;*/
    }
 #sidebar-b{
    /*background-color:#ddd;*/
    }
 #copy {
    background-color:#fff;
    color:#333;
    }
/* -------------- fine STRUTTURA -------------- */


/* -------------- inizio TOP -------------- */
#stemmi {
    width:100%;
    height:85px;
    /*border:1px solid #ccc;*/
    }
    
#top-sx{
   width:230px;
   float:left;
}
#logo {
    width:100%;
    height:220px;
    display:block;
    background: url(../images/theme/top-sx.gif) no-repeat left top;
    }
#logo span {
    display:none;
    }
    
#page #toolbar {
    padding:15px 0 25px 0;
    margin:0;
    text-align:right;
    /*border:1px solid #000;*/
    }
#toolbar time {
    /*border:1px solid #000;
    text-align:right;
    padding-bottom:15px;*/
    display:none;
}

#slide {
    margin:0 0 0 228px;
    padding:0;
    }
#flash {
    height:223px;
    border-left:1px solid #fff;
    background: url(../images/theme/slide.jpg) no-repeat center bottom;
    }
#flash .module, #flash .deepest {
    margin:0;
    padding:0;
    }




/* -------------- inizio ICONE ACCESSIBILITA e TOOLS -------------- */
#accessibility-links {
    width:auto;
    float:right;
    /*border:1px solid #000;*/
}
#accessibility-links form, #accessibility-links ul {
    margin:0;
    padding:0;
    float:right;
    display:inline;
}
#accessibility-links ul {
    list-style-type:none;
}


#accessibility-links .accessibility-icon, #accessibility-links li {  
    float:right;
    width:43px;
    margin:0;
    padding:0;
    /*border:1px solid #00a;*/
}
#accessibility-links li {  
    display:inline;
}


#accessibility-links button, #accessibility-links a {
    display:block;
    float:right;
    margin:0;
    padding:0;
    height:35px;
    width:35px;
    border: 1px solid #ccc;
    background-color:#fff;
}
#accessibility-links a {
    height:33px;
    width:33px;
}
#accessibility-links button:hover, #accessibility-links a:hover {
    border: 1px solid #fff;
}

#accessibility-links .accessibility-text, #accessibility-links button span, #accessibility-links li span {
    display:none;
}

#accessibility-links #home-btn {background: url(../images/common/ico-hp-off.gif) no-repeat center center;}
#accessibility-links #home-btn:hover {background: url(../images/common/ico-hp-on.gif) no-repeat center center;}
#accessibility-links #contact-btn {background: url(../images/common/ico-contact-off.gif) no-repeat center center;}
#accessibility-links #contact-btn:hover {background: url(../images/common/ico-contact-on.gif) no-repeat center center;}
#accessibility-links #map-btn {background: url(../images/common/ico-map-off.gif) no-repeat center center;}
#accessibility-links #map-btn:hover {background: url(../images/common/ico-map-on.gif) no-repeat center center;}
#accessibility-links #contrasthigh {background: url(../images/common/ico-contrast-off.gif) no-repeat center center;}
#accessibility-links #contrasthigh:hover {background: url(../images/common/ico-contrast-on.gif) no-repeat center center;}
#accessibility-links #increase {background: url(../images/common/ico-increase-off.gif) no-repeat center center;}
#accessibility-links #increase:hover {background: url(../images/common/ico-increase-on.gif) no-repeat center center;}
#accessibility-links #decrease {background: url(../images/common/ico-decrease-off.gif) no-repeat center center;}
#accessibility-links #decrease:hover {background: url(../images/common/ico-decrease-on.gif) no-repeat center center;}
#accessibility-links #reset {background: url(../images/common/ico-reset-off.gif) no-repeat center center;}
#accessibility-links #reset:hover {background: url(../images/common/ico-reset-on.gif) no-repeat center center;}

/* -------------- fine ICONE ACCESSIBILITA e TOOLS -------------- */


/* -------------- inizio CERCA NEL SITO -------------- */
#search{
  padding: 1px 0 0 0;
}
#search .searchbox {
  width: 207px;
  height: 21px;
  padding: 0;
  margin: 0;
  border: none;
  color:#014b85;
  border: 1px solid #4fa8df;
  background:  #fff url(../images/searchbox_magnifier.png) no-repeat top right;
}
#search .searchbox input{
  padding: 0 4px;
  height:auto;
}
#header-responsive .searchbox #searchword {
  /*border: 1px solid #000;*/
  padding:0 0 0 1%;
  width:93%;
  margin: 0;
  height:23px;
}
#header-responsive {
    width:97.6%;
    position: absolute;
    z-index:2000;
    margin:130px 1.2% 0 1.2%;
}
#page #header-responsive form {
   width: 100%;
   height: auto;
   line-height:1em;
   padding: 0;
   margin: 5px 0 0 0;
   border:none;
   background: #fff url(../images/searchbox_magnifier.png) no-repeat center right;
}
#page #header-responsive .searchbox input {
  /*border: 1px solid #000;*/
  padding:0 0 0 1%;
  width:93%;
  margin: 0;
  height:23px;
  color:#333;
}
#page #searchword {
  color:#333;
}
/* -------------- fine CERCA NEL SITO -------------- */


/* -------------- inizio MENU' -------------- */
#menu .menu-dropdown a, #menu .menu-dropdown span.level1{
    border:1px solid #4eb4f2;
    color:#333;
    background: -moz-linear-gradient(top, #fff, #d8f4ff);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#d8f4ff));
    background: -o-linear-gradient(top, #fff, #d8f4ff);
}
#menu .menu-dropdown a:hover, #menu .menu-dropdown span.level1:hover{
    color:#01b909;
}
#menu .menu-dropdown .active .active {
    background:none;
    background-color:#005193;
    color:#fff;
}
#menu .menu-dropdown .active .active:hover {
    color:#7ee1fa;
}
#menu .menu-dropdown .active .active .active {
    background-color:#fff;
    color:#00a107;
}


#menu .menu-dropdown .dropdown {
    border-top: 1px solid #3dc444;
}
#menu .menu-dropdown .dropdown-bg > div {
    padding: 0 5px;
    background: #fff;
    border: 1px solid #3dc444;
    border-top: none;
    border-bottom: 6px solid #53cb58;
}
#menu .menu-dropdown .level2 a, #menu .menu-dropdown form a{
    border:none;
    margin:0;
    background:none;
    /*padding: 0 10px 0 10px;
    background-color:#f5f5f5;*/
}


/* -------------- inizio COLONNE -------------- */
 #sidebar-a .module,  #sidebar-b .module{
    margin:0;
    padding:0;
    }
#page .menu-sidebar .level2 a > span {
    /*font-size:0.9em;*/
    }
#sidebar-a .grid-box,  #sidebar-b .grid-box{
    margin: 0 0 8px 0;
    padding: 0 0 12px 0;
    background: url(../images/theme/menu-end.gif) no-repeat center bottom;
}
#sidebar-a .module,  #sidebar-b .module{
    background: url(../images/theme/menu-corner.gif) no-repeat right top;
}
#page #sidebar-a a.level1,  #page #sidebar-b a.level1, #page #sidebar-b h3, #page #sidebar-a h3, #page #sidebar-b h4 a, #page #sidebar-a h4 a {
    color: #555;
    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;
}
#page #sidebar-a h4, #page #sidebar-b h4{
    margin:0;
    padding:10px 0 0 0;
}
#page #sidebar-a a.level1 span,  #page #sidebar-b a.level1 span {
    background-image: none;
}
 #sidebar-a .mod-box,  #sidebar-b .mod-box {
    border: none;
}
 #sidebar-a .level2 li,  #sidebar-b .level2 li {
    border: none;
    border-top:1px solid #ccc;
    text-indent:0;
    margin:0;
    padding: 4px 0 4px 0;
}
#sidebar-a .layout-default, #sidebar-b .layout-default {
    background-color:#f5f5f5;
    text-align:center;
    padding:5px;
}
#sidebar-b .layout-default .media-left{
    text-align:center;
    width:100%;
    /*border:1px solid #ccc;*/
}
#sidebar-b .layout-default .media-left img{
    display:inline;
}


#sidebar-a ul.newsfeed{
    margin:12px 0 10px 0;
    padding:0;
}
#sidebar-a ul.newsfeed li{
    margin:0;
    padding:8px 0 8px 18px;
    list-style-type:none;
    background: url(../images/theme/point.gif) no-repeat left 11px;
}
#sidebar-a ul.newsfeed li h5{
    margin:0;
    padding:0;
    font-size:1em;
}


/* -------------- inizio BOTTOM -------------- */
#totop-scroller {
    display: normal;
    position:relative;
    height:35px;
    width:auto;
    margin-top:15px;
    padding-top:15px;
    border-top:5px solid #eee;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: url(../images/theme/torna-su.gif) no-repeat right 15px;
}
#totop-scroller span {
    display: block;
}
#page #footer {
    font-size:0.95em;
    }
#page #footer .indirizzo {
   margin: 20px 0 20px 0;
   padding: 0;
   border: none;
}
#footer #copy .module {
    margin: 0;
    padding:12px 0;
}
#footer #copy a {
    color: #008edd;
}





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

.moduletablesx-home {float:left; width:48%; margin-right:5px; }
.moduletabledx-home {float:right; width:48%;}


#page .moduletabledx-home .box-special{
    background-color:/*#f2f2f2*/#F7F9FB;
    margin-bottom:3px;
    border: 1px solid #DFE9EF;
    }
#page .moduletabledx-home .box-special h2{
    /*color:#31aa18;*/
    color: #007ED3;
    background-image:none;
    margin:0;
    padding: 6px 4px 4px 4px;
    /*background-color:#f2f2f2;
    border-bottom:1px solid #f2f2f2;*/
    }
#page .moduletabledx-home .box-special .foto1{
    height:84px;
    background: url(../images/theme/S_Salvatore.jpg) no-repeat center;
    }
    
#page .moduletabledx-home .box-special .foto2{
    height:84px;
    background: url(../images/theme/frantoio_home.jpg) no-repeat center;
    }
    
#page .moduletabledx-home .box-special .foto3{
    height:84px;
    background: url(../images/theme/municipio_home.jpg) no-repeat center;
    }
    

#page .moduletabledx-home .box-special p{
    margin:0;
    padding: 12px 2px 6px 2px;
    }
#page .moduletabledx-home .box-special .go-section{
    color:#4d4d4d;
    font-weight:bold;
    padding: 0 20px 0 2px;
    background: url(../images/theme/go2.gif) no-repeat right center;
    }
#page .moduletabledx-home .box-special .box-end{
    height:30px;
    /*background: url(../images/theme/separator.gif) no-repeat center top;*/
    }
/* -------------- fine HOME -------------- */   



/* ------------------ inizio STILI GENERALI ------------------ */
/*p, ul, li, h1, h2, h3 { 
    margin:0;
    padding:0;
    }*/

/* links */
#page a:link,  #page a:visited {color:#333; text-decoration:none;}
#page a:hover, #page .title a:hover, #page #sidebar-a .level2 span:hover, #page #sidebar-b .level2 span:hover {
    text-decoration:underline;
    color:#008be4;
    }

/* titoli */
h1, #yoo-zoo .details h1.title, #yoo-zoo .item h1.pos-title, .heading h1.title, #notizie-home h2,  #avvisi-home h2 {
    color:#029b09;
    font-size: 1.8em;
    font-weight: normal;
    margin:0 0 10px 0;
    padding:5px 0 3px 0;
    border-bottom: 1px solid #ccc;
    font-family:Georgia, "Times New Roman", Times, serif;
    background: url(../images/common/title.gif) no-repeat right top;
    letter-spacing: 0px;
    height:auto;
    text-indent:0;
    line-height: 1.2em;
    }
#page #yoo-zoo h1 a:hover, #page #yoo-zoo h2 a:hover {
   text-decoration: underline;
}
#yoo-zoo .item h1.pos-title, #yoo-zoo .pos-title a {
   color:#029b09;
}
#page h2 {
    font-size: 1.4em;
    color:#0084c1;
    }
#yoo-zoo .item h3 {
   color: #000;
   background-color: #edfadd;
   height: 24px;
   padding: 8px 5px 3px 5px;
}
#yoo-zoo .details {
   margin: 0;
   padding: 0;
   border: none;
}
#yoo-zoo ul li {
    background-image: url(../images/theme/point.gif);
}

.navigazione-assistita {display:none}

table {width:90%; margin-bottom:15px;}
caption {text-transform:uppercase;}
th {text-align:left;}

.grassetto {font-weight:bold}

.no-float {
  clear:both;
  float:none;
  height:0;
  line-height:0;
}

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



/* -------------- inizio RESPONSIVE -------------- */

@media screen and (max-width: 1130px) {
    #page #page-in,  #page #footer-in{
        padding:0 20px;
        width:auto;
    }
    #page .wrapper{
        width:960px;
    }
    
}

@media screen and (max-width: 960px) {
     #page .wrapper{
        width:760px;
     }
     #page #maininner {
        width:100%;
        left:0;
        /*border-top:10px solid #F30;  -------- TEST -------- */
    }
    #content,  #breadcrumbs, #totop-scroller {
        margin:0;
    }
    #page #sidebar-a {
        left:0;
        width:49%;
    }
    #page #sidebar-b {
        width:49%;
        }
    #page-in {
       background-image: none;
    }

}

@media (max-width: 959px) and (min-width: 480px){
#page #search {
  display: block;
}
}

@media (min-width: 768px) and (max-width: 768px) {
    #page .wrapper{
        width:750px;
     }
}

@media screen and (max-width: 767px) {
    #page .wrapper{
        width:480px;
        background: none;
     }
     #stemmi{
        /*border:1px solid #ccc;*/ 
     }
    #page {
        background: none;
    }
    #page #page-in,  #page #footer-in{
        padding:0 10px;
    }
     #page #top-mobile {display:none;}
     #page #notizie-home,  #page #avvisi-home {
        width:100%;
        float:none;
    }
    #top {
       margin: 10px 0 0 0;
       border:1px solid #94d6f5;
       background: #d7f3fe url(../images/theme/top-mobile.gif) no-repeat top center;
    }
    #top-sx {
       float:none;
       width:auto;
       margin:0 7px;
    }
    #slide {
       margin:0;
       padding:60px 7px 7px 7px;
       clear:both;
    }
    #logo {
       /*background-color:#555;*/
       height:132px;
       background: none;
    }
    #accessibility-links {
        display:none;
    }
    #footer .box-cont {
        width:48%;
        padding: 0 1%;
    }
}



@media screen and (max-width: 480px) {
    #page .wrapper{
        width:320px;
     }
    #page #sidebar-a, #page #sidebar-b, #page #top {
        width:100%;
    }
    .moduletablesx-home,.moduletabledx-home {
        float:none;
        width:100%;
        margin:0;
        padding:0 0 30px 0;
    }
    #page #sidebar-a a.level1,  #page #sidebar-b a.level1 {
        /*font-size:0.8em;*/
    }
    #top {
    }
    #footer .box-cont {
        width:100%;
        padding: 0;
    }
    #page #sidebar-a .level2 span, #page #sidebar-b .level2 span {
	line-height:1.1em;
	margin: 5px 0;
	color: #006fbc;
    }
    #page .menu-sidebar .level2 a > span {
       /*font-size: 0.7em;*/
       }
}

/* @media only screen and (orientation:portrait){
   #page .wrapper{
        width:760px;
     }
}
@media only screen and (orientation:landscape){
   #page .wrapper{
        width:1024px;
     }
}*/




/* ------------------ inizio CSS 3 ------------------ */
.stondatura{
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.stondatura-2{
  -moz-border-radius: 4px 4px 0px 0px;
  -webkit-border-radius: 4px 4px 0px 0px;
  border-radius: 4px 4px 0px 0px;
}
@font-face {
    font-family: 'ImpactRegular';
    src: url('../fonts/impact-webfont.eot');
    src: url('../fonts/impact-webfont.eot?#iefix') format('embedded-opentype'),
          url('../fonts/impact-webfont.woff') format('woff'),
          url('../fonts/impact-webfont.ttf') format('truetype'),
          url('../fonts/impact-webfont.svg#ImpactRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.transition{
  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;
  }

/* ------------------ fine CSS 3 ------------------ */

/*ALBO PRETORIO*/

.elemento-albo {
	padding:10px;
	border:1px solid #ccc;
	margin-bottom:3px;
	}
.box-allegati {
	background-color:#f2f2f2;
	padding:10px 14px;
	/*margin:0 0 20px 0;*/
	border:1px solid #E5E5E5;
	}
	
.box-correlati {
	background-color: #E7FECF;
	padding:10px 14px;
	/*margin:0 0 20px 0;*/
	border:1px solid #CDFD99;
	}	
.elemento-albo h3 {
	margin:10px 0 6px 0;
	padding:0;
	}
.box-allegati ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}
.box-allegati h4 {
	margin:0 0 10px 0;
	padding:0;
	font-size:1em;
	color:#1B7200;
	}
	
.criteri-ricerca {/*float:right; width:45%; border:1px solid #dd616d; margin-left:10px; margin-bottom:15px; background-color:#eee;*/ padding-top:10px; font-size:120%;}	
.criteri-ricerca h2 {font-size:1.3em; padding-left:10px; padding-top:0px; margin-top:0px;color:#555;}
.criteri-ricerca ul li {/*border-bottom:1px dotted #CCCCCC;*/ margin-top:5px; margin-left:2px;color:#C30; padding-bottom:5px;}
.criteri-ricerca a:link, .criteri-ricerca a:visited {color:#C30;}
/*FINE ALBO PRETORIO*/