html, body {
  margin: 0;
  padding: 0;
}
body {
  background: #eeeeee url(../img/mala.gif) no-repeat scroll left top;
  color: #333333;
  font-family: Tahoma,Verdana,Arial,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 0.7em;
  line-height: 110%;
  font-size-adjust: none;
  font-stretch: normal;
  text-align: left;
}
div#container {
  border: 1px dashed #cccccc;
  margin: 10em;
  padding: 0.1em;
  background: #ffffff url(../img/ul.png) no-repeat scroll right top;
  text-align: left;
  width: 51em;
  z-index: 50;
  opacity: 0.9;
}
div#header {
  border-top: 6px dashed #666666;
  margin: 1em 0 0;
  padding: 1em 0 0;
  height: 12em;
}
div#container, div#header {
  position: relative;
}
div#nav {
  width: 29em;
  height: 17em;
  position: absolute;
  top: 4.6em;
  left: 22em;
}
div#content, div#index-content {
  float: left;
}
div#content {
  margin: 0 0 0em 1em;
  width: 46em;
}
div#index-content {
  margin: 0 0 1em 1em;
  width: 34em;
}
div#extra {
  border-left: 6px solid #666666;
  border-bottom: 6px dashed #666666;
  margin: 0em 0em 1em;
  padding: 0 0.5em 0.5em;
  clear: right;
  float: right;
  width: 14em;
}
div#footer {
  border-top: 6px dashed #666666;
  margin: 0 0 1em;
  padding: 0 0 0 0.5em;
  background-color: #ffffff;
  clear: both;
  width: 98%;
}
div#testo {
  margin: 1em;
}
a {
  color: #b93d00;
  text-decoration: none;
}
#wrapper a:hover {
  text-decoration: underline;
}
#extra a:visited {
  border-bottom: 1px dotted #b93d00;
}
li a {
  color: #666666;
}
#content li a {
  color: #b93d00;
}
div#footer a {
  padding: 0;
  color: #b93d00;
  display: inline;
}
li a#current, li a#subcurrent, li a#subcurrent_down, #nav li a:hover, #extra li a:hover {
  padding: 0.1em 0.5em;
  background-color: #b93d00;
  color: #ffffff;
}
#nav li a:hover, #nav li li a:hover {
  padding: 0 0.5em;
}
#extra li a:hover {
  padding: 0;
}
#content h3 a {
  color: #ffffff;
}
div#header h1 {
  margin: 0px 0 0 0.5em;
  padding: 0;
  background: transparent url(../img/logo.png) no-repeat scroll left top;
  height: 5.2em;
  width: 250px;
}
div#header h2 {
  margin: 0px;
  padding: 0px;
}
span.blind {
  display: none;
}
h3 {
  border-bottom: 6px solid #666666;
  margin: 0 0 1em;
  padding: 0.1em 0.2em 0 1em;
  background-color: #b93d00;
  color: #ffffff;
  font-size: 1.2em;
  line-height: 1.5em;
}
#extra h3 {
  margin-right: -0.5em;
  width: 7em;
}
div.thumbnail h3 {
  clear: both;
}
h4 {
  margin: 0;
  padding: 0.1em 0.2em 0 0.4em;
  color: #b93d00;
  font-size: 1.1em;
}
#extra h4 {
  margin: 1em 0 0 0.5em;
}
#index-content h4 {
  border-bottom: 0.1em solid #cccccc;
  margin: 1em 0 1em 1em;
  display: block;
  padding-bottom: 0.3em;
}
h4 a {
  clear: both;
}
#index-content #firstline, #content #firstline {
  margin-left: 5em;
}
#index-content h4#firsttitle {
  border-bottom: 0px solid;
  margin: -0.5em 0 0 0em;
  font-size: 1.7em;
  line-height: 1.3;
  color: #666666;
}
p {
  margin: 0.3em 1em;
}
#extra p {
  margin-right: 2em;
}
div#content p {
  line-height: 1.5em;
  padding-right: 2.5em;
}
#content p strong {
  color: #666666;
}
#index-content ul li p {
  margin: 0px;
}
div#footer p {
  margin: 1em 0 0;
  padding: 0;
}
ul {
  margin: 0 0 1em 1em;
  padding: 0;
  text-indent: 0;
  list-style-type: circle;
}
#content ul, #extra ul {
  line-height: 1.4;
}

