* { margin: 0; padding: 0;}
html, body { height: 100%;}
body { 
background-color: #000;
font-family: Verdana,sans-serif; 
font-size: 13px; 
line-height: 15px; 
color: #fff;
text-align: center;
}
img { border: 0;}
a { text-decoration: none;}
h1 { font-family: Verdana,sans-serif; font-weight: 300; font-size: 33px; line-height: 33px; margin: 20px 0;}
.pre-content h1 { color: #009ddf; margin-left: 105px;}
p { font-family: Verdana,sans-serif; font-size: 13px; line-height: 15px;}

table#main-holder { height: 100%;}
table#main-holder tr td { vertical-align: middle; text-align: center;}
#main-content { width: 991px; margin: 0px auto;}

/*----------------------------------- HEADER begins ------------------------------------------*/
#header { width: 100%; background-image: url('../../images/grad-all.jpg'); background-repeat: repeat-x; background-color: #fff; float: left;}
body#homepage #header { background-image: url('../../images/grad.jpg');}
.colm-left { width: 280px; text-align: right; padding: 20px 0 0 0; float: left;}
body#homepage .colm-left { padding: 65px 0 0 0;}
.logo { text-align: center;}
.logo-in { width: 85px; height: 85px; background-image: url('../../images/logo-small.png'); background-position: 0 0; background-repeat: no-repeat; margin: 0px auto;}
body#homepage .logo-in { width: 120px; height: 120px; background-image: url('../../images/logo.png');}
body#homepage .logo-in { height: 120px; margin: 40px auto 0 auto;}
.colm-center { width: 430px; height: 117px; background-image: url('../../images/pitstop-all.png'); background-repeat: no-repeat; float: left;}
body#homepage .colm-center { height: 260px; background-image: url('../../images/pitstop.png');}
.colm-right { width: 280px; float: right; text-align: left;}
body#homepage .colm-right { padding-top: 120px;}
.colm-right span { font-family: Verdana,sans-serif; font-size: 18px; line-height: 20px; float: right; text-align: right; width: 215px; margin-right: 65px;}
.colm-right span.link { font-family: Verdana,sans-serif; font-size: 15px; color: #000; font-weight: 600; padding-top: 40px;}
body#homepage .colm-right span.link { padding-top: 50px;}
.colm-right span img { vertical-align: middle;}
#navigation { width: 100%; background-color: #fff; padding: 10px 0; float: left;}
#navigation ul { padding: 0; margin: 0;}
#navigation ul li { display: inline; list-style: none; border-left: 1px #40b6e7 solid; padding: 0 0 0 6px; /*margin: 0 0 0 6px;*/}
#navigation ul li.first { border: 0; margin: 0;}
#navigation ul li, #navigation ul li a { font-size: 13px; color: #808080; text-transform: uppercase;}
#navigation ul li a:hover { color: #000; text-decoration: none;}
.sound { width: 200px; height: 50px; float: right; /*border: 1px red solid;*/}
/*----------------------------------- HEADER ends ------------------------------------------*/

/*----------------------------------- CONTENT begins ------------------------------------------*/
.page-name { width: 170px; height: 50px; margin: -22px 60px -28px /*60px*/ 20px; position: relative; z-index: 10; background-repeat: no-repeat;}
.page-name.ospiti { background-image: url('../../images/ospiti.png');}
.page-name.pubblico { background-image: url('../../images/pubblico.png');}
.page-name.puntate { background-image: url('../../images/puntate.png');}
.page-name.redazione { background-image: url('../../images/redazione.png');}
.page-name.progetto { background-image: url('../../images/progetto.png');}
.page-name.partners { background-image: url('../../images/partners.png');}
.page-name.contatti { background-image: url('../../images/contatti.png');}
.page-name.press { background-image: url('../../images/press.png');}

#content-body { width: 100%; background-image: url('../../images/body-grad.jpg'); background-repeat: repeat-x; background-color: #008fc3; float: left; text-align: left; padding-bottom: 50px;}
body#homepage #content-body { background-image: url('../../images/main.jpg'); padding: 0;}
#content-body.nobg { background: none;}
#content-body table { width: 100%;}
#content-body table td.content-item, #content-body table td.content-item1 { vertical-align: top; text-align: left;}
#content-body table td.content-item  { width: 355px; border-right: 1px #bfe3f0 dashed; padding: 0 14px 10px 14px;}
#content-body table td.content-item1 { padding: 10px 0 10px 25px;}
.scroll-txt { /*height: 80px; overflow-y: scroll;*/}
.opera .scroll-txt { overflow: scroll;}
.ie .scroll-txt { scrollbar-face-color: #85c9e2; scrollbar-track-color: #33a5cf; scrollbar-shadow-color: #85c9e2; scrollbar-highlight-color: #85c9e2; scrollbar-dark-shadow-color: #85c9e2; scrollbar-3d-light-color: #85c9e2; scrollbar-arrow-color: #fff;}
.flash-box { padding: 10px 0 10px 100px;}
.flash-box img { vertical-align: middle;}
.flash-box span, .flash-box span a { font-family: Verdana,sans-serif; font-size: 12px; color: #000; text-transform: uppercase; line-height: 77px;}
.flash-box span a:hover { color: #fff;}
.space { width: 123px; height: 77px; background-color: #fff; float: left; margin: 0 10px 0 0; display: inline;}
.images { text-align: center; /*padding: 20px 35px 0 35px;*/ padding: 20px 0;}
.images img { margin: 0 0px;}
.sondaggio { width: 175px; background-image: url('../../images/sondaggio.gif'); background-repeat: no-repeat; background-color: #66838e; padding: 22px 0 0 0; float: left;}
.sondaggio span { width: 155px; font-family: Verdana,sans-serif; font-size: 13px; line-height: 14px; color: #1a171b; padding: 3px 0 3px 10px; float: left; text-align: justify;}
.ie5 .sondaggio span { width: 165px;}
.sondaggio span.arr { color: #079fdf; padding-left: /*20*/ 10px;}
.sondaggio span.arr a { color: #fff;}
.sondaggio span.arr a:hover { text-decoration: underline;}
.sondaggio form { width: 100%; clear: both; float: left; background-image: url('../../images/form-bottom.gif'); background-position: bottom left; background-repeat: no-repeat; background-color: #66bcdb; text-align: center; padding-bottom: 10px;}
.sondaggio fieldset { border: 0;}
.sondaggio ul { padding: 0; margin: 0; text-align: left;}
.sondaggio ul li { list-style: none; /*height: 23px; line-height: 23px;*/ font-family: Verdana,sans-serif; font-size: 13px; padding:5px;}
.sondaggio ul li.odd { background-color: #94c2d2;}
.sondaggio form ul li input { vertical-align: middle; margin: 0 5px;}
.sondaggio form input#sub { width: 43px; height: 26px; background: none; border: 0; background-image: url('../../images/vota.gif'); background-repeat: no-repeat; margin: 5px 0; cursor: pointer;}
#popup { width: 122px; height: 160px; background-color: #fff; position: relative; z-index: 10; right: -185px; top: 15px; margin-top: -160px; float: left; clear: both; display: none; opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50)}
#text { width: 92px; height: 140px; position: relative; z-index: 30; right: -185px; top: 15px; margin-top: -160px; float: left; clear: both; display: none; padding: 10px 15px; text-align: left;}
.ie5 #text { height: 160px; width: 122px;}
#popup-butt { width: 17px; height: 22px; position: relative; right: -175px; margin-top: -22px; background-image: url('../../images/popup.png'); background-repeat: no-repeat; float: left; clear: both; z-index: 100; cursor: pointer;}

.descript { width: 850px; clear: both; padding: 0 70px}
.ie5 .descript { width: 100%;}
.descript h1 { text-transform: uppercase; letter-spacing: -2px;}
.descript img { float: right; margin: 0 0 40px 60px; display: inline;}
.descript p { text-align: justify;}
.rate { width: 76px; height: 55px; float: left; margin: 0 30px 15px 0; padding-top: 5px; background-image: url('../../images/rate.gif'); background-repeat: no-repeat; text-align: center;}
.rate span.nomb { font-size: 39px; line-height: 30px;}
.rate span.month { /*font-size: 15px;*/ font-size: 13px; line-height: 15px;}

.pre-content { width: 100%; float: left; text-align: left; padding-bottom: 20px;}
.pre-content p { padding: 0 20px;}
table#content-items { text-align: left;}
table#content-items tr td { background-image: url('../../images/body-grad.jpg'); background-repeat: repeat-x; background-color: #008fc3; vertical-align: top; padding-bottom: 20px;}
table#content-items tr td ul#flash { margin: 0; padding: 10px 0; font-family: Verdana,sans-serif; font-size: 13px;}
table#content-items tr td ul#flash li { list-style: none; margin: 0 0 20px 0;}
table#content-items tr td ul#flash li a { color:#fff; }
table#content-items tr td ul#flash li a:hover { text-decoration:underline; }
.flash-box2 { width: 110px; height: 70px; margin-left: 50px; margin-bottom: 5px;}
.ie .flash-box2 { margin-left: 0px;}
.flash-big { /*width: 440px; height: 360px;*/ width:425px; height:344px; background-color: #fff; margin: 10px auto;}
.more-links { width: 440px; margin: 10px auto;}
.type1, .type2 { width: 80px; height: 52px; background-repeat: no-repeat; margin-right: 10px; margin-bottom: 10px; float: left; color: #000; padding: 3px 5px 1px 50px; font-size: 12px; line-height: 12px; text-align: left; display: inline;}
.ie5 .type1, .ie5 .type2 { width: 135px; height: 54px;}
/*.type2 { margin-left: -5px;}*/
.type1 p, .type2 p { /*font-size: 12px;*/font-size: 11px; line-height: 12px;}
.type1 span, .type2 span { width: 100%; text-align: right; float: right;}
.type1 span a, .type2 span a { color: #fff;}
.type1 span a:hover, .type2 span a:hover { text-decoration: underline;}
.type1 { background-image: url('../../images/type1.gif');}
.type2 { background-image: url('../../images/type2.gif');}
.boxes { margin-top: 20px; float: left;}
.box { width: 140px; height: 50px; background-image: url('../../images/box.png'); background-repeat: no-repeat; float: left; margin: 5px 10px; padding: 10px 5px;}
.ie5 .box { width: 150px; height: 70px;}
.box, .box p { font-size: 12px; line-height: 12px; color: #000;}
.box span { padding-left: 10px;}
.box span, .box span a { font-size: 12px; line-height: 12px; color: #00a9d2;}
.box span a:hover { text-decoration: underline;}
.box img { float: left; margin: 5px /*10px*/ 7px 5px 5px;}
/*----------------------------------- CONTENT ends ------------------------------------------*/

/*----------------------------------- GALLERY begins ------------------------------------------*/
#buttLeft, #buttRight { width: 28px; height: 38px; background-repeat: no-repeat; margin-top: 60px;}
#buttLeft a, #buttRight a { display: block; width: 28px; height: 38px;}
#buttLeft { background-image: url('../../images/butt-left.jpg'); float: left;}
#buttRight { background-image: url('../../images/butt-right.jpg'); float: right;}
.gallery { width: 840px; overflow: clip; float: left; padding: 30px 0 0 40px;}
#listing { width: 10000px; color: #fff;}
#listing, #listing a { color: #fff; font-family: Verdana,sans-serif; font-size: 12px; line-height: 20px;}
#listing a:hover { text-decoration: underline;}
#listing ul { padding: 0; margin: 0;}
#listing ul li { display: inline; list-style: none; border-left: 1px #666 dashed; float: left; margin: 0 7px; padding: 0 0 0 10px;}
/*----------------------------------- GALLERY ends ------------------------------------------*/


/* menu a tendina */
.submenu_link{
	color:#808080;
	margin:2px 0px 4px 0px;
	text-decoration: none;
}

.submenu_link a {
	color:#808080;
	text-decoration: none;
}

.submenu_link a:hover {
	color:#000;
	text-decoration: underline;
}
