/* Neutralize styling: 
   Elements we want to clean out entirely: */
   
html, body, form, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd,  {margin: 0; padding: 0;}
html {font-size:100%;}
img {border:0;}
ul {list-style:none;}
label {cursor:auto}


/* ############ Miscellaneous conveniences ############*/
fieldset { border: none;padding:0; margin:0}
input, select, textarea {font: inherit; vertical-align:middle}
br.clear, .clear {clear:both; line-height:0; height:0}
.left {float:left}
.right {float:right}
.center {text-align:center}
.alignRight {clear:both; text-align:right}

/* ############ page title ############*/
.title {
	position:absolute;
	top:125px;
	left:-19px;
	width:89px;
	height:36px;
}
.subtitle {
	position:absolute;
	top:125px;
	right:20px;
	width:407px;
	height:35px;
}

/* ############ Breadcrumbs ############*/
.breadcrumbs {
	position:absolute;
	top:175px;
	left:-20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#747ca2;	
}
.breadcrumbs .current{
	color: #505b84;
}

/* ############ Apply styles ############ */
html {background:#FFF url(images/bg_page.gif) top left repeat-x}
body {font: 12px/1.4 Arial, Helvetica, sans-serif;color:#363835; text-align: center; padding:0; margin:0; background: #FFF url(images/menu/bg_serranda.png) top left repeat-x;  }
/*link*/
a, a:visited  {text-decoration:none; color:#333f73; outline:none;}
a:hover  {text-decoration:underline; outline:none;}

/*titoli*/


/*############ struttura principale ######## ####*/
#wrapper { margin:20px auto 0; text-align:left; padding: 10px 0 0; width:980px;  background:#f4f1ea url(images/bg_page.jpg) center top no-repeat;  position:relative;}
#header { position:relative; height:156px; width:930px; margin:0 auto; padding-bottom:20px;}
#col-left {float:left; width:660px; padding-bottom:20px; display:inline}
#col-right {float:right; width:280px; display:inline}


/* ############ header ############# */
#header {
	height: 153px;
	z-index: 100;
	position: relative;
}
* html #header .bgspan {
	display: block;
	position: relative;
	background: url('images/menu/serranda.png') no-repeat bottom left;
	width: 1902px;
	height: 133px;
	z-index: 50; 
	margin-left: -460px;
}
#header .content{
	height: 133px;
	width: 940px;
	z-index: 100;
	position: relative;
	left:-5px;
	margin-left: auto;
	margin-right: auto;
	/*overflow: hidden;*/
}

#header .logo{
	width: 377px;
	height: 80px;
	position:absolute;
	bottom:19px;
	left:317px;
	/*background: url('images/logo.png') no-repeat;*/
	cursor:pointer;
	z-index: 1000;
}

#header .content .logo h1{
	visibility:hidden;
}

#bottega {
	width:740px;
	height:108px;
	position:relative;
	left:-37px;
	top:45px;
	background:url(images/menu/bottega.png) 0 0 no-repeat;
}

/************************************
* 	M E N U
*************************************/
#header .content .menu {
	width: 940px;
	height:46px;
	position:absolute;
	left:0;
	top:0;
	z-index: 1000;
}

#header .content .menu ul.reglog{
	margin:0;
    padding:0;
	float:right;
	display:block;
	height: 46px;
}

#header .content .menu ul.reglog li{
	float:left;
	display: block;
}

#header .content .menu ul.reglog li a{
	text-indent:-999em;
	line-height:999em;
	font-size:0;
	overflow:hidden;
	display:block;
	width:100%;
	height:46px;
}

#header .content .menu ul.reglog li .login{
	background:url(images/menu/login_off.jpg) 0 0 no-repeat;
	width:48px;
}
#header .content .menu ul.reglog li .login:hover{
	background:url(images/menu/login_on.jpg) 0 0 no-repeat;
}
#header .content .menu ul.reglog li .registrati{
	background:url(images/menu/registrati_off.jpg) 0 0 no-repeat;
	width:74px;
}
#header .content .menu ul.reglog li .registrati:hover{
	background:url(images/menu/registrati_on.jpg) 0 0 no-repeat;
}
#header .content .menu ul.reglog li .logout{
	background:url(images/menu/logout_off.jpg) 0 0 no-repeat;
	width:70px;
}
#header .content .menu ul.reglog li .logout:hover{
	background:url(images/menu/logout_on.jpg) 0 0 no-repeat;
}
#header .content .menu ul.reglog li .profilo{
	background:url(images/menu/profilo_off.jpg) 0 0 no-repeat;
	width:71px;
}
#header .content .menu ul.reglog li .profilo:hover{
	background:url(images/menu/profilo_on.jpg) 0 0 no-repeat;
}

