/*css per TOnews*/

html {font-size:62.5%}

html, body {margin:0; padding:0;}

body {background:#D15F1B;font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; line-height:150%;  word-spacing:0.20em;}

.alt {display:none}

#container {
	margin:0 auto;
	position:relative;
	width:70%;
	border-top:0;
	border-bottom:0;
	border-left:1px solid #000;
	border-right:1px solid #000;
	background:#fff;
}


#container div {margin:0 10px}

#testata {margin:0; padding-bottom:20px}

#testata h1 {margin:0; background: url(img/logocitta_canali.png) no-repeat top left; width:125px; height:50px;}
#testata h1 span a {display:block; margin:0; width:100%; height:50px;}
#testata h1 span {text-indent:-10000px;}

#testata h2 {margin:0; background: #fff url(img/tonews_ombra.jpg) no-repeat top left; width:200px; height:63px; position:absolute; top:0; right:0; z-index:1000}
#testata h2 span {text-indent:-10000px; position:relative; display:none;}


h3 {text-transform:uppercase; font-size:1.2em; border-bottom:1px solid #E6A781;  border-left:6px solid #E6A781; padding-left:5px; }

#spiegazione {float:left; position:relative; width:62%; margin-right:5px;}
#promo {position:absolute; width:32%; margin:0; top:88px; right:0; /*border:2px dashed #D87A41;*/ }
#sottoscrizioni {clear:both;position:relative; padding-top:20px}

h4 {clear:left}

#contf {position:relative; width:100%; margin:0; position:relative; padding:0}

p.newsletter {padding-left:190px; padding-bottom:50px; float:left; position:relative; margin:0; width:40%;}
form {position:absolute; width:200px; right:15px;  }

#promo h3, #sottoscrizioni h3 {margin-bottom:3px; background:#D15F1B; color:#fff;  border-left:6px solid #FFD21A; border-bottom:1px solid #FFD21A; padding:10px 0 10px 3px}

#sottoscrizioni h4 {font-size:1.3em; border-bottom:1px solid #FFD940; border-left: 6px solid #FFD940; line-height:150%; padding:0 0 0 3px}

#promo div.serinfo {margin:0; padding:0 0 30px 79px; line-height:120% }
div.serinfo p {padding:0; margin:0;}
div.serinfo h4 {margin:0 0 2px 0; font-size:1.2em; text-transform:uppercase}

#torss {padding:0 0 0 79px; background:#FFF8D9 url(img/rss.jpg) no-repeat 0 3px;}
#stampato {padding:0 0 0 79px; background:#FFF8D9 url(img/stampato.jpg) no-repeat 0 3px;}

#promo div a:link, #promo div a:visited {color:#000}
#promo div a:hover, #promo div a:active {color:#D15F1B}

#um {background: url(img/um.jpg) no-repeat 0 0;}
#tocult {background: url(img/tocult.jpg) no-repeat 0 0;}
#gio {background: url(img/giovani.jpg) no-repeat 0 0;} 
#mito {background: url(img/mito.jpg) no-repeat 0 0;} 
#toplurale {background: url(img/toplurale.jpg) no-repeat 0 0;} 
#cittagora {background: url(img/cittagora.jpg) no-repeat 0 0;} 
#torinoclick {background: url(img/toclick.jpg) no-repeat 0 0;} 
#comm {background: url(img/comm.jpg) no-repeat 0 0;} 
#smus {background: url(img/smus.jpg) no-repeat 0 0;} 
#mscuola {background: url(img/mscuola.jpg) no-repeat 0 0;} 
#eco {background: url(img/eco.jpg) no-repeat 0 0;} 
#ati {background: url(img/ati.jpg) no-repeat 0 0;} 
#mip {background: url(img/mip.jpg) no-repeat 0 0;} 
#spimp {background: url(img/spimp.jpg) no-repeat 0 0;} 
#edpriv {background: url(img/edpriv.jpg) no-repeat 0 0;} 
#ofl {background: url(img/ofl.jpg) no-repeat 0 0;} 
#topo {background: url(img/topo.jpg) no-repeat 0 0;} 
#circ5 {background: url(img/circ5.jpg) no-repeat 0 0;} 
#circ7 {background: url(img/circ7.jpg) no-repeat 0 0;} 

#footer {clear:both; position:relative; border-top:1px solid #000; text-align:center; margin:0; padding:10px 0}