body {margin: 0 auto;}

/* ############## TYPOGRAPHY ######################### */

.designbody h3 {font-size: 16px; margin-left: 0px; margin-top: 19px;}
.designbody h4 {font-size: 15px; margin-left: 0px;}
.designbody h5 {font-size: 15px; margin-left: 0px;}
.designbody h6 {font-size: 12px; margin-left: 0px;}
.designbody p, .designbody a:link, .designbody a:link, .a-orango {font-size: 15px; line-height: 20px;}
.designbody .lblu {margin-left: 10px}

.main { padding:19px 0px 0px}
.panel-maps {height: 391px}
.designbody {
	padding:202px 0 0;
	background: url("../img/pdf_backpage.png") no-repeat -8px 200px;
	}
.des-menu {
	background:url("../img/pdf_topmenu_bg.png") no-repeat scroll 0 0;
	border-top:5px solid #FFFFFF;
	font-size:300%;
	height:180px;
	margin:0;
	position:absolute;
	text-align:center;
	text-indent:-90000px;
	top:472px;
	width:970px;
	z-index:110;
}

.lng2.des-menu {background: transparent url('/tc/img/pdf/pdf_topmenu_bg_EN.png') no-repeat 0 0;}

*+html .des-menu {
	left: 0px;
}

.des-menu .disep li {
	border:0 solid #FF0000;
	float:left;
	list-style: none outside none;
	position: absolute;
	text-indent:0;
	z-index:111;
	text-align: center;
}
.des-menu li a {text-decoration: underline; color: #000; font-size: 13px;}
.des-menu li a:hover {color: #eb005e;}
.des-menu h3 {width: 171px; height: 156px; font-size: 12px; float: left}
.chat {top: 24px; left:177px;}
.pianta {top: 5px; left:438px;}
.mappainp {top: 46px; left:470px; font-size: 13px}
.news {top: 84px; left:596px;}
.mila {top: 26px; left:800px;}
.milan, .vige {font-size: 25px}
*+html .vige {line-height: 30px}
*+html .pianta {top:13px}
.cha, .issi {font-size: 20px}
.ulti {font-size: 30px}
.col-s {float: left; width: 246px; height: 300px;text-indent: -9000px; }
.col-s.pos-absolute {position: absolute} 
.col-d {
	float:right;
	height:600px;
	/*margin-left:63px;*/
	width:226px;
}

*+html .col-d {
	float:right;
	height:600px;
	margin-left:0px;
	width:226px;
}

.boxpdf {position: absolute; top:83px; left: 90px; width: 743px; height: 105px; text-transform: uppercase; text-align: left; padding: 10px 17px 7px 17px; border: 1px solid #b2b1b1; z-index: 100000; background-color: #fff}
.boxpdf li {list-style: none;position: relative; float: left; width: 114px; height: 114px}
.boxpdf .primogrande {width: 283px; height: 114px; text-indent: -10000px; background: url(../img/pdf/li1.png) no-repeat 0 -6px}
.boxpdf .pdfstamp {font-size: 10px; text-indent: 0; position: absolute; bottom: 10px; left:10px; text-transform: uppercase; display: block}
.boxpdf a:link, .boxpdf a:visited {display: block; width: 114px; height: 114px}
.boxpdf .magi {display: block; text-align: left;}
.boxpdf .tria-stam {text-indent: -10000px; z-index: 10000; position: absolute; top:-20px; left: 388px; width: 35px; height:24px; background: url(../img/pdf/li12.png) -492px -36px no-repeat}
.boxpdf .sec2 {background: url(../img/pdf/li12.png) -24px 0 no-repeat;}
.boxpdf .sec3 {background: url(../img/pdf/li12.png) -139px 0 no-repeat}
.boxpdf .sec4 {background: url(../img/pdf/li12.png) -260px 0 no-repeat}
.boxpdf .sec5 {background: url(../img/pdf/li12.png) -372px 0 no-repeat}

.blogbody {float: left; width:489px; /*margin-left: 245px;*/ color: #3d3d3d; }
.grill {background-color: #eee; width: 100%; color: #3d3d3d; padding: 218px 0 20px 0; position: relative; }
.grill p {padding-bottom: 10px}
.grill h5 {margin:20px 0 0 0;}
.grill h4 {color: #008add; line-height: 17px; margin: 20px 0 13px 0; text-transform: uppercase}
.grill h4.difh4 {margin-top: 0px;}
.grill h5.difh4 {margin-top: 35px;}
.grill h6 {font-style:italic; font-weight:normal; margin-bottom:20px; margin-left:0; margin-top:-12px;}
.grill li {list-style: none}
.grill a {color: #e00178; text-decoration: underline; font-weight: bold}
.grill .evide {background-color: #f0f000;}

/* ############## ARTE IN CITTA' ######################### */
.arteinc .a-orango, .arteinc h4 strong, .arteinc .col1 a, .arteinc .col2 a {color: #ff6617}
.arteinc h3, .shoppi h3, .box_comeorien h3.lblu {color: #000; font-weight: bold; margin-bottom: 20px; font-size: 15px;}
.arteinc h4 {font-weight: bold;line-height: normal; font-weight: 15px}
.arteinc h4, .arteinc h3, .arteinc h5, .arteinc h6 {margin-left: 10px}
.arteinc h4 strong {}
.arteinc h6 {font-weight: normal; font-style: italic;}
.arteinc div.a-orango {line-height: 16px; margin: 10px 0 3px 0}
.arteinc a {color: #ff6617;}
.arteinc a:hover {text-decoration: underline;}
.arteinc .altrem {font-weight: bold; display: block; margin-top:7px}
/* ############## SHOPPING  ############################# */
.shoppi .a-orango, .shoppi h4 strong, .shoppi .col1 a, .shoppi .col2 a {color:#008ADD;}
.shoppi h2 {margin-left: 0; margin-top: 0px; font-size: 16px;}
/*.shoppi h3 {color: #000; font-weight: bold; margin-bottom: 20px; font-size: 15px;}*/
.shoppi h4 {font-weight: bold;line-height: normal; font-weight: 15px}
.shoppi h4, .shoppi h3, .shoppi h5, .shoppi h6, .facebuk h4 {margin-left: 10px}
.facebuk h4 {margin-bottom: 20px}
.shoppi h4 strong {}
.shoppi h6 {font-weight: normal; font-style: italic;}
.shoppi h5.sop {margin: 0 0 10px 0; }

.shoppi a {color: #60b6ea;}
.shoppi a:hover {text-decoration: underline;}

.col1 {float:left;margin:0 20px 0 13px;width:220px;}
.col2 {float:left;width:220px;}

.col_img_box {width: 226px; height: auto; margin-bottom: 10px;}
.col_img_box.grey {color:#d3d3d3;}

/* ############## FACEBOOK  ############################# */
.s_facebook {
	background: url(../img/pdf_facebook.gif) center top;
	width: 100%;
	height: 647px;
	text-indent: -9000px;
}

/* ############## ULTIMISSIME ############################ */

.box_ultimissime h5 {font-size: 22px; margin: 0 0 20px 190px; color: #008ADD;}
.box_ultimissime h5 span {font-size: 16px;}
.box_ultimissime h6 {font-size: 12px; color: #EC008C; font-weight: normal;}

.box_tab {
	float:right;
	height:163px;
	margin-right:15px;
	width:238px;	
}
.box_tab p {margin-left:0px; margin-top: 5px; line-height: 13px; font-size: 13px;}
.box_tab p a {padding-bottom: 7px; display: block }
.box_tab a:link, .box_tab a:visited {color: #e00178; text-decoration: underline}

.box_ultimissime ul {position: absolute; z-index: 300; bottom: 10px; right: 45px}
.box_ultimissime ul li {
	float:left;
	list-style:none outside none;
	margin-right:1px;
}

.box_ultimissime li a:link, .box_ultimissime li a:visited {
	background:url("../img/pdf_ultimissime_tab.gif") repeat scroll 0 0 transparent;
	color:#FFFFFF;
	height:26px;
	line-height:26px;
	text-indent:10px;
	width:26px;
	display: block;
}

/*.box_ultimissime div.panes div {
	display:none;	
}
*/
.scimmia {
	width: 468px; height: 236px; 
	border: 0px solid #d3d3d3; 
	margin: 0 10px; 
	position: absolute; 
	top:-10px;
	left: 0;
	background: url("../img/pdf_scimmia.png") no-repeat scroll 0 0;
	text-indent: -9000px;
}
.pos-fixed {position: fixed; top:0px;}
*+html .pos-fixed {left: 50%; margin: 0 0 0 -485px}
.blogbody.pos-fixed {top: 200px; left: 323px}

/* ############## Come Orientarsi ############################ */
.box_comeorien {
	width: 100%;
	height: auto;
	border:1px solid #FFF000;
}
.box_comeorien p {margin: 10px; font-size: 12px; line-height: 30px; font-weight: bold}
.box_comeorien .vado:link, .box_comeorien .caffe:link, .box_comeorien .linate:link, .box_comeorien .malpensa:link {font-size: 18px}
.box_comeorien .officina:link , .box_comeorien .centrale:link  {font-size:20px}
.box_comeorien .taxi:link , .box_comeorien .treno:link {font-size: 23px}
.box_comeorien .taxi2:link {font-size: 17px}
.box_comeorien h3.lblu {color:#008ADD;}
.box_comeorien h6 {margin: 17px 0 0 10px; font-size: 14px}
.box_comeorien a { color: #ff0099; font-weight: bold; text-decoration: underline; font-size: 15px;}
.box_comeorien .separ {height:3px; margin:0 auto; width:95%;background: url(../img/pdf_hr.gif) repeat-x;}
.comeorien_shad {width: 100%; height: 10px;
	background: url(../img/pdf_comeorien_shad.gif) top center no-repeat scroll;
}

/* ############## DIVISORI PAGINA ######################### */
.divisore1 { 
	background: url(../img/pdf_pg_backsp_sx.png) no-repeat 0 -8px;
}
.divisore2 { 
	background: url(../img/pdf_pg_backsp_dx.png) no-repeat 0 -8px;
}
.divisore1, .divisore2 {width: 100%; height: 97px; margin-top: 20px}


/* ############## COL DEX ################################# */

.col-d.pos-absol {
	/*left:700px;top:177px; */
	position: absolute;
	right: 0px;
	text-indent: -9000px;
	}
.col-d .box_menu {
	border:1px solid #BFBFBF;
	height:auto;
	right: 0px;
	position:relative;
	width:224px;
	text-indent: 0px;
	margin-bottom: 10px;
}
.col-d .box_menu.boxserv li {
	width: 100%;
	height: 70px;
	}
.boxserv li {border-bottom: 1px solid #BFBFBF;}	
.boxserv ul {padding-bottom: 10px; background:url("../img/pdf_col_d_menu_sdw.gif") no-repeat scroll left bottom transparent;}
.col-d .box_menu li h5{	
	font-size: 15px;
	line-height: 16px;
	padding: 23px 0 5px 16px;
	font-weight: normal;
}

.col-d .box_menu li h5 strong{	
	color: #000000;
}

.col-d .box_menu li a h5:hover{text-decoration: underline;}

.col-d .box_menu li.qualita {
	background:url("../img/pdf_col_d_menu_nuvola.gif") no-repeat scroll left top transparent;
	font-size:15px;
	line-height:74px;
	text-indent:70px;
	clear: left;
}
.col-d .box_menu li.tempo {
	background:url("../img/pdf_col_d_menu_tempo.gif") no-repeat scroll left top transparent;
	font-size:15px;
	line-height:74px;
	text-indent:70px;
	clear: left;
}
.col-d .box_menu li.arriv {
	background:url("../img/pdf_col_d_menu_arriv.gif") no-repeat scroll left top transparent;
	font-size:15px;
	line-height:74px;
	text-indent:70px;
	clear: left;
}

.col-d .box_menu li.pub {
	width: 100%;
	border-bottom: 1px solid #BFBFBF;	
	}
/*.col-d .box_menu li.milano {height: 165px; 
	background:url("../img/pdf_col_d_pub_milano.png") no-repeat scroll left bottom transparent;}
.col-d .box_menu li.facebook {height: 165px; 
	background:url("../img/pdf_col_d_pub_facebook.png") no-repeat scroll left bottom transparent;}
.col-d .box_menu li.shopping {height: 165px; 
	background:url("../img/pdf_col_d_pub_shopping.png") no-repeat scroll left bottom transparent;}
.col-d .box_menu li.pub_facebook {height: 165px; 
	background:url("../img/pdf_col_d_pub_corriere.png") no-repeat scroll left bottom transparent;}
*/
.col-d .box_menu li.shopping {height: 165px; 
	background:url("../img/pdf_col_d_pub_shopping.png") no-repeat scroll left bottom transparent;}
.col-d .box_menu li.shopping .orrend {height: 83px; display: block}
/* ########## HEADER Public design festival ############### */
.header_pdf {
	height: 47px;
	background: transparent url('http://img.tuttocitta.it/tcolnew/img/header_pdf.png') no-repeat 0 0;
	text-indent:-90000px;
	margin:0px;
	width:970px;
}

.lng2.header_pdf {background: transparent url('/tc/img/pdf/header_pdf_EN.png') no-repeat 0 0;}

.header_pdf_tc {
	height: 47px;
	display: block;
	float: left;
	width: 200px;
	text-indent: -90000px;
	background: transparent;
}

.header_pdf_link {
	height: 47px;
	display: block;
	float: left;
	width: 770px;
	text-indent: -90000px;
	background: transparent;
}
.switch-sitiseat, .switch-pb, .switch-pg {display: none}
.header {display: none;}



/*

* html .pipp {ie6}
*+html .class {ie7}

* html .boxDxMappe .rcDx {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='http://img.tuttocitta.it/tcolnew/img/corner-panel-maps-the-maps-dx.png'); background: none}


*/

/* override the root element to enable scrolling */ 
.box_ultimissime { 
    position:relative; 
    overflow:hidden; 
    clear:both;
    margin-top:20px;
    background: url(../img/omino-design.png) 24px 43px no-repeat;
	width: 485px;
	height: 222px;
	padding-top: 19px; 
	border: 1px solid #fff000;
} 
 
/* override single pane */ 
.box_ultimissime div { 
    float:left; 
    display:block; 
    width:263px; 
    margin-left: 190px;
    font-size:12px; 
} 
 
/* our additional wrapper element for the items */ 
.box_ultimissime .items { 
    width:20000em; 
    position:absolute; 
    clear:both; 
    margin:0; 
    padding:0; 
} 
 
.box_ultimissime .less, .box_ultimissime .less a { 
    color:#999 !important; 
    font-size:11px; 
}
.traspa {z-index: 2000; width: 374px; }
#pallo {padding: 15px 15px 18px 15px}
#pallo .palloinfo {float:left; width: 225px}
#pallo a {display: inline}
#pallo img {float: left; margin: 0 15px 0 0;}
#pallo h3 {margin:0; padding: 0 0 3px 0}
#pallo h4, #pallo .date, #pallo .moreinf {font-weight: bold; color: #008ab5;font-size: 13px;}
#pallo .date {font-size: 12px; position: relative; top:-1px}
#pallo .moreinf {font-size: 11px}
#pallo h4 {margin: 3px 0 15px 0;}
#pallo address {padding: 1px 0 8px 0}
#pallo .moreinf {padding: 6px 0 0 0}
.inse .triangolo {background: url('../img/triangolo-design.png') no-repeat; width: 46px; height: 39px}



/*regole per il boxfacebook


.MessageComposer .UIComposer_Content {width:328px;}
.gigaboxx_composer .field_set_wrapper dl.gigaboxx_field_set dd.gigaboxx_field {width:327px;}
.gigaboxx_composer dd.gigaboxx_field .inputtext {width:318px}
.gigaboxx_composer dd.gigaboxx_field .gigaboxx_noinput, .wallkit_post .wallkit_profilepic img {border: 1px solid red}*/