/* Design by http://JoomlaThemes.co */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {background: transparent;border: 0;font-style: inherit;font-weight: inherit;margin: 0;padding: 0;outline: 0;vertical-align: baseline;} table {border-collapse: collapse;border-spacing: 0;}

/* Main Layout */
html {height: 100%;}
body { font:normal 12px/1.8em Arial, Helvetica, sans-serif; color:#000;background: #fff;}
body.contentpane {}
.background {position: absolute;width: 100%;}
h1,h2,h3,h4,h5,h6 {margin:0; padding:10px 0; font-weight:normal; color:#D9A654;font-family:'Squada One',Arial, Helvetica, sans-serif;}
.componentheading {font-size:20px; line-height:20px; margin:0; padding:0 0 10px 0; color:#D9A654}
h1{font-size:35px;}
h2 {font-size:30px;}
h3 {font-size:25px;}
h4,h5,h6 {font-size:20px;}
a,a.visited  {color: #D9A654;text-decoration: underline;}
a:hover{color:#000;text-decoration: none;}
ul {margin:0 0 0 15px;}
p {margin-top: 0;margin-bottom: 10px;}
blockquote {margin:5px; padding:5px; font-size:18px; font-family: "Times New Roman", Times, serif; font-style:italic}
element.style { height:auto;}
hr { width:100%; clear:both; border:none; height:2px; background:#eee; margin:0; padding:0;}
.clr {clear: both;}
.highlight { background:#e9ef48}
/* Header */
#header-w {background: url(../images/header.png) top center repeat-x;  height:198px;}
#header { position:relative;margin:0 auto; width:960px; }
.logo { position:absolute; top:70px; left:10px; color:#fff;}
.logo, .logo a { color:#fff; line-height:65px; font-size:70px; font-family:'Squada One',Arial, Helvetica, sans-serif; text-align:left; text-decoration:none;}
.world { width:460px; height:198px; position:absolute; top:0; right:0; background:url(../images/world.png) 100% 100% no-repeat}
#top { position:absolute; top:60px; right:20px; width:450px; color:#fff; background:url(../images/top.png) 0 0 repeat; padding:5px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 0 0 5px #fff;}
#top a {color:#fff}
/* News Module */
#news { width: 320px; float:right; position:relative; z-index:20}
#news li a { display:block;}
/* Login Module */
#login-form .login_label {}
#login_input { width:150px; float:right}
#login-form .login_remember { float:right;}
#login-form a { display:block; text-align:right}
/* Menu*/
#navr { margin:0 auto; position:relative; z-index:99; background:#462514}
#navl { width:960px; height:40px; padding:0; margin:0 auto;}
#nav {z-index:10; position:relative;}
#nav ul {margin:0; padding:0;height:40px; float:left; }
#nav ul li {list-style:none;float:left;position:relative; padding:0 7px 0 0; margin:0 5px 0 0; height:40px; line-height:40px; font-family:'Squada One',Arial, Helvetica, sans-serif;}
#nav ul li a { display:block;padding:0 3px 0 10px; margin:0;line-height:40px;text-decoration:none;font-size:18px;color:#D9A654;text-shadow:none;}
#nav ul li.active a { color:#fff; background:url(../images/nav-a.png) 0 50% no-repeat }
#nav ul li:hover, #nav ul li.active {background:url(../images/nav-li.png) 100% 50% no-repeat}
#nav ul li:hover a, #nav ul li a:hover{color:#fff;text-decoration:none; background:url(../images/nav-a.png) 0 50% no-repeat}
/* SubMenu */
#nav ul li.active ul li span.li-l,#nav ul li.active ul li span.li-r { background:none}
#nav ul li ul {position:absolute;width:200px;left:-999em; margin:0; padding:0;border-top:1px solid #5f331c; }
#nav ul li:hover ul, #menu ul li.sfHover ul {left:0;}
#nav ul li ul li:hover ul {left:200px; top:0}
#nav ul li ul li {padding:0;height:auto;width:200px; margin:0; border:none;}
#nav ul li:hover ul li a {text-shadow:none;margin:0; padding:5px 0 5px 10px;line-height:16px;height:16px;border-left:1px solid #5f331c;border-bottom:1px solid #5f331c;border-right:1px solid #5f331c;font-size:15px;font-weight:100;text-shadow:none;text-align:left;}
#nav ul li:hover ul li { background:none;}
#nav ul li:hover ul li a,
#nav ul li ul li a,
#nav ul li li ul li a,
#nav ul li.active ul li a,
#nav ul li ul li.active ul li a,
#nav ul li.active ul li a,
#nav ul li ul li.active ul li a { background:#462514;color:#D9A654; }
#nav ul li ul li a:hover,
#nav ul li ul li.active a,
#nav ul li.active ul li a:hover,
#nav ul li li ul li a:hover,
#nav ul li ul li.active ul li.active a,
#nav ul li ul li.active a, #nav ul li.active ul li a:hover{background:#D9A654;color:#fff;}
#nav ul li ul ul, #nav ul li:hover ul ul,#nav ul li:hover ul ul ul, #nav ul li:hover ul ul ul ul, #nav ul li.sfHover ul ul, #nav ul li.sfHover ul ul ul, #nav ul li.sfHover ul ul ul ul {left:-999em; padding:0; margin:-1px 0 0 0;border-top:1px solid #5f331c;}
/* Search Module */
#search { position:absolute; top:2px; right:20px;}
#search .inputbox { background:#dceefb; width:200px; height:25px; border:none; color:#000; padding:0 0 0 10px}
#search .search_button {background:url(http://www.civiltaforchetta.it/templates/jt003_j17/images/search-button.png) 0 0 no-repeat; width:16px; height:16px; border:none; text-indent:-9999em; margin:10px 0 0 -30px; cursor:pointer}
/* Content */
#main { margin:15px auto; padding:15px 0; background:#fff; position: relative; width:960px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 0 0 5px #ccc;}
#wrapper { margin:0 auto; width:930px;position: relative;padding:0}
#main-content { clear:both;margin:0 auto;padding:0; }
#comp_80 { width:600px; float:left; position:relative; padding:0; margin:0;  min-height:300px;}
#comp_100 { position:relative; padding:0;margin:0 auto;  min-height:300px; }
#comp-i {padding:0 10px;}
.full { padding:0 0 10px 0;}
/* Content styles */
#archive {padding:0; margin:0;}
.archive {padding:0;}
.archive .article-count {color:#999;}
.blog-featured {}
.items-leading {position: relative; clear:both; margin:0 0 20px 0;  padding:0;}
.leading { margin:0 0 20px 0; position:relative;}
.items-row {position: relative;clear:both;}
.item-separator {}
.item-page { position:relative}
.item-page-title {padding:0 70px 5px 0;}
.item-page-title, .item-page-title a {text-decoration:none;font-size:30px; line-height:30px;} 
.item-page-title a:hover {}
.buttonheading { position:absolute; top:5px; right:5px;}
.buttonheading .edit {float:right;margin:0 5px;}
.buttonheading .print { float:right; margin:0 5px;}
.buttonheading .email {float:right;margin:0 5px;}
.iteminfo {font-size: 12px;display:block;width: 100%; color:#888; margin:0;}
.iteminfo a {} .iteminfo a:hover {}
.iteminfo .category { padding:0 5px 0 0}
.iteminfo .sub-category {}
.iteminfo .create {}
.iteminfo .modified {}
.iteminfo .published {}
.iteminfo .createdby {font-weight:bold;}
.items-more {clear:both;} h3.items-more { font-size:14px; padding:0; margin:0;}
.items-more ol { margin:0 0 0 30px; padding:0}
table.category { width:100%}
/* Article Columns */
.cols-1 {width:100%; clear:both;}
.cols-2 .column-1{width:49%;float:left}
.cols-2 .column-2{width:49%;float:right;}
.cols-3 .column-1{width:32%;float:left}
.cols-3 .column-2{width:32%;margin-left:1%;float:left;}
.cols-3 .column-3{width:32%;float:right;}
.cols-4 .column-1{width:23%;float:left}
.cols-4 .column-2{width:23%;margin-left:1%;float:left;}
.cols-4 .column-3{width:23%;margin-left:1%;float:left}
.cols-4 .column-4{width:23%;margin-left:0;float:right}
.column-1, .column-2, .column-3, .column-4 { position:relative;margin:0 0 20px 0}
/* Contact styles */
th.item-title,th.list-title {padding:5px 2px; font-size:15px;text-align:left; font-weight:bold}
th.item-title a,th.list-title a{}
td.item-title,td.list-title {text-align:left; padding:3px 2px}
.contact label { width:100px;font-weight:bold; float:left}
.contact input { float:left;}
.contact .jicons-icons { float:left; padding:5px 10px 10px 0;}
.contact h3 { font-size:14px; padding:5px;}
.contact label { width:200px;}
.contact input { width:300px;}
.contact .checkbox input { width:10px;}
.contact textarea { width:300px;}
.contact .pane-toggler {display:block; cursor:pointer}
.contact .pane-toggler-down {display:block;cursor:pointer}
/* Module Spacing */
.spacer .module {float: left;}
.spacer.w99 .module {width: 100%;}
.spacer.w49 .module {width: 50%;}
.spacer.w33 .module {width: 33.3%;}
.spacer.w24 .module {width: 24.5%;}
/* Page NaSquada Onetion */
.readmore { padding:0; margin:0; line-height:16px;font-family: Geneva, Arial, Helvetica, sans-serif; text-transform:uppercase}
.readmore a { text-decoration:none; }
.readmore a:hover {}
ul.pagenav { display:block;} ul.pagenav li { list-style:none;}
.pagenav-prev { float:left;}
.pagenav-next { float:right}
#pagination {clear:both; text-align:center;  padding:0;}
.pagination { clear:both; text-align:center; padding:0;}
.pagination span,.pagination a{ background:none; padding:5px;}
.inputbox, input, textarea, select {background:#fff; border:1px solid #d4d4d4;}
/* Breadcrumbs */
.breadcrumbs { padding:0; margin:0 0 10px 0;}
.breadcrumbs a {}
.breadcrumbs .sep{ background:url(../images/arrow.png) 50% 50% no-repeat; padding:5px}
/* Sidebar */
#rightbar-w {width:310px; float:right;  margin:0;}
#sidebar {padding:0}
#sidebar .module {padding:0 10px; margin:0 0 20px 0;}
#sidebar .module-title {font-size:25px; line-height:25px; padding:0; margin:0 0 10px 0; }
#sidebar h3 {}
#rightbar-w  .module-title {}
#sidebar .module-body {margin:0; padding:0;}
#sidebar .module-body p{padding:0; margin:0;}
#sidebar  ul li { margin:0 5px; padding:0;}
/* Sidebar Menu*/
#sidebar .module ul.menu{margin:5px 0 0 0; padding:0;list-style:none; padding:0; list-style-type:none;}
#sidebar .module ul.menu li{ list-style:none; list-style-type:none;margin:0; padding:0; border-bottom:1px solid #eee;}
#sidebar  .module ul.menu li a {background: url(../images/li1.png) 0 50%  no-repeat; display:block;margin:0; padding:3px 0 3px 20px;  text-decoration:none; color:#999; font-family:'Squada One',Arial,  Helvetica, sans-serif; font-size:20px; line-height:20px;}
#sidebar .module ul.menu li a:hover {background: url(../images/li2.png) 0 50% no-repeat;  color:#000; text-decoration:none;}
#sidebar .module ul.menu li.active {}
#sidebar .module ul.menu li.active a{background: url(../images/li2.png) 0 50% no-repeat;color:#000;}
/* Sidebar SubMenu*/
#sidebar .module ul.menu li ul {margin:0;border-top:1px solid #eee;}
#sidebar .module ul.menu li ul li {background:none;  border-bottom:1px solid #eee; margin: 0 0 0 15px;   }
#sidebar .module ul.menu li ul li a{ }
#sidebar .module ul.menu li ul li a:hover{ border: 0; background: url(../images/li2.png) 0 50% no-repeat;  color:#000;}
#sidebar .module ul.menu li.active ul li a{background: url(../images/li1.png) 0 50% no-repeat; color:#999; }
#sidebar .module ul.menu li ul li.active, #sidebar .module ul.menu li.active ul li { background:none}
#sidebar  .module ul.menu li ul li.active a, #sidebar .module ul.menu li.active  ul li a:hover{background: url(../images/li2.png) 0 50%  no-repeat;  color:#000;}
#sidebar .module ul.menu li ul li.active ul li a {background: url(../images/li1.png) 0 50% no-repeat;color:#999; }
#sidebar .module ul.menu li ul li.active ul li.active a {background: url(../images/li2.png) 0 50% no-repeat;  color:#000; }
/* Modules 1 - Modules 2 */
#mods1{padding:0; margin:0 auto;clear:both;}
#mods2{padding:0; margin:0 auto;clear:both;}
#mods1 .module, #mods2 .module { margin:0;padding:0;}
#mods1 .inner, #mods2 .inner { padding:10px;}
#mods1 .module-title, #mods2 .module-title {margin:5px 0;padding:0;display: block; font-size: 25px; line-height: 25px; }
#mods1 .module-body, #mods2 .module-body {padding:0; margin:0;}
#mods1 a, #mods2 a {}
#mods1 a:hover, #mods2 a:hover {}
#mods1 ul, #mods2 ul {margin:0; padding:0;}
#mods1 ul li, #mods2 ul li { border-bottom:1px solid #eee ; list-style:none;}
#mods1 ul li:hover, #mods2 ul li:hover  {}
#mods1  ul li a, #mods2 ul li a { display:block; padding:0 0 0 20px;  background:url(../images/dot-orange.png) 0 50%  no-repeat;text-decoration:none;}
/* Modules 3 */
#mods3  {overflow: hidden;padding:0 10px; margin:0; clear:both;  background:#462514; color:#fff;  -moz-border-radius: 10px;  border-radius: 10px; box-shadow: 0 0 5px #fff; }
#mods3 .module { padding:0; margin:0;}
#mods3 .inner { padding:5px 10px 0 10px;}
#mods3 .module-title {margin:10px 0 5px 0;padding:0;display: block;height: 25px;font-size: 25px;color: #fff;}
#mods3 .module-body {padding:0; margin:0;}
#mods3 ul {margin:0 10px; padding:0;}
#mods3 ul li {border-bottom:1px solid #542f1c ; list-style:none;}
#mods3 ul li a {color:#fff;}
#mods3 a { color:#fff;}
#mods3 a:hover { color: #D9A654;}
#mods3 ul li:hover {}
#mods3  ul li a { display:block; padding:0 0 0 20px;  background:url(../images/dot-white.png) 0 50%  no-repeat;text-decoration:none;}
/* Footer */
#bottom-w {background:#DCBD99 url(../images/mods3.png) 0 0 repeat-x;  padding:15px 0;}
#bottom {width:960px; margin:0 auto; padding:0;}
#bottom-i {width:960px; margin:0 auto; padding:10px 0 0 0;} 
.copy { margin:0; padding:0 0 0 10px;font-size:12px; float:left;}
.copy a {font-size:12px;}
.orangedesign {margin:0; padding:0 20px 0 0; font-size:11px; color:#b8b8b8; text-align:right; float:right}
.orangedesign a { text-decoration:none; font-size:11px;color:#b8b8b8}

/* System Messages */
#system-message    { margin: 0; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message  dd ul { color: #0055BB; margin: 0; list-style: none; padding: 10px;  border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}
/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }
/* System Error Messages */
#system-message dt.error { display: none; }
#system-message  dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px  solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}
/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message  dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid  #F0DC7E; border-bottom: 3px solid #F0DC7E;}
/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}
#error {padding:20px;}
#error  .error { color:#FF0000; background:#fff; display:block; padding:10px;}
/* Tooltips */
.orawor{margin: -12px 0 0; padding:0;text-indent: -9999em; line-height:12px;}
.tip { float: left; background: #ffc; border: 1px solid #D4D5AA; padding: 5px; max-width: 200px;}
.tip-title  {padding: 0; margin: 0; font-size: 100%; font-weight: bold; margin-top:  -15px; padding-top: 15px; padding-bottom: 5px;}
.tip-text {font-size: 100%; margin: 0;}

/* begin Button */
.art-button-wrapper  .art-button{font-family: Arial, Helvetica, Sans-Serif; font-style:  normal; font-weight: normal; font-size: 12px; display: inline-block;  vertical-align: middle; white-space: nowrap; text-align:  left;  text-decoration: none !important; color: #462514 !important;  width: auto; outline: none; border: none; background: none;line-height:  30px; height: 30px; margin: 0 !important;padding: 0 14px !important;  overflow: visible; cursor: pointer; z-index: 0;}
.art-button img, .art-button-wrapper img{ margin: 0; vertical-align: middle;}
.art-button-wrapper{  vertical-align:  middle; display: inline-block; position: relative; height: 30px;  overflow: hidden;white-space: nowrap;width: auto; margin: 0;padding: 0;  z-index: 0;}
.firefox2 .art-button-wrapper{ display: block; float: left;}
.art-button-wrapper.hover .art-button, .art-button:hover{ color: #000 !important;text-decoration: none !important;}
.art-button-wrapper.active .art-button{color: #000 !important;}
.art-button-wrapper  .l, .art-button-wrapper .r{ display: block; position: absolute;  z-index: -1; height: 90px; margin: 0; padding: 0; background-image:  url('../images/button.png');}
.art-button-wrapper .l{ left: 0; right: 8px;}
.art-button-wrapper .r{width: 409px; right: 0; clip: rect(auto, auto, auto, 401px);}
.art-button-wrapper.hover .l, .art-button-wrapper.hover .r{top: -30px;}
.art-button-wrapper.active .l, .art-button-wrapper.active .r{top: -30px;}
.art-button-wrapper input{float: none !important;}
/* end Button */