﻿@charset "utf-8";
/* CSS Document */

article, aside, figure, figcaption, footer, header, hgroup, nav, section, summary {   
  display: block;   
}

@font-face {
  font-family: 'Tangerine';
  font-style: normal;
  font-weight: 400;
  font-size:80px;
  src: local('Tangerine Regular'), local('Tangerine-Regular'), url(https://fonts.gstatic.com/s/tangerine/v10/IurY6Y5j_oScZZow4VOxCZZK.woff) format('woff');
}


@font-face {
font-family: Bwgrkl;
src: url(/bwfonts/bwgrkl.ttf);
}

@font-face {
font-family:Bwhebb;
src: url(/bwfonts/bwhebb.ttf);
}
@font-face {
font-family: BWLexs;
src: url(/bwfonts/bwlexs.ttf);
}

@font-face {
font-family: BWSymbs;
src: url(/bwfonts/BWSymbs.ttf);
}

@font-face {
font-family: Bwtransh;
src: url(/bwfonts/Bwtransh.ttf);
}

 @font-face {
font-family: Chancery;
src: url(/bwfonts/13775.ttf);
}

@font-face {
font-family: Comic Sans MS;
src: url(/bwfonts/comic.ttf);
}
@font-face {
font-family: Comic Sans MS Bold;
src: url(/bwfonts/comicbd.ttf);
}


@font-face {
font-family: Gabriola;
src: url(/bwfonts/Gabriola.ttf);
}

@font-face {
font-family: Arial;
src: url(/bwfonts/arial.ttf);
}


@font-face {
font-family: Sneakerhead BTN Outline;
src: url(/bwfonts/Sneabo__.ttf);
}


@font-face {
font-family: Adobe Myungjo Std M;
src: url(/bwfonts/AdobeMyungjoStd-Medium.otf);
}


@font-face {
font-family: Algerian;
src: url(/bwfonts/ALGER.TTF);
}


@font-face {
font-family: Apple Chancery;
src: url(/bwfonts/24516.ttf);
}


@font-face {
font-family: Arial Black;
src: url(/bwfonts/arialbd.ttf);
}


@font-face {
font-family: Arial Rounded MT Bold;
src: url(/bwfonts/ariblk.ttf);
}


@font-face {
font-family: Bradley Hand ITC;
src: url(/bwfonts/BRADHITC.TTF);
}


@font-face {
font-family: Brush Script Std;
src: url(/bwfonts/BrushScriptStd.otf);
}


@font-face {
font-family: Castellar;
src: url(/bwfonts/CASTELAR.TTF);
}


@font-face {
font-family: Chaparral Pro Light;
src: url(/bwfonts/ChaparralPro-LightIt.otf);
}


@font-face {
font-family: Courier New;
src: url(/bwfonts/cour.ttf);
}


/*@font-face {
font-family: Times New Roman;
src: url(/bwfonts/timesM3.ttf);
}*/



@font-face {
font-family: Vijaya;
src: url(/bwfonts/vijaya.ttf);
}


.verso {
font-family: 'Marck Script';
font-size: 1.2em!important;
}

.ruota {
	margin:30px;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
}
.w3-tangerine {
    font-family: "Tangerine", serif !important;
	}

body {
	background-image: url(../i/Muro_Pianto_7.jpg);
	font-size: 100%;
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	margin: 0em;
	
    /*  background-repeat: repeat;
     background-position: right top;
     background-attachment: local;*/
}
.mia {
	float: left;
}

body #fb-root{
	width: 10em;
}
img {
  max-width: 100%;
}
 #sottotitoloArticolo{
color: blue; font-size: 0.7em; font-style: italic; font-weight: bold;
}
.SiteHeader { /*la barra del logo*/
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #6B6E3F;
	border-right-color: #6B6E3F;
	border-bottom-color: #6B6E3F;
	border-left-color: #6B6E3F;
}

.SiteHeader img {
  width: 100%;
  /* Below is a fix to prevent whitespace appearing under the picture. */
  display: block;
}

.NavSidebar {
  float: left;
  width: 22%;
  min-height: 100em;
 /* background-color:#eee; */
  font-size: small;
}



.NavSidebar_InnerBox {
  padding: 0.1em 1.2em 0em 1em;
}

.NavSidebar_InnerBox h2 {
  color: #6B6E3F;
  border-bottom: thin #6B6E3F solid;
  margin-bottom: 0em;
  margin-top: 1.3em;
}

.NavSidebar_InnerBox ul {
	padding-left: 1.2em;
}

.NavSidebar_InnerBox li {
  padding-bottom: 0.3em;
  
}

