/* CSS Document */
html,body{
	padding: 0;
	margin: 0;
}

body {
	font-family: "Courier New", Courier, monospace;
	margin: 0 auto;
	padding: 0;
	background-color: #000;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-attachment: fixed;
}


#top {
	height: 6px;
	background-color: #313131;
	border-bottom: 1px solid #6b6b6b;
}

#wrap {
	position: absolute;
	left: 50%;
	margin-left: -500px;
	width: 1000px;
}

#main {
	padding: 0;
	margin: 0;
	padding: 0;
}

/* NAVIGATION */

#head {
	float: right;
	height: 140px;
	width: 1000px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#logo {
	height: 117px;
	width: 1000px;
	float: left;
	padding: 0 0 0 0;
	margin: 25px 0 0 0;
	text-align: center;
	z-index: 2;
	position: absolute;
}

#logo img {
	border: 0;
	margin: 0;
	padding: 0;
	width: 306px;
}

#social {
	float: left;
	width:450px;
	height: 40px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	position: absolute;
	left: 0;
	top: 15px;
}

#menu {
	float: right;
	width: 697px;
	height: 110px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	position: absolute;
	right: 0;
}

#menu ul{
	float: right;
	list-style: none;
	margin: 9px 0 0 0;
	padding: 0;
}

#menu li {
	list-style: none;
	float: left;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

#menu li a{
	color: #fff;
	width: 199px;
	font-size: 14px;
	text-decoration: none;
	padding: 10px 25px 20px 25px;
	margin: 0 0 0 1px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1pt;
	font-weight: normal;
	background-image: url(../images/bg-nav.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	border-right: 1px solid grey;
}

#menu li a:hover{
	color: #dedede;
	font-size: 14px;
	width: 199px;
	text-decoration: none;
	padding: 10px 25px 20px 25px;
	margin: 0 0 0 1px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1pt;
	font-weight: normal;
	background-color: #000;
	border-right: 1px solid grey;
}

#menu li #active{
	color: #dedede;
	font-size: 14px;
	width: 199px;
	text-decoration: none;
	padding: 10px 25px 20px 25px;
	margin: 0 0 0 1px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1pt;
	font-weight: normal;
	background-image: url(../images/bg-nav.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	border-right: 1px solid grey;
}

/* CONTENT */

#content {
	width: 1000px;
	padding: 0;
	margin: 0;
}

#content #home-page #striscia {
	padding: 10px;
	width: 980px;
	min-height: 237.5px;
	border: 1px solid #6b6b6b;
	margin: 0 0 15px 0;
}

#content #home-page #sfondo {
	padding: 10px;
	width: 980px;
	min-height: 237.5px;
	background-image: url(../images/bg-content.png);
	background-repeat: repeat-y;
	background-position: left top;
	border: 1px solid #6b6b6b;
	margin: 0 0 15px 0;
}

#content #home-page #sfondo #riga {
	margin: 0 0 10px 0;
	height: 237.5px;
}

#titoli {
	padding: 0;
	margin: 0 0 10px 0;
	height: 32px;
	width: 1000px;
	border-bottom: 1px solid #6b6b6b;
}

#titoli #left {
	float: left;
	width: 830px;
	height: 25px;
	padding: 0;
	margin: 0;
}

#titoli #right {
	float: right;
	width: 170px;
	height: 20px;
	margin: 0;
	text-align: right;
	font-style: italic;
	padding: 7px 0 0 0;
}

#titoli #right p {
	text-align: right;
	color: #FFF;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	background-image: url(../images/bg-content.png);
	background-position: left top;
	background-repeat: repeat-y;
	padding: 0 5px 0 0;
}

/* CONTENT > Home Page */

#content #home-page #web-design #box1 {
	float: left;
	width: 217.5px;
	height: 207.5px;
	margin: 0 5px 0 0;
	padding: 30px 10px 0 10px;
}

#content #home-page #web-design #box1-portfolio {
	float: left;
	width: 237.5px;
	height: 237.5px;
	background-color: #FFF;
	margin: 0 5px 0 0;
}

#content #home-page #box1 p {
	color: #FFF;
}

#content #home-page #box1 img {
	margin: 0;
	padding: 0;
}

