/* PUBLIC PAGES CSS */

/***************************************/
/* A T T R I B U T I   G E N E R A L I */
/***************************************/
html {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: url('../images/greca_sfondo.png') repeat 2px 0px;
}

body {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

a {
  text-decoration: none;
  font-weight: bold;
  color: #727272;
}

a:hover {
  text-decoration: underline;
}

p {
  line-height: 1.6;
}

/*********************/
/* H O M E   P A G E */
/*********************/
body.body_home div#main div#central {
  background: url('../images/sfondo_centrale_home.png') no-repeat;
  width: 960px;
  height: 588px;
  margin: auto;
}

body.body_home div#main div#central div#left-black-band {
  background: #363636;
  width: 2000px;
  height: 150px;
  position: relative;
  top: -11px;
  left: -2000px;
}

body.body_home div#main div#central div#right-black-band {
  position: relative;
  left: 960px;
  top: -161px;
  width: 2000px;
  height: 150px;
  background: #363636;
}

body.body_home div#main div#central ul#buttons-container {
  list-style: none;
  margin: 0;
  padding: 0;

  width: 810px;
  height: 150px;
  position: relative;
  top: 139px;
  left: 227px;
}

body.body_home div#main div#central div#buttons-container {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 810px;
  height: 150px;
  position: relative;
  top: 139px;
  left: 250px;
  font-size: 250%;
  text-align: left;
}

body.body_home div#main div#central ul#buttons-container li {
  list-style: none;
  width: 244px;
  height: 75px;
  border: none;
  float: left;
  margin: 0;
  color: #363636;
}

/*body.body_home div#main div#central div#buttons-container a {
  font-family: Lucida Sans Unicode, Lucida Sans, Lucida Grande, sans-serif;
  font-size: 200%;
  text-align: right;
  padding: 0px 0px 0px 5000px;
  width: 244px;
  height: 75px;
  display: block;
  text-decoration: none;
  color: #363636;
  margin: 0;
  background-repeat: no-repeat;
  background-position: 0 -75px;
}*/

body.body_home div#main div#central ul#buttons-container li a:hover {
  background-position: 0 0;
}

body.body_home div#main div#central div.home-bottom-box {
  width: 240px;
  height: 100px;
  position: relative;
  border-top: 1px solid #363636;
  color: #363636;
  font-style: italic;
}


/*******************************/
/* P A G I N E   I N T E R N E */
/*******************************/

body.body_internals div#container {
  width: 940px;
/*  height: 840px;*/
  background: white;
  margin: auto;
  padding: 10px;
}

body.body_internals div#central {
  background: white;
  width: 940px;
  height: 852px;
}

body.body_internals_pagina_lunga div#container {
  width: 940px;
  background: white;
  margin: auto;
  padding: 10px;
}

body.body_internals_pagina_lunga div#central {
  background: white;
  width: 940px;
}

div#testata {
  background: white;
  height: 105px;
  margin-bottom: 10px;
}

img#logo-top-left, img#logo-footer {
  float: left;
  margin-right: 1px;
}

ul.top-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.top-menu li {
  list-style: none;
  width: 114px;
  height: 40px;
  border-bottom: 4px solid white;
  float: left;
  margin: 0px 1px 1px 0px;
}

ul.top-menu li a {
  display: block;
  width: 114px;
  height: 40px;
  color: #363636;
  background-position: 0 0;
  background-repeat: no-repeat;
}

ul.top-menu li a.chosen,
ul.top-menu li a:hover {
  background-position: 0 -40px;
  border-bottom: 4px solid #FF8500;
}

.top-menu-shorter {
  width: 113px !important;
  margin: 0px 0px 0px 0px !important;
}

h1#titolo {
    width: 560px;
    height: 50px;
    float: left;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 5px 0px;
    border-bottom: 5px solid #ebebeb;
    text-align: left;
}

a#link_lingua {
    display:block;
    width: 118px;
    padding: 0px 0px 5px 0px;
    border-bottom: 5px solid #ebebeb;
    float: right;
    padding: 39px 0px 0px 0px;
}


div#footer {
  background: #5e5e5e;
  width: 940px;
  height: 40px;
  margin: 10px 0px 0px 0px;
  color: #FFFFFF;
  text-align:left;
}

div#footer a {
  color: white;
}

/*******************************************/
/* P A G I N E   M E N U   L A T E R A L E */
/*******************************************/
div#side-menu {
  background: #ebebeb;
  width: 251px;
  height: 852px;
  float: left;
  text-align:left;
}

div#right-big-box {
  width: 680px;
  height: 576px;
  float: left;
  margin: 0px 0px 0px 9px;
}

div#side-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 10px;
  overflow: hidden;
}

div#side-menu ul li {
  list-style: none;
  background: #ebebeb;
  width: 251px;
  height: 26px;
  border: none;
  margin: 0;
  display: block;
}

div#side-menu a {
  background-repeat: no-repeat;
  background-position: 0 -26px;
  color: #363636;
  display: block;
  padding-left: 300px;
  text-decoration: none;
  width: 251px;
  height: 26px;
}
  
div#side-menu a.current,
div#side-menu a:hover {
  background-position: 0 0;
}

.link_side_menu {
    margin-left:16px;
}

.descrizione_generale {
    padding: 8px;
}


/*******************************************/
/* P A G I N A   D E L   P O R T F O L I O */
/*******************************************/
div#right-big-box div.site-container {
  width: 330px;
  height: 237px; /*157*/
  float: left;
  margin-bottom: 30px;
}