.NavSidebar_InnerBox img {
  margin-top: 0.3em;
  border: white solid 0.1em;
}

.NavSidebar_InnerBox fb {
	padding-bottom: 0.3em;
	text-align: justify;
	padding-right: 1em;
	width: 10em;
}


.NavSidebar_InnerBox fb-like {
	padding-bottom: 0.3em;
	text-align: justify;
	padding-right: 1em;
	width: 10em;
}
.Content {
	float:none; 
	width:90%; 
	margin-left:5%; 
	margin-right:5%;
	}

.Content_InnerBox {
  padding: 0.2em 1.3em 0.3em 1.3em;
}

.Content_InnerBox .comunicazioni {
   
	padding-left:1.5em;
	margin-left:1.5em;
	margin-right:1.5em;
         padding-right:1.5em;
	text-align: left;
	border: 2px solid #0F0;
	background: rgba(255,255,255,0.6);
text-indent: 0px;
  }
  
.Content_InnerBox .esercizi {
   
	padding-left:1.5em;
	margin-left:1.5em;
	margin-right:1.5em;
         padding-right:1.5em;
	text-align: left;
	border: 2px solid #0F0;
	background: rgba(255,255,255,0.6);
  }

.Content_InnerBox .QuadroBibbia {
	padding: 0.8em;
	text-align: left;
	border: 2px solid #0F0;
	background: rgba(255,255,255,0.6);
        overflow-x: auto;
  }
    
.Content_InnerBox .comunicazioni p {
 font-size:small; 
text-indent: 0px;
}  

.homeIconPC p{
line-height: 1.6em!important;
}
  

.modulo {
	padding: 0.8em;
	text-align: left;
	border: 2px solid #0F0;
	background: rgba(255,255,255,0.6);
  }
  
.NoteTesto {
	padding: 0.8em;
	text-align: left;
        font-size: large;
  background: rgba(210,255,255,0.6);
  }

.Content_InnerBox .comHome {
	padding: 0.8em;
	text-align: left;
	border: 2px solid #0F0;
	background: rgba(255,255,255,1);
	height: 200px;
	z-index: 9995 !important;
	text-indent: 0px;
	overflow: Auto;
	/*scrollbar-base-color: #000000;
	scrollbar-arrow-color: #000;
	scrollbar-track-color: #CCCCCC;*/
	display: none; 
   
}
 
.comUtente {
	padding: 0.8em;
	text-align: center;
	border: 2px solid #0F0;
	background: red;
	height: 45px;
	z-index: 9995 !important;
 position:fixed;
}

  
.Content_InnerBox .corpo {
	padding: 0.8em;
	text-align: left;
	/*border: 2px solid #0F0;*/
	background: rgba(255,255,255,1);
  }  
  
.Content_InnerBox .corpoHome {
	padding: 0.8em;
	text-align: left;
	/*border: 2px solid #0F0;*/
	background: rgba(255,255,255,0.7);
  }  

  .Content_InnerBox .liv10 {
	padding: 0.8em;
	text-align: left;
	
	background: rgba(130,255,126,0.4);
  }  
  
.Content_InnerBox .SceltaLibro {
	padding: 0.8em;
	text-align: left;
	border: 2px solid #0F0;
	background:#FFF;
  }
.Content_InnerBox .SceltaLibro2 {

	top: 10px;
	z-index: 9999  !important;

	position: fixed;
	width:100%;
	padding: 0.8em;
	text-align: left;
	border: 2px solid #0F0;
	background:#FFF;
	
  }
  



.Content_InnerBox .viewGestioni {
	text-align: left;
	border: 2px solid #0F0;

  }



.Content_InnerBox .Titolocomunicazioni {
	text-align: left;
	border: 2px solid #0F0;
	width: 25%;
	background-color: #0F0;
  }

.Content_InnerBox .LeadIn {
  font-weight: bold;
/*  font-size: large;
  font-variant: small-caps; */
}

.Content_InnerBox h3 {
  color: rgba(54, 46, 204, 0.98);
  margin-bottom: 0.1em;
  font-size: 2em;
}

.Content_InnerBox h4 {
  color: rgba(43, 100, 51, 0.98);
  margin-bottom: 0.1em;
  font-size: 1.5em;
}
.Content_InnerBox p {
	text-align: justify;
	/*font-family: "Times New Roman", Times, serif;*/
        text-indent: 1.2em;
	line-height: 2em;
	font-size: 1.5em;
}

/*fa comparire edit a fine di ogni paragrago*/
p:hover a:last-child{
display:inline;
}

.edit{
color: red; 
display:none;
}

