/* CSS Document */

* {margin:0; padding:0;	font-size:100%;}

body {text-align:center; 
      /* background:#DFDEDD; */
      background:#DFDEDD url(../images/header-tail.jpg) left top repeat-x;
      /* padding: 466px 0 0; */
      }

img {vertical-align:top;}
a img {border:0;}

table {border-collapse:collapse; border:0;}

.table01 {border:1px solid #6699CC; border-collapse:collapse; background: #FFFFFF url(../images/content-tail.jpg) repeat-x scroll left bottom;
          font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif; margin: 0 auto 20px auto; width: 85%; }
.table01 th {border-bottom: 1px dashed #6699CC; color: #A06B4C; font-size: 14px; font-weight: bold; padding: 12px 17px; }
.table01 td {color: #6B5E50; padding: 7px 17px; }
.table01 tbody tr:hover td:first-child { font-weight: bold; }

.table02 { border-collapse:collapse; font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif; font-size:12px; margin: 0px 0px 0px 50px;  text-align:left; }
.table02 th {border-bottom:2px solid #6678B1; border-left:30px solid #FFFFFF; border-right:30px solid #FFFFFF; color:#003399; font-size:14px; font-weight:normal; padding:8px 2px; }
.table02 td {border-left:30px solid #FFFFFF; border-right:30px solid #FFFFFF; color: #6B5E50; padding:12px 2px 0; }

html, input, textarea {font-family: Arial, Helvetica, sans-serif; font-size:0.813em; line-height:1.385em; color: #646464; /*color:#6B5E50;*/}
input, select {vertical-align:middle; font-weight:normal;}

a {text-decoration:none; color:#D4532C;color:#646464; font-weight: bold;}
a.orange {text-decoration:none; color:#D4532C; font-weight: normal;}
a:hover {text-decoration:underline; color: #1561a6;}
ul {list-style:none;}
ul li {line-height:1em; background:url(../images/list-marker.gif) left top no-repeat; padding:0 0 5px 10px;}
li a {text-decoration:none;}

.ul2 {list-style: disc outside; padding: 0 15px 0 15px;}
.ul2 li {line-height: 1.8em; background:none; padding:0 0 5px 10px;}
.ul2 li a {text-decoration:none;}

.float-l {float:left;}
.float-r {float:right;}
.clear {clear:both; font-size:0%; line-height:0%; height:0;}

#main { width:960px; margin:0 auto; text-align:left;
        /* overflow:hidden; */
        /* height:100%; */ }

p.gotop {font-size: 0.813em; text-align:right; color: #D4532C; padding-right: 35px; }

p.gotop a {padding-left: 10px; background: url("../images/arr_up.gif") no-repeat left center; text-decoration: none; color: #D4532C; font-weight: normal;}
p.gotop a:hover {text-decoration:underline;}

span.goback {font-size: 0.813em; text-align:right; color: #D4532C; padding-right: 35px; float: right;}
span.goback a {padding-left: 10px; background: url("../images/arr_back.gif") no-repeat left center; text-decoration: none; color: #D4532C; font-weight: normal;}
span.goback a:hover {text-decoration:underline;}

/***************header***************/
#header 
{        
    position: static;
    top: 0;    
    /* left: 0; */
    left: 152px;
    height:441px; 
    /* width: 100%; */
    width: 960px;
    padding-top:10px;    
    /* background:#DFDEDD url(../images/header-tail.jpg) left top repeat-x; */
    z-index:999;    
    }
    
@media screen{
  body div#header{
   /* position: fixed; */
  }
 }    
 
 #header .wrapper
 {
     /* width: 960px; */
     /* margin: 0 auto; */
     /* background: url(../images/header-tail2.jpg) left top repeat-x; */
     padding-bottom: 1px;
 }

.logox {float:left; padding:4px 56px 37px 41px;}
.logo {float:left; padding:3px 10px 10px 10px;}

.menu {float:left; width: 500px;}
.menu li {float:left; padding-left:20px;}

.menu li a {color:#5A352A; display:block; width:79px; text-align:center; font-size:1.077em; font-weight: normal; padding:30px 0 19px;}
.menu .m1 a {border-top:4px solid #7CAB8D;}
.menu .m2 a {border-top:4px solid #7EA8C6;}
.menu .m3 a {border-top:4px solid #9F548B;}
.menu .m4 a {border-top:4px solid #D54042;}
.menu .m5 a {border-top:4px solid #9B161F;}

.menu .m1 a:hover, .menu .m1 .act {background:#7CAB8D; color:#FEFEFE;}
.menu .m2 a:hover, .menu .m2 .act {background:#7EA8C6; color:#FEFEFE;}
.menu .m3 a:hover, .menu .m3 .act {background:#9F548B; color:#FEFEFE;}
.menu .m4 a:hover, .menu .m4 .act {background:#D54042; color:#FEFEFE;}
.menu .m5 a:hover, .menu .m5 .act {background:#9B161F; color:#FEFEFE;}

.slogan {background:#FFF url(../images/slogan-tail.jpg) left top repeat-x; padding-bottom: 10px; position:relative; width: 960px; margin: 0 auto;}
.slogan-bg {background:url(../images/slogan-img.jpg) 1px 1px no-repeat; padding:50px 0 141px 499px;} 
.slogan .arrow {position:absolute; right:87px; top:206px;}
.slogan .flag {position:absolute; right:8px; top:5px;}


/***************content***************/
#content 
{
  background:#FFF url(../images/content-tail.jpg) left bottom repeat-x;
  /* height:100%; */
  /* overflow:auto; */
  padding-top: 2px;
  width: 960px;
 }

#content .col-1,
#content .col-2,
#content .col-3 {float:left;}
 
    
.wrapper {width:100%; overflow:hidden;}
.img-indent {float:left; margin:0 28px 0 1px;}
.phone {float:right; margin-right:128px;}
cite {font-style:normal;}

.border {border-left:1px solid #DBD7D7; border-right:1px solid #DBD7D7;}

.col-1 {width:616px;}
.col-2 {width:320px; font-size:1.077em; line-height:1.286em;}

.row-1 {background:url(../images/row-1-tail.jpg) left bottom repeat-x; min-height:260px; height:auto !important; height:260px;}
.row-2 {min-height:337px; height:auto !important; height:337px; color:#646464;}

.row-1 .inner {padding:0 31px 0 43px;}
.row-2 .inner {padding:38px 21px 0 43px;}

.text {padding:0 32px 40px 43px;}

.evidenziato
{
    color:#A06B4C; 
    font-weight:bold;
}

.img-border {
   padding:2px;
   border:1px solid #DBD7D7;
}

.offertedilavoro 
{
    padding: 3px 5px 3px 5px;
    border:0 solid #EEEEEE;
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    overflow:hidden;
    position:relative;    
}

.offertedilavoro a { text-decoration:none; font-weight: normal; color:#D4532C; }
.offertedilavoro a:hover { text-decoration:underline; }

.offertedilavoro table {
    margin:5px 0;
    width:98%;
}

.offertedilavoro table .spacer div {
    border-bottom:1px solid #E6E6E6;
    margin:10px 0;
}

.offertedilavoro table .spacerHeader div {
    border-bottom:1px solid #E6E6E6;
    margin:5px 0 10px;
}

.offertedilavoro table .spacerFooter div {
    border-bottom:1px solid #E6E6E6;
    margin:10px 0 5px;
}

.offertedilavoro table .col1 {
    width:85%;
}

.offertedilavoro table .col2 {
    text-align:center;    
    vertical-align:top;
    width:15%;    
}
.offertedilavoro table .col1 .title {
    letter-spacing:0.05em;
    margin-bottom: 0;
}
.offertedilavoro table .col1 .title a {
}

.offertedilavoro div.header 
{
    padding: 3px 5px 3px 5px;
    background: #FAFAFA url(../images/23782-15.jpg) repeat-x scroll center bottom;
    border-color: #CCCCCC;    
    border-style: solid solid none;
    border-width: 1px 1px 0;
    overflow: hidden;
    position: relative;
}

.offertedilavoro table .header {
    border-bottom:1px solid #EEEEEE;    
    color:#A06B4C;
    color: #1561a6;
    font-size:1.231em;
    font-weight:normal;
    line-height:1.5em;
    padding-bottom:5px;    
}

.offertedilavoro div.body   
{
  padding: 3px 5px 3px 5px;    
  background: #FFFFFF none repeat scroll 0 0;
  border-color: #CCCCCC;
  border-style: none solid none solid;
  border-width: 0 1px 1px;        
  height: 500px;
  position: relative;
  
  overflow-y: scroll;
  overflow-x: none;
	
  scrollbar-3dlight-color:#CCCCCC; 
  scrollbar-arrow-color:#A06B4C;
  scrollbar-base-color:#FAFAFA; 
  scrollbar-darkshadow-color :#C9A699;
  scrollbar-face-color:#FAFAFA; 
  scrollbar-shadow-color:#CCCCCC;
  scrollbar-track-color:#FAFAFA;
  scrollbar-highlight-color:#CCCCCC;
  
}

.offertedilavoro table .col1 .areasect 
{
    padding-top: 5px;
    color: #A06B4C;
    color: #646464;
    /*font-size:13px;*/
    /*padding-top:20px;*/
}

.offertedilavoro table .col1 .areasect table {
    border:0 solid;
    border-collapse:collapse;
    border-spacing:0;
    margin:0;
    width:100%;
}

.offertedilavoro table .col1 .areasect table .col2 {
    text-align:right;
    width:200px;
}

.offertedilavoro table .col1 .areasect span {
    font-family:Sans-Serif;
    font-size:10px;
    padding:0 5px 0 0;
}

.offertedilavoro table .col1 .intro {
    padding-top:2px;
}

.offertedilavoro div.vGrip {
    background: #FAFAFA url(../images/wbg.gif) repeat-x scroll 0 -1px;    
    border-color: #CCCCCC;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    height: 5px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.advpreview 
{
    padding: 0 15px 0 15px;
}

.advpreview .header 
{    
} 

.advpreview .header .col1
{
    color: #A06B4C;
    width: 35%;
}

.advpreview .body
{
    padding-top: 15px;  
    /*line-height: normal !important;*/
    /*margin: 0 !important;    */
}

.advpreview .footer
{
    padding: 25px 0 10px 0;
}

.advpreview .footer a.apply 
{
    width: 270px;
}

#accordion div
{
    height: 300px; 
    overflow:auto;
}

/***************titles***************/
.title {margin-bottom:21px; padding-top: 10px}
.slogan .title {margin-bottom:23px;}
.box2 .title {border-bottom:2px solid #CBC1C0; padding:0 0 2px 5px; margin-bottom:15px;}

h1 {font-size:1.4em; line-height:1.6em; font-weight:normal; padding-bottom:5px; color: #1561a6;}

h2 {font-size:1.231em; line-height:1.5em; font-weight:normal; padding-bottom:5px; color:#A06B4C;color:#1561a6;}
.row-1 h2 {color:#D4532C;color:#1561a6;}
.row-2 h2 {color:#A06B4C;color:#1561a6;color:#646464; font-weight: bold; font-size: 1.0em}

h3 {font-size:1.077em; color:#A06B4C; font-weight:normal; padding-bottom:5px;}

/***************links***************/
.button, .button-un {display:block; text-decoration:none; color:#48494B; font-size:0.923em; line-height:1em; float:left; width:97px;
	background:url(../images/button-left.png) left top no-repeat; cursor:pointer;}
.button:hover, .button-un:hover {color:#829E57;}
.button span, .button-un span {display:block; background:url(../images/button-right.png) right top no-repeat;}
.button span span, .button-un span span {display:block; background:url(../images/button-tail.png) left top repeat-x; margin:0 6px 0 31px; padding:7px 0 12px 3px;}

.button-un {width:120px;}

.link1, .link2, .link3, .link4, .link5 {font-size:0.923em; margin-left:8px;font-weight: normal;}
.link1 {color:#92387E;}
.link2 {color:#7784B4;}
.link3 {color:#72A48D;}
.link4 {color:#D67651;}
.link5 {color:#A06C4C;}

.cform {padding: 3px 19px 0 0; margin: 0 2px 0 0; text-decoration:none; color:#D4532C; color:#646464; Background:url(../images/email_go.png) right top no-repeat; cursor:pointer;}
.cform:hover {color:#1561a6;}


/***************boxes***************/
.box1 {background:#F5F3F3 url(../images/box1-tail.gif) left bottom repeat-x; margin-bottom: 50px;}
.box1 .box-left {background:url(../images/box1-tail.gif) left top repeat-y;}
.box1 .box-top {background:url(../images/box1-tail.gif) left top repeat-x;}
.box1 .box-right {background:url(../images/box1-tail.gif) right top repeat-y;}
.box1 .box-top-left {background:url(../images/box1-top-left.gif) left top no-repeat;}
.box1 .box-top-right {background:url(../images/box1-top-right.gif) right top no-repeat;}
.box1 .box-bot-left {background:url(../images/box1-bot-left.gif) left bottom no-repeat;}
.box1 .box-bot-right {background:url(../images/box1-bot-right.gif) right bottom no-repeat; width:100%;}
.box1 .inner {padding:23px 13px 23px 12px;}
.box1 a {font-size:1.0em; margin-left:0px;}

.box2 {background:#FFF url(../images/box2-bot.gif) left bottom repeat-x;}
.box2 .box-left {background:url(../images/box2-left.gif) left top repeat-y;}
.box2 .box-top {background:url(../images/box2-top.gif) left top repeat-x;}
.box2 .box-right {background:url(../images/box2-right.gif) right top repeat-y;}
.box2 .box-top-left {background:url(../images/box2-top-left.gif) left top no-repeat;}
.box2 .box-top-right {background:url(../images/box2-top-right.gif) right top no-repeat;}
.box2 .box-bot-left {background:url(../images/box2-bot-left.gif) left bottom no-repeat;}
.box2 .box-bot-right {background:url(../images/box2-bot-right.gif) right bottom no-repeat; width:100%;}
.box2 .inner {padding:15px 22px 22px 0;}
.box2 .marker {float:left; margin-top:9px; position:relative; }
.box2 .text {padding:0 0 0 82px;}

/***************form***************/
#contactForm {padding:20px 15px 0 10px;}
#contactForm #content {width: 97%;}
#contactForm #content > .wrapper {height: 370px;}
 
#contactForm .float-l {width:190px;}
#contactForm .float-l div {height:33px;}
#contactForm input, #contactForm textarea {font-size:1em; line-height:1em; border:1px solid #CECBCB; padding:1px 0 0 7px;}
#contactForm input {height:18px; width:188px;}
#contactForm textarea {overflow:hidden; height:102px; width:318px;}

.buttons {text-align:right; padding-top:1px;}
.buttons a {margin-left:13px; float:right; width:72px;}
.buttons span span {padding:7px 4px 12px 0}

/***************positioning***************/
.margin1 {margin-bottom:26px !important;}

.padding1 {padding-bottom:33px !important; text-align:justify;}
.padding2 {padding-bottom:26px; text-align:justify;}
.padding3 {padding-bottom:23px !important; text-align:justify;}
.padding4 {padding-bottom:18px; text-align:justify;}

.text-indent {padding-top:4px;}
.box-indent {padding-bottom:15px;}
.box2 p {padding-left:4px;}

/***************footer***************/
#footer {background:#FFF url(../images/footer-tail.jpg) left top repeat-x; text-align:center; color:#6B5E50; padding:34px 0 35px; width: 960px;}
#footer p {font-size:0.923em;}

#footer a {border-left:1px solid #6B5E50; padding-left:13px; margin-left:13px; color:#6B5E50;}

#footer ul {padding-bottom:9px;}
#footer li {display:inline; background:url(../images/footer-border.gif) left 6px no-repeat; padding:0 24px;}
#footer .extra {background:none;}
#footer li a {border:none; padding:0; margin:0; font-weight:normal;}
#footer li a:hover {text-decoration:underline;}