/*nav*/


#nav ul#navlist {
  margin-top: 0em;
  margin-left: 3.2em;
}
#nav ul ul {
  margin-top: -4.8em;
  margin-left: 11em;
}
#nav ul#navlist li {
  margin: 0;
  padding: 0.1em;
  color: #666666;
  font-size: 100%;
  width: 8em;
}
/*social icons*/
#nav ul#navlist li#linkedin, #nav ul#navlist li#youtube, #nav ul#navlist li#twitter, #nav ul#navlist li#google, #nav ul#navlist li#fb{
	display:block;list-style-type:none;
	width:3.5em;height:3.5em;position:absolute;right:0px;}
	#nav ul#navlist li#linkedin{top:-3.5em;}
	#nav ul#navlist li#youtube{top:0.3em;}
	#nav ul#navlist li#twitter{top:4em;}
	#nav ul#navlist li#google{top:8.2em;}
	#nav ul#navlist li#fb{top:12.0em;}
li#linkedin a, li#youtube a, li#twitter a, li#google a, li#fb a{width:	100%;height:100%;display:block;}
li#linkedin a span, li#youtube a span, li#twitter a span, li#google a span, li#fb a span{display:	none;}
#extra ul {
  margin: 1em 0 1em 1.2em;
  color: #666666;
  width: 8.5em;
}
li#linkedin a:hover, li#youtube a:hover, li#twitter a:hover, li#google a:hover, li#fb a:hover{background-color:transparent;margin:0;padding:0;}
a img {
  border:  none;
}
#content a img, #content img, #index-content a img, .thumbnail img {
  border: 0.1em solid #cccccc;
  margin: 0.2em;
  padding: 0.2em;
  float: left;
}
#footer a img {
  border:  none;
  margin-top: 0.5em;
}
#extra p a img, #extra img {
  border: 1px solid #cccccc;
  margin: 0em;
  padding: 0.2em;
}
#index-content img {
  border: 0.1em solid #666666;
  margin: 1em 1.5em 3em 1em;
  padding: 0.2em;
  float: left;
}
#index-content .title-img {
  background-color: #666666;
}
#index-content p.portfolio a img.fffborder, #index-content a img.fffborder, #extra p a img.fffborder, #extra img.fffborder {
  border-color: #ffffff;
}
#content .thumbnail img {
  margin-right: 1em;
  margin-bottom: 4em;
  display: block;
  position: relative;
}
#content .thumbnail p img.fffborder {
  padding: 1em;
}
div#fb {
  margin: 1em auto;
  text-align: center;
  clear: both;
  padding-top: 1em;
}
h3#xm {
  border-color: #cccccc;
  color: #666666;
  background-color: #f8f8f8;
  font-family: "Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
  font-size: 24px;
  text-transform: capitalize;
}
#content .thumbnail {
  margin-bottom: 1em;
  height: 17em;
}
#content h4 {
  color: #b93d00;
  background-color: #999999;
}
img {
}
#index-content img.title-img {
  border: 6px solid #666666;
  padding: 0.6em;
  overflow: hidden;
  max-width: 13em;
  max-height: 8em;
  float: right;
  background-color: #ffffff;
}
#index-content p.portfolio {
  margin: 0.3em auto;
  float: left;
  width: 8em;
  display: block;
  height: 10em;
  text-align: center;
}
#index-content p.portfolio a img {
  float: none;
}
#index-content p.portfolio a {
  margin: 0 auto;
  color: #999999;
  text-align: center;
}
ul#la, ul#ma {
  width: 90%;
}
ul#la li, ul#ma li {
  padding-left: 0em;
  margin-left: 2em;
}
ul#la {
 /* background: transparent none no-repeat scroll left top;*/
  margin-top: 1em;
}
ul#ma {
  /*background: transparent none no-repeat scroll left top;*/
}
#extra p {
  padding: 1em 0em;
}
ul#la li a, ul#ma li a {
  color: #b93d00;
}
br.clearboth {
  clear: both;
  height: 1px;
  line-height: 1px;
}
#container #content img.fffborder {
  padding: 1em;
  margin-right: 1em;
}
#container #content ul li {
  margin-left: 1em;
}
#container #content h3 img {
  background-color: #b93d00;
}