.Content_InnerBox li {
  margin-top: 0em;
  margin-left:1em;
}


.Content_InnerBox li p {
  line-height: 1.5em!important;
  text-indent:0em!important;
  text-align: left;
}
.Content_InnerBox .blockquote {
	margin-top: 0em;
	font-size: large;
	text-align: left;
	margin-right: 10%;
	margin-left: 10%;
}

.Content .Content_InnerBox .ArticleHeader #menuCellP {
	
	text-align: left;
  font-size:18px;
	
  
}	


.Content .Content_InnerBox .ArticleHeader #menuCellP ul {
	padding-left: 1.3em;
}

.Content .Content_InnerBox .ArticleHeader #menuCellP li {
  padding-bottom: 0.3em;
  
}



#divMemo{
 position:fixed;
 overflow: Auto;
 color:#FFF;
 background-color: #CF9; 
 top:50%; 
 left:30%; 
 width:30%;
 max-height:40%;
 z-index: 9999  !important;
 right: 20px;
 padding: 1em;
}

#goHome{
	font-size:20px;
	}
#LogOut{
font-size:20px;
}


#serviziSidebar{
width:20%;
}

.itemMenu{
font-size:1.2em;
}

.fontCartelle{
font-size:1.5em;
}

.ArticleHeader {
/*  padding: 5.0em;*/
  margin: 1.0em;
  text-align: center;
}

.ArticleHeader h2 {
  margin: 0em;
  font-size: xx-large;
}

.ArticleHeader h4 {
  margin: 0em;
  font-weight:100;
  
}

.ArticleHeader .Byline {
  font-style: italic;
  font-size: small;
  margin: 0em;
 visibility:hidden;
  
text-align: center;
}


footer {
	text-align: center;
	font-size: x-small;
	float: right;
	width: 100%;
}

footer .Disclaimer {
  font-style: italic;
}

footer p {
  margin: 0.5em;
}

.FloatFigure {
   max-width: 50%;
 float: left;
  margin-top: 0em;
  margin-left: 0em;
  margin-right: 1.2em;
  margin-bottom: 0em;
} 

.FloatFigure.home {
   width:40%;
   margin-top: 2em;
} 

.FloatFigure figcaption {
  /*max-width: 20em;*/
  font-size: 0.8em;
  font-style: italic;
  margin-bottom: 1em;
}

.FloatFigure img{
  max-width: 100%;
  }
.FloatFigureB {
  width:20%;
  float: left;
  margin-top: 0em;
  margin-left: 0em;
  margin-right: 1.2em;
  margin-bottom: 0em;
} 

.FloatFigureB figcaption {
  font-size: 1em;
  font-style: italic;
  margin-bottom: 1em;
 color:blue;
}
.FloatFigureB img{
  width: 100%;
  }
.FloatFigureC {
  width:20%;
  float: right;
  margin-top: 0em;
  margin-left: 1.2em;
  margin-right: 0em;
  margin-bottom: 0em;
} 

.FloatFigureC figcaption {
  font-size: 1em;
  font-style: italic;
  margin-bottom: 1em;
 color:blue;

}
.FloatFigureC img{
  width: 100%;
  }



.PullQuote {
  float: right;
  max-width: 60%;
  border-top: thin black solid;
  border-bottom: thick black solid;
  font-size: 1.2em;
  line-height: 110%;
  font-style: italic;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-left: 5em;
  margin-bottom: 0.5em;
}

.PullQuote img {
  vertical-align: top;
  width:3%
}

.Quote {
  max-width: 80%;
  border-top: thin black solid;
  border-bottom: thick black solid;
  margin-left: 5em;
  margin-bottom: 0.5em;
}
.Quote  p{
    text-indent: 0;
    line-height: 2.0em!important;
 }

#FatFooter {
	bottom: 0px;
	width: 100%;
	background: #ECD672;
	border-top: thin solid black;
	font-size: small;
	float: right;
}

#FatFooter div.Logo img {
	cursor: pointer;
	float: left;
	margin: 4px;
	width: 20%;
}

#FatFooter img.CloseButton {
  cursor: pointer;
  float: right;
  margin: 4px;
}

#FatFooter div.Progetti {
	float: right;
	padding: 10px;
	width: 50%;
}

form .required {font-weight:bold;} /* uses class instead of div, more efficient */



A:link, A:visited { text-decoration: none }
A:hover { text-decoration: underline }

.celleForum {
	background-color: #FFF;
}

.intestForum {
	background-color: #F00;
	}




#ForumReply tr td  {
	width: 20%;
}


