/* 

COLORI

Blu #8423f2
Celeste #88d11a
Grigio #393939 
Grigio chiaro #b5b5b5

*/




body { padding-top: 10px;

 font-family: 'Lato', sans-serif;
font-weight: 300;
font-size:14px;
position: relative;
background-image:url(../img_new/bg_new.png);
background-repeat:no-repeat;
background-position:top;
color:#ffff00
 }
 
 
h1 {
	font-size:18px;
	font-weight: 400;
	color:#8423f2;
	text-transform: uppercase;
	} 
	
#utenti h1 {
	color:#01d588;
}





.carousel-caption h1 {
	font-size: 48px;
	text-transform: uppercase;
	text-shadow: none;
	text-align:left;
}	
	
.pag-int h1 {
	font-size:32px;
	text-transform:uppercase;
	color:#ff0000}	
	
.thumbnail  {
	text-align:left}	
	

.thumbnail h1 {
	font-size:24px;
	color:#393939}		
 
 h2 {
	font-size:48px !important;
	font-weight:300;
	color:#30373d;
	margin-bottom:20px;
	line-height:20px;
	color:#8423f2;
	
	text-transform:uppercase;

	
	 }
	
.titolo_sezione h2 {
		line-height:52px}	
	 
.carousel-caption h2 {
	font-size:16px;
	text-shadow: none;
	text-align:left;
	line-height:28px;
	}		 
	
.thumbnail h1 {
	
	color:#8423f2}		
	
.thumbnail h2 {
	font-size:16px !important;
	text-transform: none;
	color:#393939}

.thumbnail h2 strong {
	font-size:16px !important;
	text-transform: none;
	color:#8523f3}
 	 


h3 {
	font-size:36px;

	text-transform: inherit;
	text-align:left;
	color:#8423f2 ;
	text-align:left;
	padding:10px 0;
	margin:0px;}
	
h3.h-hp {
	color:#393939;
	background-color: transparent;
	text-align:center;
	margin:10px;
	text-transform:uppercase
	}	
	
h4 {
	font-size:20px;
	font-weight:300;
	margin-bottom:20px;
	line-height:24px;
	
	}	
	
strong {
	}	
	
dd {
	margin-left:20px}
			
	 
a {
  color: #649900;
  text-decoration: underline;
  font-size:16px;
	font-weight: bold;
}
a:hover,
a:focus {
  color: #3a3a3a;
  text-decoration: none;
}	

#contenuti-primopiano a {
	text-decoration: none;}
	
	
#contenuti-primopiano a:hover,#contenuti-primopiano a:focus {

  text-decoration: ;
}
	

#documentazione a {

  text-decoration: underline;
  background-image:url(../img/ico/pdf.png);
  background-repeat:no-repeat;
  padding:0px 0 10px 30px;
  display:block;
}

#documentazione a:hover,#documentazione a:focus {

  text-decoration: none;
}

#approfondimenti a {

  text-decoration: underline;
  background-image:url(../img/ico/pdf.png);
  background-repeat:no-repeat;
  padding:0px 0 10px 30px;
  display:block;
}


.coldx a {
  text-decoration: underline;
}
.coldx a:hover,
.coldx a:focus {
 
  text-decoration: none ;
}

#strumenti-risultati a {
  text-decoration: none;
}
#strumenti-risultati a:hover,
#strumenti-risultati a:focus {
 
  text-decoration: none ;
}

.pag-int a {
  text-decoration: underline;
}
.pag-int a:hover,
.pag-int a:focus {
 
  text-decoration: none ;
}

.navbar {

  margin-bottom: 0px;
}
	
	
	
 
.navbar-brand {
  float: left;
  height: 123px;
  width:290px;
  margin: 0 25px 0 0;
  padding:0 0 0 0;
  font-size: 18px;
  line-height: 20px;
  margin-left:0 !important;

}

.menu-corp {
	width:70%;
	float:left;
	margin-top:10px;
	margin-bottom:50px;}
	
	/*
.menu-corp span {
	background-color:#F00;
	padding:5px;}	*/
	
.menu1 {
	margin-left:-15px;
	margin-top:15px;}	
	

ul.active {
	display:inline-block} /* me permette di vedere il menu di secondo livello nelle pagine interne */

	
	
.navbar-default {
  background-color: transparent;
  border-color: transparent;
}	
	
	
	
.navbar-brand img {
}	

.menu-corp > li > a {
  position: relative;
  display: block;
  padding: 8px 10px;
  color:#8423f2;
  background-color: transparent; 
  font-weight:bold;
  text-transform:;
  font-size:18px;
  text-decoration:none;
 
}

.menu-corp > li > a:hover,
.menu-corp > li > a:focus {
  text-decoration: none;
  background-color: #8423f2;
  color:#ffffff;

}


