@charset "utf-8";
body  {
	font: 100% "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #000000;
}

a {
  text-decoration: none;
  color: inherit;
}

a img { border: none;}

a:hover { text-decoration: underline; }

h1,h2,h3 {
  padding: 18px 18px 0 18px;
  margin: 0 0 9px 0;
  font: 110% "Trebuchet MS", sans-serif;
  font-weight: bold;
  color: #555;
}

li { 
  list-style-type: none;
  padding:0;
  margin: 0;
}

ul { padding: 0; }

strong { color: #555;}

.box {
  margin:0;
  margin-bottom: 18px;
  float: left;
  width: 50%;
  padding: 0;
}

.full {
  width: 100%;
}

.half { width: 25%;}

.third { width: 75%;}

.box p {
  padding: 9px 18px 0 9px;
  margin: 0 0 0 9px;
  line-height: 21px;
}

.box img {
  margin: 0 9px 0 18px;
  padding: 0;
  float: left;
}

.box p img {
  padding: 0;
  margin: 0;
  
}

.portfolio { 
  margin: 0;
  width: 920px;
  /*border-bottom: solid medium #db212c;*/
  clear: both;
  float: none;
  padding:0;
  margin-left: 10px;
  margin-right: 30px;
}

.imgportfolio {
  border: solid thin #aaa;
  margin-right: 9px;
}

.evidence { color: #db212c;}

.underline { text-decoration: underline;}

* {
  margin: 0;
}

html, body {
  height: 100%;
}

#logo { margin: 0; padding: 9px 0 0 0;}

#container { 
	width: 960px;
	margin: 0 auto;
  padding: 0;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

#header {
	padding: 0;
	margin-bottom: 9px;
}

#header h1 { margin-left: 24px;}

#header ul {
  float: right;
  padding: 3px;
  margin: 54px 36px 0 0;
  color: #FFFFFF;
  background: #db212c;
  font-weight: bold;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

#header li {
  list-style-type: none;
  float: left;
  margin: 0 6px;
  padding: 3px;
  padding-right: 9px;
  border-right: solid thin #8a1717;
}

#header li#last { border-right: none;}

#header li:hover { padding-top: 2px;}


#main, #content { 
  margin: 0;
	padding:0;
	width: 100%;
	clear: both;
	margin-bottom: 36px;
}

#main a, #content a { color: #db212c;}

#banner {
  background: url(images/main_bg.png) top left no-repeat;
  width: 960px;
  height: 300px;
  color: #FFFFFF;
  margin: 0;
  clear:both;
  padding: 0;
}

#banner .box img {
  padding: 0;
  margin: 0;
}

#content .box img {
  float: left;
  margin: 0 9px 0 0;
}

img.pborder {
  border: solid 1px gray;
}

#content .boxtitle {
  color: #db212c;
  padding: 0;
  margin: 0 0 0 18px;
  position: relative;
  width: 100%;
  height: 20px;
  overflow: hidden;
  display: block;
}

#content span#grafica_t,#content span#consulenza_t,#content span#formazione_t,#content span#software_t {
  position: absolute; left: 0; top: 0; z-index: 1;
  margin: 0;
  padding: 0;
  padding-left: 18px;
  height: 20px;
  width: 100%;
}

#content span#grafica_t { background: #FFFFFF url(images/grafica_t.png) top left no-repeat; }
#content span#consulenza_t { background: #FFFFFF url(images/consulenza_t.png) top left no-repeat; }
#content span#formazione_t { background: #FFFFFF url(images/formazione_t.png) top left no-repeat; }
#content span#software_t { background: #FFFFFF url(images/web_t.png) top left no-repeat; }

span#prevBtn { margin: 0 0 0 30px;}
span#nextBtn { margin: 0 30px 0 0; float: right; display: inline-block; }

#footer {
  -webkit-border-top-left-radius: 9px;
  -webkit-border-top-right-radius: 9px;
  -moz-border-radius-topright: 9px;
  -moz-border-radius-topleft: 9px;
  margin: 0 auto;
  width: 960px;
  background: url(images/gray_bg.png) repeat;
  color: #FFFFFF;
  clear:both;
  padding: 6px;
  font-size: small;
  
  position: relative;
  bottom: 0px;
  height: 18px
} 

.fltrt {
	float: right;
}

.fltlft {
	float: left;
}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}