/* CSS Document */

body {
 background-color: #eae6e0;
 font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 margin: 0 auto;
 padding: 0;
 color: #333333;
}

img {
 border: none;
}

h1, h2, h3, h4, p, ul, li {
 margin: 0;
 padding: 0;
}

p {
 margin: 0 0 10px 0;
 font-size: 14px;
 line-height: 1.5em;
}

h2 {
 color: #c33818;
 font-size: 18px;
 padding: 10px 0;
}

h3 {
 color: #c33818;
 font-size: 14px;
 padding: 5px 0;
}

a {
 text-decoration: none;
 color: #000;
}

a:hover {
 text-decoration: underline;
 color: #c33818;
}

p a{
 text-decoration: underline;
}

ul {
 list-style-image:url('images/arrow.gif');
 padding: 10px 0 10px 15px;
}

li {
 color: #c33818;
 padding: 7px 0;
 font-size: 16px;
}

li a {
 text-decoration: none;
 color: #97a01b;
}

.clear {
 clear: both;
}

.container {
  width: 980px;
  margin: 0 auto;
  position: relative;
}

#header {
 background-color: #fff;
 height: 70px;
}

#header .container {
 height: 70px;
 width: 980px;
 position: relative;
}

#header .logo {
 position: absolute;
 left: 0px;
 bottom: 15px;
}

#header .nav, #header .lang {
 position: absolute;
 right: 0px;
 bottom: 15px;
}
#header .nav {
 margin-right: 55px;
 border-right: 1px solid #c33818;
 padding-right: 10px;
}
#header .lang {
 margin-right: -5px;
 _margin-right: 0;
}

#header .nav img, #header .lang img {
 float: left;
}

#main {
 background-image: url(images/top-white.gif);
 background-position: top;
 background-repeat: repeat-x;
}

#slideshow ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

#columns {
 position: relative;
 top: -20px;
 left: 0px;
 z-index: 999;
}

.column-top {
 background-image: url(images/column-bg.gif);
 background-position: 0px 20px;
 background-repeat: no-repeat;
 _background: none;
 _background-image: none;
 padding-left: 20px;
 padding-bottom: 20px;
 position: relative;
 overflow: hidden;
}

.column-bottom {
 border-top: 20px solid #eae6e0;
 background-image: url(images/column-bottom-bg.gif);
 background-position: top left;
 background-repeat: no-repeat;
 _background: none;
 _background-image: none;
 padding-left: 20px;
 padding-bottom: 1px;
 overflow: hidden;
}

.box {
 float: left;
 width: 300px;
 margin-right: 20px;
 background: #fff;
 margin-bottom: -1000px;
 padding-bottom: 1000px;
 display: inline;
 _margin-right: 10px;
}

.box .content {
 padding: 10px;
}

.box p {
 font-size: 12px;
}

.box h2 {
 color: #c33818;
 font-size: 18px;
 font-weight: bold;
 margin: 0 0 20px 0;
 line-height: 1.3em;
}

.box .content img {
 margin: 0 0 10px 0;
}

.box .content .next {
 _display: none;
 position: absolute;
 bottom: 0px;
}

.box .news h3 {
 color: #96a01b;
 font-weight: bold;
 font-size: 12px;
}

.box .news h3 a {
 color: #96a01b;
}

.box .news h3 a:hover {
 color: #c33818;
}

.box .news p {
 margin: 0;
}

h4 {
 margin: 3px 0;
 color: #c33818;
 font-weight: bold;
 font-size: 14px;
}

#footer {
 background-image: url(images/footer-bg.gif);
 background-repeat: repeat-x;
 background-position: bottom;
 background-color: #eae6e0;
 height: 50px;
}

#footer p {
 padding: 20px 20px 0px 20px;
 font-size: 10px;
 font-weight: bold;
}

#footer span {
 padding-left: 20px;
 font-weight: normal;
}

#content {
 padding: 20px 0 20px 20px;
 background-color: #fff;
 border-left: 20px solid #eae6e0;
 border-right: 20px solid #eae6e0;
}

#content h1 {
 color: #c33818;
 font-size: 24px;
 padding: 0 10px 30px 0;
 width: 590px;
}

#content .top-img {
 margin-bottom: 20px;
}

#content .text {
 width: 590px;
 float: left;
}

#content .nav {
 width: 310px;
 float: right;
 background-image: url(images/box-laterale-top.gif);
 background-repeat: no-repeat;
 background-position: top;
}

