/*************************************************************/
/*   Design:  Ars Bellica (solo web)                         */
/*   Autore:  M. Maurino                                     */
/*   Data:    Maggio, 2010                                   */
/*************************************************************/

/*********************************/
/* DEFINIZIONE PRINCIPALE PAGINA */
/*********************************/

body {margin: 0px auto; padding: 20px 0; background: url(../sabimg/sfondo.jpg) repeat;}
#pagina {width: 1000px; margin: 0px auto; padding: 0px; background: rgb(211,205,181) url(../sabimg/foglio.jpg); border: none;}
/*#pagina {table-layout: fixed; width: 1000px; margin: 0px auto; padding: 0px; background: rgb(211,205,181) url(../sabimg/foglio.jpg); border: none;}*/

/*----------------------------*/
/* Navigazione - Alto DX      */
/*----------------------------*/
.box-altodx {width: 1000px; top: 35px; position: absolute; background: transparent;}
.altodx {margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif;}
.altodx ul {float: right; margin: 0px; padding: 0px 50px 0px 0px; border-left: solid 1px rgb(0,0,0); font-weight: bold;}	
.altodx li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.altodx li a {display: block; float: left; margin: 0px; padding: 2px 5px 2px 5px; border-right: solid 1px rgb(0,0,0); color: rgb(0,0,0); text-decoration: none; font-size: 10px;}
.altodx a:hover, .altodx a.sel {color: rgb(28,137,112); text-decoration: none;}

/*----------------------------*/
/* Immagine Testata           */
/*----------------------------*/
.boxtop_s {width: 1000px; height: 100px; border-bottom: solid 2px rgb(110,110,110);}
.img-top_s {clear: both; float: left; width: 1000px; height: 100px; margin: 0px; padding: 0px;}

/*--------------------------------*/
/* Navigazione - Barra Orizontale */
/*--------------------------------*/
.orizon {clear: both; margin: 0px; padding: 0px; font-family:Georgia, "Times New Roman", Times, serif;}
.orizon ul {float: left; width: 1000px; margin: 0px; padding: 0px; background: rgb(204,197,171) url(../sabimg/barra_nav2.jpg) repeat-x; font-weight: bold;}
.orizon li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.orizon li a {display: block; float: left; margin: 0px 0px 0px 0px; padding: 5px 15px 5px 15px; border-right: solid 1px rgb(101,89,74); color: rgb(80,80,80); text-decoration: none; font-size: 15px;}
.orizon li a:hover, .orizon li a.sel {background-color: rgb(232,216,186); text-decoration: none;}
.orizon a:hover, .orizon a.sel {color: rgb(50,50,50); text-decoration: none;}


/*********************************/
/* CONTENUTI PAGINA              */
/*********************************/

.contenuti_bat {float: left; width: 920px; margin: 0px; padding: 0px 0px 10px 80px; font-family: Arial, Helvetica, sans-serif;}

