html,body{margin: 0 auto;padding: 0 auto;height:100%;}

body{font-family:Tahoma; font-size:70%;color:#38342a;margin:0 auto;background-color:#f4f4f4}

#container{width:960px;position:relative;margin:auto; background-color:#FFFFFF; padding:0 10px 0 10px}

#container #menu{float:left;padding: 0px;width:960px;text-align:left;vertical-align:top;}
#container #menu #logo {float:left; width:300px; height:120px;}
#container #menu #voci {float:left; width:660px; background:url(/images/sf-menu.gif) bottom left repeat-x; padding-top:10px; text-align:right; height:110px}
#container #testata{float:left;padding: 0px;margin:0;width:960px;}
#container #testata #flash {float:left;padding: 0px;width:710px;}
#container #testata #sidebar {float:left;padding: 0px;width:250px;text-align:left;vertical-align:top; }
#container #testata #sidebar .benvenuto{background:url(/images/bg-name.gif) repeat-x top left; height:30px; width:235px; padding:15px 5px 0 10px; color:#FFFFFF; font:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
#container #testata #sidebar .benvenuto span{color:#84c223}
#container #testata #sidebar #login{float:left; width:230px; height:180px;}
#container #testata #sidebar #login .item{color:#FFFFFF; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding-bottom:15px}
#container #testata #sidebar #login .item a{color:#FFFFFF; text-decoration:none;}
#container #testata #sidebar #login .item a:hover{color:#FFFFFF; text-decoration:underline;}
#container .simbolo{width:250px; text-align:center;}
#container .blocco{width:960px}
#container .blocco .titolo_ricerca {width:910px; text-align:center; float:left; color:#c60505; font-weight:normal; font-family:Tahoma; font-size:18px; padding: 0; margin-top:5px;}
#container .blocco .titolo_sezioni{width:960px; float:left; color:#38342a; font-weight:bold; font-family:Verdana; font-size:27px; text-transform:uppercase; padding: 0; margin-top:8px;}
#container .blocco .sottotitolo_sezioni{width:910px; float:left; color:#38342a; font-weight:normal; font-family:Tahoma; font-size:18px; padding: 0 0 0 50px; margin-top:2px;}
#container .blocco .titoletto{width:960px; float:left; color:#38342a; font-weight:bold; font-family:Verdana; font-size:18px; padding: 0; margin-top:8px;}
#container .blocco .discorsivo {width:960px; float:left; text-align: justify; color: #38342a; line-height: 16px; margin-top:10px}
#container .blocco .errore {color:#CC0000; font-size:18px; font-weight:bold; margin-top:20px; float:left; margin-bottom:40px}
#container .blocco .errore a{color:#CC0000; text-decoration:underline}
#container .blocco .errore a:hover{color:#CC0000; text-decoration:underline}

#container .contenuti{float:left;padding: 0px;margin-top:10px;width:695px; overflow:hidden; height:auto}
#container .contenuti .datiu{float:left; border-bottom:1px solid #95d1fd; margin-bottom:10px}
#container .contenuti .datiup{float:left; width:170px; font-size:12px; font-family:arial; margin-bottom:8px; color:#2c2c2c;}
#container .contenuti .valoriup{float:left; width:515px; margin-bottom:8px; color:#95d1fd; font-weight:bold;}
#container .contenuti .datil{float:left; border-bottom:1px solid #fbb737; margin-bottom:10px}
#container .contenuti .datilp{float:left; width:170px; font-size:12px; font-family:arial; margin-bottom:8px; color:#2c2c2c;}
#container .contenuti .valorilp{float:left; width:515px; margin-bottom:8px; color:#fbb737; font-weight:bold;}
#container .contenuti .datif{float:left; border-bottom:1px solid #e8f9d4; margin-bottom:10px}
#container .contenuti .datir{float:left; width:170px; font-size:12px; font-family:arial; margin-bottom:8px; color:#2c2c2c;}
#container .contenuti .valorir{float:left; width:515px; margin-bottom:8px; color:#539519; font-weight:bold;}
#container .contenuti .valorir a{color:#539519; text-decoration:underline}
#container .contenuti .valorir a:hover{color:#539519; text-decoration:none}
#container .contenuti .errori{float:left;width:690px;margin-bottom:25px;border-bottom:1px solid #CC0000; color:#CC0000; font-size:16px; font-weight:bold}
#container .contenuti .videolink{float:left; width:600px; padding:0 0 6px 0; font-size:10px; font-style:italic; color:#333333}
#container .contenuti .videolink a{color:#ce1704; text-decoration:none; font-size:12px; font-style:normal; font-weight:bold}
#container .contenuti .videolink a:hover{color:#ce1704; text-decoration:underline;; font-size:12px; font-style:normal; font-weight:bold}

#container .contenuti #commenta {width:695px; float:left; margin:5px 0 5px 0; padding:0 0 2px 0; font-family:Verdana; font-size:14px; font-weight:bold}
#container .contenuti #commenta a{color:#8cbb65; text-decoration:underline}
#container .contenuti #commenta a:hover{color:#8cbb65; text-decoration:none}

#container .contenuti #commenti {width:695px; float:left; margin:10px 0 10px 0; border-bottom:2px solid #afda8b; padding:0 0 2px 0}
#container .contenuti #commenti #link{float:left; width:500px; text-align:left;color:#2970a6;}
#container .contenuti #commenti #link a{color:#2970a6; text-decoration:underline}
#container .contenuti #commenti #link a:hover{color:#2970a6; text-decoration:none}

#container .contenuti .altricommenti{width:695px; margin:10px 0 10px 0; float:left; background-color:#FFFFFF; border-top:1px solid #8cbb65;padding:10px 0 0 0}
#container .contenuti .altricommenti .text{float:left; width:90px; color:#8cbb65; padding-top:3px; font-weight:bold}
#container .contenuti .altricommenti .numeri{width:605px;float:left;overflow:hidden}
#container .contenuti .altricommenti .numeri .pagine{float:left; margin-left:5px;}
#container .contenuti .altricommenti .numeri .pagine a{color:#8cbb65; text-decoration:none; background-color:#FFFFFF; padding:2px 5px 2px 5px; border:1px solid #8cbb65; font-size:10px; display:block; text-align:center;}
#container .contenuti .altricommenti .numeri .pagine a:hover{color:#FFFFFF; text-decoration:none; background-color:#8cbb65; padding:2px 5px 2px 5px; border:1px solid #8cbb65; font-size:10px; display:block; text-align:center;}
#container .contenuti .altricommenti .numeri .selectpag{float:left; margin-left:5px; color:#FFFFFF; text-decoration:none; background-color:#8cbb65; padding:2px 5px 2px 5px; border:1px solid #8cbb65; font-size:10px; display:block; text-align:center;}

#container .contenuti .commento {width:675px; float:left; background-color:#f3f2f2; margin-top:6px; color:#000000; text-align:left; font-size:1.1em; padding:10px;}
#container .contenuti .commento a{color:#5e8a11; text-decoration:underline}
#container .contenuti .commento a:hover{color:#5e8a11; text-decoration:none}
#container .contenuti .nick {float:left; width:622px; font-weight:bold; color:#8cbb65; font-size:1.1em; background: url(http://www.ilrespiro.eu/images/freccina-commento.gif) top left no-repeat; padding:12px 0 5px 0}
#container .contenuti .rispondi {float:left; width:73px; color:#5e5e5e; text-align:right; padding:12px 0 5px 0}
#container .contenuti .rispondi a{color:#2970a6; text-decoration:none}
#container .contenuti .rispondi a:hover{color:#2970a6; text-decoration:underline}

#container .contenuti #media {width:695px; float:left; margin:10px 0 10px 0; font-family:Verdana;}
#container .contenuti #media .allegati{width:695px; float:left; color:#38342a; font-weight:bold; font-family:Verdana; font-size:18px; padding: 0; margin-top:8px;}
#container .contenuti #media a{color:#336600; font-size:10px; text-decoration:underline; padding-top:3px;}
#container .contenuti #media a:hover{color:#336600; font-size:10px; text-decoration:none; padding-top:3px;}

#container .contenuti #media .icn{padding:2px 2px 0 0}
#container .contenuti #elenco {width:695px; float:left; color: #38342a; margin-top:10px}
#container .contenuti #elenco .faq{float:left; color:#000000; font-weight:bold; font-size:12px; width:695px; padding:10px 0 5px 0}
#container .contenuti #elenco .faq a{text-decoration:none; color:#333333}
#container .contenuti #elenco .faq a:hover{text-decoration:underline; color:#333333}
#container .contenuti #elenco .testofaq{float:left; color:#000000; background-color:#e2e2e2; font-weight:normal; font-size:12px; width:675px; padding:0 10px 5px 10px; display:none}
#container .contenuti #elenco .elem{float:left; padding:2px 0 2px 2px; margin-bottom:12px; width:693px; color:#727272}
#container .contenuti #elenco .elem img{float:left; width:70px; margin:0 4px 2px 0;border: solid 1px #000000;}
#container .contenuti #elenco .elem .modifica{float:left; width:16px; margin:18px 6px 0 0; border:none;}
#container .contenuti #elenco .elem .icona{float:left; width:25px; margin:16px 8px 0 0; border:none;}
#container .contenuti #elenco .elem .testo{padding-top:3px; color:#38342a}
#container .contenuti #elenco .elem .noattivo{color:#a01414;font-size:12px; font-weight:bold; font-family:Tahoma;}
#container .contenuti #elenco .paginazionenew {float:left; width:691px; margin:2px 0 6px 2px; font-size:12px; padding-bottom:4px; border-bottom:1px solid #38794d; overflow:hidden}
#container .contenuti #elenco .paginazionenew .testo{float:left; width:111px; overflow:hidden; font-size:13px; padding:2px 0 0 0; font-style:italic; color:#036f26}
#container .contenuti #elenco .paginazionenew .pagine{float:left; width:580px; overflow:hidden}
#container .contenuti #elenco .paginazionenew .pagine .inizio{float:left; padding:2px 6px 2px 6px; margin-right:6px; background-color:#a6ce39; text-align:center; color:#FFFFFF}
#container .contenuti #elenco .paginazionenew .pagine .inizio a{float:left; background-color:#a6ce39; text-align:center; color:#FFFFFF; text-decoration:none}
#container .contenuti #elenco .paginazionenew .pagine .inizio a:hover{float:left; background-color:#a6ce39; text-align:center; color:#FFFFFF; text-decoration:underline}
#container .contenuti #elenco .paginazionenew .pagine .sx{float:left; padding:2px 6px 2px 0px; background-color:#FFFFFF; text-align:center; color:#a6ce39;}
#container .contenuti #elenco .paginazionenew .pagine .select {float:left;; padding:2px 6px 2px 6px; margin-right:6px; background-color:#ffcc33; text-align:center; color:#578f2b}
#container .contenuti #elenco .paginazionenew .pagine .noselect {float:left; padding:2px 6px 2px 6px; margin-right:6px; background-color:#a6ce39; text-align:center; color:#FFFFFF}
#container .contenuti #elenco .paginazionenew .pagine .noselect a{float:left; background-color:#a6ce39; text-align:center; color:#FFFFFF; text-decoration:none}
#container .contenuti #elenco .paginazionenew .pagine .noselect a:hover{float:left; background-color:#a6ce39; text-align:center; color:#FFFFFF; text-decoration:underline}
#container .contenuti #elenco .paginazionenew .pagine .dx{float:left; padding:2px 6px 2px 0px; background-color:#FFFFFF; text-align:center; color:#a6ce39}
#container .contenuti #elenco .paginazionenew .pagine .fine{float:left; padding:2px 6px 2px 6px; background-color:#a6ce39; text-align:center; color:#FFFFFF}
#container .contenuti #elenco .paginazionenew .pagine .fine a{float:left; background-color:#a6ce39; text-align:center; color:#FFFFFF; text-decoration:none}
#container .contenuti #elenco .paginazionenew .pagine .fine a:hover{float:left; background-color:#a6ce39; text-align:center; color:#FFFFFF; text-decoration:underline}

#container .contenuti #elenco .paginazione {width:691px; margin:2px 0 2px 2px; padding:2px 0 2px 2px; background-color:#bbcfb9; color:#FFFFFF; font-size:12px}
#container .contenuti #elenco .paginazione a{color:#FFFFFF; text-decoration:underline}
#container .contenuti #elenco .paginazione a:hover{color:#FFFFFF; text-decoration:none}
#container .contenuti #sezione {width:695px; float:left; text-align: justify; color: #38342a; line-height: 16px; margin-top:10px}
#container .contenuti #sezione .img_sezione{float:left; padding:0 6px 4px 0}
#container .contenuti #sezione .autore{width:500px;float:left; text-align:left;font-size:10px;color:#727272; font-family:Verdana; line-height: 15px; padding: 0px;}
#container .contenuti #sezione .autore a{color:#727272; text-decoration:underline}
#container .contenuti #sezione .autore a:hover{color:#727272; text-decoration:none}
#container .contenuti #sezione .condividi{width:195px;float:left; text-align:right;padding: 0px;}
#container .contenuti #segnala {float:left;padding: 0px;width:250px; overflow:hidden; height:auto}
#container .contenuti #segnala .emergenza{width:250px;margin-bottom:15px;color:#38342a;font-size:10px;font-weight:normal;font-family:Verdana;text-align:left;float:left}
#container .contenuti #segnala .emergenza img{float:left; width:70px; margin:0 3px 2px 0; padding:1px; border: solid 1px #b7dc5b;}
#container .contenuti #segnala .emergenza img:hover{border: solid 1px #fbb033;}
#container .contenuti #segnala .emergenza .testo{padding-top:5px}
#container .contenuti #centro {float:right;padding: 0px;width:430px;margin-left:15px; overflow:hidden; height:auto}
#container .contenuti #centro .banner{width:430px; text-align:center; overflow:hidden}
#container .contenuti #centro .focus{width:430px; margin-top:10px; float:left}
#container .contenuti #centro .news{width:205px; float:left; overflow:hidden}
#container .contenuti #centro .news .titolo{padding:6px 2px 2px 2px; text-align:left}
#container .contenuti #centro .news .sottotitolo{padding:1px 2px 2px 2px; text-align:left; color:#999999; font-size:9px; font-weight:bold}
#container .contenuti #centro .news .testo{padding:5px;width:195px;color:#38342a;font-size:10px;font-weight:normal;font-family:Verdana;text-align:left}
#container .contenuti #centro .news .archivio{padding:8px 2px 2px 2px; text-align:center}
#container .contenuti #centro .news img{float:left; width:203px; margin:0 3px 2px 0; border: solid 1px #b7dc5b;}

#container .contenuti .mappagrande{border: solid 1px #cccccc;padding:3px;text-align:center;float:left;height:680px;width:680px;margin-bottom:8px;}

#container #progetti {float:right;margin-top:10px;padding: 0px;width:250px; overflow:hidden; height:auto}
#container #progetti .progetto{width:250px;margin-bottom:15px;color:#38342a;font-size:10px;font-weight:normal;font-family:Verdana;text-align:left;float:left}
#container #progetti .progetto img{float:left; width:70px; margin:0 3px 2px 0; padding:1px; border: solid 1px #b7dc5b;}
#container #progetti .progetto img:hover{border: solid 1px #fbb033;}

#container #progetti .progetto .testo{padding-top:5px}
#container #progetti .legenda{border:1px dashed #999999; padding:5px; margin-bottom:10px}
#container #progetti .legenda .elem{padding:2px 0 5px 0;}
#container #progetti .mappa{border: solid 1px #cccccc;text-align:center;float:left;height:250px;width:248px;margin-bottom:8px;}

#container #footer {width:960px; float:left; background:url(/images/il_respiro_r8_c2.jpg) no-repeat; margin-top:10px; border-top:1px solid #dcdcdc}
#container #footer .box{width:300px; padding:45px 10px 5px 10px; float:left}
#container #footer .box .link{padding-bottom:10px;}
#container #footer .box .social{padding-bottom:5px;}

#container #vitadeglialtri{width:960px; float:left; border-top:2px solid #dcdcdc; padding:4px 0 0 0}
#container #vitadeglialtri #immagine{float:left; width:300px;}
#container #vitadeglialtri #privacy{float:left; text-align:right; width:650px}
#container #vitadeglialtri #privacy a{text-decoration:underline; color:#6ccff6}
#container #vitadeglialtri #privacy a:hover{text-decoration:none; color:#6ccff6}

a.ablu:link, a.ablu:visited{color:#3e7197;font-size:12px;text-decoration:none;font-weight:normal;font-family:Tahoma;line-height:18px;}
a.ablu:hover{color:#3e7197;font-size:12px;font-weight:normal;text-decoration:underline;font-family:Tahoma;ine-height:18px;}
a.aazzurro:link, a.aazzurro:visited{color:#0e90db;font-size:12px;text-decoration:none;font-weight:normal;font-family:Tahoma;line-height:18px;}
a.aazzurro:hover{color:#0e90db;font-size:12px;font-weight:normal;text-decoration:underline;font-family:Tahoma;ine-height:18px;}
a.aeventi:link, a.aeventi:visited{color:#c31414;font-size:12px; text-decoration:none; font-weight:bold; font-family:Tahoma;}
a.aeventi:hover{color:#c31414;font-size:12px; font-weight:bold; text-decoration:underline;font-family:Tahoma;}
a.autori:link, a.autori:visited{color:#727272; text-decoration:underline}
a.autori:hover{color:#727272; text-decoration:none}
a.arosso:link, a.arosso:visited{color:#bc1414;font-size:12px;text-decoration:none;font-weight:normal;font-family:Tahoma;}
a.arosso:hover{color:#bc1414;font-size:12px;font-weight:normal;text-decoration:underline;font-family:Tahoma;}
a.atitolo:link, a.atitolo:visited{color:#38342a;text-decoration:none;font-weight:bold;font-family:Tahoma;text-align:left;font-size:12px;padding:0px;}
a.atitolo:hover{color:#38342a;text-decoration:underline;font-weight:bold;font-family:Tahoma;text-align:left;font-size:12px;padding:0px;}
.piccolo{color:#38342a;font-size:10px;text-decoration:none;font-weight:normal;font-family:Verdana;padding: 0px;}
.textbox{border: solid 1px #cccccc;	background-color:#fff;color:#38342a;font-weight:normal;	height:15px;font-family:Tahoma; font-size:12px;	padding:1px 2px 1px 2px;margin-bottom:3px;}
.button{border: solid 1px #cccccc;	background-color:#fff;color:#3c850a;height:22px;font-family:Tahoma;	font-weight:bold; font-size:11px;padding:3px 20px 3px 20px;	cursor:pointer;}
.ubutton{border: solid 1px #cccccc;	background-color:#fff;color:#aeddff;height:22px;font-family:Tahoma;	font-weight:bold; font-size:11px;padding:3px 20px 3px 20px;	cursor:pointer;}
.lbutton{border: solid 1px #cccccc;	background-color:#fff;color:#fbb737;height:22px;font-family:Tahoma;	font-weight:bold; font-size:11px;padding:3px 20px 3px 20px;	cursor:pointer;}
.foto{padding: 0px;border: solid 1px #000000;}
.vinput{border:1px solid #aac833; padding:1px 0 1px 2px; margin-left:2px}
.uinput{border:1px solid #95d1fd; padding:1px 0 1px 2px; margin-left:2px}
.linput{border:1px solid #fbb737; padding:1px 0 1px 2px; margin-left:2px}
.boxadd{padding:1px 2px 1px 2px;}

ul.error{list-style-type : disc; color:#CC0000;font-size:12px; font-weight:normal; font-family:tahoma}
ul.error li{list-style-position:outside; color:#CC0000;font-size:12px;}