#content #home-page #comunicazione #box1 {
	float: left;
	width: 217.5px;
	height: 207.5px;
	margin: 0 5px 0 0;
	padding: 30px 10px 0 10px;
}

#content #home-page #eventi #box1 {
	float: left;
	width: 217.5px;
	height: 207.5px;
	margin: 0 5px 0 0;
	padding: 30px 10px 0 10px;
}

#content #home-page #box2 {
	float: left;
	width: 237.5px;
	height: 237.5px;
	background-color: #FFF;
	margin: 0 5px 0 5px;
}

#content #home-page #box3 {
	float: left;
	width: 237.5px;
	height: 237.5px;
	background-color: #FFF;
	margin: 0 5px 0 5px;
}

#content #home-page #box4 {
	float: left;
	width: 237.5px;
	height: 237.5px;
	background-color: #FFF;
	margin: 0 0 0 5px;
}

/* CONTENT WEB DESIGN */

#content #web-design {
	padding: 0;
	margin: 0;
}

#content #portfolio #web-design #contenuto {
	border: 1px solid #6b6b6b;
	width: 1000px;
}

#content #portfolio #web-design #contenuto #left {
	float: left;
	width: 708.5px;
	min-height: 207.5px;
	margin: 0 0 0 0;
	padding: 10px 10px 0 10px;
}

#content #portfolio #web-design #contenuto #left img {
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
}

#content #portfolio #web-design #contenuto #right {
	float: left;
	width: 237.5px;
	height: 554px;
	margin: 0 5px 0 3px;
	background-image: url(../images/bg-content.png);
	background-repeat: repeat-y;
	background-position: left top;
	padding: 10px;
}

#content #portfolio #web-design #contenuto #right h2 {
	font-size: 24px;
	color: #ffc000;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-weight: lighter;
	letter-spacing: -1px;
	text-transform: uppercase;
	font-family: 'Raleway', "Times New Roman", Times, serif;
}

#content #portfolio #web-design #contenuto #right p {
	color: #ececec;
	margin: 0 0 20px 0;
}

/* CONTENT MISSION */

#content #contenuto #mission {
	width: 975px;
	margin: 0 5px 0 3px;
	background-image: url(../images/bg-content.png);
	background-repeat: repeat-y;
	background-position: left top;
	padding: 10px 10px 0 10px;
}

#content #contenuto #mission p {
	color: #ececec;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
}

/* CONTENT SERVIZI */

#content #contenuto #servizi {
	width: 975px;
	margin: 0 5px 0 3px;
	background-image: url(../images/bg-content.png);
	background-repeat: repeat-y;
	background-position: left top;
	padding: 10px 10px 0 10px;
}

#content #contenuto #servizi p {
	color: #ececec;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
}

/* CONTENT CONTATTI */

#content #contenuto #contatti {
	width: 975px;
	margin: 0 5px 0 3px;
	background-image: url(../images/bg-content.png);
	background-repeat: repeat-y;
	background-position: left top;
	padding: 10px 10px 0 10px;
}

#content #contenuto #contatti #contenuto {
	background-image: url(../images/bg-content.png);
	background-repeat: repeat-y;
	background-position: left top;
}

#content #contenuto #contatti p {
	color: #ececec;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
}

#content #contenuto #comunicati-stampa {
	color: #ececec;
	margin: 20px 0 0 0;
	padding: 0 0 10px 0;
}

#content #comunicati-stampa {
	border: 1px solid #6b6b6b;
	margin: 20px 0 0 0;
	background-image: url(../images/bg-content.png);
	background-position: left top;
	background-repeat: repeat-y;
	width: 1000px;
}

#content #comunicati-stampa table {
	color: #ececec;
	border: 0;
	font-size: 14px;
	margin: 0px 0 0 0;
	text-align: left;
	font-weight: normal;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 20px 10px 20px 10px;
	width: 100%;
}

#content #comunicati-stampa table td {
	border-bottom: 1px solid #2b2b2b;
	padding: 5px 0 3px 0;
}

#content #comunicati-stampa table img {
	border: 0;
}

#content #servizi {
	padding: 0;
	margin: 0;
}

#content #servizi p {
	padding: 0;
	margin: 0 0 10px 0;
	text-align: justify;
	color: #FFF;
}