#content .nav #link, #content .nav #gallery, #content .nav #contatti {
 padding: 20px 20px 20px 30px;
}

#content .nav #gallery .thumb {
 padding-top: 20px;
}

 #altre-news li {
  font-size: 14px;
 }

#button-pages {
 border-left: 20px solid #eae6e0;
 border-right: 20px solid #eae6e0;
 overflow: hidden;
 background: #fff;
 padding-bottom: 20px;
}

#button-pages .box {
 margin-bottom: 0;
 padding-bottom: 0;
}

#button-pages .first, #button-pages .last{
 margin: 0;
}

#button {
 float:right;
 width: 630px;
 background: #fff;
}

.referenze {
    background-position: 15px 20px;
    background-repeat: no-repeat;
    display: block;
    cursor: pointer;
    height: 65px;
    width: 620px;
    text-indent:-9999px;
}
.ui-state-active .referenze {
    background-image: url('images/referenze.gif');
}
.ui-state-default .referenze {
    background-image: url('images/referenze-plus.gif');
}
#reference {
/*float:right;padding-top: 20px;background-image: url(images/reference-bg-top.gif); background-position: top left; background-repeat: no-repeat;*/
 width:630px;
 margin-bottom: 20px;
 background-color: #fff;
 _background: #fff;
 _background-image: none
}

#reference .title {
 padding: 0 20px 20px 20px;
}

#reference .brand {
 height: 100px;
 padding-left: 20px;
}

#reference .brand .logo {
 text-align: center;
 width: 120px;
 float: left;
}

#reference .brand .testo {
 width: 270px;
 float: left;
 padding-left: 40px;
 padding-top: 10px;
 height: 90px;
 overflow: hidden;
}

#reference .brand .testo p {
 font-size: 10px;
 margin: 0;
}

#reference .brand .foto {
 text-align: right;
 width: 150px;
 float: right;
}


.summary {
 background-image: url(images/column-bg.gif);
 background-repeat: no-repeat;
 padding-left: 20px;
 padding-bottom: 20px;
 border-top: 20px solid #eae6e0;
 border-bottom: 20px solid #eae6e0;
 position: relative;
 _background: none;
 _background-image: none;
 overflow: hidden;
}

.summary h2 {
 font-size: 14px;
 padding-top: 0;
 margin: 0;
}

.summary p {
 margin: 0;
}

#specialized-tractors p, #engineering-services p {
 padding-left: 120px;
}

#specialized-tractors {
 background-image: url(images/summary-specialized-tractors.jpg);
 background-position: 5px 85px;
 background-repeat: no-repeat;
}

#engineering-services {
 background-image: url(images/summary-engineering-services.jpg);
 background-position: 0px 75px;
 background-repeat: no-repeat;
}

.date {
 color: #000;
}

h3.date {
 font-weight: bold;
}

.allegati, .news-gallery {
 margin-top: 30px;
}

.didascalia {
    font-size:12px;
}

.allegati h4 {
 font-size: 14px;
 color: #000;
 margin: 0 0 5px 0;
 font-weight: bold;
}

.allegati a {
 color: #97A01B;
}

.allegati a:hover {
 color: #C33818;
}

.news-gallery img {
 margin: 5px;
}

#header .container .nav ul, #header .container .lang ul {
	margin: 0;
	padding: 0;
}
#header .container .nav li, #header .container .lang li {
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#header .container .nav li a, #header .container .lang li a {
	background-position:0 0;
	cursor:pointer;
	float:left;
	height:30px;
	text-indent:-9999px;
}
#header .container .nav li a:hover, #header .container .nav li a.selected {
	background-position:0 -30px;
}
#header .container .lang li a:hover, #header .container .lang li a.selected {
	background-position:0 -30px;
}
#header .container .nav #azienda {
	background-image:url(images/nav-azienda.gif);
	width: 61px;
}
#header .container .nav #contact-us {
	background-image:url(images/nav-contact-us.gif);
	width: 74px;
}
#header .container .nav #contatti {
	background-image:url(images/nav-contatti.gif);
	width: 59px;
}
#header .container .nav #cpn {
	background-image:url(images/nav-cpn.gif);
	width: 34px;
}
#header .container .nav #engineering-services {
	background-image:url(images/nav-engineering-services.gif);
	width: 131px;
}
#header .container .nav #know-how {
	background-image:url(images/nav-know-how.gif);
	width: 71px;
}
#header .container .nav #news {
	background-image:url(images/nav-news.gif);
	width: 40px;
}
#header .container .nav #servizi-ingegneria {
	background-image:url(images/nav-servizi-ingegneria.gif);
	width: 125px;
}
#header .container .nav #specialized-tractors {
	background-image:url(images/nav-specialized-tractors.gif);
	width: 132px;
}
#header .container .nav #the-company {
	background-image:url(images/nav-the-company.gif);
	width: 86px;
}
#header .container .nav #trattori-speciali {
	background-image:url(images/nav-trattori-speciali.gif);
	width: 107px;
}
#header .container .nav #azienda {
	background-image:url(images/nav-azienda.gif);
	width: 61px;
}