.menu-lang  > a {
  position: relative;
 
  padding: 10px 15px;

  font-weight:bold;
  text-transform:uppercase;
  font-size:12px;
  text-decoration:none;
  
  background-color:#88d11a;
  color:#ffffff
 
}

.menu-lang  > a.soci {
  position: relative;
 
  padding: 10px 15px;

  font-weight:bold;
  text-transform:uppercase;
  font-size:12px;
  text-decoration:none;
  
  background-color:#8423f2;
  color:#ffffff
 
}

a.soci {
  position: relative;
 
  padding: 10px 15px;

  font-weight:bold;
  text-transform:uppercase;
  font-size:12px;
  text-decoration:none;
  
  background-color:#8423f2;
  color:#ffffff
 
}


.menu-lang  > a.active  {
  position: relative;
 
  padding: 5px;

  font-weight: normal;
  text-transform:uppercase;
  font-size:12px;
  text-decoration:none;
 
}

.menu-lang > li > a:hover,
.menu-lang > li > a:focus {
  text-decoration: none;
 
  color:#ffffff;

}

#lang {
	font-size: 14px;
	text-align: right;
	position: absolute;
	top: 90px;
	width: 100%;
	padding: 10px 10px 0 0;
	z-index: 50;	
	}

.menu1 > li > a {
	position: relative;
	display: block;
	padding: 10px 6px;
	color: #ffffff !important;
	border: none;
	font-weight: bold;
	text-transform: inherit;
	font-size: 16px;
	text-decoration:none;
}

.menu1 > li > a:hover,
.menu1 > li > a:focus {
  text-decoration: none;
  background-color: #ebebeb !important;
  color:#88d11a !important;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff !important;
  background-color: #8423f2; /* definisce il colore dell'attivo del dropdwon*/
   border-top-left-radius: 5px;
border-top-right-radius: 5px;
}


.menu-corp .sub-menu1 > li > a {
  position: relative;
  display: block;
  padding: 5px 15px;
  color:#8423f2 !important;
  font-size:16px;
  font-weight:normal;
  text-transform:;
  text-decoration:none;
}



.menu-corp  .sub-menu1 >  li > a:hover,
.menu-corp  .sub-menu1 >  li > a:focus {
  text-decoration: underline;
  background-color: transparent !important;
  color:#ffffff !important;
   font-weight:normal;
}


.sub-menu1 > li > a {
  position: relative;
  display: block;
  padding: 5px 15px;
  color:#88d11a !important;
  font-size:16px;
  font-weight:normal;
  text-transform:;
  text-decoration:none;
	background-color: #ebebeb
}

.sub-menu1 >  li > a:hover,
.sub-menu1 >  li > a:focus {
  text-decoration: underline;
  background-color: transparent !important;
  color:#88d11a !important;
   font-weight:normal;
}

.menu-corp >  li > a:hover,
.menu-corp >  li > a:focus {
  text-decoration: none;
  background-color: #8423f2 !important;
  color:#ffffff !important;
   font-weight:bold;
    border-bottom-left-radius:0;
  border-bottom-right-radius:0;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff !important;
  text-decoration: none;
  background-color: transparent;
  outline: 0;
  
}
	


	



/* menu 2 liv orizzontale */


.menu-corp .dropdown-menu {
	width: auto; 


left: 0;
z-index: 1000;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 0 auto;

text-align:center;
  background-color: #8423f2;


}

.menu-corp .dropdown-menu li {}


.dropdown-menu {width: auto;

left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 0 auto;

text-align:center;
  background-color: #ebebeb;


}

.menu1 .dropdown-menu {
  background-color: #ebebeb;
}

.dropdown-menu li {
	text-align:left}


/* quadrato data news */

.data-news {
	width:58px;
	height:58px;
	text-align:center;
	padding:15px 15px 15px 15px !important;
	white-space:normal;
	background-color:#d6d6d6;
	color:#8423f2;
	font-size:12px;
	font-weight:bold;
	border-radius: 5px;
	text-transform:uppercase}

