/* CSS Document */

body{
background-color:#204A6B;
margin-top:0;
margin-left:10px;
margin-bottom:0;
margin-top:0;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:80%;
color:#003366;
}

.bodyClass{
background-color:#EDEDED;
margin-top:0;
margin-left:0;
margin-right:0;
margin-bottom:0;
padding-left:1em;
padding-left:2em;
padding-right:2.5em;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:80%;
color:#003366;
}

h1,.titolo1{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 150%;
	font-weight: bold;
}
h2,.titolo2{
	font-weight:500;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 150%;	
}
h3,.titolo3{
	font-weight:500;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 130%;	
}
h4,.titolo4{
	font-weight:500;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 120%;	
}
h5,.titolo5{
	font-weight:500;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 110%;	
}
p{
line-height:1.5em;
text-decoration:none;
font-weight:normal;
font-size:100%;
}
p a:link,
p a:visited{
	font-weight:bold;
	text-decoration:none;
	color: #990000;
}

p a:hover,
p a:focus,
p a:active{
text-decoration: underline;
color: #003366;
font-weight:bold;
}

span a:link,
span a:visited{
	font-weight:bold;
	text-decoration:none;
	color: #990000;
}

span a:hover,
span a:focus,
span a:active{
text-decoration: underline;
color: #003366;
font-weight:bold;
}

a:link,
a:visited{
	font-weight:bold;
	text-decoration:none;
	color: #990000;
}

a:hover,
a:focus,
a:active{
text-decoration: underline;
color: #003366;
font-weight:bold;
}