/*----------------------------*/
/* Box Titolo                 */
/*----------------------------*/
.pgTitBat_ant {overflow: hidden; width: 840px; margin: 10px 0px 10px 0px; padding: 0px 0px 5px 0px; border-bottom: solid 3px rgb(102,0,0);}
.pgTitBat_ant h1 {font-family: "Palatino Linotype", "Book Antiqua", serif; font-size: 36px; color: rgb(51,0,0); text-align: center; margin-top: 20px;}
.pgTitBat_ant p {margin: 0px; padding: 0px 0px 10px 0px; font-family: "Palatino Linotype", "Book Antiqua", serif; font-weight: bold; font-size: 22px; color: rgb(102,0,0); text-align: justify;}
.pgTitBat_med {overflow: hidden; width: 840px; margin: 10px 0px 10px 0px; padding: 0px 0px 5px 0px; border-bottom: solid 3px rgb(195,39,0);}
.pgTitBat_med h1 {font-family: "Times New Roman", Times, serif; font-size: 36px; color: rgb(128,0,0); text-align: center; margin-top: 20px;}
.pgTitBat_med p {margin: 0px; padding: 0px 0px 10px 0px; font-family: "Times New Roman", Times, serif; font-weight: bold; font-size: 23px; color: rgb(204,0,0); text-align: justify;}
.pgTitBat_mod {overflow: hidden; width: 840px; margin: 10px 0px 10px 0px; padding: 0px 0px 5px 0px; border-bottom: solid 3px rgb(0,51,0);}
.pgTitBat_mod h1 {font-family: "Palatino Linotype", "Book Antiqua", serif; font-style:italic; font-size: 36px; color: rgb(0,51,102); text-align: center; margin-top: 20px;}
.pgTitBat_mod p {margin: 0px; padding: 0px 0px 10px 0px; font-family: Times, "Times New Roman", serif; font-style:italic; font-weight: bold; font-size: 23px; color: rgb(51,102,0); text-align: justify;}
.pgTitBat_con {overflow: hidden; width: 840px; margin: 10px 0px 10px 0px; padding: 0px 0px 5px 0px; border-bottom: solid 3px rgb(48,76,0);}
.pgTitBat_con h1 {font-family: stencil, Times, serif; font-size: 36px; color: rgb(44,37,0); text-align: center; margin-top: 20px;}
.pgTitBat_con p {margin: 0px; padding: 0px 0px 10px 0px; font-family: Century, Georgia, Times, serif; font-weight: bold; font-size: 22px; color: rgb(48,76,0); text-align: justify;}

/*----------------------------*/
/* Indice Battaglia           */
/*----------------------------*/
.ind_ant {overflow: hidden; clear: both; float: left; width: 840px; margin: 0px; padding: 0px; border: none; text-align: center; font-family: "Palatino Linotype", "Book Antiqua", serif;}
.ind_ant ul {width: 840px; margin: 0px; padding: 0px 0px 7px 0px;  font-size: 21px;}	
.ind_ant li {display: block; list-style: none; margin: 0px; padding: 7px 0px 7px 0px;}
.ind_ant li a {color: rgb(0,102,51); text-decoration: none;}
.ind_ant li a:visited {color: rgb(153,0,0);}
.ind_ant li a:hover {color: rgb(0,204,51); text-decoration: underline;}
.ind_med {overflow: hidden; clear: both; float: left; width: 840px; margin: 0px; padding: 0px; border: none; text-align: center; font-family: "Times New Roman", Times, serif;}
.ind_med ul {width: 840px; margin: 0px; padding: 0px 0px 7px 0px;  font-size: 22px;}	
.ind_med li {display: block; list-style: none; margin: 0px; padding: 7px 0px 7px 0px;}
.ind_med li a {color: rgb(0,0,80); text-decoration: none;}
.ind_med li a:visited {color: rgb(128,0,85);}
.ind_med li a:hover {color: rgb(204,0,153); text-decoration: underline;}
.ind_mod {overflow: hidden; clear: both; float: left; width: 840px; margin: 0px; padding: 0px; border: none; text-align: center; font-family: Times, "Times New Roman", serif; font-style:italic;}
.ind_mod ul {width: 840px; margin: 0px; padding: 0px 0px 7px 0px;  font-size: 22px;}	
.ind_mod li {display: block; list-style: none; margin: 0px; padding: 7px 0px 7px 0px;}
.ind_mod li a {color: rgb(0,51,153); text-decoration: none;}
.ind_mod li a:visited {color: rgb(102,0,153);}
.ind_mod li a:hover {color: rgb(0,153,255); text-decoration: underline;}
.ind_con {overflow: hidden; clear: both; float: left; width: 840px; margin: 0px; padding: 0px; border: none; text-align: center; font-family: Century, Georgia, Times, serif;}
.ind_con ul {width: 840px; margin: 0px; padding: 0px 0px 7px 0px;  font-size: 21px;}	
.ind_con li {display: block; list-style: none; margin: 0px; padding: 7px 0px 7px 0px;}
.ind_con li a {color: rgb(102,0,0); text-decoration: none;}
.ind_con li a:visited {color: rgb(0,102,51);}
.ind_con li a:hover {color: rgb(228,0,0); text-decoration: underline;}

