/**** STRUTTURA PAGINA GENERALE ****/

body {
 color: #000000;
 background-color: #FB6E16;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 padding-bottom: 5px;
}

a { color: #D45D13; text-decoration: underline; }
a:hover, a:active, a:focus { color: #D49D13; text-decoration: underline; }

/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {
 font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}

/* Small text */
small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption {
 color: #666666;
 font-size: 92%;
}

/* Heading */
h1 { font-size: 180%; }
h2 { font-size: 150%; }
h3 { font-size: 125%; }
h4 { font-size: 100%; text-transform: uppercase; }
p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 { margin: 1em 0; padding: 0; }
ul { list-style: none; }
ul li {
 padding-left: 30px;
 background: url(../images/bullet.gif) no-repeat 18px 8px;
 line-height: 180%;
}
ol li { margin-left: 35px; line-height: 180%; }
th { padding: 5px; font-weight: bold; text-align: left; }
fieldset {
 border: none;
 padding: 10px 5px;
 background: url(../images/hdot2.gif) repeat-x top;
}
fieldset a { font-weight: bold; }
hr {
 border-top: 1px solid #CCCCCC;
 border-right: 0;
 border-left: 0;
 border-bottom: 0;
 height: 1px;
}
td, div { font-size: 100%; }
img { border: none; }


/*** FORM ***/

form { margin: 0; padding: 0; }

form label { cursor: pointer; }

input, select, textarea, .inputbox {
 padding: 3px 5px;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 100%;
}

.button {
 padding: 3px 5px;
 border: 1px solid #333333;
 background: url(../images/grad1.gif) repeat-x top #333333;
 color: #CCCCCC;
 font-size: 85%;
 text-transform: uppercase;
}

.button:hover, .button:focus {
 border: 1px solid #999999;
 background: #333333;
 color: #FFFFFF;
}

* html .button { padding: 2px 0 !important; /*IE 6*/ }
*+html .button { padding: 2px 0 !important; /*IE 7*/ }

.inputbox {
 border: 1px solid #CCCCCC;
 background: #FFFFFF;
}

.inputbox:hover, .inputbox:focus { background: #FFFFCC; }


/*** JOOMLA STYLE ***/

table.blog { }
.article_separator { clear: both; display: block; height: 20px; }
.article_column { }
.column_separator { padding: 0 25px; }

/* content tables */
td.sectiontableheader { padding: 4px; border-right: 1px solid #fff; height: 25px; }
tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td { padding: 4px; }

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 { padding: 3px; }
table.contentpane { border: none; width: 100%; }
table.contentpaneopen { border: none; border-collapse: collapse; border-spacing: 0; }
table.contenttoc { margin: 0 0 10px 10px; padding: 0; width: 35%; float: right; }
table.contenttoc a { text-decoration: none; }
table.contenttoc td { padding: 1px 5px 1px 25px; background: url(../images/bullet-list.gif) no-repeat 5% 50%; }
table.contenttoc th { padding: 0 0 3PX; border-bottom: 1px solid #CCCCCC; text-indent: 5px; }

table.poll { padding: 0; width: 100%; border-collapse: collapse; }
table.pollstableborder { padding: 0; width: 100%; border: none; text-align: left; }
table.pollstableborder img { vertical-align: baseline; }
table.pollstableborder td { padding: 4px!important; border-collapse: collapse; border-spacing: 0; }
table.pollstableborder tr.sectiontableentry1 td { background: #ECECEC; }

table.searchintro { padding: 10px 0; width: 100%; }
table.searchintro td { padding: 5px!important; }

table.adminform { }
.adminform .inputbox { }

.blog_more { padding: 10px 0; background: url(../images/hdot.gif) repeat-x top; }
.blog_more strong { margin: 0 0 5px; display: block; font-size: 125%; }
.blog_more ul { margin: 0; padding: 0; }
.blog_more ul li { margin: 0; padding: 0 0 0 17px; background: url(../images/bullet.gif) no-repeat 6px 8px; }

.category { font-weight: bold; }

h1.componentheading, .componentheading {
	padding: 5px 0 15px;
	margin: 0 0 10px;
	background: url(../images/hdot.gif) repeat-x bottom;
}

.componentheading, .contentheading { font-size: 200%; font-weight: bold; }
.contentdescription { padding-bottom: 30px; }

h2.contentheading, .contentheading {
	padding: 5px 0 8px;
	margin: 0;
	font-weight: normal;
}

table.blog .contentheading { font-size: 150%; }

.contentheading { font-size: 200%; }


a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus { text-decoration: none !important; }

a.readon {
 float: left;
 margin-top: 10px;
 padding: 1px 5px 1px 14px;

 border: 1px solid #F6F6F6;
 display: block;
 background: url(../images/arrow.png) no-repeat 5px 48%;
 color: #006699;
 font-weight: bold;
 text-decoration: none;
 text-transform: uppercase;
}


a.readon:hover, a.readon:active, a.readon:focus {
 border: 1px solid #ECECEC;
 background: url(../images/arrow.png) no-repeat 5px 48% #FFFFFF;
}

table.contentpaneopen td, table.contentpane td { }
table.contentpaneopen, table.contentpane, table.blog { width: 100%; }

.moduletable { padding: 0; }

ul.pagination {
	margin: 15px auto;
	padding: 10px 0;
	background: url(../images/hdot.gif) repeat-x top;
}

ul.pagination li {
	margin: 0;
	padding: 0;
	display: inline;
	background: none;
}

ul.pagination li span { padding: 2px 5px; }
ul.pagination a { padding: 2px 5px; border: 1px solid #F6F6F6; }

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
	border: 1px solid #ECECEC;
	background: #FFFFFF;
}

.pagenavbar { padding-left: 14px; }
.pagenavcounter { padding: 8px 14px 0 14px; }

.sectiontableheader { padding: 8px 5px; background: #AD4C10; color: #FFFFFF; }
.sectiontableheader a { color: #FFFFFF; text-decoration: none; font-weight: bold; }

tr.sectiontableentry1 td { padding: 8px 5px; background: url(../images/hdot2.gif) repeat-x bottom; }
tr.sectiontableentry2 td { padding: 8px 5px; background: url(../images/hdot2.gif) repeat-x bottom #ECECEC; }

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td { background: url(../images/hdot2.gif) repeat-x bottom #FFFFCC; }

.smalldark { text-align: left; }

div.syndicate div { text-align: center; }

.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td { background: none; }


/***  MISCELLANOUS ***/

#form-login p { margin: 0 0 5px; }
#form-login ul { margin: 10px 0 0; }
#form-login .inputbox { width: 90%; }

.clr { clear: both; }
.hasTip img { margin: 10px 5px 0 0; border: none; }

/* Tooltips */
.tool-tip {
	float: left;
	border: 1px solid #D4D5AA;
	padding: 5px;
	background: #FFFFCC;
	max-width: 200px;
}

.tool-title {
	padding: 0;
	margin: 0;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
	font-size: 100%;
	font-weight: bold;
}

.tool-text {
	margin: 0;
	font-size: 100%;
}

#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul {
	padding: 0;
	margin: 0;
}

#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
	background: none;
	padding: 5px;
	margin: 0;
	color: #FFFFFF;
}

/* System Standard Messages */
#system-message dd.message ul {
	background: #006699;
	border: none;
}

/* System Error Messages */
#system-message dd.error ul {
	background: #BF0000;
	border: none;
}

/* System Notice Messages */
#system-message dd.notice ul {
	background: #EE9600;
	border: none;
}

/* Clearfix */
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	width: 100%;
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* Firefox Scrollbar Hack - Do not remove */
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}


/*** LAYOUT GENERALE ***/

#container{
 overflow: hidden;
 width: 960px;
 margin: 0 auto;
 border: 1px solid black; 
 background: url("../images/sfondi/sfondo0.jpg") top center no-repeat;
 background-color: #FFFFFF;
 position: relative;
 z-index: 0;
}

#header { width: 960px; }
#leftRail { position: relative; float: left; width: 149px; top: 70px; padding-bottom: 120px; }
#center { position: relative; float: right; width: 660px; top: 35px; padding-bottom: 60px; z-index: 3; }
#wrapper { position: relative; float: left; width: 810px; top: 50px; padding-bottom: 30px; z-index: 2; }
#rightRail { position: relative; float: right; width: 150px; top: 300px; }

#corpo_testo, #pie_pagina {
 position: relative;
 background: url("../images/vetro_middle.png") top left repeat-y; 
 background-position: 10px 0;
 text-align: left;
 width: 560px;
 padding-top: 20px;
 padding-left: 50px;
 padding-right: 50px;
 z-index: 3;
}

#pie_pagina {
 text-align: center;
}


/**** ELEMENTI MOBILI ****/

#logo {
 float: left;
 position: absolute;
 top: 50px;
 width: 100%;
 text-align: center;
 z-index: 4;
}

#boccale {
 float: right;
 position: absolute;
 left: 650px;
 top: 2px;
 z-index: 2;
}


/**** MENU FORMATO PALETTI SENTIERI ****/

#top_menu {
 position: absolute;
 left: 10px;
}

ul.menu {
 background-image: url("../images/sfondo_menu.png");
 background-repeat: repeat-y;
 padding-top: 10px;
 margin-top: 10px;
 margin-left: 10px;
 padding-left: 0px;
}

ul.menu li {
 list-style-type: none;
 background: url("../images/menu.gif") top left no-repeat;
 display: block;
 width: 105px;
 padding-bottom: 4px;
 padding-top: 0px;
}

#current, 
ul.menu li:hover {
 background-position: right top;
}

.parent.active ul a, 
#current.active ul a, 
ul.menu a {
 list-style-type: none;
 text-decoration: none;
 font-weight: bold;
 color: #FFFFFF;
 display: block;
 /* padding-left: 34px; */
}

#current a,
#current.active a:hover,
ul.menu a:hover {
 color: #000000;
}

.parent.active ul, 
#current.active ul {
 margin-left: -30px;
 /*padding-left: -30px;*/
 padding-top: 5px;
 padding-bottom: 1px;
}