@import "who.css";
/*#13dc09 green  #f5ff00 yellow #e5ee01 yellow2 #01b5ff blue #f100ff violet #ff5500 orange*/

body {
background: #fff url(/img/sfondo.jpg) top center no-repeat fixed;
padding:0 1em;
margin:0;
font-size: 90%;
font-family: arial, helvetica, sans-serif;
text-decoration: none;
}

#maiuscoletto {
font-variant: small-caps;
}

.imgLink {
border-style: none;
}
/*******************************************************************************/
/*             BLOCCO CONTENITORE PER CENTRARE IL TUTTO                        */
#container {
background: #fff;
width:950px;
/* posiziono l'angolo sx al centro*/
position: absolute;
left: 50%;
/* poi arretro di 512px per centrare il box*/
margin-left: -475px;

}
/*             END BLOCCO CONTENITORE PER CENTRARE IL TUTTO                    */
/*******************************************************************************/

/*******************************************************************************/
/*                        IMMAGINI HEADER                                      */
#logo {
position: absolute;
left: 3%;
z-index: 1;
float: left;
display: inline;
top: 0%;
border-style:none;
}

#maglietta {
position: absolute;
left: 3%;
z-index: 1;
float: left;
display: inline;
top: 250px;
border-style:none;
}

.barretta {
position: relative;
top: -5px;
}

.fotoLunga {
width: 100%;
float:right;
display: inline;
border: none;
/* margin-bottom: 3px; */
}

.fotoLungaBanner {
width: 940px;
float:right;
display: inline;
margin-right:5px;
margin-top: 5px;
border-style:none;
}

#linkBanner{
}
/*                       END IMMAGINI HEADER                                   */
/*******************************************************************************/

/*******************************************************************************/
/*                                MENU                                         */
#header {
background-color: black;
width:100%;
text-align:left;
margin:0px ;
padding:0px ;
border:0px;
clear:both;
float:right;
display: inline;
font-size: 90%;
position:relative;
}

/* NON MI FUNZIONA IL FLOAT:RIGHT, ALTRIMENTI SI POTREBBERO
   USARE LE CLASSI ANZICHÈ I SINGOLI ID */
/*.menucol{
text-align:left;
width:150px;
float:right;
}

.menuCol ul{
list-style: none;
padding: 0;
margin-left: 1em;
margin-top: -2px;
}

.menuCol li {
background-image: url(/img/bullet_blue.jpg);
background-repeat: no-repeat;
background-position: 0 .3em;
padding-left: .2em;
font-size:small;
}

.menuCol a {
display: block;
background-color: black;
color: #fff;
text-decoration:none;
width: 10em;
padding: 0em .2em;
}*/

/* colonna 1 */
#menuCol1{
text-align:left;
width:155px;
float:right;
display: inline;
}

#menuCol1 ul {
list-style: none;
padding: 0;
margin-left: 1em;
margin-top: -2px;
}

#menuCol1 li {
background-image: url(/img/bullet_green.jpg);
background-repeat: no-repeat;
background-position: 0 .3em;
padding-left: .2em;
font-size:small;
white-space:nowrap;
}

#menuCol1 a {
display: block;
background-color: black;
color: #fff;
text-decoration:none;
width: 10em;
padding: 0em .2em;
}

#menuCol1 a:hover {
background-color: #13dc09;
color: #000;
}
/* end colonna 1 */
/* colonna 2 */
#menuCol2{
text-align:left;
width:155px;
float:right;
display: inline;
}

#menuCol2 ul {
list-style: none;
padding: 0;
margin-left: 1em;
margin-top: -2px;
}

#menuCol2 li {
background-image: url(/img/bullet_orange.jpg);
background-repeat: no-repeat;
background-position: 0 .3em;
padding-left: .2em;
white-space:nowrap;
}

#menuCol2 a {
display: block;
background-color: black;
color: #fff;
text-decoration:none;
width: 10em;
padding: 0em .2em;
}

