BODY { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; }
H1 { font-size: 15px; border:0; margin:0; text-align:center; font-size:2.5rem; font-weight:bolder;}
H1 SVG {vertical-align:middle;}
IMG {border:0px}
#container {}
#top {text-align:center;}
#top IMG {vertical-align:middle;}
#top A {text-decoration:none;color:#000}
#top A .bluish{color:#006}
#top {margin-bottom:10px;}
#subt {background:rgb(0,0,0); background:linear-gradient(5deg, rgba(255,255,255,1) 15%,rgba(0,0,0,1) 75%, rgba(0,0,0,1) 100%); color:#fff; text-align:right; font-size:0.8rem;}
#lr {max-width:800px;}
#social {width:120px}
#economico {width:120px;}
#bottom {padding-top:15px;}
#copy {border-top:1px solid black; padding-top:5px; text-align:center; font-size:x-small}
.nopyr {font-size:12px;}
.pyr {background:white; font-size:12px;}
.i {float:left; width:100px; height:100px; text-align:center} .i IMG {height:100px}
.tblock {margin-left:120px;}
.p {font-weight:bold}
.r:hover {background-color:#F0F0F0}
.clear {clear:left}
#progressbox {margin-top:20px;padding:10px;}
#progressbar {display:inline-block;vertical-align:middle;}
.cientoveinte {width:120px}
.gn IMG {border:0px;margin:0px;}

/* component: */
.component-ui-widget-content { border: 1px solid #dddddd; background: #f2f5f7 url(images/ui-bg_highlight-hard_100_f2f5f7_1x100.png) 50% top repeat-x; color: #362b36; }
.component-ui-widget-header { border: 1px solid #aed0ea; background: #deedf7 url(images/ui-bg_highlight-soft_100_deedf7_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.component-ui-widget-header-default-state { border: 1px solid #aed0ea; background: #d7ebf9 url(images/ui-bg_glass_80_d7ebf9_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2779aa; }
.component-ui-widget-header-focus-state { border: 1px solid #74b2e2; background: #e4f1fb url(images/ui-bg_glass_100_e4f1fb_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #0070a3; }

.adsresp {width:320px;height:90px}

@media screen and (min-width:815px) {
	h1 { font-size:3.5rem;}
	#lr {margin:auto;}
	#top {text-align:left}
	#left {float:left; max-width:242px;}
	#right {float:right; width:auto; max-width:552px;}
	#bottom {clear:both;}
	.adsresp {width:728px;height:90px}
}


svg polygon {fill:url(#sqrs);stroke:#000;stroke-width:3;fill-rule:evenodd}
svg polygon:hover {fill:#ccc;}
#sqrs line {stroke:#aaa;stroke-width:1px;}
h1 a:hover svg polygon {stroke:#006;}
h1 a:hover svg {margin:0px;width:110px;height:110px;}
h1 a svg {margin:5px; transition:width .3s,height .3s,margin .3s;}