body{text-align: left; background: #083977}

div#container{width: 100%;\width: 100%;w\idth: 100%;
    padding:0 0; text-align: left;
    background-color: #ffffff
    
    }



div#testata {

    vertical-align: middle;
    text-indent: 50px;
    height: 20px;
    text-align: left;
    margin: 20px 100px 0 0;
    font-family: verdana;
    font-size: 20px;
    color: #f68713;
    padding: 20px 0 0 0;
    line-height: 20px;
    
}
div#subtestata {
    vertical-align: middle;
    text-indent: 50px;
    height: 40px;
    margin: 0 100px 0 0; 
    font-family: verdana;
    font-size: 16px;
    color: #f5af45;
    line-height: 30px;
    
    
    
}



div#container { 
width: 1000px; 
text-align: left; 
height: auto; /* era 750px - poi 670 per starci tutto in una schermata. ma portato al valore attuale per l'aggiunta della terza fila di riquadri*/
background-color: #fbd57b; 
margin:10px auto;
}

div#pulsantiera {
    width: 800px;
}

div#slogan{width:100%; text-align: center; font-family: cursive; font-size: 14px}    
div#datablock{width: 100%; text-align: center; font-family: verdana; font-size: 12px}
div#colonnadx{float: right;width: 170px; padding-top: 3px; padding-bottom: 20px; padding-right: 2px; font-size: 12px; font-family: verdana}
div#colonnadxnews{float: right;width: 170px; padding-top: 3px; padding-bottom: 20px; padding-right: 2px; font-size: 12px; font-family: verdana}
div#colonnasx{float: left;width: 170px; padding-top: 3px; padding-bottom: 20px; padding-left:2px; font-size: 12px; font-family: verdana}

/* Nella riga sotto ho spostato il margine sinistro del content da 135px a 0 (ex 0 0 0 135px)
div#content{margin: 0 175px 0 175px; background-color: #ffffff; text-align: justify; border-spacing: 15px;
/*width: 100%; /* ho portato questo valore da 650 a 790 
border: dotted; border-bottom-color: #125299;
height:460px /* sto portando questo valore a 460px dai 380*/ /* eliminare commento!important;height /**/ /*eliminare commento : 500px; /* e questo da 420 a 500
overflow:auto;padding: 4px;
    border:5px solid #EEE;border-right:5px solid;
}
											   */
div#content_principale{
margin: 3px 175px 10px 175px;
background-color: #fbd57b;
text-align: justify;
border-spacing: 15px;
font-family: verdana;
font-size: 12px;
color: #083977;
width: 610px; /* ho portato questo valore da 650 a 790 --- 16 marzo era a 641 */
height: auto;/* 850pxsto portando questo valore a 460px dai 380!important;height : 900px; /* e questo da 420 a 500*/
border:2px solid #EEEEEE;
border-right:2px solid #b97a39;
border-bottom: 2px solid #b97a39;
padding: 3px 15px 0 15px;
}
div#content{
margin: 3px 175px 10px 175px;
background-color: #fbd57b;
text-align: justify;
border-spacing: 15px;
font-family: verdana;
font-size: 12px;
color: #083977;
width: 610px; /* ho portato questo valore da 650 a 790 --- 16 marzo era a 641 */

height:850px /* sto portando questo valore a 460px dai 380*/!important;height /**/: 900px; /* e questo da 420 a 500*/
overflow: auto;
border:2px solid #EEEEEE;
border-right:2px solid #b97a39;
border-bottom: 2px solid #b97a39;
padding: 3px 15px 0 15px;
}