.intestCategorie {
	background-color: #09F;
}
.Content #myDIV #corpoHtlm #viewForum iframe {
	height: 315px;
	width: 565px;
}

.Content #myDIV #corpoHtlm #Immagine1 {
	width: 30%;
}


.FotoForum{
	width: 20%;
	background-color: #F00;
}

#smiles
{
    overflow: Auto;
    background-color: #EEEEEE;
    color: #000000;
    font: Normal 12px Verdana;
    width: 98%;
    height: 200px;
    margin: 0px;
    padding: 5px;
    border: Solid 1px #000000;
    /*scrollbar-base-color: #000000;
    scrollbar-arrow-color: #000;
    scrollbar-track-color: #CCCCCC;*/
}

.votazioni {
	padding: 0.8em;
	text-align: left;
	border: 2px solid #0F0;
	background: rgba(255,255,255,0.6);
	font-size:large;
  }
  
  #badge {
	right: 0px;
	top: 40%;
	/*height: 330px;*/
/*	overflow: visible;
	margin-top: -64px;
	position: absolute;
*/
    text-align:center;
	z-index: 9999  !important;
	width: 2%;
	background-color: #5257f3;
}
#badge .moduletable {
	margin: 0px; padding: 0px;
}


.divStrFix {
	right: 20px;
	top: 40%;
	height: 60%;
	overflow: visible;
	margin-top: -64px;
	position: absolute;
	z-index: 9980  !important;
	width: 40%;
	text-align: left;
	border: 2px solid #3f51b5;
	background-color: white;
	overflow: Auto;
	margin: 0px;
	padding: 5px;
	/*scrollbar-base-color: #000000;
	scrollbar-arrow-color: #000;
	scrollbar-track-color: #CCCCCC;*/
}

#fromServer {
	right: 420px;
	top: 250px;
	z-index: 9999  !important;
	margin: 0px;
	padding: 9px;
}

#divLista {
	height: 400px;
	overflow: visible;
	width: 100%;
	text-align: left;
	/*border: 2px solid #0F0;
    background-color: #FCF;
*/	
	overflow: Auto;
    margin: 0px;
    padding: 5px;
    /*scrollbar-base-color: #000000;
    scrollbar-arrow-color: #000;
    scrollbar-track-color: #CCCCCC;*/
}

.clessidra {
	right: 400px;
	top: 350px;
	z-index: 9999  !important;
	width: 40px;
	text-align: right;
	
	}
	
.BOTTONE{

width: 5%;

background-repeat: no-repeat;
background-position: center center;
}

.MessFalsh{
  float: left;
  width:50%; 
 } 
 .aggiornamenti{
  float: none;
  width:50%; 
 } 
 
 .tua {
	float: right;
}
 

.btnBibbia {
	width:6%;
}	
.btnLibro {
	width:15%;
}
.btnCapitolo {
	width:5%;
}
.divLibri {
top:40%;
left:18%; 
position:fixed;
overflow:auto;
max-width:50%;
max-height:50%;
z-index: 9999  !important;
}

.sezStudi {
width:40%; 
margin-left:50%;
}

.campiProdotto {
border:0;
background:0;
width:50%;
}

.insDiv{
max-height:300px;
max-width:60%;
position:fixed;
top:30%;
left:30%;
overflow:auto;
}



.cantico{
width:100%;
//height:500px;
border: 2px solid #0F0;

padding: 1%;
}

.canticoSx{
width:45%;
float:left;
}