#menuCol2 a:hover {
background-color: #ff5500;
color: #fff;
}
/* end colonna 2 */
/* colonna 3 */
#menuCol3{
text-align:left;
width:155px;
float:right;
display: inline;
}

#menuCol3 ul {
list-style: none;
padding: 0;
margin-left: 1em;
margin-top: -2px;
}

#menuCol3 li {
background-image: url(/img/bullet_violet.jpg);
background-repeat: no-repeat;
background-position: 0 .3em;
padding-left: .2em;
white-space:nowrap;
}

#menuCol3 a {
display: block;
background-color: black;
color: #fff;
text-decoration:none;
width: 10em;
padding: 0em .2em;
}

#menuCol3 a:hover {
background-color: #f100ff;
color: #fff;
}
/* end colonna 3 */
/* colonna 4 */
#menuCol4{
text-align:left;
width:155px;
float:right;
display: inline;
}

#menuCol4 ul {
list-style: none;
padding: 0;
margin-left: 1em;
margin-top: -2px;
}

#menuCol4 li {
background-image: url(/img/bullet_blue.jpg);
background-repeat: no-repeat;
background-position: 0 .3em;
padding-left: .2em;
white-space:nowrap;
}

#menuCol4 a {
display: block;
background-color: black;
color: #fff;
text-decoration:none;
width: 10em;
padding: 0em .2em;
}

#menuCol4 a:hover {
background-color: #01b5ff; 
color: #fff;
}
/* end colonna 4 */
/*                             END MENU                                        */
/*******************************************************************************/

/*******************************************************************************/
/*                                FOOTER                                       */
#footer {
background-color: black;
background-image: url(/img/bullet_footer.jpg);
background-repeat: repeat-x;
background-position: 0 .5em;
width:100%;
text-align:left;
margin:0px ;
 margin-top: 5px;
padding:0px ;
border:0px;
clear:both;
float:right;
display: inline;
}

#footerMail {
width: 50%;
float:right;
display: inline;
margin-top: 25px;
margin-bottom: 20px;
}

#footerMail1 {
color: #006CFF;
width: 60%;
float: right;
display: inline;
text-align: right;
}

#footerMai2 {
color: white;
width: 40%;
float:right;
display: inline;
text-align: left;
text-decoration: none;
cursor: pointer; 
}

#footerMySpace {
width: 50%;
float: right;
display: inline;
margin-top: 25px;
margin-bottom: 20px;
}


#footerMySpace1 {
color: #006CFF;
width: 20%;
float: left;
display: inline;
text-align: right;
}

#footerMySpace2 {
color: white;
width: 80%;
float:left;
display: inline;
text-align: left;
text-decoration: none;
cursor: pointer; 
}

#linkFooter *{
text-decoration:none;
}

#footerCredits {
width: 100%;
text-align: center;
color: white;
}
/*                               END FOOTER                                    */
/*******************************************************************************/

/*******************************************************************************/
/*                               CONTENUTI                                     */
#bodycontent {
padding: 0px;
position: relative;
}
/*                               END CONTENUTI                                 */
/*******************************************************************************/

/*******************************************************************************/
/*                               BLOCCO WHO                                    */
#whoBlock {
background-color: yellow;
height: 200px;
}
/*                               END BLOCCO WHO                                */
/*******************************************************************************/

/*******************************************************************************/
/*                      HOMEPAGE                                       */

/* Boxettini */

.boxettino {
border-top-style:solid;
border-top-width:11px;
width:190px;
height:200px;
position: relative;
float:left;
display: inline;
}

.boxettino_right {
border-top-style:solid;
border-top-width:11px;
width:190px;
height:200px;
float:right;
display: inline;
margin-bottom: -15px;
}

.barretta_boxettino {
position: relative;
top: -12px;
left: 23px;
width: 144px;
height: 6px;
}

