/*
	Bio Grafica CSS.

*/

/* `Generic elements
----------------------------------------------------------------------------------------------------*/
body {background:#e4e5ec url(../img/bg1800.jpg) no-repeat top center; }
.clear{ clear: both; }

/* Menu
----------------------------------------------------------------------------------------------------*/
.menu{ margin-top: 228px; margin-bottom: 10px }

.menu ul{ background: url(../img/menuBg.jpg) no-repeat top; width: 940px; height: 50px;}

.menu ul li{ float: left;}

.menu ul li a{ text-decoration: none; line-height: 50px; text-align: center; color: White; font-size: 10pt; font-weight: bold; display: block;}
.menu ul li#home a { width: 130px; color: Black; text-indent: 35px;}
.menu ul li#jean a{ width: 127px; }
.menu ul li#mckinley a{ width: 142px; }
.menu ul li#gare a{ width: 76px; }
.menu ul li#eventi a{ width: 88px; }
.menu ul li#sponsors a{ width: 104px; }
.menu ul li#contatti a{ width: 94px; }
.menu ul li#foto a{ width: 76px; }
.menu ul li#video a{ width: 94px; }
.menu ul li#home a.attivo, .menu ul li#home a:hover{  background:transparent url(../img/menuBg.jpg) no-repeat 0px -50px; }
.menu ul li#jean a.attivo, .menu ul li#jean a:hover{  background:transparent url(../img/menuBg.jpg) no-repeat -130px -50px; }
.menu ul li#mckinley a.attivo, .menu ul li#mckinley a:hover{  background:transparent url(../img/menuBg.jpg) no-repeat -257px -50px; }
.menu ul li#gare a.attivo, .menu ul li#gare a:hover{  background:transparent url(../img/menuBg.jpg) no-repeat -399px -50px; }
.menu ul li#eventi a.attivo, .menu ul li#eventi a:hover{  background:transparent url(../img/menuBg.jpg) no-repeat -475px -50px; }
.menu ul li#sponsors a.attivo, .menu ul li#sponsors a:hover{  background:transparent url(../img/menuBg.jpg) no-repeat -563px -50px; }
.menu ul li#contatti a.attivo, .menu ul li#contatti a:hover{  background:transparent url(../img/menuBg.jpg) no-repeat -667px -50px; }
.menu ul li#foto a.attivo, .menu ul li#foto a:hover{  background:transparent url(../img/menuBg.jpg) no-repeat -761px -50px; }
.menu ul li#video a.attivo, .menu ul li#video a:hover{  background:transparent url(../img/menuBg.jpg) no-repeat -837px -50px;}

/* Moduli
----------------------------------------------------------------------------------------------------*/
.avanti{ color:#464646; position: absolute; right: 10px; bottom: 10px; line-height: 14px; font-style: italic; font-size: 10pt; text-align: right; width: 100px; padding-right: 20px }
.box_news .avanti{ bottom: 1px !important;}
.photogallery .avanti{ right: 4px !important;}
.video .avanti{ right: 0px !important;}
.blackArr {  background:transparent url(../img/blackArr.gif) no-repeat right top; }
.whiteArr {  background:transparent url(../img/whiteArr.gif) no-repeat right top; }
.grayArr {  background:transparent url(../img/grayArr.gif) no-repeat right top; }

/* Newsreader */
.newsreader{ background-color: White; padding: 10px; margin-bottom:20px;}
.nr_foto{ position: relative; background-color: #e2e3e4; }
.nr_foto a img{ border-bottom: 2px solid white;}
/*.nr_foto .overPanel{ position: absolute; top: 0; left: 0; height: 50px; background-image: url(../img/nrBg.png); width: 100%; background-repeat: repeat; }*/
.nr_foto .overPanel{ position: absolute; top: 0; left: 0; height: 50px; background: #000000; width: 100%;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50); opacity:.5; }
.nr_foto h2 a, .nr_footer a{ color: White;}
.nr_foto h2{color: White; margin: 4px 8px; position: absolute; top: 0; left: 0; z-index: 100;}
.nr_foto p{ padding: 3px 10px 10px; } 
.nr_footer{ background-color: #525353; height: 35px;  position: relative }

.fotoIcon{ float: left; margin: 8px }

/* Box */
.box_5{ background:#FFF url(../img/boxTitleBG.png) no-repeat top; padding: 10px; position: relative; margin-bottom:20px;}
.box_news{ position: relative; }
.grayLine{ background:transparent url(../img/grayDot.gif) repeat-x center; height: 20px; display: block; }
.box_footer{ position: relative; height: 35px; }
.box_2{ background-color:#e2e3e4; margin: 10px 10px 20px; position: relative; text-align: center;}
.grid_2{text-align:center;}
.grid_2 a img{margin-bottom: 20px;}
.articolo{ background-color:#FFF; background-image: none !important;}
.linkImg{font-size: 0; display: block;}
.promo{margin-bottom: 15px;}
.fb{ background:#FFF url(../img/boxFbBG.png) no-repeat top; }
.fb .box_news{ height: 42px; }
.fb .details{ position:relative;top:24px; }

/* Liste */
ul.gare li{ display: block; margin-bottom: 5px; padding: 5px 0 3px 0; border-bottom: 1px solid #CCC; font-size: 9pt; color: #464646;}
ul.gare li .classifica{ float: right; }

/* Photogallery */
.photogallery{ background-color: #e2e3e4; padding: 6px; text-align: center;}
.video{ background-color: #e2e3e4; padding: 10px; text-align: center;}
object{ margin: 0 auto;}
.oneIconGallery{ background-color: #e2e3e4; padding: 10px; height: 107px;}
.oneIconText{ float: right; width: 220px; }
/* Sponsors
----------------------------------------------------------------------------------------------------*/
.colSponsor{ background-color: White; }
.sponsors a{ display: inline; margin: 20px;float: left; }
.sponsors a img{ display: block;  }

/* Footer
----------------------------------------------------------------------------------------------------*/
.footer{ background:#e4e5ec url(../img/footer.jpg) no-repeat top; height: 40px; clear: both; position: relative; padding-top: 110px }
.footer img{ position: absolute;}
.footer .bioImg{ top: 88px }
.footer .htmlImg{ right: 130px;  top: 105px }
.footer .cssImg{ right: 26px;  top: 105px }