/* ridefinizione colore pulsante*/
.btn-default {
  font-size:12px;
  text-transform:uppercase;
    color: #FFFFFF;
    background-color: #8423f2;
	border:none;
	font-weight:bold;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-primary {
	color:#ffffff;

  background-color: #8423f2;
}

/*.carousel-caption .btn-default {
  font-size:12px;
  text-transform:uppercase;
  background-color:transparent;
  border-color: #ffffff;
  color: #fff;
}
.carousel-caption .btn-default:hover,
.carousel-caption .btn-default:focus,
.carousel-caption .btn-default.focus,
.carousel-caption .btn-default:active,
.carousel-caption .btn-default.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #8423f2;
  border-color: #ffffff;
}*/


.btn-primary {
  color: #fff;
  background-color: #8423f2;
  border-color: #8423f2;
  font-size:11px;
  text-transform:uppercase;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #8423f2;
  border-color: #8423f2;
}

/* LABEL */

.label-default {
  background-color: #8423f2;
  text-transform:uppercase;
  font-size:12px;
  color:ffffff;
  padding:8px;
  margin:1px 0;
  display:inline-block;
  text-decoration:none !important;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #8423f2;
}


/* CAROSELLO */
.carousel-caption {
	background-image:url(../img/bg_carosello.png);
  position: absolute;
  right: 55%;
  bottom: 0px;
  top:0px;
  left: 10%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left:15px;
  color: #fff;
  text-align: center;
  text-shadow:none;
}	

#carousel-comunicazione-hp {
	margin:0 0 0px 0;
	}
	
.carousel-indicators {
	bottom:-40px}
		
.carousel-indicators li {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #d6d6d6;
  border: 1px solid #d6d6d6;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 14px;
  height: 14px;
  margin: 0;
   border: 1px solid #8423f2;
  background-color: #8423f2;
}	

/* Titolo thumbnail */

.thumbnail {
	position:relative;
  padding: 0px;
  border:  none;

}
	
.thumbnail {
	border: solid 15px #ebebeb;
	}	
	
#accordion	.thumbnail {
	display:inline}	
	
	
#accordion	.thumbnail img {
	width: 130px;
	margin:0 15px 15px 0;
	display:inline;
	border-radius: 5px;}
	
.naviga-per {
	text-align:right;
	position: absolute;
	bottom:5px;
	right:5px;
	
	}	
	
#istituzioni {
	margin:20px 0 0 0;
	background-color:#f0f0f0;
	padding-bottom:15px;
	border-radius: 5px;
	}	
	
#istituzioni img {
	display:block;
	margin:0px 0 10px 0;
	margin-left:auto;
	margin-right:auto}		

.pag-int , .coldx {
	padding:20px}
	
.pag-int img {
	max-width: 300px;
	margin-bottom:20px}	
	
#edizioni-precedenti, #navigazione-news, #menu3liv, #navigazione-suggerita, #navigazione-tematica, #link-esterni, #documentazione {
	margin-bottom:15px}
	
#news img {
	max-width: 300px !important;
	border-radius: 5px;
	}	


#carousel-comunicazione-int {
	position:relative}

#titolopagina {
	position:absolute;
	left:0;
	top:0;
	background-image:url(../img/bg_carosello.png);
	padding:20px;
	width:100%}
	
#news .media {
	margin-bottom:50px}	
	
#footer {
	margin-top:0px;
	}	
	
#footer p, #footer h4, #footer a {
	color:#ffffff}	
	
li.titlemenu {

  padding: 10px 15px;
  color:#FFFFFF !important;
  font-size:16px;
  font-weight:bold;
  text-transform:uppercase;
  
}
.btn-default {
	text-decoration:none !important}	

.coldx a {
	padding-bottom:10px !important;
	display:inline-block}	
	
#menu3liv span.active {
	padding-bottom:10px !important;
	display:inline-block;
	font-weight:500}	
	
.in_corso {
	font-size:18px !important;
	font-weight:500;

	text-transform:uppercase;
	background-color:#d6d6d6;
	color:#8423f2;
	border-radius: 5px;
	text-align:center;
	padding:10px 0;
	margin-top:0;}
	
.archivio {
	font-size:18px !important;
	font-weight:500;

	text-transform:uppercase;
	background-color:#d6d6d6;
	color:#8423f2;
	border-radius: 5px;
	text-align:center;
	padding:10px 0;
	margin-top:20px;}	
	

#menu3liv h3	{
	background-color:#8423f2;
	color:#FFFFFF;
	 border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
	}
	
#carousel-comunicazione-int	#titolopagina h1 {
	margin-bottom:25px}
	
@media screen and (max-width: 767px) {  /* iphone6*/
 
 
}		


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
 { /* ipad*/
 
 
 }
 
.login {
	background-color:#d6d6d6;
	border-radius: 10px;}
	
.login div.paddinglogin {
	padding:15px 75px;
	margin:20px 0;}	
	
	.login .input-group {
		padding:0 0;
		margin-bottom:20px;
		margin-top:0}
		
.login input {
	margin-bottom:10px}		
	
