body
{
text-align: center;
font-size: 0.85em;
background: black;
font-family: Arial;
}

#container {
width: 980px;
height: 550px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -275px;
margin-left: -490px;
background: url(../img/fondo.jpg) no-repeat black;

}
#container.internal {
width: 980px;
height: 550px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -275px;
margin-left: -490px;
background: url(../img/fondo_interno.jpg) no-repeat black;

}
#container .video_content {
width: 600px;
height: 390px;
position: absolute;
top: 0px;
left: 20px;


}
#container .video_content .video {
width: 564px;
height: 310px;
position: absolute;
top: 50px;
left: 50px;
border: 1px solid #828282;
z-index: 1;

}
#container .video_content .logo {
width: 120px;
height: 100px;
position: absolute;
top: 0px;
left: 20px;

z-index: 10000;


}
#container .video_content .counter {
width: 230px;
height: 40px;
position: absolute;
top: 12px;
right: 100px;

z-index: 1000;


}
#container .video_content .counter td {text-align: right;}
#container .video_content .counter td.min {font-size: 0.7em;}
#container .video_content .counter td{font-size: 2em; font-weight: bold}


#container .video_content .enter {
width: 66px;
height: 62px;
position: absolute;
bottom: 0px;
left: 290px;

z-index: 10000;


}
#container .video_content .enter img:hover {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;


}
#container .facebook {
width: 420px;
width: 400px!important;
height: 30px;
height: 25px!important;
position: absolute;
top: 410px;
left: 139px;
background: black;
padding: 5px 10px;
font-family: Verdana;
color: white;
font-size: 10px;
line-height: 20px;


}
#container .facebook2 {
width: 400px;
width: 380px!important;
height: 30px;
height: 25px!important;
position: absolute;
bottom: 70px;
right: 100px;
background: black;
padding: 5px 10px;
font-family: Verdana;
color: white;
font-size: 10px;
line-height: 20px;


}
#container .content {
width: 665px;
height: 450px;
position: absolute;
top: 0px;
left: 0px;
text-align: left;


}
#container .head {
width: 665px;
height: 100px;
position: absolute;
top: 0px;
left: 20px;
padding-left: 20px;
text-align: left;
background: url(../img/bg_menu.png) repeat-x ;


}
#container .head .menu {
width: 560px;
height: 24px;
position: absolute;
top: 40px;
left: 140px;
text-align: left;



}

#container .head .menu a {

height: 24px;
position: relative;
float: left;
text-align: left;
cursor: pointer;
margin: 0 0 0 20px;


}
#container .head .menu a.cose {width: 33px; background: url(../img/cose.jpg) no-repeat top left;}
#container .head .menu a.contatti {width: 54px; background: url(../img/contatti.jpg) no-repeat top left;}
#container .head .menu a.funziona {width: 81px; background: url(../img/funziona.jpg) no-repeat top left;}
#container .head .menu a.iscriviti {width: 54px; background: url(../img/iscriviti.jpg) no-repeat top left;}
#container .head .menu a.open {width: 60px; background: url(../img/open.jpg) no-repeat top left;}
#container .head .menu a.login {width: 45px; background: url(../img/login.jpg) no-repeat top left;}
#container .head .menu a.partner {width: 61px; background: url(../img/partner.jpg) no-repeat top left;}
#container .head .menu a.storia {width: 61px; background: url(../img/storia.jpg) no-repeat top left;}

#container .head .menu a:hover, #container .head .menu a.selected  {background-position: bottom left;}
#container .content .txt.transp {
width: 646px;
height: 260px;
position: absolute;
top: 120px;
left: 40px;
text-align: left;
background: url(../img/bg_txt.png) repeat;
color: white;
padding: 5px 10px;


}
#container .content .txt {
background: none;
width: 646px;
height: 260px;
position: absolute;
top: 120px;
left: 40px;
text-align: left;
background: none;
color: white;

}

#container .content .txt.fondo {

background: url(../img/corpo_fondo.png) no-repeat;



}
#container .content .txt.fondo2 {

height: 292px;

background: url(../img/corpo_fondo_lungo.png) no-repeat;



}