/* Titolo Boxettini */

.boxettino_title_blue {
font-weight:bold;
float:left;
display: inline;
left: 23px;
width: 90%;
font-size:large;
margin-top:-15px;
margin-bottom: 5px;
margin-left: 23px;
text-decoration: none;
cursor: pointer;
color: #0268f8;
}

.boxettino_title_violet {
font-weight:bold;
float:left;
display: inline;
left: 23px;
width: 90%;
font-size:large;
margin-top:-15px;
margin-bottom: 5px;
margin-left: 23px;
text-decoration: none;
cursor: pointer;
color: #f000ff;
}

.boxettino_title_orange {
font-weight:bold;
float:left;
display: inline;
left: 23px;
width: 90%;
font-size:large;
margin-top:-15px;
margin-bottom: 5px;
margin-left: 23px;
text-decoration: none;
cursor: pointer;
color: #ff5500;
}

.boxettino_title_yellow {
font-weight:bold;
float:left;
display: inline;
left: 23px;
width: 90%;
font-size:large;
margin-top:-15px;
margin-bottom: 5px;
margin-left: 23px;
text-decoration: none;
cursor: pointer;
color: #13dc09;
}

/* Link Boxettino */

.boxLink a *{
border: 0;
border-color: black;
text-decoration: none;
}

/*.img_boxettino {
border-style: solid;
border-width: 8px;
width: 131px;
height: 84px; 
margin-left: 23px;
}*/

/* Immagine Boxettino */

.img_boxettino_right {
width: 147px;
height: 100px;
margin-left: 23px;
border-style: none;
}

/* Sottotilo Boxettino */

.boxettino_title_blue_small {
font-weight:bold;
float:left;
display: inline;
left: 23px;
margin-bottom: 5px;
margin-left: 23px;
text-decoration: none;
color: #0268f8;
font-size:x-small;
margin-top: 10px;
width: 144px;
}

.boxettino_title_violet_small {
font-weight:bold;
float:left;
display: inline;
left: 23px;
margin-bottom: 5px;
margin-left: 23px;
text-decoration: none;
color: #f000ff;
font-size:x-small;
margin-top: 10px;
width: 144px;
}

.boxettino_title_orange_small {
font-weight:bold;
float:left;
display: inline;
left: 23px;
margin-bottom: 5px;
margin-left: 23px;
text-decoration: none;
color: #ff5500;
font-size:x-small;
margin-top: 10px;
width: 144px;
}

.boxettino_title_yellow_small {
font-weight:bold;
float:left;
display: inline;
left: 23px;
margin-bottom: 5px;
margin-left: 23px;
text-decoration: none;
color: #13dc09;
font-size:x-small;
margin-top: 10px;
width: 144px;
}

/* Testo Boxettino - solo HOME */

.boxettino_text {
font-size:x-small;
font-weight:bold;
position: relative;
text-decoration: none;
float:left;
display: inline;
width: 144px;
left: 23px;
}

/* End Boxettini */

/* Blocco Registrazione */

#boxRegister {
background-color: #dedede;
border-top-style: solid;
border-top-width: 11px;
width: 354px;
height: 182px;
position: relative;
float: right;
display: inline;
}

#titoloTessera {
font-weight:bold;
font-size:12px;
margin-top: 15px;
margin-left: 10px;
}

#testoTessera {
font-size:small;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
text-align: justify;
}

#diventaSocio {
border-style:none;
position:absolute;
z-index:1;
float:right;
display: inline;
right: 50px;
top:-55px;
}

#compilaForm {
border-style:none;
position: relative;
z-index: 1;
float: right;
display: inline;
right: 135px;
top: 20px;
}

#magliette {
width: 343px;
height: 398px;
padding-bottom: 20px;
padding-left: 5px;
padding-top: 7px;
margin-top: 12px;
position: relative;
float: right;
display: inline;
right: 11px;
}