div#footer{width: 1000px; height: auto; clear: both; background: #195fb7 bottom; text-align: center; font-size: 10px; font-family: verdana; color: #f68713; max-height: 12px;}
p.footer{clear: both;background: #195fb7 bottom; text-align: center; font-size: 10px; font-family: verdana; color: #f68713;}
p.datablock{text-align: center; font-family: verdana; font-size: 12px; color: #cc5c5c; background-color: #f68713}
p.slogan{text-align: center; font-family: cursive; font-size: 16px; color: #630000;}


html{height: 100%; margin-bottom: 1px}

div#header{ /*position: relative;*/ height:200px;
    background: #ffffff url(fastTemplate.png) no-repeat top left}
div#header h1{/*position:absolute;*/top: 100px;left: 20px;
    width:300px;height:60px;
    background: url(fastTemplate.png) no-repeat -20px -100px}
div#header h1 a{display:block; width:300px;
    text-indent: -9000px;text-decoration: none;padding: 60px 0 0 0;
    overflow: hidden; height: 0px !important; height /**/:60px;                       
    background-image: url(fastTemplate.png);
    background-position: -20px -100px}
div#header h1 a:hover{background-position: -20px -300px}

div#header{height: auto;background-image: none}
div#header h1, div#header a{display:none}
div#header img#logoprint{display: block; background-color: #8fbff6; /*float: left; /*width: 100%; */}

									

table.blocks{
    width: 100%;
    border-spacing: 0;
    
}
tr.blocks{
    width: auto;
    border-spacing: 0;
}

td.blocks{
    width: 147px; height: 15px;
    background-color: #f68713;
    /*background-color: #CC5c5C;*/
    background-image: url(http://www.adfi.it/img/bksuperiore.gif);
    
    
    	border: none;
        font-size: 11px;
        font-family: verdana;
        font-style: inherit;
	color: #063263;
	/*color: #ffffff;*/
        
        text-indent: 5px;
        border-spacing: 10px;
}
td.content{
    width: auto; height: 15px;
    	border: 1px solid #f68713;
        font-size: 12px;
        font-family: verdana;
        border-spacing: 0;
}
td.angsupsx{
    background-image: none;
    background-repeat: no-repeat;
    position: static;
    width: 10px;
    height: 15px;
    border: none;
    border-spacing: 0;
}

td.angsupdx{
    
    background-image: none;
    background-repeat: no-repeat;
    position: static;
    width: 10px;
    height: 15px;
    border: none;
    border-spacing: 0
}


table.blocksc{
    width: 100%;
    border-spacing: 0;
}
tr.blocksc{
    width: 100%;
    border-spacing: 3px;
}

td.blocksc{
    width: 100%; height: 15px;
    background-color: #f68713;
    /*background-color: #CC5c5C;*/
    
    
    	border: none;
        font-size: 11px;
        font-style: inherit;
        font-family: verdana;
        text-align: left;
        text-indent: 10px;
        border-spacing: 0;
	color: #083977;
	/*color: #ffffff;*/
}
td.contentc{
    width: auto; height: 15px;
    	border: 1px solid #f68713;
        font-size: 12px;
        font-family: verdana;
        border-spacing: 0;
	background-color: #ffffff;
    
}
td.angsupsxc{
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    position: static;
    height: 15px;
    width: 8px;
    border: none;
    border-spacing: 0;
}

td.angsupdxc{
    
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    position: static;
    height: 15px;
    width: 8px;
    border: none;
    border-spacing: 0;
    border-collapse: collapse;
}
td.elenco_iscritti{
    background-color: #195fb7;
    font-family: verdana;
    font-size: 10px;
    width: 20px;
    color: #fbbd7b;
    text-align: left;
}
td.elenco_corsi{
    border-top: 1px solid #339966;
    background-color: #ffffff;
    font-family: verdana;
    font-size: 10px;
    width: 20px;
    color: #990000;
    text-align: left;
}


a:link    {text-decoration: none; border-style: none; color: #f68713; border: none;}
a:visited {text-decoration: none; border-style: none; color: #f68713; border: none;}
a:hover   {color: #fbbd7b; border: none;}
a img {border: none}
p#elenco a:link{
    color: #195fb7;
}
p#elenco a:visited{
    color: #195fb7;
}
p#elenco a:hover{
    color: #fba64d;
}

a.titolo_pp:link{
    font-size: 14px;
    font-weight: bold;
    color: #195fb7;
}
a.titolo_pp:visited{
    font-weight: bold;
    font-size: 14px;
    color: #195fb7;
}
a.titolo_pp:hover{
    color: #fba64d;
    font-weight: bold;
    font-size: 14px;
}

a.testo:link{
    font-weight: bold;
    color: #195fb7;
}
a.testo:visited{
    font-weight: bold;
    color: #195fb7;
}
a.testo:hover{
    color: #fba64d;
    font-weight: bold;
}


a.news:link{
    /*font-weight: bold;*/
    color: #083977;
}
a.news:visited{
    /*font-weight: bold;*/
    color: #083977;
}
a.news:hover{
    color: #083977;
    /*font-weight: bold;*/
}


a.contenuto_pp:link{
    color: #000000;
    text-align: justify;
}
a.contenuto_pp:visited{
    color: #000000;
    text-align: justify;
}
a.contenuto_pp:hover{
    color: #000000;
    text-align: justify;
}


h1 {
    font-size: 14px; font-family: verdana; color: #990000
    
}
h1.titolo1 {
    font-size: 18px; font-family: verdana; color: #f68713; text-align: center;
    
}
h1.contact {
    font-size: 20px; font-family: cursive; color: #063263;
    
}
h2.contact {
    font-size: 30px; font-family: cursive; color: #063263;
    
}
h3.paragrafo1{
    font-size: 14px; font-family: verdana; color: #4d8bdb; font-weight: bold; text-align: center;
}
h3.paragrafo2{
    font-size: 14px; font-family: verdana; color: #195fb7; font-weight: lighter; text-align: center;
}
h3.sottotitolo{
    font-size: 13px; font-family: verdana; color: #195fb7; font-weight: lighter; text-align: left; font-weight: bold;
}

p.maintitle {
    width:100%; text-align: center; font-family: cursive; font-size: 20px; color: #063263
}

p#elenco {
    width:100%; text-align: justify; font-family: verdana; font-size: 10px; color: #063263
    }

p#maintitle {
    width:100%; text-align: justify; font-family: verdana; font-size: 14px; color: #f5af45
}
p#maintitle2 {
    width:100%; text-align: left; font-family: verdana; font-size: 12px; color: #f5af45
}
p#maintitle2-1 {
    width:100%; text-align: center; font-family: verdana; font-size: 12px; color: #f5af45
}



