/* CSS created by Andee
----------------------------------------------- */
/*---------------------------------------------------------------------12-----------------222----------fff-----*/
/*---------------------------------------------------------------------12-----------------222----------f0f-sotto la riga----*/
body {margin: 0; padding: 0; font-family: Arial, Helvetica; font-size: 12px; background: #222; color: #f0f;}

ul {list-style: none; list-style-position: outside; margin: 0; padding: 0;}

strong {color: #FFAA00} /*---Colore del grassetto----------------------*/

a {text-decoration: none; color: #fff;}
a:hover {text-decoration: underline;}

img {border: none; padding: 0; margin: 0;}
#wrapperBox {width: 980px; margin: 0 auto 0 auto; border: 1px solid #000;}
#topBox {width: 980px; height: 120px; margin: 0 0 15px 0; float: left; clear: left;}


/*----------------------------------------------------------------*/
.blinking{
    animation:blinkingText 0.2s infinite;
}
@keyframes blinkingText{
    0%{     color: #FFF;    }
    49%{    color: transparent; }
    50%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #FFF;    }
}
/*----------------------------------------------------------------*/

/*------------- Paragrafo, esempio come usare, genera 3 colonne ---
---Questo va inserito in HTML ---
<div id="paragrafo">
 inserire qui il testo
</div>
------------------------------------------------------------------*/
#paragrafo {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
-webkit-column-rule: 1px solid rgba(28,110,164,0.42);
-moz-column-rule: 1px solid rgba(28,110,164,0.42);
column-rule: 1px solid rgba(28,110,164,0.42);
}
/*------------- Paragrafo ------------*/


/*-------------Bottone ------------*/
.myButton {
color: rgb(255, 255, 255); font-size: 17px; line-height: 17px; padding: 8px; border-radius: 2px; font-family: Georgia, serif; font-weight: normal; text-decoration: none; font-style: normal; font-variant: normal; text-transform: none; background-image: linear-gradient(to right, rgb(28, 110, 164) 0%, rgb(35, 136, 203) 50%, rgb(20, 78, 117) 100%); box-shadow: rgb(0, 0, 0) 5px 5px 15px 5px; border: 2px solid rgb(28, 110, 164); display: inline-block;}
.myButton:hover {
background: #1C6EA4; }
.myButton:active {
background: #144E75; }
/*-------------Bottone ------------*/


/*-------------ArialFont12---In HTML <div id="FontArial12">Edit this text</div> ------------*/
#FontArial12 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 0.4px;
word-spacing: -0.8px;
color: #000000;
font-weight: normal;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: none;
}

/*---------------prova---http://html-css-js.com/css/generator/box-shadow/------------------------------*/
#VerdanaFont12 {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
letter-spacing: 0.4px;
word-spacing: 0.4px;
color: #FFFFFF;
font-weight: 400;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: none;
}

/*---------------prova---http://html-css-js.com/css/generator/box-shadow/------------------------------*/
#VerdanaFont13 {
font-family: Verdana, Geneva, sans-serif;
font-size: 13px;
letter-spacing: 0.5px;
word-spacing: 0.5px;
color: #00ccff;
font-weight: normal;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: none;
}

<!---Un altro font----->
.verdana-font-16 {
    font-family: Verdana, sans-serif;
    font-size: 16px;
}
<!---Un altro font----->

#VerdanaFont14 {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
letter-spacing: 0.5px;
word-spacing: 0.5px;
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: none;
}

#VerdanaFont17 {
font-family: Verdana, Geneva, sans-serif;
font-size: 17px;                           
letter-spacing: 0.4px;
word-spacing: 0.3px;
color: #FFFFFF;
font-weight: 400;
text-decoration: none solid rgb(68, 68, 68);
font-style: normal;
font-variant: normal;
text-transform: none;
}
/*---------------prova---http://html-css-js.com/css/generator/box-shadow/------------------------------*/
#VerdanaFont25 {
font-family: Verdana, Geneva, sans-serif;
font-size: 25px;                           
letter-spacing: 0.4px;
word-spacing: 0.2px;
color: #FFFFFF;
font-weight: 400;
text-decoration: none solid rgb(68, 68, 68);
font-style: normal;
font-variant: normal;
text-transform: none;
}

/*---------------prova---http://html-css-js.com/css/generator/box-shadow/------------------------------*/
#outlinetext {
background-color: #FFF;color: #FFF;text-shadow: 2px 2px 0 #4074b5, 2px -2px 0 #4074b5, -2px 2px 0 #4074b5, -2px -2px 0 #4074b5, 2px 0px 0 #4074b5, 0px 2px 0 #4074b5, -2px 0px 0 #4074b5, 0px -2px 0 #4074b5;
}
/*---------------prova---http://html-css-js.com/css/generator/box-shadow/------------------------------*/

/*---------------prova---http://html-css-js.com/css/generator/box-shadow/------------------------------*/
#demo {
-webkit-box-shadow: 6px 6px 3px 2px rgba(37,38,10,0.54); 
box-shadow: 6px 6px 3px 2px rgba(37,38,10,0.54);
}
/*------------------------------------------------*/