/*----------------------------*/
/* Testo Battaglia            */
/*----------------------------*/
#contenuto {overflow: hidden; clear: both; float: left; width: 840px; margin: 0px; padding: 0px; border: none;}

/* separatore paragrafi */
.break_ant {clear: both; float: left; width: 840px; margin: 0px; padding: 5px 0px 5px 0px; border-top: solid 3px rgb(102,0,0); border-bottom: solid 3px rgb(102,0,0);}
.break_med {clear: both; float: left; width: 840px; margin: 0px; padding: 5px 0px 5px 0px; border-top: solid 3px rgb(195,39,0); border-bottom: solid 3px rgb(195,39,0);}
.break_mod {clear: both; float: left; width: 840px; margin: 0px; padding: 5px 0px 5px 0px; border-top: solid 3px rgb(51,102,0); border-bottom: solid 3px rgb(51,102,0);}
.break_con {clear: both; float: left; width: 840px; margin: 0px; padding: 5px 0px 5px 0px; border-top: solid 3px rgb(48,76,0); border-bottom: solid 3px rgb(48,76,0);}
.logosx {float: left; width: 60px; margin: 0px; padding: 4px 0px 4px 0px;}
.TitBatmid_ant {float: left; width: 720px; margin: 0px; padding: 0px; font-family: "Times New Roman", Times, serif; font-size: 30px; color: rgb(51,0,0); text-align: center;}
.TitBatmid_med {float: left; width: 720px; margin: 0px; padding: 0px; font-family: "Times New Roman", Times, serif; font-size: 30px; color: rgb(128,0,0); text-align: center;}
.TitBatmid_mod {float: left; width: 720px; margin: 0px; padding: 0px; font-family: Times, "Times New Roman", serif; font-style:italic; font-size: 30px; color: rgb(0,51,102); text-align: center;}
.TitBatmid_con {float: left; width: 720px; margin: 0px; padding: 5px 0px 0px 0px; font-family: stencil, Times, serif; font-size: 30px; color: rgb(44,37,0); text-align: center;}
.logodx {float: right; width: 60px;  margin: 0px; padding: 4px 0px 4px 0px;}
.logoimg {width: 60px; height: 27px; margin: 0px; padding: 0px; border: none;}

/* paragrafi */
.parag_ant {overflow: hidden; clear: both; float: left; width: 840px; margin: 0px; padding: 0px; font-family: Verdana, Geneva, sans-serif; font-size: 13px;}
.parag_ant h2 {font-family: "Times New Roman", Times, serif; margin: 0px; padding: 10px 0px 0px 0px; color: rgb(102,34,0); font-size: 26px; text-align: center;}
.parag_ant h3 {font-family: "Times New Roman", Times, serif; color: rgb(102,0,0); font-size: 20px; text-align: center;}
.parag_ant p {color: rgb(51,0,51); text-align: justify;}
.parag_ant ol {color: rgb(51,0,51); text-align: justify;}
.parag_ant li {color: rgb(51,0,51); text-align: justify;}
.parag_ant a {font-weight: bold; color: rgb(0,0,80); text-decoration: none;}
.parag_ant a:hover {color: rgb(204,0,153); text-decoration: underline;}
.parag_med {overflow: hidden; clear: both; float: left; width: 840px; margin: 0px; padding: 0px; font-family: Verdana, Geneva, sans-serif; font-size: 13px;}
.parag_med h2 {font-family: "Times New Roman", Times, serif; margin: 0px; padding: 10px 0px 0px 0px; color: rgb(218,0,0); font-size: 26px; text-align: center;}
.parag_med h3 {font-family: "Times New Roman", Times, serif; color: rgb(204,0,102); font-size: 20px; text-align: center;}
.parag_med p {color: rgb(0,0,80); text-align: justify;}
.parag_med a {font-weight: bold; color: rgb(0,0,80); text-decoration: none;}
.parag_med a:hover {color: rgb(204,0,153); text-decoration: underline;}
.parag_mod {overflow: hidden; clear: both; float: left; width: 840px; margin: 0px; padding: 0px; font-family: Verdana, Geneva, sans-serif; font-size: 13px;}
.parag_mod h2 {font-family: Georgia, Times, serif; font-style:italic; margin: 0px; padding: 10px 0px 0px 0px; color: rgb(0,51,0); font-size: 23px; text-align: center;}
.parag_mod h3 {font-family: Century, Times, serif; font-style:italic; color: rgb(0,102,51); font-size: 18px; text-align: center;}
.parag_mod p {color: rgb(31,44,128); text-align: justify;}
.parag_mod ol {color: rgb(31,44,128); text-align: justify;}
.parag_mod li {color: rgb(31,44,128); text-align: justify;}
.parag_mod a {font-weight: bold; color: rgb(0,51,153); text-decoration: none;}
.parag_mod a:hover {color: rgb(0,153,255); text-decoration: underline;}
.parag_con {overflow: hidden; clear: both; float: left; width: 840px; margin: 0px; padding: 0px; font-family: Verdana, Geneva, sans-serif; font-size: 13px;}
.parag_con h2 {font-family: Georgia, Times, serif; margin: 0px; padding: 10px 0px 0px 0px; color: rgb(102,0,0); font-size: 23px; text-align: center;}
.parag_con h3 {font-family: Century, Times, serif; color: rgb(102,51,0); font-size: 18px; text-align: center;}
.parag_con p {color: rgb(0,51,0); text-align: justify;}
.parag_con a {font-weight: bold; color: rgb(0,102,51); text-decoration: none;}
.parag_con a:hover {color: rgb(0,204,51); text-decoration: underline;}