h4 {
    font-size: 14px; font-family: serif; color: #000000;

}
h5 {
    font-size: 10px; font-family: verdana; color: gray;
}
td.commento {
    font-size: 11px; font-family: verdana; color: #632d00; text-align: justify; background-color: #ffffcc;
    
}
td.daticommento {
    font-size: 9px; font-family: verdana; color: #cc8f5c; background-color: #ffffcc;
}

h4.prodotti {
    font-size: 14px; font-family: verdana; color: #063263;
    line-height: 14px;
    text-align: left;
    
}

i.apice {
    font-size: 10px;
    font-family: verdana;
    vertical-align: super;
    color: red;
}
table.ticket1 {
    font-size: 12px;
    font-family: verdana;

}
td.ticket1 {
    font-size:12px;
    font-family: verdana;
    color: #063263;
}
h3.ticket2 {
    font-size:9px;
    font-family: verdana;
    color: #985e03;
}

form.uno {
    font-family: verdana;
    font-size: 12px;
    color: #303030;
}



/* MENU SINISTRO VERTICALE CON SOTTOMENU */
/*Formattazione Lista - Listato 5.20 di pagina 209 - CSS Guida Completa */
.menuNavigazione{
    margin: 0;
    padding: 0;
    width: 200px;
    list-style: none;
}
.menuNavigazione ul{
    margin: 0;
    padding: 0;
    width: 200px;
    list-style: none;
}
.menuNavigazione a{
    display: block;
    text-decoration: none;
    padding: 2px 10px;
}
/* Bordi */
.menuNavigazione ul{
    border-top: 1px solid;
}
.menuNavigazione{
    border-top: 1px solid;
}
.menuNavigazione a{
    border-right: 1px solid #195fb7;
    border-bottom: 1px solid #083977;
    border-left: 10px solid #305789;
}
/*Posizionamento sotto menu */
.menuNavigazione li.voceCorrente{
    position: relative;
}
.menuNavigazione ul{
    top: -1px;
    left: 190px;
    position: absolute;
}
/*Colori e Caratteri*/
.menuNavigazione li.voceCorrente{
    font-weight: bold;
}
.menuNavigazione li.voceCorrente li{
    font-weight: normal;
}
.menuNavigazione a:hover{
    border: 1px solid;
     border-color: #fbbd7b #b97a39 #b97a39 #fbbd7b;
     background: #fbbd7b;
    color: #083977;
}
.menuNavigazione a:link{
    border: 1px solid;
     border-color: #fbbd7b #b97a39 #b97a39 #fbbd7b;
    color: #ffffff;
    
}
.menuNavigazione a:visited{
    background: #fbbd7b;
    color: #083977;
}
/*Ombra esterna sotto menu */
.menuNavigazione li.voceCorrente li{
    position:relative;
    left: 3px;
    top: 3px;
    background: #73a1db;
}
.menuNavigazione li.voceCorrente li a{
    position: relative;
    left: -3px;
    top: -3px;
}