#header .content .menu .voci{
	position:absolute;
	top:0;
	left:0;
	width: 750px;
	height:46px;
	list-style:none;
	margin:0;
	padding:0;
}
#header .content .menu .voci li{
	float:left;
	height:46px;
	display:block;
	position:relative;
}

#header .content .menu .voci a{
	display: block;
	width:100%;
	height:46px;
}

#header .content .menu .voci .home {
	background: url(images/menu/home_off.jpg) no-repeat top left;
	width: 48px;
}

#header .content .menu .voci .home_active,
#header .content .menu .voci .home:hover {
	background: url(images/menu/home_on.jpg) bottom left no-repeat;
	width: 48px;
}
#header .content .menu .voci .iniziativa {
	background: url(images/menu/iniziativa_off.jpg) no-repeat top left;
	width: 89px;
}

#header .content .menu .voci .iniziativa_active,
#header .content .menu .voci .iniziativa:hover {
	background: url(images/menu/iniziativa_on.jpg) bottom left no-repeat;
	width: 89px;
}

#header .content .menu .voci .eventi{
	background: url(images/menu/eventi.jpg) no-repeat center center;
	width: 89px;
}
#header .content .menu .voci .eventi_active, 
#header .content .menu .voci .eventi:hover {
	background: url(images/menu/eventi_on.jpg) no-repeat center center;
	width: 89px;
}

#header .content .menu .voci .itinerari {
	background: url(images/menu/itinerari_sfizio_off.jpg) no-repeat center center;
	width: 146px;
}

#header .content .menu .voci .itinerari_active, 
#header .content .menu .voci .itinerari:hover {
	background: url(images/menu/itinerari_sfizio_on.jpg) no-repeat center center;
	width: 146px;
}

#header .content .menu .voci .tuoi_itinerari{
	background: url(images/menu/tuoi_itinerari_off.jpg) no-repeat center center;
	width: 113px;
}

#header .content .menu .voci .tuoi_itinerari_active, 
#header .content .menu .voci .tuoi_itinerari:hover {
	background: url(images/menu/tuoi_itinerari_on.jpg) no-repeat center center;
	width: 113px;
}

#header .content .menu .voci .prodotti{
	background: url(images/menu/mondo_off.jpg) no-repeat center center;
	width: 184px;
}

#header .content .menu .voci .prodotti_active, 
#header .content .menu .voci .prodotti:hover {
	background: url(images/menu/mondo_on.jpg) no-repeat center center;
	width: 184px;
}

#header .content .menu .voci .blog{
	background: url(images/menu/blog_off.jpg) no-repeat center center;
	width: 52px;
}

#header .content .menu .voci .blog_active, 
#header .content .menu .voci .blog:hover {
	background: url(images/menu/blog_on.jpg) 0 0 no-repeat;
	width: 52px;
}

#header .content .menu .voci .home_active span, #header .content .menu .voci .home span,
#header .content .menu .voci .iniziativa_active span, #header .content .menu .voci .iniziativa span,
#header .content .menu .voci .eventi_active span, #header .content .menu .voci .eventi span,
#header .content .menu .voci .itinerari_active span, #header .content .menu .voci .itinerari span,
#header .content .menu .voci .tuoi_itinerari_active span, #header .content .menu .voci .tuoi_itinerari span,
#header .content .menu .voci .blog_active span, #header .content .menu .voci .blog span,
#header .content .menu .voci .prodotti_active span, #header .content .menu .voci .prodotti span{
	font-size: 15pt;
	display: none;
}



/* ############ corpo pagina ############ */
#container {padding:20px 10px 0; }


