/* CSS Document */

body {
   margin:0px;
   padding: 0px;
   background-color:#DEE5F1;
   font-family:Arial, Helvetica, sans-serif;
   }
   



/* ------------------------ PRINCIPALI ---------------------------------------- */

#Main{
  width: 990px;
  position: relative; /* Needed for Safari */
  margin: auto; /* Takes care of horizontal alignment in standards compliant browsers */
}


#MainContent{
  width: 100%;
  height: 700px;
  background:#FFFFFF url(../img/bgMainContent.gif) repeat-x left top;
  border: 1px solid #CCCCCC;
  }

#MainFooter{
  background-color:#FFFFFF;
  width: 100%;
  height: 20px;
  margin-top: 30px;
  border: 1px solid #CCCCCC;
  }

#balloon{
  position:absolute;
  margin-top:-28px;
  margin-left:190px;
  z-index:30;
}

div.roundedbox{
  

}

#Logo {
  height: 25px;
  width: 200px;
  margin-left: 20px;
  margin-top: 5px;
  
}

#VideoContentHome{
  position:absolute;
  margin-top:50px;
  margin-left: 220px;
  width: 550px;
  min-height: 440px;
  height: 440px;
  z-index:5;
  text-align: center;
  }


#VideoContent{
  position:absolute;
  margin-top:80px;
  left: 5px;
  right: 20px;
  z-index:5;
  }


#VideoPlayer{
  width: 720px;
  height: 576px;
  float:left;
  margin-left:10px;
  margin-right:20px;
  margin-top:-30px;
  }


#VideoData{
  float:left;
  width:210px;
  margin-top:-20px;
}

#BoxSendMail{
  border-top: 1px dotted #CCC;
  }



#BoxLeftHome{
  position:absolute;
  margin-left:15px;
  margin-top:60px;
  width:180px;
}

#BoxRightHome{
  position:absolute;
  right:20px;
  margin-top:60px;
  width:180px;
  height:500px;
}

#SpecialBannerHome{
  position:absolute;
  margin-left:20px;
  margin-top:510px;
  width:180px;

}

#FrameLeft{
  position:absolute;
  margin-left:20px;
  margin-top:60px;
  width:650px;
  min-height:550px;
}

#FrameRight{
  position:absolute;
  right:20px;
  margin-top:60px;
  width:180px;
  min-height:550px;
}

#TickerNews {
  position:absolute;
  margin-left: 220px;
  z-index:30;
  margin-top:520px;
  width:550px;
  }

#TickerNews h3{
  padding:0px;
  border-bottom:1px solid #CCC;
}

#TickerNews ul{
  margin:0px;
  padding:0px;
  list-style:none;
  }

#TickerNews ul li{
  font-size:11px;
  color:#666666;
  padding: 4px 0px 4px 0px;
  border-bottom:1px dotted #CCC;
  }

#TickerNews ul li img{
  border-right:1px solid #CCC;
  margin-right: 5px;
}


#TitleCategory{
  position:absolute;
  margin-top:50px;
  margin-left:20px;
  }




.thumbVideoHome{
  height:210px;
  /*background:#EEEEEE url(../img/bgThumbVideo.gif) repeat-x left bottom;*/
  margin-bottom:10px;
  margin-top: 20px;
  width:180px;
}


#VideoContent .thumbVideoHome{
  float:left;
  margin-right:10px;
  margin-left:10px;
  }

#NumVideo{
  margin-left: 10px;
  
}


.thumbVideoHome span, .thumbVideoHome p{
 padding:0px 10px 0px 10px;
 font-size:11px;
 margin:0px;
 }


  
.thumbVideoHome  .thumbImage{
  border: 5px solid #F00A81;
  width:170px;
  height:127px;
  margin-bottom:-4px;
  background-color:#FFFFFF;
  background-position:center center;
}

.thumbVideoHome .thumbVideo{
  border: 5px solid #F00A81;
  width:170px;
  height:127px;
  margin-bottom:-4px;
  background-color:#FFFFFF;
  background-position:center center;
}

.thumbVideoHome hr{
  height:1px;
  background:none;
  border-bottom: 1px solid #CCC;
  }




/* ---------------------------------------------- POP UP ----------------------------------------*/

#ContentPopUp{
 background-color:#FFFFFF;
 border: 1px solid #CCCCCC;
 margin:10px;
 padding:10px;
 }


#ContentPopUp h3{ background-color:#FFFFFF; color:#F00A81; margin-bottom:20px;}
#ContentPopUp p { font-size: 11px; color:#666; }


/* --------------------------------------------- A ---------------------------------------------- */

#MainFooter p a {
  font-size:11px;
  padding: 2px 8px 2px 4px;
  border-right: 1px solid #CCC;
  color: #F00A81; /* magenta */
  }

  .Innova3Footer a, .Innova3Footer a:visited{
  color:#666666;
  font-size:9px;
  text-decoration:none;
}

.thumbVideoHome a, .thumbVideoHome a:visited{
  color:#F00A81;
  font-weight: bold;
  font-size:11px;
  text-decoration:none;
}