/* menu nuovo animato */
.XulMenu {
    font-family: verdana, tahoma, georgia;
    font-size: 12px;
    -moz-user-select: none;
}
.XulMenu .button{
    line-height: normal;
    padding: 5px 6px 4px 6px;
    border: 1px solid;
     border-color: #fbbd7b #b97a39 #b97a39 #fbbd7b;
    color: #083977;
    text-decoration: none;
    cursor: default;
    white-space: nowrap;
    display: block;
    position: relative;
   
}
.XulMenu .button:hover
{
    line-height: normal;
    padding: 5px 6px 4px 6px;
    border: 1px solid;
     border-color: #fbbd7b #b97a39 #b97a39 #fbbd7b;
    color: #ffffff;
    text-decoration: none;
    cursor: default;
    white-space: nowrap;
    display: block;
    position: relative;
    font-weight: bold;
}
.XulMenu .button-active{
    line-height: normal;
    padding: 5px 6px 4px 6px;
    border: 1px solid;
     border-color: #fbbd7b #b97a39 #b97a39 #fbbd7b;
    color: #ffffff;
    text-decoration: none;
    cursor: default;
    white-space: nowrap;
    display: block;
    position: relative;
    font-weight: bold;
}
.XulMenu .button-active:hover {
    line-height: normal;
    padding: 5px 6px 4px 6px;
    border: 1px solid;
     border-color: #fbbd7b #b97a39 #b97a39 #fbbd7b;
    color: #ffffff;
    text-decoration: none;
    cursor: default;
    white-space: nowrap;
    display: block;
    position: relative;
    font-weight: bold;
}
.XulMenu .button:hover {
    border-color: #fbbd7b #b97a39 #b97a39 #fbbd7b;
}
.XulMenu .button-active,
.XulMenu .button-active:hover {
    border-color: #b97a39 #fbbd7b #fbbd7b #b97a39;
    
}
/* erano tutti uguali gli item ma li sto modificando... aggiungo anche un z-index-1 */
.XulMenu .item{
    line-height: normal;
    padding: 5px 6px 4px 6px;
    border: 1px solid;
     border-color: #fbbd7b #b97a39 #b97a39 #fbbd7b;
    color: #083977;
    text-decoration: none;
    cursor: default;
    white-space: nowrap;
    display: block;
    position: relative;
    z-index: -1;
}
.XulMenu .item:hover{
    line-height: normal;
    padding: 5px 6px 4px 6px;
    border: 1px solid;
     border-color: #fbbd7b #b97a39 #b97a39 #fbbd7b;
    color: #083977;
    text-decoration: none;
    cursor: default;
    white-space: nowrap;
    display: block;
    position: relative;
    z-index: -1;
}
.XulMenu .item-active{
    line-height: normal;
    padding: 5px 6px 4px 6px;
    border: 1px solid;
     border-color: #fbbd7b #b97a39 #b97a39 #fbbd7b;
    color: #083977;
    text-decoration: none;
    cursor: default;
    white-space: nowrap;
    display: block;
    position: relative;
    z-index: -1;
}
.XulMenu .item-active:hover {
    background: #73a1db;
    line-height: normal;
    padding: 5px 6px 4px 6px;
    color: #083977;
    text-decoration: none;
    cursor: default;
    white-space: nowrap;
    display: block;
    position: relative;
    z-index: -1;
    border-color: #b97a39 #fbbd7b #fbbd7b #b97a39;
}
.XulMenu .item:hover,
.XulMenu .item-active{
    line-height: normal;
    padding: 5px 6px 4px 6px;
    border: 1px solid;
    border-color: #b97a39 #fbbd7b #fbbd7b #b97a39;
    color: #ffffff;
    text-decoration: none;
    cursor: default;
    white-space: nowrap;
    display: block;
    position: relative;
    font-weight: bold;
}
.XulMenu .item-active:hover {
    background: #73a1db;
    color: #ffffff;
    border-color: #b97a39 #fbbd7b #fbbd7b #b97a39;
    font-weight: bold;
}
.XulMenu .section {
 
    background: #ffffff;
    border: 1px solid;
    border-color: #fbbd7b #b97a39 #b97a39 #fbbd7b;
    padding: 2px 1px 1px 2px;
    position: absolute;
    visibility: hidden;
    z-index: -1;
    width: 150px;
    display: block;
}
.XulMenu .sectionvuota {
 
    background: #ffffff;
    border: none;
    border: 1px solid;
    border-color: #fbbd7b #b97a39 #b97a39 #fbbd7b;
    padding: 2px 1px 1px 2px;
    visibility: hidden;
    position: absolute;
    width: 150px;
    display: block;
}
.XulMenu .arrow {
    position: absolute;
    top: 7px;
    right: 8px;
    border: 0;
}