/*post*/
.post {clear:both; margin-bottom:40px; background: url(images/top_post.png) top left no-repeat; padding:10px 0; /*position:relative;*/}
.post h1 {font: normal 18px  Arial, Helvetica, sans-serif; color:#cf2827; margin:0 0 5px; width:500px;}
.post h1 a {color:#cf2827;font-weight:normal }
.post .categorie {font-size:11px; color:#666; margin-bottom:7px; width:500px;}
.post .data {font-weight:bold;}

.post .bottoneWeekend {position:absolute; top:0; right:0;}

.post a {color:#cf2827; font-weight:bold}
.meta {clear:both; font-size:11px; position:relative; background:#FFF url(images/bottom_post.gif) bottom left no-repeat; padding:10px 0; _margin-top:-10px}
.meta .tag { width:475px; padding-left:15px}
.meta .commenti {position:absolute; bottom:10px; _top:10px; right:15px;  background:url(images/ico_commenti.gif) center left no-repeat; padding:2px 0 2px 16px;}
.post .meta a, .post .categorie a { color:#333f73}

.post .content {padding:10px 15px 0; background:#FFF; float:left; width:630px; position:relative;}

.post .content img.bottCercaPost {position:absolute; right:50px; top:-13px;}

.post p {margin:0 0 10px;}
.wp-caption-text {display:none}
.wp-caption {float:left; margin-right:10px}
.post img {float:left; margin:3px 10px 5px 0;}
.post img.alignleft {float:left; margin-right:10px; margin-bottom:5px}
.post img.alignright {float:right; margin-left:10px;margin-bottom:5px}
.post img.aligncenter {display:block; margin:5px auto; float:none}
a.more-link {font-weight:bold}

.post ul { margin:10px;}
.post ul li { background:url(images/bg_list_post.gif) 0 6px no-repeat; padding-left:10px}

.post ol {margin:10px 20px}
.post ol li {line-height:22px;}

.post blockquote {margin: 1em auto 1em auto;text-align: left;text-indent: 25px; }
.post blockquote p {line-height: 1.8;margin: 0;display: inline;padding-right:24px;font-style:italic;}

/*post*/
.paginazione {clear:both; position:relative; padding-top:2px;  margin:-20px 5px 0}
.paginazione .next { position:absolute; top:2px; right:0}
.paginazione a {color:#333f73; font-weight:bold}


/*commenti*/

h3#comments, h3#respond { margin:40px 0 10px; color:#002648; text-transform:uppercase; padding-bottom:2px; background:url(images/bg_dot.gif) bottom left repeat-x; font-size:14px}

#commentform { padding:10px 0;}
#commentform label {display:block; font-size:13px; float:left; width:100px}
#commentform label small {color:#000;}
#commentform p {padding: 6px 0px;margin: 0px; clear:both}
#commentform input {width: 200px; border: 1px solid #bfa262;padding: 3px; margin-bottom: 6px; margin-right:10px}
#commentform textarea {width:545px; height:200px; border: 1px solid #bfa262;padding: 2px; margin-top: 3px;}
#commentform textarea:focus, #commentform input[type="text"]:focus {background: #efede9;}
#commentform #submit {width:auto; height:auto; border: none;float:right; margin-right:5px}

ol.commentlist {list-style:none; margin: 10px 0px; padding:10px 0; line-height: 130%; } 
.commentlist li { padding: 15px 10px; position: relative; border-bottom:1px dotted #bfa262;} 
.commentlist li p {margin-right:30px}
.commentlist .avatar { position: absolute; top: 15px; right: 10px; border: solid 1px #ededed; padding: 1px; background: #fff; } 
.commentlist .alt { background: #FFF; } 
.commentlist cite, .commentlist cite a, .commentlist cite a:visited { font-weight: bold; font-style: normal; font-size: 12px; color: #002648; } 
.commentlist small { margin-bottom: 5px; display: block; font-size: 87%; color:#666;}
.commentlist small a {color:#666;}



/* ########### sidebar ########### */
#col-right {}
#col-right ul {margin:0; padding:0}
#col-right a {color:#363835; }
#col-right .box { margin: 0 10px 30px 0; clear:both; background:url(images/bg_dot.gif) bottom left repeat-x; padding-bottom:20px}
#col-right .box h4 { text-transform:uppercase; font-size:13px;color:#333f73; margin:0 0 10px}
#col-right .box ul, #feed ul { padding:0; margin:0}
#col-right .box li { background: url(images/bg_list.gif) 0 6px no-repeat; padding-left:13px; line-height:18px}

/* cercasfizio 
#cercasfizio {position:absolute; right:-27px; top:-37px;}
*/

/* frase
#frase {background:url("images/cartello.gif") top right no-repeat; height:70px; width:735px; position:absolute; top:-40px; left:5px; z-index:99; font-size:14px; }
#frase span {font-weight:bold;}
#frase p {padding-top:5px; margin:0; width:555px; float:left;}
#frase a {width:180px; height:30px; display:block; float:right;}
 */


/* bottone-facebook 
#bottone-facebook {margin:150px 0 10px;}
*/
/*twitter
#twitter { background:url(images/bg_twitter_bottom.gif) bottom left no-repeat; margin-bottom:10px; padding-bottom:30px;}
#twitter #twitterCont {padding:52px 22px 10px; background:url(images/bg_twitter_top.gif) top left no-repeat; }
#twitter abbr {border:0;}
#twitter span.twitter-timestamp {font-size:10px; color:#a1a1a1; display:block; margin-top:7px;}
#twitter ul li {background:url(images/bg_dot.gif) bottom left repeat-x; padding-bottom:7px; margin-bottom:7px;}
*/

/*social
#col-right #social-cercasfizio { height:93px; margin:10px 0; background:url("images/bg_social_cercasfizio.gif") no-repeat}
#col-right #social-cercasfizio h4 {display:none;}
#col-right #social-cercasfizio ul {padding:40px 0 0 12px;}
#col-right #social-cercasfizio li { display:inline; background:transparent; padding:0}
#col-right #social-cercasfizio li img { vertical-align:middle; margin-right:10px}
#col-right #social-cercasfizio a:hover  { text-decoration:none}
*/



/*ricerca*/
#form-search {padding-bottom:20px; background:url(images/bg_dot.gif) bottom left repeat-x; margin:0 10px}
#form-search  label {display:none}
#form-search input { vertical-align:middle}
input#search {border:#c1c1c1 1px solid; padding:3px 10px 2px; width:190px; background:#efede9}

#boxTop { background:url(images/bg_search.gif) top left no-repeat; padding:20px 0 0; margin-bottom:20px;}

/*feed*/
#feed { background:#FFF; padding:10px 0; margin:0 10px}
#feed li {padding: 4px 0}
#feed a {color:#363835; }
#feed img { vertical-align:middle; margin-right:5px}

/*social*/
#social { background:#FFF; /*padding:10px 0;*/ margin:0 10px;}
#social h4 { text-transform:uppercase; font-size:13px;color:#333f73; margin:0 0 5px}
#social li { padding: 4px 0;display:inline;}
#social li img { vertical-align:middle; margin-right:5px}
#social a:hover  { text-decoration:none}

/*video*/
#video {margin-bottom:35px}


/* ########### archivio e ricerca ########### */
#archivio h1 {margin:0}
#archivio h2 {font:normal 14px Arial, Helvetica, sans-serif; margin-top:0; margin-bottom:26px}
/*#archivio img {float:left;}*/
#archivio .data {margin-bottom:0}
#archivio .tag {}


/* ########### errore ########### */
#alert a {color:#bfa262; font-weight:bold}
#alert h3 {margin-top:0}
#alert ul {padding:0; margin:20px 10px; font-size:14px}
#alert ul li { background:url(images/bg_list.gif) center left no-repeat; padding-left:13px; line-height:24px}



/* ########### pagina ########### */
#page h1 { margin:0 0 10px;}
#chisiamo img {border:#1f2c59 1px solid; padding:2px}


/* ########### footer ########### */
#footer { clear:both; margin:0 auto 20px; text-align:right; position:relative; width:960px; padding:2px 10px; font-size:11px; height:80px; color:#666}
#footer #logo {position:absolute; top:10px; left:10px;}
#footer #info {position:absolute; top:15px; left:80px; line-height:160%; font-size:10px; text-align:left; backgroubnd:yellow;}
#footer a {color:#666}
#footer  li a {font-size:9px; padding-right:8px; padding-left:6px;}
#footer  li {
	background: url(images/pipe.gif) no-repeat right;
	list-style: none;
	list-style-position: outside;
	display:inline;
}
#footer ul li.last {background-image:none; padding-right:0;}
#footer ul li.last img {margin-bottom:-3px;}

/* ======= cercasfizio - foto ==== */
img.foto {border:3px solid #aaadc7; margin-right:10px;}

#col-right #rss-3 {background:url("images/bg-itinerari-top.png") top left no-repeat;; padding-top:32px;}
#col-right #rss-3 ul {background:url("images/bg-itinerari-bottom.png") bottom left no-repeat; padding:0px 10px 25px;}
#col-right #rss-3 h4 {display:none;}
#col-right #rss-3 ul li {margin-bottom:10px; background: url("images/red-arrow.png") no-repeat 0 6px transparent}
#col-right #rss-3 ul li a {color:#333F73; font-size:13px;}
#col-right #rss-3 ul li .rss-date {font-size:11px; color:#999;}
#col-right #rss-3 ul li .rssSummary {display:none;} 

#col-right #text-4.box {margin-top:-20px;}
#cercasfizio-sidebar {width:280px; padding:32px 0 0; background:url("images/bg-cercasfizio-sidebar.png") top no-repeat;}
#cercasfizio-sidebar table {margin-left:8px;}
#cercasfizio-sidebar table img.foto {margin-right:6px;}
#cercasfizio-sidebar table p {margin:12px 0;}
*:first-child+html #cercasfizio-sidebar {padding-top:35px;}
*:first-child+html #cercasfizio-sidebar table p {margin:8px 0;} 

#col-right #autoriDOC {background:url("images/box-doc-top.png") top center no-repeat; padding-top:96px;}
#col-right #autoriDOC  ul {background:url("images/box-doc-bottom.png") bottom center no-repeat; padding:5px 20px 20px;}
#col-right #autoriDOC  ul li {margin-bottom:10px; background: url("images/red-arrow.png") no-repeat 0 6px transparent}
#col-right #autoriDOC  ul li a {color:#333F73; font-size:13px;}
#col-right #autoriDOC ul li .doc-date {font-size:11px; color:#999;}