label {
	color:#8423f2}	
	
.stato {
	margin:40px 0 20px 0;
	}	
	
.input-group span {
	
	color:#8423f2}
	
.istruzioni {
	font-size:14px;}	
	
.login h3 {
	text-align:left}	
	
.textarealoging {
	width: 100%;
	height:100px;
	display:block}	
	
/* .navbar form {
	position:absolute;
	visibility:hidden}	*/
	
.areariservata {
	background-color:#8423f2;
	background-image:url(../img/ico/ico_login.png);
	background-repeat:no-repeat;
	background-position: 20px 20px;
	color:#ffffff;
	width:100%;
	display:block;

	padding: 35px 15px 30px 120px !important;
	text-align:left;}	
	
#box-areariservata {
	background-color:#8423f2;
	border-radius: 5px;
	margin-bottom:15px !important;}	
	
#contenuti-evidenza {
	text-align:left;
font-size: 14px}	

#contenuti-evidenza #utenti li {
	background-image:url(../img_new/bg_utenti.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding:0 0 0 65px;
	margin-bottom:20px;
	}
	
#contenuti-evidenza #medici li {
	background-image:url(../img_new/bg_medici.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding:0 0 0 65px;
	margin-bottom:20px;
	}	
	
#contenuti-evidenza #novita li {
	
	background-repeat:no-repeat;
	background-position:left top;
	padding:0 0 0 0px;
	margin-bottom:20px;
	background-color: #d51313;
	}		
	
	
	
.primopiano-corp {
	background-color:#8423f2;
	color:#ffffff}
	
.primopiano-lice {
	background-color:#88d11a;
	color:#ffffff}	

.primopiano-fond {
	background-color:#01d588;
	color:#ffffff}		
	
a .primopiano-corp  h1 {
	color:#ffffff !important 
	}	
	
a .primopiano-lice  h1 {
	color:#ffffff !important 
	}		
	
a .primopiano-corp  h2 {
	color:#ffffff !important 
	}		
	
.btn-link, .btn-link:hover, .btn-link:focus {
	background-color:#88d11a; 
	display:block; 
	text-align:center; 
	padding:10px 0; 
	color:#FFF}	
	
div {
	text-align:left}	
	
.colCx {width: 100%;
}	


.contenuto_sezione {width: 100%;
border: solid 15px #e9e9e9;
border-top:none}

.titolo_sezione {width: 100%;
border: solid 15px #e9e9e9;
border-bottom:none !important;
}	


.chiudisessione {
	background-color:#F00 !important}
	
	
p.segreteria {
	font-size:12px}	
	
h2.int {
	line-height:44px}	
	
.contenuto_sezione a {
	font-size:18px;}	
	
.gestione_password {
	z-index:10;
	background-color:#F00}	
	
	
#novita h1 {
	color:#FFFFFF;
}

#normative h1 {
	color:#d57713;
	clear:both
}

#normative h1 {
	color:#d57713;
	clear:both;
	height:50px;
}

#documenti_redatti h1 {
	color:#a59911;
	clear:both;
	height:50px;
}

#utenti h1, #medici h1 {

	clear:both;
	height:50px;
}

#novita a {
	color:#FFFFFF;
}	

#contenuti-evidenza #normative	 li {
	background-image:url(../img_new/bg_normative_interesse.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding:0 0 0 65px;
	margin-bottom:20px;
	}
	
#contenuti-evidenza #documenti_redatti	 li {
	background-image:url(../img_new/bg_documenti_redatti.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding:0 0 0 65px;
	margin-bottom:20px;
	}		
	
#contenuti-evidenza #novita li {
	
	background-repeat:no-repeat;
	background-position:left top;
	padding:10px 0 10px 0px;
	margin-bottom:20px;
	background-color: #d51313;
	text-align:center
	}		
	
	
.risultasti_poli {
	margin:10px;
	border:solid 1px #b5b5b5;
	margin-bottom:30px;
	padding:20px;}

.risultasti_poli p {
	margin-bottom:0}
	
	.risultasti_poli span {
		font-size:14px;}


        /* Customization Style of SyoTimer */
        .syotimer{
            text-align: center;

            margin: 30px auto 0;
            padding: 0 0 10px;
        }
        .syotimer-cell{
            display: inline-block;
            margin: 0 5px;

            width: 80px;
            background: url(../images/countdown/timer.png) no-repeat 0 0;
        }
        .syotimer-cell__value{
            font-size: 35px;
            color: #88d11a;

            height: 81px;
            line-height: 81px;

            margin: 0 0 5px;
			text-align:center !important;
        }
        .syotimer-cell__unit{
            font-family: Arial, serif;
            font-size: 12px;
            text-transform: uppercase;
			color: #8423f2 !important;
			text-align:center !important;
        }

        #simple-timer .syotimer-cell_type_day,
        #periodic-timer_period_days .syotimer-cell_type_hour,
        #layout-timer_only-seconds .syotimer-cell_type_second,
        #layout-timer_mixed-units .syotimer-cell_type_minute{
         
        }

        .option{
            font-weight: 700;
        }

.menu1 .dropdown-menu {
  background-color: #ebebeb;


}
.contenuto_sezione form.modifica label{
	width: auto;
}