* html .XulMenu td { position: relative; } /* ie 5.0 fix */
		/* Fine Menu animato */
		
		
td.riquadro{
    height: 200px;
    width: 49%;
    margin: 5px 5px 5px 5px;
    padding: 10px 10px 10px 10px;
    text-align: center;
    border: 3px;
    border-color: #fbbd7b;
    border-style: solid;
}

table.chirurghi,
tr.chirurghi,
td.chirurghi
{
    padding: 10px 10px 10px 10px;
    margin: 20px 20px 20px 20px;
}
td.txtmenudx{
    font-family: verdana, sans-serif;
    font-size: 11px;
    text-align: center;
    font-weight: bold;
    color: #195fb7;
}
img.interventisx{
    float: left;
    margin: 10px;
}
img.interventidx{
    float: right;
    margin: 10px;
}
img.arrow-dx{
    float: right;
}
img.arrow-sx{
    float: left;
}
td.interventi{
    text-align: center;
    vertical-align: middle;
    background-color: #ffffff;
}

table.news{
border-top-color: #083977

}
td.titolonews{
    text-align: center;
    font-family: verdana, sans-serif;
    font-size: 14px;
    color: #a05506;
    border: 1px solid;
    border-color: #083977;
    background-color: #fbbd7b;
}
h2.news{
    font-size: 12px;
    font-family: verdana, sans-serif;
    color: #4d8bdb;
}
h4.news{
    font-size: 10px;
    font-family: verdana, sans-serif;
    color: #083977;
}
h4.sottotitolo_chirurghi{
    font-size: 12px;
    font-family: verdana, sans-serif;
    color: #195fb7;
}

div#container5{
    margin: auto;
    padding: 10px 10px 10px 10px;
    background-color: #fbd57b;
}


/*SEZIONE GALLERY*/
table.dettaglio_foto{
    width: 500px;
}

td.thumb {
    height: 160px;
    width: 33%;
    background-image: url('http://www.ascop-sardegna.it/gallery/sfondothumb.jpg');
    background-repeat: no-repeat;
    padding: 10px 10px 0 10px;
    
}

td.sfondofoto {
    height: 480px;
    width: 600px;
    /*background-image: url('http://www.mifidodite.com/gallery/sfondofoto.jpg');*/
    background-repeat: no-repeat;
    padding: 10px 10px 0 10px;
}
img.dettaglio_foto{
    text-align: center;
    margin: auto;
    width: auto;
    height: auto;
    max-height: 450px;
    max-width: 580px;
}
td.descrizione_foto{
    text-align: left;
    font-family: verdana, sans-serif;
    font-size: 11px;
    color: #000000;
}
td.dati_foto{
    text-align: left;
    font-family: verdana, sans-serif;
    font-size: 10px;
    color: #007ed1;
}