html { font-size: 70% }
body { color: #fff; background-color: #c3a392; text-align: center; font-size: 100% }
table { border: 0; width: 100%; font-size:100% }
td { font-size: 1em; vertical-align: center; line-height: 120% }

/* FONTS */

body, td, input, textarea, select, #content-box .content-text { font-family: Verdana, Arial, Helvetica, sans-serif }
h1, header nav, .date-box { font-family: 'Oswald', sans-serif }
h1, h2, h3, h4, th { font-family: 'Orbitron', sans-serif }
header nav { font-family: "Trebuchet MS", 'Oswald', sans-serif }

/* FORMATTAZIONE LINK */

a { text-decoration: none }
a:link, a:visited, a:active { color: #FFF }
a:hover { color: #f9f9f9; text-decoration: none }

/* IMPOSTAZIONI BASE */

* { margin: 0; padding: 0 }
hr, .none, h1 span { display: none }
img { border: none; vertical-align: bottom }
.clear { clear: both; height: 0; overflow: hidden }
p { text-align: left; margin: 8px 0; line-height: 150% }
li { line-height: 150% }
blockquote { text-align: left; font-style: italic; margin: 1em; line-height: 150% }
input, textarea, select { font-size: 0.9em; color: #000; background-color: #f9f9f9; vertical-align: top; padding: 1px; border: 1px solid #e7e7e7; border-top-color: #999; border-left-color: #999 }
input.button { border: 1px solid #e7e7e7; border-bottom-color: #999; border-right-color: #999 }
input.checkbox { vertical-align: middle }

/* HEADERS */

h2 { font-style: normal; font-weight: normal; text-decoration: none; text-align: left }
h3 { color: #222; font-weight: bold; font-size: 14px; text-align: left }
h2#titopag { text-align: left; font-size: 24px; margin-bottom: 10px }

/* BOXES */

.wrap { margin: 0 auto; text-align: center }
.int { margin: 0 auto; text-align: left }
.float { float: left; text-align: center }
.border { border: 1px solid #e9e9e9 }
.ntm, .ntm h2, .ntm .box  { margin-top: 0!important; padding-top: 0!important }
.ntm h2 { line-height: 22px!important }
					  .fcol100 { width: 960px }
.col75 { width: 75% } .fcol75 { width: 720px }
.col66 { width: 66% } .fcol66 { width: 640px }
.col50 { width: 50% } .fcol50 { width: 480px }
.col34 { width: 34% }
.col33 { width: 33% } .fcol33 { width: 320px }
.col25 { width: 25% } .fcol25 { width: 240px }

.box { padding: 10px 0 }
.box .wrap { margin: 0 10px }
.box .int { margin: 0 20px; padding: 20px 0 }
.box h2 { color: #333; width: 100%; font-size: 24px; margin: 10px 0 5px }
.box h2 a { }
.box h2 strong { font-weight: normal; font-size: 28px }
.box h3 { font-size: 14px; margin: 5px 0 10px; font-style: normal; font-weight: normal; text-decoration: none }

ul.squares { margin-top: 15px; margin: 10px 0 }
ul.squares li { background: url('/img/bg/square-li-single.gif') no-repeat top left; display: block; font-size: 12px; margin: 10px 0 }
ul.squares li a { background-image: url('/img/bg/square-li.gif'); background-repeat: no-repeat; display: block; width: 300px; margin: 4px 0 }
ul.squares li a:link, ul.squares li a:visited, ul.squares li a:active { background-position: top left }
ul.squares li a:hover { background-position: top right }
ul.squares li a span { display: block; padding-left: 20px }

.padleft { display: block; padding-left: 20px }
.red { color: red }
.img-news { margin-bottom: 10px }

#slides, .slides_container, .slides_container div { width: 930px; height: 380px; display: block; overflow: hidden }

/* ID */

#page { text-align: center; width: 100%; font-size: 12px }
header { background: transparent url('/img/bg/header-2023.png') repeat-x; display: block; text-align: center; width: 100%; height: 50px }
header nav { display: block; text-align: center; width: 960px; height: 50px; position: relative; margin: 0 auto }
header nav ul { display: block; width: 960px; height: 44px }
header nav ul li { font-size: 18px; margin: 0; height: 44px; list-style-type: none; display: block; float: left }
header nav ul li:hover { /*background-color: #444;*/ }
header nav ul li a { display: block; height: 44px }
header nav ul li a:link, header nav ul li a:visited, header nav ul li a:active { color: #f6f6f6 }
header nav ul li a:hover { text-decoration: none; color: #FFF; background: transparent url('/img/bg/menu-arrow-white.gif') no-repeat bottom center }
header nav ul li span {  display: block; padding: 8px 10px; text-transform: none }
header nav ul li#nav-index a { border: none }
header nav ul li.sel a { color: #FFF; background: transparent url('/img/bg/menu-arrow-white.gif') no-repeat bottom center }

#main { margin-bottom: 0px; width: 100%; background-position: top center; background-repeat: no-repeat }
#main-int { width: 960px; margin: 0 auto; position: relative }

footer { display: block; width: 100%; text-align: center; color: #333; border-top: 2px solid #FFF; font-size: 10px }
footer .footwrap { width: 960px; height: 30px; text-align: left; position: relative; margin: 0 auto }
footer #copyright { position: absolute; top: 5px; left: 0; text-align: left }
footer #powered { position: absolute; top: 5px; right: 0; text-align: right }
footer span { text-transform: uppercase }

.post-img { text-align: right; float: right; margin: 10px 0 10px 10px }

.read-more { display: inline-block; margin: 10px 0; float: right; font-family: 'Oswald', sans-serif }
.read-more a { display: block }
.read-more a:link, .read-more a:visited, .read-more a:active { background-color: #fff }
.read-more a:hover { background-color: #fff; text-decoration: none }
.read-more a span { display: block; padding: 8px 12px; text-transform: uppercase; font-size: 15px; color: #303030 }
.read-more a, .read-more a:link, .read-more a:visited, .read-more a:active, .read-more a:hover {
	-webkit-transition: background-color .5s linear;
	-moz-transition: background-color .5s linear;
	-o-transition: background-color .5s linear;
	transition: background-color .5s linear;
}

.date-box { margin-top: 5px; width: 60px; height: 90px; background: transparent url('/img/bg/calendar-grey.png') no-repeat; color: #fff }
.date-box span { display: block; padding: 14px 0 0 2px; text-align: center; font-size: 14px; line-height: 16px }
.date-box strong { font-size: 21px; font-weight: normal; color: #fff }

#content-box h2 { font-weight: normal; color: #c3a392; font-size: 40px; margin: 0; padding: 0; line-height: 50px }
#content-box h2 strong { font-weight: normal; font-size: 50px }
#content-box h3 { font-weight: normal; color: #c3a392; font-size: 30px; margin: 0 0 20px; padding: 0; line-height: 40px }
#content-box h3 strong { font-weight: normal; font-size: 40px }
#content-box .content-text { font-size: 13px }
#content-box .content-text h4 { text-align: left; color: #c3a392; font-size: 15px }
#content-box .content-text p { line-height: 20px }
#content-box  #news-list p.date { margin: 20px 0 0; font-style: italic; text-align: right; font-size: 11px; color: #fff }
#content-box  #news-list div.date-box { float: left; margin-right: 10px; line-height: 150%; text-align: center; font-size: 13px }

.informativa { margin: 30px 0 }
.informativa h2 { margin: 30px 0 20px }
.informativa h3 { text-align: left; margin: 30px 0 15px; color: white }
.informativa ul, .informativa ol { margin: 15px }
.informativa li { text-align: left }


/* STANDARD */

.sx { text-align: left; float: left; margin: 10px 10px 10px 0 }
.dx { text-align: right; float: right; margin: 10px 0 10px 10px }
.left { text-align: left }
.right { text-align: right }
.center { text-align: center; margin: 0 auto }