a, a:visited{
  text-decoration:none;
  color: #F00A81; /* magenta */
}

a:hover{
  text-decoration: underline;
  }




a.bgMagenta, a.bgMagenta:visited{
  font-weight:bold;
  color:#FFFFFF; 
  font-size:12px;
  background:#F00A81 url(../img/frecc_bianca.gif) no-repeat 6px 6px; /* magenta */
  display:block;
  margin-bottom:10px;
  padding:4px 20px 4px 20px;
}


.thumbVideoHome a.bgMagenta, .thumbVideoHome a.bgMagenta:visited, .thumbVideoHome a.bgMagenta:hover{
  min-height: 32px;
  }

/* -------------------------- STILI DI TESTO ---------------------------------------- */

#MainContent p{
  font-size: 12px;
  color:#666666;
}

#MainContent h3, #MainContent h4{
  margin:0px;
  padding: 0px;
  }

#MainContent h3{ background-color:#FFFFFF; color:#F00A81; /* magenta */}
#MainContent h4{ background-color:#FFFFFF; color:#567EB9; /* blu */}


#MainContent p.testopiccolo{ font-size:11px; }

strong.celeste {
  font-weight:bold;
  color:#567EB9;
  font-size:13px;
}


p.bgMagenta{
  font-weight:bold;
  color:#FFFFFF; 
  font-size:12px;
  background-color:#F00A81;
  margin-bottom:10px;
  padding:4px 10px 4px 10px;
  min-height:32px;
}

/* ------------------------- MENU DI NAVIGAZIONE ------------------------------------ */


#PrincipalMenu ul{
    margin: 0px;
	padding:0px;
	list-style:none;
	margin-left:465px;
	margin-top: -5px;
}

#PrincipalMenu ul li{
  float:left;
  margin-right:10px;
  }

#MainFooter p {
     padding: 0px;
	 margin: 0px;
	 margin-left: 10px;
}


/* -------------------------- FORM ----------------------------------- -*/

#FormSubscribe ul, #FormRequest ul, #FormSendMail ul{
  margin:0px;
  padding:0px;
  list-style:none;
  }

#FormSubscribe ul li{
  clear:both;
  margin-bottom:5px;
  }

#FormRequest ul li{
  float:left;
  margin-bottom:5px;
  margin-right: 5px;
  display:block;
  }

#FormSubscribe ul li label, #FormRequest ul li label{
  display: block;
  width: 120px;
  color:#666666;
  font-size:12px;
  float:left;
  font-weight:bold;
  margin-right:10px;

}


#FormSendMail ul li label{
  width: 80px;
  color:#666666;
  font-size:11px;
  float:left;
}


#FormRequest ul li label{
  width: 80px;
  padding-top:5px;

}

#FormSendMail ul li{ margin-bottom:5px; }


#FormSubscribe ul li ul, #FormRequest ul li ul{ float:left; }

#FormSubscribe ul li ul li input, #FormRequest ul li ul li input,
, #FormSubscribe ul li ul li textarea, , #FormRequest ul li ul li textarea{
  float:left;
  margin-right: 8px;
  }

#FormSubscribe ul li ul li label, #FormRequest ul li ul li label, #FormSendMail ul li ul li label{
  color:#666666;
  font-size:12px;
  font-weight:normal;
  padding-top:2px;
  width:300px;
}

#FormSubscribe #TestoPrivacy, #FormRequest #TestoPrivacy{
 color:#666666;
 font-size:11px;
 height:58px;
 overflow:auto;
 width:300px;
 margin-bottom:10px;
}

form fieldset{
  clear:both;
  margin:10px 0px 10px 0px;
  padding:0px;
  border:none;
  }

form input, form textarea, form select{
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#333333;
 }

form input{
  border:1px double #666666; /* grigio */
  padding:2px;
  }
  
form input.obbligatorio{
  border:1px double #567EB9; /* blu */
  }
  
form #MessaggeForm{
  color:#FF0000;
  padding:4px;
  font-size:11px;
  font-weight:bold;
  visibility:hidden;
  margin: 5px 0px 5px 0px;
  }


#FormSendMail input.pencil1{ font-size: 11px; border:none; border-bottom: 1px dashed #666666; background:url(../img/pencil.gif) no-repeat left 4px;}



/* -------------------------- VARIE  ----------------------------------- */

.clearer{
  clear:both;
  font-size:0px;
  height:1px;
  }

#Innova3Footer{
  text-align:right;
  }

/* ------------------------ SPLASH PAGE ------------------------------------- */
   
.splash{

   background:#567EB9 url(../img/bgBody.gif) repeat-x left top;
   
}


#Centered{
   width: 600px;
   position:absolute;
   margin-left: -300px;
   left: 50%;
   top: 70px;
   text-align:center;
   }

#Centered h2{
   margin-top: 30px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   font-weight: bold;
   color:#FFFFFF;
}

#Centered p{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   color:#FFFFFF;
}

#Centered p a{
  font-weight: bold;
  text-decoration: underline;
  color:#FFFFFF;
  }