.titoloAttivita *{
color: #ff5500;
font-size:300%;
font-weight:900;
letter-spacing:-5px;
margin-left: 10px;
text-decoration: none;
}

#attivita {
width: 527px;
height: 420px;
position: relative;
float: right;
display: inline;
/* background-color:red; */
right: 60px;
}

.formRegister {
border-style:dashed;
border-width:1px;
width: 343px;
height: 398px;
padding-bottom: 20px;
padding-left: 5px;
margin-top: 30px;
position: relative;
float: right;
display: inline;
right: 5px;
display:none;
padding-top: 5px;
/* background-color:red; */
}

#formRegisterBackground {
background-image: url(/img/logosfondo.gif);
display:block;
border-style:none;
width: 345;
height: 400px;
padding-top: 15px;
/* background-color:yellow; */
}

.formLeft {
float: left;
display: inline;
width: 18%;
font-weight:bold;
margin-top: 5px;
/* background-color: red; */
}

.formRight {
float: left;
display: inline;
width: 65%;
margin-left:20px;
margin-top: 5px;
padding-left: 3px;
/* background-color: yellow; */
}

.formCenter {
float: left;
display: inline;
width: 100%;
font-weight:bold;
text-align: center;
margin-top: 5px;
margin-bottom: 5px;
margin-top: 10px;
margin-bottom: 5px;
}

#tesseraList {
float: left;
display: inline;
width: 90%;
list-style-type:none;
}

#saveButton{
border: 1px solid #006;
background: #A7A7A7;
color: #F8F84B;
font-size: 200%;
letter-spacing:-4px;
margin-top: -5px;
.margin-top: 0px;
}

#saveButton:hover {
background-color: #000;
color: #fff;
}

/* End Blocco Registrazione */


/* Blocco Newsletter */

#newsTitle {
font-size:350%;
font-weight:900;
letter-spacing:-6px;
padding-left: 8px;
}

#newsText {
padding-left: 10px;
padding-right: 10px;
margin-top: -25px;
margin-bottom: 25px;
}

/*.formLeftNews {
float: left;
display: inline;
font-weight:bold;
margin-top: 15px;
padding-left: 10px;
}

.formRightNews {
float: right;
display: inline;
margin-top: 10px;
margin-right: 10px;
.margin-right: 40px;
}*/

.spanNewsLeft{
float: left;
display: inline;
font-weight:bold;
display:block;
width: 55px;
padding-left: 10px;
}

.spanNewsRight{
font-weight:bold;
}

#buttonNews {
border: 1px solid #006;
background: #000;
color: #fff;
font-size: 200%;
letter-spacing:-4px;
.margin-top: -70px;
margin-top: 10px;
}

#buttonNews:hover {
background-color: #A7A7A7;
color: #F8F84B;
}

#buttonNewsCont{
width: 100%;
text-align: center;
/* background-color: red; */
}
/* End Blocco Newsletter */


/* Blocco Video */

#video {
color: #f100ff;
font-size:350%;
font-weight:900;
letter-spacing:-6px;
text-align:right;
width:100px;
position: relative;
float: left;
display: inline;
left: 25px;
z-index:1;
margin-right: 49px;
.margin-right: 47px;
_margin-right: 15px;
/*.margin-right: 16px;*/ /* IE6 */
}

#video_titolo{
background-color:black;
color: white;
font-weight:bold;
text-align:center;
height:30px;
width:401px;
.width:403px;
position: relative;
float: left;
display: inline;
/*left: 47px;*//* uso il margin-right dell'elemento precedente - IE6 di merda*/
top: 13px;
overflow: hidden;
line-height: 10px;
}

/*#video_video {
background-color: black;
width: 527px;
height: 370px;
position: relative;
float: left;
display: inline;
left: 23px;
margin-right:5px;
margin-top:10px;
}*/