.canticoDx{
width:45%;
float:right;
}
/* ############################################################################### */ 
@media (max-width: 568px) {

.insDiv{
max-height:200px;
max-width:70%;
position:fixed;
top:20%;
left:20%;
overflow:auto;
}

.campiProdotto {
border:0;
background:0;
width:80%;
}

.Quote {
  max-width: 85%;
  border-top: thin black solid;
  border-bottom: thick black solid;
  margin-left: 1.5em;
  margin-bottom: 0.5em;

}

.Quote  p{
    text-indent: 0;
  text-align: left;
 line-height: 2.0em!important;
font-size: 1.0em;
}

.mySlides p {

font-size: 14pt;
}
.btnBibbia {
	width:21%;
}
.btnLibro {
	width:45%;
}
.btnCapitolo {
	width:20%;
}
.divLibri {
top:30%;
left:10%; 
position:fixed;
overflow:auto;
max-width:80%;
max-height:65%;
z-index: 9999  !important;
}
.FloatFigure {
  max-width: 100%;
  float: left;
  margin-top: 1em!important;
  margin-left: 0em;
  margin-right: 1.2em;
  margin-bottom: 0em;
} 

.FloatFigureB {
  max-width: 100%;
  margin-top: 1em!important;
  margin-bottom: 0em;
} 
.FloatFigureC {
  max-width: 100%;
  margin-top: 1em!important;
  margin-bottom: 0em;
} 

.FloatFigure.home {
   width:40%;
   margin-top: 1.5em;
  margin-bottom: 1em;
} 
  .NavSidebar {
    float: none;
    width: 100%;
    min-height: 0em;
  }

.ArticleHeader {
 /* padding: 1.0em;*/
  margin: 1.5em;
  text-align: center;
}

.ArticleHeader h2 {
  margin: 0em;
  font-size: x-large;
}

.ArticleHeader h4 {
  margin: 0em;
  
}


.Content {
	float:none; 
	width:95%; 
	margin-left:6%; 
	margin-right:2%;
	}

.Content_InnerBox {
 
  padding-left:0.6em;
  padding-right:0.2em;
  padding-bottom:0em;
  padding-top:0em;
}

.Content_InnerBox h3 {
  color: #24486C;
  margin-bottom: 0.1em;
  font-size: larger;
}

.Content_InnerBox p {
	text-align: justify;
	text-indent: 1.2em;
	line-height: 2em;
	font-size: 1em;
}

.Content_InnerBox li {
  margin-top: 0em;
  font-size:large;
}

.Content #myDIV #corpoHtlm #viewForum iframe {
	
	width: 100%;
}

.Content_InnerBox .Titolocomunicazioni {
	
	width: 70%;
	
  }
  .Content #myDIV #corpoHtlm #Immagine1 {
	width: 100%;
}


.FotoForum{
	width: 35%;
}

.clessidra {
	right: 100px;
	top: 350px;
	z-index: 9999  !important;
	width: 40px;
	text-align: right;
	
	}

.BOTTONE{

width: 10%;


background-repeat: no-repeat;
background-position: center center;
}

  #badge {
	left: 0px;
	top: 200px;
	height: 350px;
/*	overflow: visible;
	margin-top: -64px;
	position: absolute;
*/
    text-align:center;
	z-index: 9999  !important;
	width: 25px;
	background-color: #5257f3;
}

#fromServer {
	right: 30%;
	top: 50%;
	z-index: 9999  !important;
	margin: 0px;
	padding: 9px;
}

.MessFalsh{
  float: none;
  width:100%; 
 } 
 .aggiornamenti{
  float: none;
  width:100%; 
 } 
 


#menuSidebar{
	left:0 !important;
	margin-left:7%;
	width:70% !important;
	}
	
#strutturaSidebar{
	left:0 !important;
	margin-left:7%;
	width:70% !important;
}

#goHome{
	font-size:9px;
	}
#LogOut{
font-size:9px;
}


#serviziSidebar{
width:60%;
}

.itemMenu{
font-size:1.0em;
}

.fontCartelle{
font-size:1.3em;
}

#divMemo{
 position:fixed;
 overflow: Auto;
 color:#FFF;
 background-color:  #CF9; 
 top:50%; 
 left:30%; 
 width:60%;
 max-height:40%;
 z-index: 9999  !important;
 right: 20px;
 padding: 1em;
}

.divStrFix {
	right: 20px;
	top: 40%;
	height: 60%;
	position: absolute;
	z-index: 9980  !important;
	width: 80%;
	
}
.homeIconPC p { 
font-size:0.9em;
text-indent: 1em;
line-height: 0.6em;
}

.sezStudi {
width:80%; 
margin-left:10%;
}
@font-face {
font-family: 'ITC Zapf Chancery';
src: url(/bwfonts/13775.ttf);
}

.verso {
font-family: "Marck Script"!important;
/*font-family: 'ITC Zapf Chancery';*/
font-size: 2em!important;
}

.Content_InnerBox .corpo {
	background: rgba(255,255,255,1);
  }  

.Content_InnerBox li p {
  line-height: 2.0em!important;
font-size:smaller;
}
 #sottotitoloArticolo{
color: blue; font-size: 0.5em; font-style: italic; font-weight: bold;
}

.cantico{
width:100%;
border: 2px solid #0F0;
padding: 1%;
}

.canticoSx{
width:100%;

}

.canticoDx{
width:100%;

}
.Content_InnerBox .comunicazioni {
   
	padding-left:0.3em;
	margin-left:0.3em;
	margin-right:0.3em;
        padding-right:0.3em;
	text-align: left;
	border: 2px solid #0F0;
	background: rgba(255,255,255,0.6);
        text-indent: 0px;
  }
  
}

