#content #servizi h1 {
	margin: 0;
	padding: 0;
}

#content #home-page #striscia {
	background-image: url(../images/bg-content.png);
	background-repeat: repeat-y;
	background-position: left top;
}

#content #servizi #striscia {
	padding: 10px 10px 0 10px;
	margin: 0 0 15px 0;
	border: 1px solid #6b6b6b;
	background-image: url(../images/bg-content.png);
	background-repeat: repeat-y;
	background-position: left top;
}

#content #servizi #web-design {
	padding: 0;
	margin: 0 0 15px 0;
}

#content #servizi #comunicazione {
	padding: 0;
	margin: 0 0 15px 0;
}

#content #servizi #eventi {
	padding: 0;
	margin: 0 0 15px 0;
}

/* FOOTER */

#footer {
	width: 980px;
	height: 100px;
	margin: 40px 0 20px 0;
	padding: 10px;
	text-align: center;
	border: 1px solid #6b6b6b;
	background-image: url(../images/bg-content.png);
	background-position: left top;
	background-repeat: repeat-y;
}

#footer #box1 {
	float: left;
	width: 237.5px;
	margin: 0 5px 0 0;
	padding: 10px 0 0 0;
}

#footer #box2 {
	float: left;
	width: 197.5px;
	margin: 0 5px 0 5px;
	padding: 15px 0 0 40px;
}

#footer #box3 {
	float: left;
	width: 237.5px;
	margin: 0 5px 0 5px;
	padding: 15px 0 0 0;
}

#footer #box4 {
	float: left;
	width: 187.5px;
	margin: 0 0 0 5px;
	padding: 30px 0 0 50px;
}

#footer p {
	color: #dadada;
	text-align: left;
	font-size: 12px;
	margin: 0;
	padding: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
}

#footer p a{
	color: #dadada;
}

#footer img {
	border: 0;
}

span {
	font-family: "Courier New", Courier, monospace;
	font-style: normal;
}

/* MOSAIC OVERLAY */

.mosaic-overlay {
display:none;
z-index:5;
position:absolute;
width:100%;
height:100%;
background:#111;
}

.fade .mosaic-overlay {
opacity:0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
filter:alpha(opacity=00);
background: url(../images/hoverlay.jpg);
width: 237.5px;
height: 237.5px;
padding: 0 0px 0px 0px;
color:#CCCCCC;
border: 1px solid #6b6b6b;
}

.fade .mosaic-overlay h3{
color: #f5f5f5;
padding-bottom: 5px;
}

/* PHOTO SLIDE */

.box .thumbnail {
  position: relative;
  width: 220px;
  height: 138px;
}
.box .thumbnail > a,
.box .thumbnail > img,
.box .thumbnail > a > img {
  border: 0;
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.box .thumbnail.gallery .sub-gallery {
  display: none;
}

.box.wide {
  width: 708px;
}

.box.wide .container {
  background-position: -610px 0; /**/
  margin-top: 0;
}

.box.wide .thumbnail {
  width: 708px;
  height: 554px;
  overflow: hidden;
}

.nivo-directionNav a {
  display: block;
  text-indent: -9999px;
  top: 260px !important;
  width: 39px;
  height: 39px;
}

.nivo-prevNav {
  background-position: 0 0;
  left: 5px !important;
  background-image: url(../images/nav-left.png);
  background-repeat: no-repeat;
}

.nivo-nextNav {
  background-position: 0 0;
  right: 5px !important;
  background-image: url(../images/nav-right.png);
  background-repeat: no-repeat;
}

.nivoSlider {
  position:relative;
}
.nivoSlider img {
  position:absolute;
  top:0px;
  left:0px;
}
.nivoSlider a.nivo-imageLink {
  position:absolute;
  top:0px;
  left:0px;
  width:708px;
  height:554px;
  border:0;
  padding:0;
  margin:0;
  z-index:60;
  display:none;
}
.nivo-slice {
  display:block;
  position:absolute;
  z-index:50;
  height:554px;
}

.nivo-caption a {
  display:inline !important;
}
.nivo-html-caption {
    display:none;
}
.nivo-directionNav a {
  position:absolute;
  top:45%;
  z-index:99;
  cursor:pointer;
}