#video_video {
background-color: black;
width: 502px;
padding-left:25px;
height: 390px;
position: relative;
float: left;
display: inline;
left: 23px;
margin-right:5px;
margin-top:10px;

}

/* End Blocco Video */
/*                              END HOMEPAGE                                   */
/*******************************************************************************/

.pageTitle{
margin-top: 5px;
margin-bottom: -5px;
letter-spacing:-2px;
}

/*******************************************************************************/
/*                         PAGINE TIPO FILOSOFIA                               */
#bloccoTesto {
border-top-style:solid;
border-top-width:11px;
width:700px;
float:left;
display: inline;
padding-left: 20px;
padding-right: 10px;
text-align:justify;
}

#blocco_box{
position: relative;
width:187px;
float:right;
display: inline;
}

.spiritoBold{
font-weight:bold;
}
/*                        END PAGINE TIPO FILOSOFIA                            */
/*******************************************************************************/

/*******************************************************************************/
/*                         PAGINE TIPO NEWS                                    */

#blocco_box_news{
border-top-style:solid;
border-top-width:11px;
margin-right: 10px;
width:187px;
float:right;
display: inline;
}

.barretta_boxettino_news {
position: relative;
top: -11px;
left: 23px;
width: 144px;
height: 6px;
}

#titoloElencoNews {
letter-spacing:-2px;
margin-top: -10px;
/*margin-bottom: -10px;*/
padding-left: 22px;
}

#listaNews{
list-style-type:square;
}

.imgNews{
border-style: solid;
border-width:11px;
float:left;
display: inline;
margin-bottom: 25px;
}

.newsTitle{
font-weight:bolder;
letter-spacing:-2px;
float: left;
display: inline;
margin-bottom: 25px;
}

#newsTitleLeft{
font-size: 200%;
}

#newsTitleRight{
font-size: 180%;
color: #01b5ff;
margin-left: 5px;
margin-top: 2px;
}

.textNews{
float: left;
display: inline;
width: 700px;
margin-bottom: 25px;
}

#adminNews{
float: right;
display: inline;
}

.newsLink{
text-decoration:none;
cursor:pointer;
font-size: x-small;
font-weight:bold;
}
/*                        END PAGINE TIPO NEWS                                 */
/*******************************************************************************/

/*******************************************************************************/
/*                         PAGINE WHO                                          */

.skContainer {
border-bottom-style:solid;
border-bottom-width:8px;
margin-bottom: 10px;
padding-bottom: 25px;
width:690px;
/* .width:680px; */
}

.whoButton{
float: left;
display: inline;
}

.smallLink {
/* position:absolute; */
margin-top: 3px;
}

.teamFoto {
width: 720;
}

.skPersonale a {
font-weight:bold;
font-size:large;
/* text-decoration:none; */
cursor:se-resize;
color: black;
}

.teamBio{
display:none;
margin-bottom: 5px;
}
/*                        END PAGINE WHO                                       */
/*******************************************************************************/

/*******************************************************************************/
/*                         PAGINE PHOTOGALLERY                                 */

.boxGalleryContainer {
float:left;
display: inline;
padding-left: 5px;
margin-bottom:35px;
width: 185px;
}

.boxGalleryContainer2 {
float:left;
display: inline;
padding-left: 5px;
margin-bottom:35px;
margin-left: 65px;
width: 185px;
}

.boxGalleryTitle {
background-color: black;
width:174px;
height:30px;
color: #0084bb;
font-weight: bold;
/* position: relative; */
float:left;
display: inline;
/* margin-left:81px; */
margin-bottom:5px;
overflow: hidden;
line-height: 13px;
padding-left: 5px; 
text-decoration: none;
width: 174px;
}

.imgGalleryTitle {
width:179px;
height:122px;
float:left;
display: inline;
/* text-decoration: none; */
border-style: none;
}

.linkGallery{
border-style:none;
text-decoration:none;
}
/*                        END PAGINE PHOTOGALLERY                              */
/*******************************************************************************/