/* immagini */
dl.centro {margin: 0px 10px 0px 10px; text-align: center;}
dl.centro dd.ant {margin: 0px; padding: 5px 0px 0px 0px; font-family: Arial; font-size: 13px; font-style: italic; color: rgb(51,0,51); text-align: center;}
dl.centro dd.med {margin: 0px; padding: 5px 0px 0px 0px; font-family: Arial; font-size: 13px; font-style: italic; color: rgb(0,0,80); text-align: center;}
dl.centro dd.mod {margin: 0px; padding: 5px 0px 0px 0px; font-family: Arial; font-size: 13px; font-style: italic; color: rgb(31,44,128); text-align: center;}
dl.centro dd.con {margin: 0px; padding: 5px 0px 0px 0px; font-family: Arial; font-size: 13px; font-style: italic; color: rgb(0,51,0); text-align: center;}
dl.destra {float: right; margin: 0px; padding: 0px 10px 0px 10px;}
dl.destra dd.ant {margin: 0px; padding: 5px 0px 0px 0px; font-family: Arial; font-size: 13px; font-style: italic; color: rgb(51,0,51); text-align: center;}
dl.destra dd.med {margin: 0px; padding: 5px 0px 0px 0px; font-family: Arial; font-size: 13px; font-style: italic; color: rgb(0,0,80); text-align: center;}
dl.destra dd.con {margin: 0px; padding: 5px 0px 0px 0px; font-family: Arial; font-size: 13px; font-style: italic; color: rgb(0,51,0); text-align: center;}
dl.destra_inp {float: right; margin: 0px; padding: 15px 10px 0px 10px;}
dl.destra_inp dd.ant {margin: 0px; padding: 5px 0px 0px 0px; font-family: Arial; font-size: 13px; font-style: italic; color: rgb(51,0,51); text-align: center;}
dl.destra_inp dd.med {margin: 0px; padding: 5px 0px 0px 0px; font-family: Arial; font-size: 13px; font-style: italic; color: rgb(0,0,80); text-align: center;}
dl.destra_inp dd.con {margin: 0px; padding: 5px 0px 0px 0px; font-family: Arial; font-size: 13px; font-style: italic; color: rgb(0,51,0); text-align: center;}
dl.sinistra {float: left; margin: 0px; padding: 0px 10px 0px 10px;}
dl.sinistra dd.ant {margin: 0px; padding: 5px 0px 0px 0px; font-family: Arial; font-size: 13px; font-style: italic; color: rgb(51,0,51); text-align: center;}
dl.sinistra dd.med {margin: 0px; padding: 5px 0px 0px 0px; font-family: Arial; font-size: 13px; font-style: italic; color: rgb(0,0,80); text-align: center;}
dl.sinistra dd.con {margin: 0px; padding: 5px 0px 0px 0px; font-family: Arial; font-size: 13px; font-style: italic; color: rgb(0,51,0); text-align: center;}
dl.sinistra_inp {float: left; margin: 0px; padding: 15px 10px 0px 10px;}
dl.sinistra_inp dd.ant {margin: 0px; padding: 5px 0px 0px 0px; font-family: Arial; font-size: 13px; font-style: italic; color: rgb(51,0,51); text-align: center;}
dl.sinistra_inp dd.med {margin: 0px; padding: 5px 0px 0px 0px; font-family: Arial; font-size: 13px; font-style: italic; color: rgb(0,0,80); text-align: center;}
dl.sinistra_inp dd.con {margin: 0px; padding: 5px 0px 0px 0px; font-family: Arial; font-size: 13px; font-style: italic; color: rgb(0,51,0); text-align: center;}
img.destra {float:right;}