#container .content .txt td p{

padding:0 15px 0 0;
margin: 0;
font-size: 0.8em;


}
#container .content .txt .txt_code {
width: 616px;
height: 250px;
position: absolute;
top: 40px;
left: 15px;
text-align: left;
font-family: Arial;
font-size: 1.05em;



}

img.title {margin: 10px;}
input {margin: 0px 20px 5px 0; width: 140px;}
input.check { width: auto; margin: 0px 5px 0 0;}
input.button {margin: 0px 0 5px 0; color: white; background: url(../img/enter.jpg) center center black no-repeat; border: 1px solid black; padding: 0 5px; cursor: pointer; width: 74px; height: 24px;}

input.button_subscribe {margin: 0px 5px 5px 5px; color: white; background: url(../img/invia_iscrizione.jpg) center center black no-repeat; border: 1px solid black; padding: 0 5px; cursor: pointer; width: 113px; height: 23px;}

input.button_modifica {margin: 0px 5px 5px 5px; color: white; background: url(../img/modifica_iscrizione.jpg) center center black no-repeat; border: 1px solid black; padding: 0 5px; cursor: pointer; width: 135px; height: 23px;}

.check_txt {font-size: 0.7em; font-style: italic;}

table.subscribe {font-size: 0.85em; margin:0px 10px 10px 10px; font-family: Arial;}
.red_asterix {font-size: 1.2em; color: red}
td.bg_white {background: url(../img/bg_white.gif) repeat-y; padding-right: 10px;}

#container .content .txt.fondo .conferma {
width: 500px;
height: 160px;
position: relative;
margin: 20px auto 0 auto;
text-align: center;



}
#container .content .txt.fondo .conferma a, #container .content .txt.fondo2 .conferma a {color: red;}
#container .content .txt.fondo .conferma a:hover, #container .content .txt.fondo2 .conferma a:hover{color: white;}


table a {color:  white; font-size: 0.9em; }
table a:hover {color:  #ab1a2b;}

table.t_funziona {margin: 15px;}
#container .content .txt table.t_funziona td ul {margin:  0 10px; padding: 0}
#container .content .txt table.t_funziona td li {margin:  2px 0; padding: 0; font-size: 1em;}
iframe.interno {font-family: Arial; font-size: 0.9em; line-height:1.1em; color: white; background: transparent;}

.red_title {color: #ab1a2b; text-transform: uppercase; display: block; margin: 0 0px 10px 0;}

#container .link_partner {
position: absolute;
bottom: 50px;
left: 100px;

width: 450px;
height: 40px;

}
#container .link_partner a.basilicata{
position: absolute;
top: 0px;
left:50px;

width: 95px;
height: 18px;
cursor: pointer;

}
#container .link_partner a.visioni{
position: absolute;
top: 0px;
left:230px;

width: 65px;
height: 18px;
cursor: pointer;

}
#container .link_partner a.open_days{
position: absolute;
top: 0px;
left:360px;

width: 85px;
height: 18px;
cursor: pointer;

}
#container .link_partner2 {
position: absolute;
bottom: 5px;
left: 90px;

width: 450px;
height: 30px;

}
#container .link_partner2 a.basilicata{
position: absolute;
top: 0px;
left:5px;

width: 95px;
height: 18px;
cursor: pointer;

}
#container .link_partner2 a.visioni{
position: absolute;
top: 0px;
left:180px;

width: 65px;
height: 18px;
cursor: pointer;

}
#container .link_partner2 a.open_days{
position: absolute;
top: 0px;
left:310px;

width: 85px;
height: 18px;
cursor: pointer;

}
#container .logos_partner {
position: absolute;
bottom: 45px;
right:10px;

width: 285px;
height: 45px;
cursor: pointer;

}
#container a.focus {
position: absolute;
bottom: 20px;
left:0px;
font-size: 0.7em;
color: #333;
width: 285px;
height: 15px;
text-align: left;
cursor: pointer;

}
#container a.bollino {
width: 100px;
height: 100px;
position: absolute;
top: 120px;
right: 100px;

background: red;

}