/*******************************************************************************/
/*                         PAGINE ASSOCIAZIONE                                 */

.bloccoSocio {
/* position: relative; */
float: left;
display: inline;
margin-bottom: 10px;
}

.fotoAssociazione {
/* position:relative; */
float: left;
display: inline;
margin-right: 10px;
}


.titoloAssociazione {
float: left;
display: inline;
color: red;
}

.nomeAssociazione {
float: left;
display: inline;
font-weight:bold;
margin-left: 10px;
}

.descrAssociazione {
margin-left: 10px;
margin-bottom: 10px;
}

.rigaAssociazione{
margin-top:15px;
margin-bottom:20px;
}

.assocImgLink{
margin-left: 70px;
margin-top: 20px;
margin-bottom: 20px;
border-style: none;
}
/*                        END PAGINE ASSOCIAZIONE                              */
/*******************************************************************************/

/*******************************************************************************/
/*                         PAGINE SPIRITO                                      */

.fotoSpirito {
float: left;
display: inline;
margin-right: 10px;
/*margin-top: 80px;*/
z-index:2;
}

.centrato {
text-align: center;
}
/*                        END PAGINE SPIRITO                                   */
/*******************************************************************************/

/*******************************************************************************/
/*                         PAGINE TESSERATI                                    */

.peopleTable {
border-style:solid;
border-width:2px;
}

.peropleOddTr {
border-style:solid;
border-width:1px;
}

.peropleEvenTr {
border-style:solid;
border-width:1px;
background-color: #EAEEFF;
}
/*                        END PAGINE TESSERATI                                 */
/*******************************************************************************/
/*******************************************************************************/
/*                         PAGINE LINK&PARTNER                                 */

.linkColumn{
width: 30%;
float: left;
display: inline;
}

.linkUl{
list-style-type: none;
margin-left:-40px;
.margin-left:0px;
}

.linkLink{
border-style:none;
text-decoration:none;
color: black;
}

.linkLink:hover{
border-style:none;
text-decoration:none;
background-color: black;
color: white;
}
/*                        END PAGINE LINK&PARTNER                              */
/*******************************************************************************/

/*******************************************************************************/
/*                         PAGINE MAGLIETTE                                    */
.magliette {
float: left;
display: inline;
padding-left:30px;
padding-top: 30px;
}

.titoloMaglia {
background-color: black;
color: white;
/* position: relative; */
/*width:100%;*/
width:250px;
font-size:150%;
font-weight:400;
padding-left: 10px;
}

.descrMaglia {
/* width:100%; */
width:250px;
font-size:120%;
font-weight:400;
padding-left: 10px;
padding-bottom: 30px;
}
/*                        END PAGINE MAGLIETTE                                 */
/*******************************************************************************/

.underCostrCont{
width: 100%;
text-align: center;
}

#tessraContainer{
width: 343px;
}



/*http://vlt.homelinux.com/css/who.css

.speakerlist .right {
float: left;
width: 470px;
}

.speakerlist li {
margin-bottom: 20px;
border-bottom: 1px dashed #2a320b;
padding-bottom: 10px;
}

.speaker {
color: 00b0e5;
border-bottom: 1px solid #00b0e5;
border-left: 5px solid #00b0e5;
padding: 0 5px;
}

.clear {
clear: both;
}

.spacer {
width: 100%;
height: 5px;
}

.speakerimg {
float: left;
margin-right: 10px;
width: 100px;
margin-top: 3px;
}

.title_left {
float: left;
padding-top: 5px;
color: #00b0e5;
}

ul.speaker_title {
margin: 0;
float: left;
padding: 0;
list-style-type: none;
}

ul.speaker_title li {
margin: 0 0 0 10px;
padding: 0;
border: 0;
}

.bio,.abs {
display: none;
float: left;
width: 480px;
}

.bio a,.abs a {
color: #f4ffcd;
}*/