img.sinistra {float:left;}

img.battaglia {margin-top:20px;}


/* link fondo paragrafi */
.fondopar {clear: both; float: left; width: 840px; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
.cfpsx {float: left; width: 400px; margin: 0px; padding: 7px 0px 7px 0px;}
.cfpsx a {color: rgb(10,10,10); font-weight: bold; text-decoration: none;}
.cfpsx a:hover {color: rgb(153,0,0); text-decoration: underline;}
.cfpdx {float: right; width: 400px;  margin: 0px; padding: 7px 0px 7px 0px; text-align: right;}
.cfpdx a {color: rgb(10,10,10); font-weight: bold; text-decoration: none;}
.cfpdx a:hover {color: rgb(153,0,0); text-decoration: underline;}

/* indice di fondo */
.cont_finetesti_bat {overflow: visible; clear: both; float: left; width: 840px; margin: 0px 0px 10px 0px; padding: 10px 0px 5px 0px; border-top: solid 1px rgb(125,125,125); font-family: Arial, Helvetica, sans-serif;}
.cont_finetesti_bat ul {float: left; margin: 0px; padding: 0px; border-right: solid 2px rgb(10,10,10); font-weight: bold;}
.cont_finetesti_bat li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.cont_finetesti_bat li a {margin: 0px; padding: 0px 5px 0px 5px; border-left: solid 2px rgb(10,10,10); color: rgb(10,10,10); text-decoration: none; font-size: 14px;}
.cont_finetesti_bat li a:hover {color: rgb(153,0,0); text-decoration: underline;}
.pl_testoMen {color: rgb(10,10,10); text-align: justify; font-size: 12px;}
.pl_testoMen a {color: rgb(10,10,10); text-decoration: none; font-weight: bold;}
.pl_testoMen a:hover {color: rgb(153,0,0); text-decoration: underline;}
.cont_fb_bat {width:110px; height:15px; float:left; margin:0px 0px 0px 5px;}

/* contatori */
.stats {overflow: hidden; clear: both; float: left; width: 840px; margin: 0px; padding: 0px; border: none; text-align: center;}

/* indicazione aggiornamento */
.visagg_bat {overflow: hidden; clear: both; float: left; width: 840px; margin: 0px 0px 15px 0px; padding: 0px; line-height: 30px;}
.visagg_bat p {margin: 0px; padding: 0px; color: rgb(10,10,10); text-align: center; text-decoration: none; font-size: 10px;}

/*--------------------------------*/
/* FONDO PAGINA                   */
/*--------------------------------*/
.fondo {overflow: hidden; clear: both; width: 1000px; margin: 0px; padding: 5px 0px 5px 0px; border-top: solid 1px rgb(125,125,125); background-color: rgb(204,197,171); color: rgb(255,255,255); font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
.fondo p {margin: 0px; padding: 0px; text-align: center; line-height: 13px; font-size: 11px;}
.fondo a {color: rgb(255,255,255); text-decoration: underline;}
.fondo a:hover {color: rgb(0,0,0); text-decoration: none;}