.header{
padding-top:0;
padding-bottom:0;
padding-left:0;
padding-right:0;
background-image:url(http://www.apulie.it/apulie/img/header_apulie.jpg);
background-position:left;
background-repeat:no-repeat;
background-color:#204A6B;
width:100%;
height:99px;
}
TABLE{
background-color:#EDEDED;
}
TR,TD{
height:0px;
}

.sfondoCorpo{
background-color:#EDEDED;
width:95%;
height:95%;
}
.loghi{
text-align:right;
padding-top:1em;
padding-left:70%;
padding-right:1%;
height:80px;
}
.barraorizzontale{
float:right;
background-image:url(http://www.apulie.it/apulie/css/pixel.jpg);
/*background-image:url(img/pixel.jpg);*/
/*background-color:#4C6E93;*/
color:#FFF;
height:20px;
text-align:right;
padding-right:0.3em;
margin-top:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;

}
.barraorizzontale ul{
padding:0 0 0 0;
margin-top:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;

}
.barraorizzontale li{
display:inline;
margin-top:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;

}
.barraorizzontale a{
font-weight:normal;
height:0;
padding-left:0.4em;
padding-right:0.4em;
text-decoration:none;
margin:-0.5em 0;
border-right:1px solid #CCC;
}

.barraorizzontale .primavoce a{
border-left:1px solid #CCC;
}

.barraorizzontale a:link,
.barraorizzontale a:visited{
font-weight:normal;
color:#FFF;
}
.barraorizzontale a:hover,
.barraorizzontale a:focus,
.barraorizzontale a:active{
text-decoration:none;
color: #CCC;
}
.barraorizzontalesfondo{
background-image:url(http://www.apulie.it/apulie/css/pixel.jpg);
/*background-image:url(img/pixel.jpg);*/
/*background-color:#4C6E93;*/
width:100%;
height:22px;
}
.barraorizzontaledata{
float:left;
background-image:url(http://www.apulie.it/apulie/css/pixel.jpg);
/*background-image:url(img/pixel.jpg);*/
/*background-color:#4C6E93;*/
padding-left:0.3em;
color:#FFF;
height:20px;
text-align:left;
}
.menu{
height:60em;
}
.corpo{
float:left;
padding-top:1em;
padding-bottom:1em;
padding-left:1em;
padding-right:2em;
width:100%;
background-color:#EDEDED;
/*height:60em;*/
}
.corpo-no-padtop{
float:left;
padding-top:0px;
padding-bottom:0.5em;
padding-left:1em;
padding-right:2em;
width:100%;
background-color:#EDEDED;
/*height:60em;*/
}
.intestazionespot-home {
padding:10px 10px 10px 10px;
text-align:left;
}

.intestazionespot {
padding:10px 10px 10px 10px;
text-align:left;
padding-bottom:50px;
height:40%;
}
.intestazionespot img {
float:left;
padding-right:10px;
padding-bottom:2px;
}

.RegionHeaderColor
{
width:100%;
height:0px;
color:#003366;
background-color:#EDEDED;	
}
.smartcard{
width:223px;
color:#003366;
background-color:#EDEDED;
text-align:center;
padding-top:5px;
border-bottom: 2px solid #CFD9E2;
}
.parteA{
height:160px;
padding-left:0.2em;
width:223px;
color:#003366;
background-color:#EDEDED;
padding-top:10px;
padding-bottom:10px;
border-bottom: 5px solid #CFD9E2;
}
.parteB{
width:223px;
padding-top:3px;
padding-bottom:3px;
color:#003366;
background-color:#EDEDED;
}

.titolo{
font-weight:bold;
margin-bottom:3px;
}

.elenco{
margin-top:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
}
.elenco li{
list-style:none;
font-size:90%;
margin-top:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
}
.elenco a{
height:15px;
}
.elenco a:link,
.elenco a:visited{
font-weight:normal;
display:block;
text-decoration:none;
color:#003366;
border-bottom: 1px solid #C4C4C4;
}
.elenco a:hover,
.elenco a:focus,
.elenco a:active{
font-weight:bold;
text-decoration:none;
color: #003366;
border-bottom: 1px solid  #003366;
}
.elencobold{
margin-top:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
}
.elencobold li{
list-style:none;
font-size:90%;
margin-top:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
}
.elencobold a:link,
.elencobold a:visited{
display:block;
text-decoration:none;
padding-top:2px;
padding-bottom:2px;
color:#003366;
border-bottom: 1px solid #C4C4C4;
font-weight:bold;
}
.elencobold a:hover,
.elencobold a:focus,
.elencobold a:active{
text-decoration:none;
color: #003366;
border-bottom: 1px solid  #003366;
}

.footer{
background-color:#EDEDED;
border-top: 5px solid #4A83AE;
padding-bottom:0.5em;
font-size:85%;
}
.footer li{
display:inline;
}

.footer a{
font-weight:bold;
height:0;
padding-left:0.4em;
padding-right:0.4em;
text-decoration:none;
margin:-0.5em 0;
border-right:1px solid  #003366;
}

.footer .primavoce a{
border-left:1px solid  #003366;
}

.footer a:link,
.footer a:visited{
color: #003366;
}
.footer a:hover,
.footer a:focus,
.footer a:active{
text-decoration:underline;
color: #213849;
}
.colonna-BdescPrima{
	padding-top:20px;
	padding-left:20px;
	width:80%;
	background-color:#EDEDED;
	text-align:left;
	padding-bottom:20px;
}

.colonna-BdescPrima a{
color:#990000;
font-weight:normal;
height:1.5em;
}
.colonna-BdescPrima a:link,
.colonna-BdescPrima a:visited{
display:block;
text-decoration:none;
color:#990000;
border-bottom: 1px solid #C4C4C4;
font-weight:normal;
}
.colonna-BdescPrima a:hover,
.colonna-BdescPrima a:focus,
.colonna-BdescPrima a:active{
text-decoration:none;
color: #990000;
border-bottom: 1px solid  #003366;
}
.titolo-riga-bandiegare{
font-family:Arial, Verdana, Helvetica, sans-serif;
padding:0.5em 0.5em 0.5em 0.5em;
margin-left:20px;
margin-right:20px;
font-size:110%;
font-weight:bold;
background-color:#CCCCCC;
text-align:left;
}
.titolo-riga-home{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	padding:0.2em 0.2em 0.2em 0.2em;
	margin-left:0px;
	margin-right:20px;
	font-size:100%;
	font-weight:bold;
	background-color:#E2E2E2;
	text-align:left;
}
.titolo-riga{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	padding:0.5em 0.5em 0.5em 0.5em;
	margin-left:1em;
	margin-right:20px;
	font-size:110%;
	font-weight:bold;
	background-color:#CCCCCC;
	text-align:left;
}
.titolo-riga-province{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	padding:0.5em 0.5em 0.5em 0.5em;
	margin-bottom:20px;
	font-size:100%;
	font-weight:bold;
	background-color:#CCCCCC;
	text-align:left;
}
.titolo-riga-scheda-servizi{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	padding:0.5em 0.5em 0.5em 0.5em;
	margin-left:1em;
	margin-right:1em;
	font-weight:bold;
	background: transparent;
	text-align:left;
	clear:both;
}
.titolo-riga-accedi-scheda-servizi{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	padding-bottom:0.5em;
	padding-left:1.5em;
	padding-right:0.5em;
	padding-top:0.5em;

	margin-left:1em;
	margin-right:1em;

	font-weight:bold;
	background: transparent;
	text-align:left;
	clear:both;
	border-bottom: 2px solid #CFD9E2
}
.redazione{
color:#990000;
font-weight:bold;
}


.colonna-elencoservizi{
	padding-top:20px;
	padding-left:20px;
	width:90%;
	background-color:#EDEDED;
	text-align:left;
	padding-bottom:20px;
}
.colonna-elencoservizi ul{
margin-top:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
list-style:none;
}
.colonna-elencoservizi li{
margin-top:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
}
.colonna-elencoservizi a{
color:#990000;
font-weight:normal;
min-height:1.5em;
max-height:3.1em;
height:auto;
}

.colonna-elencoservizi a:link,
.colonna-elencoservizi a:visited{
display:block;
text-decoration:none;
color:#990000;
border-bottom: 1px solid #C4C4C4;
font-weight:normal;
}
.colonna-elencoservizi a:hover,
.colonna-elencoservizi a:focus,
.colonna-elencoservizi a:active{
text-decoration:none;
color: #990000;
border-bottom: 1px solid  #003366;
}
.colonna-elencoprovince{
	min-height:160px;
	min-width:250px;
	width:15em;
	padding-top:10em;
	padding-left:20px;
	background-color:#EDEDED;
	text-align:left;
	padding-bottom:20px;
	margin-left:450px;
/*	float:left;*/
}
.colonna-elencoprovince ul{
margin-top:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
list-style:none;
}
.colonna-elencoprovince li{
margin-top:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
}
.colonna-elencoprovince a{
color:#990000;
font-weight:normal;
height:1.5em;
}
.colonna-elencoprovince a:link,
.colonna-elencoprovince a:visited{
display:block;
text-decoration:none;
color:#990000;
border-bottom: 1px solid #C4C4C4;
font-weight:normal;
}
.colonna-elencoprovince a:hover,
.colonna-elencoprovince a:focus,
.colonna-elencoprovince a:active{
text-decoration:none;
color: #990000;
border-bottom: 1px solid  #003366;
}
/* ***** LAYOUT PER PAGINE A COLONNE ***** */
.colonna-1 {
	padding-left:10px;
	float:left;
	width:30%;
	background: transparent;
	color:#003366;
	text-align:left;
}
.colonna-2 {
	padding-left:10px;
	float:left;
	width:30%;
	background: transparent;
	color:#003366;
	text-align:left;
}
.colonna-3 {
	padding-left:10px;
	float:left;
	width:30%;
	background: transparent;
	color:#003366;
	text-align:left;
}

.colonna-Alay2 {
	padding-top:20px;
	padding-left:20px;
	float:left;
	width:40%;
	background: transparent;
	color:#003366;
	text-align:left;
	padding-bottom:7px;
}
.colonna-Alay2 img {
	padding-right:10px;
	float:left;
}
.colonna-Blay2{
	padding-top:20px;
	padding-left:20px;
	float:left;
	width:40%;
	background: transparent;
	color:#003366;
	text-align:left;
	padding-bottom:7px;
}
.colonna-Blay2 img {
	padding-right:10px;
	float:left;
}
.colonna-intera {
	float:none;
	height:1px;
	width:100%;
	background: transparent;
	color:#003366;
}
.intere {
padding-left:40px;
}
.colonna-A1lay2 {
	padding-top:20px;
	padding-left:20px;
	float:left;
	width:20%;
	background: transparent;
	color:#003366;
	text-align:left;
	padding-bottom:7px;
}
.colonna-A1lay2 img {
	padding-right:10px;
	float:left;
}
.colonna-B1lay2{
	padding-top:20px;
	padding-left:20px;
	float:left;
	width:60%;
	background: transparent;
	color:#003366;
	text-align:left;
	padding-bottom:7px;
}
.colonna-B1lay2 img {
	padding-right:10px;
	float:left;

}
.colonna-titoloServ {
	font-family:Arial, Verdana, Helvetica, sans-serif;
  	font-size:100%;
  	font-weight:normal;
	padding:20px 20px 20px 20px;
	float:left;
	width:150px;
	background: transparent;
	color:#003366;
	text-align:left;
	border-top:3px solid #EDEDED;
	background-image:url(sfondoserv.jpg);
	background-repeat:repeat-y;

}

.colonna-descrServ{
	padding:20px 20px 20px 20px;
/*	float:left;*/
	width:auto;
	min-width:400px;
	background-color:#EDEDED;
	color:#003366;
	text-align:left;
	padding-bottom:20px;
	margin-left:170px;
	overflow:visible;
}
.contieniServizio{
	min-height:70px;
	height:auto;
	background-image:url(sfondoserv.jpg);
	background-repeat:repeat-y;
	width:100%;
}

/* **************************** */
a.img{
	border: none;
}
.btn
{
  font-weight:bold;
  font-size:90%;
  margin:0;
  background-color:#EFEFEF;
  color:#012E65;
  border-bottom:1pt solid #CCCCCC;
  border-right:1pt solid #CCCCCC;
  border-top:1pt solid #CCCCCC;
  border-left:1pt solid #CCCCCC;
  width:60px;
}

.largebtn
{
  font-weight:bold;
  font-size:90%;
  margin:0;
  background-color:#EFEFEF;
  color:#012E65;
  border-bottom:1pt solid #CCCCCC;
  border-right:1pt solid #CCCCCC;
  border-top:1pt solid #CCCCCC;
  border-left:1pt solid #CCCCCC;
  width:120px;
}

.btn1
{
  font-weight:bold;
  font-size:90%;
  margin:0;
  background-color:#EFEFEF;
  color:#012E65;
  border-bottom:1pt solid #CCCCCC;
  border-right:1pt solid #CCCCCC;
  border-top:1pt solid #CCCCCC;
  border-left:1pt solid #CCCCCC;
  width:50px;
}
.btn-cerca
{
  font-weight:bold;
  font-size:90%;
  margin:0;
  background-color:#EFEFEF;
  color:#012E65;
	border-bottom:1pt solid #CCCCCC;
  border-right:1pt solid #CCCCCC;
  border-top:1pt solid #CCCCCC;
  border-left:1pt solid #CCCCCC;
	width:60px;
}

.form-ap label 
{
    float:left; 
    width:23%; 
    display:block; 
    text-align:right; 
    vertical-align: bottom;
    FONT-WEIGHT: lighter;
    FONT-SIZE: 90%;
    FONT-STYLE: normal;
}

.form-ap label.left 
{
    float:left; 
    width:40%; 
    display:block; 
    text-align:left; 
    vertical-align: bottom;
    FONT-WEIGHT: lighter;
    FONT-SIZE: 90%;
    FONT-STYLE: normal;    
}
.form-ap label.valoreStringa
{
    FONT-WEIGHT: lighter;
    FONT-SIZE: 90%;
    WIDTH: auto;
    TEXT-ALIGN: left;
}
.form-ap p 
{
    margin: 1em; 
    clear:left;
}

.fieldset1 {
  border-bottom:1pt solid #4C6E93;
  border-right:1pt solid #4C6E93;
  border-top:1pt solid #4C6E93;
  border-left:1pt solid #4C6E93;
  padding:1em 1em 1em 1em;
  }

.legend1 {
  FONT-SIZE: 90%;
  padding: 1em 0.5em;
  text-align:right;
  font-style:italic;
  color:#003366;
  }

.fieldset2 {
  border-bottom:1pt solid #4C6E93;
  border-right:1pt solid #4C6E93;
  border-top:1pt solid #4C6E93;
  border-left:1pt solid #4C6E93;
  padding:1em 1em 1em 1em;
  }

.legend2 {
  FONT-SIZE: 90%;
  padding: 1em 0.5em;
  text-align:right;
  color:#003366;
  }
input, textarea, select
{
    FONT-SIZE: 90%;
}
.naviga{
font-size:80%;
padding-bottom: 3px;
border-bottom: 1px solid #003366;
}

.naviga a{
font-weight:normal;
}

.naviga a:link,a:visited{
font-weight:normal;
}

.naviga a:link,
.naviga a:visited{
text-decoration:none;
font-weight:normal;
}
.naviga a:hover,
.naviga a:focus,
.naviga a:active{
text-decoration:none;
}

.colonna-BIMG {
	
	padding-top:20px;
	padding-left:20px;
	float:left;
	width:12em;
	background: transparent;
	color: #FFFFFF;
	text-align:left;
	padding-bottom:20px;
	border-top:3px solid #EDEDED;
}
.colonna-Bdesc{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:100%;
	font-weight:normal;
	padding-top:20px;
	padding-left:20px;
	float:left;
	width:60%;
	background-color:#EDEDED;
	text-align:left;
	padding-bottom:20px;
	color:#003366;
}
.colonna-Bdesc p{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:100%;
	font-weight:normal;
	text-align:left;
	color:#003366;
}