div#right-big-box div.site-container div.image-container {
  background: white;
  width: 320px;
  height: 170px; /* 110*/
  border: 5px solid #afafaf;
  margin-bottom: 5px;
}

div#right-big-box div.site-container div.image-container img {
  width: 310px;
  height: 160px;
}

div#right-big-box div.image-container img {
  margin: 5px 0px 0px 0px;
  width: 660px;
  height: 383px;
}

div#right-big-box div.site-container a.button {
  display: block;
  height: 15px;
  float: left;
  margin: 0px 1px 2px 0px;
}

div#right-big-box div.site-container p {
  text-align: left;
  clear: both; 
}

div#right-big-box div.site-horz-spacer {
  width: 20px;
  height: 157px;
  float: left;
}

div#right-big-box p.page-navigation {
  position: absolute;
  top: 689px;
  width: 620px;
}

div.image-container {
  background: white;
  width: 670px;
  height: 393px;
  border: 5px
  solid #afafaf;
  margin-bottom: 20px;
}

/*******************************************/
/* P A G I N A   D E L   P R O F I L O     */
/*******************************************/
.profilo_body {
    border: 5px solid #AFAFAF;
    text-align: left;
    color: #727272;
    padding: 16px;
    font-size: 120%;
}

.tabella_clienti td {
    border: none;
    width:210px;
    padding: 5px;
    text-align:center;
}
/*******************************************/
/* P A G I N A   S O L U Z I O N I         */
/*******************************************/
.strillo {
    font-size: 120%;
    border: 3px solid #E47700;
    padding: 8px; 
    margin-bottom: 16px;
}
.strillo p {
    margin: 0px
}


/*******************************************/
/*               F O N T                   */
/*******************************************/
@font-face {
	font-family: 'YanoneKaffeesatzThin';
	src: url('../font/kaffeesatzthin-webfont.eot');
	src: local('☺'), url('../font/kaffeesatzthin-webfont.woff') format('woff'), url('../font/kaffeesatzthin-webfont.ttf') format('truetype'), url('../font/kaffeesatzthin-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'YanoneKaffeesatzRegular';
	src: url('../font/kaffeesatzregular-webfont.eot');
	src: local('☺'), url('../font/kaffeesatzregular-webfont.woff') format('woff'), url('../font/kaffeesatzregular-webfont.ttf') format('truetype'), url('../font/kaffeesatzregular-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'YanoneKaffeesatzBold';
	src: url('../font/kaffeesatzbold-webfont.eot');
	src: local('☺'), url('../font/kaffeesatzbold-webfont.woff') format('woff'), url('../font/kaffeesatzbold-webfont.ttf') format('truetype'), url('../font/kaffeesatzbold-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'YanoneKaffeesatzLight';
	src: url('../font/kaffeesatzlight-webfont.eot');
	src: local('☺'), url('../font/kaffeesatzlight-webfont.woff') format('woff'), url('../font/kaffeesatzlight-webfont.ttf') format('truetype'), url('../font/kaffeesatzlight-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.YanoneKaffeesatzThin {
    font-weight: normal;
    font-style: normal;
    line-height:normal;
    font-family: 'YanoneKaffeesatzThin', sans-serif;
    font-size-adjust: 0.5;
}
.YanoneKaffeesatzRegular {
    font-weight: normal;
    font-style: normal;
    line-height:normal;
    font-family: 'YanoneKaffeesatzRegular', sans-serif;
    font-size-adjust: 0.5;
}
.YanoneKaffeesatzBold {
    font-weight: normal;
    font-style: normal;
    line-height:normal;
    font-family: 'YanoneKaffeesatzBold', sans-serif;
    font-size-adjust: 0.5;
}
.YanoneKaffeesatzLight {
    font-weight: normal;
    font-style: normal;
    line-height:normal;
    font-family: 'YanoneKaffeesatzLight', sans-serif;
    font-size-adjust: 0.5;
}

.button,
.button:visited,
.button:hover {
    background: #FF8500;
    /* font-family: 'YanoneKaffeesatzThin', sans-serif;*/
    font-family: 'Yanone Kaffeesatz', serif;

    font-weight: bold;
/*    letter-spacing:1px; */
    font-size: 8pt;
    color: white;
    text-decoration: none;
    display:block;
    width: 60px;
    height: 15px;
    text-align: center;
}


div#side-menu .twtr-hd a,
div#side-menu .twtr-bd a,
div#side-menu .twtr-ft a {
    padding:0;
    display: inline;
}

div.twtr-hd /*,
div.twtr-ft,
div.twtr-ft a.twtr-user*/ {      
    display:none;
    width: 0px;

}
/* vim:set expandtab tabstop=2 shiftwidth=2 softtabstop=2 smarttab syntax=css tw=2000: */


div#side-menu a.link_soluzioni_selected,
div#side-menu a.link_soluzioni {
    padding:0px;
    padding-left:6px;
    text-transform:uppercase;
    font-size:140%; 
    font-family:'Yanone Kaffeesatz', serif; 
    border-left: 4px solid #363636;
    margin-left: 10px;
    height: 18px;
}
div#side-menu a.link_soluzioni_selected,
div#side-menu a.link_soluzioni:hover {
/*    color: #FF8500; */
    border-left: 4px solid #FF8500;
}


div.team {
    width: 319px;
    height: 170px;
    border-bottom: 0px solid gray;
    margin-bottom: 10px;
    float: left;
}

div.team p {
    font-size: 90%;
}

img.team_photo {
    height: 150px; 
    float: left;
    padding-right:16px;
}

img.qr_code {
    height: 100px; 
    float: left;
    padding-top: 6px;
}