#header .container .lang #it {
	background-image:url(images/nav-it.gif);
	width: 21px;
}
#header .container .lang #en {
	background-image:url(images/nav-en.gif);
	width: 26px;
}
#header .container .lang #ch {
	background-image:url(images/nav-ch.gif);
	width: 26px;
}
#header .container .lang #ru {
	background-image:url(images/nav-ru.gif);
	width: 27px;
}

#hidden-content {
    display: none;
}
.info_popup {
    padding: 15px;
}
.info_popup h1 {
    margin-bottom: 15px;
    font-size: 22px;
}
.info_popup h2 {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    padding: 0;
    color: #333;
}
.info_popup p {
    font-size: 12px;
    margin-bottom: 5px;
}
.info_popup a {
    text-decoration: underline;
    color: #666;
}
.info_popup a:hover {
    text-decoration: underline;
    color: #C33818;
}
.info_popup ul {
    list-style-image: url(images/pop_arrow.gif);
    padding: 0 0 0 15px;
    margin-bottom: 10px;
}
.info_popup li {
    color: #333;
    font-size: 12px;
    padding: 3px 0;
}
.info_popup ul ul {
    list-style-image: url(images/pop_arrow_2.gif);
    margin: 5px 0;
}

.bubble p {
    margin: 0;
    font-size: 10px;
}
.bubble {
    display: none;
    width: 300px;
    position: absolute;
    z-index: 5;
    bottom: 50px;
    left: 530px;
}
.bubble-top {
    background: transparent url("images/bubble.gif") no-repeat scroll center top;
    padding: 10px 8px 0 8px;
}
.bubble-bottom {
    background: transparent url("images/bubble.gif") no-repeat scroll center bottom;
    padding-top: 15px;
}

#accordion {
    padding-right:10px;
    width:620px;
    font-size: 12px;
    float:right;  
}
#accordion h2, #accordion h3, #accordion p, #accordion ul , #accordion li {
    color: #333;
    font-size: 12px;
    margin: 0;
    padding: 0;
}
#accordion h3 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
}
#accordion .top { 
    height: 65px; 
    margin: 0; 
    background-position: 15px 5px;
    background-repeat: no-repeat;
    border-top: 1px solid #ccc;
    margin-top: 15px;
}
#accordion .top a {
    text-decoration: none;
    color: #333;
}
#accordion .top a:hover {
    color: #333;
}
#accordion .top p {
    font-size: 12px;
    margin: 2px 0;
}
#accordion .tractor-design {
    background-image: url('images/icon/tractor-design.gif')
}
#accordion .design {
    background-image: url('images/icon/design.gif')
}
#accordion .consulting {
    background-image: url('images/icon/consulting.gif')
}
#accordion .licence {
    background-image: url('images/icon/licence.gif')
}
#accordion .styling {
    background-image: url('images/icon/styling.gif')
}
#accordion .test {
    background-image: url('images/icon/test.gif')
}
#accordion .outsourcing-solutions {
    background-image: url('images/icon/outsourcing-solutions.gif')
}
#accordion .prototyping {
    background-image: url('images/icon/prototyping.gif')
}
#accordion .assistance {
    background-image: url('images/icon/assistance.gif')
}
#accordion .spare-parts {
    background-image: url('images/icon/spare-parts.gif')
}
#accordion .top, .inside {
    padding: 5px 10px 5px 90px; 
}
#accordion .inside h2 {
    margin: 10px 0 0 0;
    font-size: 12px;
    font-weight: bold;
}
#accordion .inside p, .inside img {
    margin: 5px 0 5px 0;
}
#accordion .inside li img {
    margin-bottom: 20px;
}
#accordion .inside ul {
    margin: 7px 0;
    padding-left: 25px;
    list-style-image: none;
}