/*---------------prova---http://html-css-js.com/css/generator/box-shadow/------------------------------*/
#demotext {
color: rgb(255, 255, 255);
background-color: rgb(51, 51, 51);
text-shadow: rgb(255, 255, 255) 0px 0px 5px, rgb(255, 255, 255) 0px 0px 10px, rgb(255, 255, 255) 0px 0px 15px, rgb(255, 45, 149) 0px 0px 20px, rgb(255, 45, 149) 0px 0px 30px, rgb(255, 45, 149) 0px 0px 40px, rgb(255, 45, 149) 0px 0px 50px, rgb(255, 45, 149) 0px 0px 75px;
}
/*------------------------------------------------*/

/*-------Definisce il fondo-e relativa immagine-----------------------------------------------------------------*/
#midBox {width: 980px; padding: 0 0 15px 0;  float: left; clear: left; background-image: url(http://laspadanellarocca.ch/images/5.png); background-repeat: no-repeat; border-bottom: 3px solid #FFFF00; background-position: bottom center;}
/*--------------------------------------------------------------------------------------*/




/*------xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx-----*/
#bottomBox {width: 980px; height: 20px; float: left; clear: left; padding: 10px 0 0 0;}







/*---------------225------------120-----------0-20---0-0--------------------------------*/
#logoBox {width: 225px; height: 120px;margin: 0 20px 0 0; float: left;}

/*--------------------Banner in alto------------------------------------------------------------------------*/
#bannerBox {position: relative; width: 735px; height: 120px; background: #ddd; float: left;}

/*-------Definisce posizione loghi partner-------------------------------------------*/
#partnerBox {position: absolute; top: 15px; right: 8px; z-index: 97}

/*-------Definisce la linea superiore del menuBox---Originale FFF mod 0FF---FFFF00=Giallo--1FFF00 VERDE----------*/
#menuBox {border-top: 3px solid #1FFF00; width: 225px; margin: 0 20px 0 0; float: left;}

/*-------Definisce la interlinea del menuBox------00BFFF CYANO--------------------9E001F PORPORA SCURO---------------------*/
#menuBox a {display: block; width: 205px; height: 10px; border-bottom: 1px solid #9E001F; padding: 8px 0 10px 20px; color: #fff;}

#menuBox a:hover {background-image: url(http://laspadanellarocca.ch/images/7.png); text-decoration: none;}
.attivo {background-image: url(http://laspadanellarocca.ch/images/7.png); text-decoration: none;}

/*-------Definisce la linea superiore larga -----Originale fff cambiato in FFFF00----solid #FFFF00------------*/
#contentBox {position: relative; width: 735px; float: left; border-top: 3px solid rgb(0,255,0);}

#copyright {float: left;}
#webdesign {float: right;}

#stendardo {position: absolute; top: 0px; right: 60px; width: 286px; background-image: url(http://laspadanellarocca.ch/images/8.png); background-repeat: no-repeat; background-position: bottom center; padding: 0 0 30px 10px;}


#contentLeft {width: 490px; float: left; padding: 23px 0 0 0;}
#contentLeftLargo {width: 700px; float: left; padding: 23px 0 0 0;}
#contentLeftSpons {width: 700px; float: left; padding: 23px 0 0 0;}
#contentRight {width: 205px; height: 400px; float: left; margin: 0 0 0 40px; padding: 23px 0 0 0;}
#contentRightSpons {width: 2px; height: 400px; float: left; margin: 0 0 0 40px; padding: 23px 0 0 0;}
#contentRightG {width: 205px; float: left; margin: 0 0 0 40px; padding: 23px 0 0 0;}


/*-----Titolo-DELL'ARTICOLO--------originale--------------------------
#Titolo {color: #a7161f; font-weight: normal; margin: 0 0 15px 0; font-size: 24px;}
----------------modificato in cyano chiaro-#FFFF00------------------------------ */
#Titolo {color: #DDF021; font-weight: normal; margin: 0 0 15px 0; font-size: 20px;}

/*--------------originale--------------------------
#contentLeft h2 {color: #fff; font-size: 13px;}
----------------------------------------------- */
#contentLeft h2 {color: #AFEEEE; font-size: 12px;}

/*--------------originale---#contentLeft p-----------------------
#contentLeft p {color: #bbb; font-size: 13px;}
Codici colore: 0FF = Cyano, F0F = Viola, F00 = Rosso, Cyano chiaro = 66FFFF
----------------------------------------------- */
#contentLeft p {color: #87CEFA; font-size: 13px;}

#menuDX li {height: 23px; width: 195; background: #333; margin: 0 0 3px 0; padding: 8px 0 0 10px;}

/* Stendardo originale-------------------------------
#stendardo h1 {font-size: 22px; color: #000; font-weight: bold; margin: 50px 0 0 0;}
#stendardo p {font-size: 25px; colot: #fff;margin: 0;}
----------------------------------------------- */
#stendardo h1 {font-size: 25px; color: #000; font-weight: bold; margin: 20px 0 0 0;}
#stendardo p {font-size: 15px; color: #fff;margin: 0;}

li.sub a {padding:  8px 0 10px 40px !important; width: 185px !important;}

#contentLeft li {float: left; margin: 0 15px 10px 0;}

.gallery li {margin: 0 7px 5px 0 !important;}
.attivoG {color: #a71621;}


/* SLIMBOX serve per la visualizzazione della gallery */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(http://www.laspadanellarocca.ch/images/2910.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(http://www.laspadanellarocca.ch/images/2911.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(http://www.laspadanellarocca.ch/images/2912.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(http://www.laspadanellarocca.ch/images/2913.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}