@charset "UTF-8";

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #000;
    padding:0px;
    margin:0px;
    background-color:#ffffff;
}

a {
    font-weight:bold;
    color:#666666;
    text-decoration:none;
}
a.red {
    font-weight:bold;
    color:#ff0000;
    text-decoration:none;
}

a:hover {
    font-weight:bold;
    color:#000000;
    text-decoration:underline;
}

.lines {
	border-bottom:1px solid #aeaeae;
}

a img { border:0px none; }

.clear { clear:left; }

.clearright { clear:right; }

.hidden { display:none; }

#submenu h2 {
    margin:22px 0 10px 0;
    font-size:14px;
}


/* struttura */
#wrapper {
    width:880px;
    margin:0 auto;
}

#header {
    width:880px;
    float:left;
}

#main {
    float:left;
    padding:0 0 10px 0;
    width:880px;
}

/*#menu {
	width:880px;
	border-top:1px solid #b2b2b2;
	border-bottom:1px solid #b2b2b2;
	float:left;
	display:block;
	position:relative;
}
#menu ul li.active a {
	color:#000;
}*/
#path {
    width:880px;
    padding:11px 0;
    margin:0 0 1px 0;
    border-bottom:1px solid #b2b2b2;
    clear:left;
}

#foto {
    width:880px;
    height:108px;
    background-color:#ebebeb;
}

#submenu {
    float:left;
    width:216px;
}

#content {
    float:right;
    width:657px; /* width:662px; */
}

#footer {
    clear:both;
    border-top:1px solid #b2b2b2;
    padding:20px 0;
}

#footer-left {
    float:left;
    width:400px;
}

#footer-right {
    float:right;
    width:390px;
    text-align:right;
}

/* tags */
ul, li {
    padding:0px;
    margin:0px;
    list-style-type:none;
}

ul.lists {
    padding:8px;
    margin:0px;
    border:1px solid #afafaf;
}

ul.lists li {
    list-style-type:disc;
    list-style-position:outside;
    margin:0 0 0 15px;
    padding:5px;
    border-bottom:1px dashed #afafaf;
}

ul.group {
    padding:0;
    margin:0px;
}

ul.group li {
    padding:0px;
    margin:0 0 10px 0;
    float:left;
    width:210px;
    height:100px;
    text-align:center;
	font-size:11px
}

ul.group li a:hover { text-decoration:none; }

ul.people {
    padding:0;
    margin:0px;
}

ul.people li {
    padding:0px;
    margin:0 20px 10px 0;
	height:110px;
	border-bottom:1px dashed #afafaf;
	clear:left;
}
ul.people li img {
    float:left;
	padding:2px;
	margin:0 10px 0 0;
	border:1px solid #afafaf;
}

ul.people li a:hover { text-decoration:none; }



.small {
    font-size:10px;
    line-height:11px;
}

/* elementi */
#logo { float:left; }

#logo a {
    width:148px;
    height:127px;
    background-image:url(../img/gruppo-spee-logo.gif);
    background-position:0 0;
    background-repeat:no-repeat;
    display:block;
}

#logo a span { display:none; }

#slogan {
    margin:15px 0 0 0;
    float:right;
    font-size:18px;
    font-weight:bold;
    font-style:italic;
    color:#b2b2b2;
    font-family:"Times New Roman", Times, serif;
}

#slogan span {
    float:left;
    display:block;
    width:auto;
}

#slogan span.openquote {
    margin:0 0 0 0;
    display:block;
    float:left;
    margin:-2px 0 0 0;
}

#slogan span.closequote {
    margin:10px 0 0 0;
    display:block;
    float:left;
    margin:15px 0 0 0;
}

#slogan span.openquote, #slogan span.closequote {
    font-size:35px;
    font-weight:bold;
    font-style:italic;
}

/* path */
.titrovi { font-weight:bold; }

/* menus */	
#servizio {
    clear:right;
    float:right;
    margin:8px 0 0 0;
    font-weight:normal;
	width:220px;
}

#servizio a { font-weight:normal; }

#submenu ul {
    padding:10px 5px;
    margin:0px;
    list-style-type:none;
}

#submenu li {
    padding:6px 0;
    margin:0px;
}

#submenu li a {
    display:block;
    background-image:url(../img/sm.gif);
    background-repeat:no-repeat;
    background-position:0 3px;
    padding:0 0 0 12px;
    font-weight:normal;
}

#submenu li a:hover, #submenu li.active a {
    display:block;
    background-image:url(../img/sm-a.gif);
    background-repeat:no-repeat;
    background-position:0 3px;
    padding:0 0 0 12px;
    text-decoration:none;
    color:#000;
}

#submenu li.active a { font-weight:bold; }


#submenu ul li ul {
    padding:10px 15px;
    margin:0px;
    list-style-type:none;
}

#submenu li ul li {
    padding:6px 0;
    margin:0px;
}

#submenu li ul li a {
    display:block;
    background-image:url(../img/sm.gif);
    background-repeat:no-repeat;
    background-position:0 3px;
    padding:0 0 0 12px;
    font-weight:normal;
}


#titles {
    float:left;
    margin:1px 0 0 0;
    font-size:14px;
    color:#000000;
    width:880px;
}

.utility { }

.print a {
    float:right;
    background-image:url(../img/print.gif);
    background-repeat:no-repeat;
    width:16px;
    height:16px;
    display:block;
    padding:0 5px;
}

.print a:hover {
    background-image:url(../img/print-a.gif);
    text-decoration:none;
}

.email a {
    float:right;
    background-image:url(../img/mail.gif);
    background-repeat:no-repeat;
    width:16px;
    height:16px;
    display:block;
    padding:0 5px;
}

.email a:hover {
    background-image:url(../img/mail-a.gif);
    text-decoration:none;
}

#menutitle {
    float:left;
    width:216px;
    padding:5px 0;
    background-color:#e5e5e5;
    border-bottom:1px solid #c3c3c3;
}

#pagetitle {
    float:right;
    width:662px;
    padding:5px 0;
    background-color:#e5e5e5;
    border-bottom:1px solid #c3c3c3;
}

/* foto */
.foto-chi-siamo {
    background-image:url(../img/foto/foto-chi-siamo.jpg);
    background-repeat:no-repeat;
}

.foto-dove-siamo {
    background-image:url(../img/foto/foto-dove-siamo.jpg);
    background-repeat:no-repeat;
}

.foto-offerta {
    background-image:url(../img/foto/foto-offerta.jpg);
    background-repeat:no-repeat;
}

.foto-valore-aggiunto {
    background-image:url(../img/foto/foto-valore.jpg);
    background-repeat:no-repeat;
}

.foto-mercati {
    background-image:url(../img/foto/foto-mercati.jpg);
    background-repeat:no-repeat;
}

.foto-core {
    background-image:url(../img/foto/foto-core.jpg);
    background-repeat:no-repeat;
}

.foto-portfolio {
    background-image:url(../img/foto/foto-portfolio.jpg);
    background-repeat:no-repeat;
}

.foto-comunicazione {
    background-image:url(../img/foto/foto-comunicazione.jpg);
    background-repeat:no-repeat;
}

/* home */
#home-top {
    width:880px;
    height:294px;
    border-bottom:1px solid #b2b2b2;
    padding:10px 0 10px 0;
    float:left;
}

#big-home {
    width:660px;
    height:294px;
    float:left;
    position:relative;
    overflow:hidden;
}

#big-home .slide ul { position:absolute; }

#big-home .slide ul, #big-home .slide li { float:left; }

#big-home #info {
    background-color:#fff;
    bottom:0;
    left:0;
    margin:0;
    padding:10px;
    position:absolute;
    width:640px;
    z-index:1;
}
#big-home #info span {
	font-size:20px;
	color:#000;
}

#little-home {
    width:210px;
    height:294px;
   /* background-image:url(../img/contents/data-count.jpg);
	background-repeat:no-repeat;*/
    float:right;
}
#little-home a {
    width:210px;
    height:274px;
	display:block;
}
#little-home a span {
	display:none;
}

#home-bottom {
    width:880px;
    float:left;
    padding:10px 0;
}

.boxes {
    width:211px;
    height:168px;
    display:block;
    float:left;
    margin:0 10px 0 0;
}
.boxesl {
    width:208px;
    height:168px;
    display:block;
    float:left;
    margin:0 12px 0 0;
}

.boxes a:hover {
	text-decoration:none;
}

.boxes.toolkitb { background-image:url(../img/toolkit.jpg); }

.boxes.toolkitb a {
    width:211px;
    height:168px;
    display:block;
}

.boxes.soluzionib { background-image:url(../img/soluzioni.jpg); }

.boxes.soluzionib a {
    width:211px;
    height:168px;
    display:block;
}

.boxes.newsb { background-image:url(../img/news.jpg); }
#newsb ul {
    margin:0;
	padding:0px;
}
#newsb ul li {
	padding:3px 3px 3px 21px;
	background-image:url(../img/hnews.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;
}
#newsb .slide{
    height:141px;
	border-bottom:1px solid #cacaca;
}
.abstr {
	font-size:11px;
}


#corporateb {
    margin:0;
	background-image:url(../img/focus.gif);
	background-repeat:no-repeat;
}
#corporateb .slide{
    height:141px;
	border-bottom:1px solid #cacaca;
}
#corporateb ul {
    margin:0;
	padding:0px;
}
#corporateb ul li {
    margin:1px 0 0 0;
	background-color:#ebebeb;
	font-size:11px;
}
#corporateb ul li a {
	font-weight: normal;
	padding:3px 5px;
	display:block;
}

#corporateb ul li a.hpage {
	background-image:url(../img/hpage.gif);
	background-position:97% 50%;
	background-repeat:no-repeat;
}
#corporateb ul li a.hdown {
	background-image:url(../img/hdown.gif);
	background-position:97% 50%;
	background-repeat:no-repeat;
}
#corporateb ul li a.hvideo {
	background-image:url(../img/hvideo.gif);
	background-position:97% 50%;
	background-repeat:no-repeat;
}
#corporateb ul li a.hweb {
    background-image:url(../img/link.png);
	background-position:97% 50%;
	background-repeat:no-repeat;
}


.boxes .title {
    float:left;
    width:199px;
    margin:0;
    padding:4px 6px;
    border:1px solid #cacaca;
    background: #d9d9d9 url(../img/boxes-title-bg.gif) no-repeat scroll 96% 50%;
}

.boxes .title a {
    font-weight:400;
    color:#000;
    display:block;
}

.boxes .slide {
    float:left;
    position:relative;
    overflow:hidden;
    width:211px;
    height:114px;
    border-left:1px solid #cacaca;
    border-right:1px solid #cacaca;
}
.boxesl .title {
    float:left;
    width:199px;
    margin:0;
    padding:4px 6px;
    border:1px solid #cacaca;
    background: #d9d9d9 url(../img/boxes-title-bg.gif) no-repeat scroll 96% 50%;
}

.boxesl .title a {
    font-weight:400;
    color:#000;
    display:block;
}

.boxesl .slide {
    float:left;
    position:relative;
    overflow:hidden;
    width:211px;
    height:114px;
    border-left:1px solid #cacaca;
    border-right:1px solid #cacaca;
}

#toolkitb .slide ul {
    position:absolute;
    float:left;
}

#toolkitb .slide li { float:left; }

#toolkitb .buttons {
    width:100%;
    float:left;
    border:1px solid #cacaca;
}

#toolkitb .buttons li {
    float:left;
    cursor:pointer;
    padding:7px 6px;
    width:58px;
    border-right:1px solid #cacaca;
}

#toolkitb .buttons li.last {
    border-right:0 none;
    width:57px;
}

#toolkitb .buttons li.active { background:url(../img/tabs-bg.gif) repeat-x 0 100%; }

.text { padding:10px 0 0 0; }

/* slideshow */
#gallery span {
    margin: 0 9px 0 0;
    display: block;
    float: left;
    /*width: 154px;*/
}

#gallery img {
    /*width:154px; width:89px;*/
    height:214px;
    margin:0;
    border:1px solid #b2b2b2;
}

#gallery {
    width: 649px;
    height: 220px;
    margin: 10px auto 20px;
    clear: left;
    overflow: hidden;
    position: relative;
    /*border-top:1px solid #aeaeae;
	border-bottom:1px solid #aeaeae;*/
	padding:1px 0;
}

#imglist { position: absolute; }

.buttons {
    text-align: center;
    line-height: 100%;
}

.buttons span {
    cursor: pointer;
    color: #666;
    font-size: 200%;/*opacity: .3;*/
}

.buttons span.active { color: #999;/*opacity: .6;*/
}

/* map */
#map {
    width:440px;
    height:474px;
    border:1px solid #b2b2b2;
}

#sbox-window iframe {
    border:0px none;
}

/* icons */
.tel {
    display:block;
    background-image:url(../img/telephone.png);
    background-repeat:no-repeat;
    padding:0 0 0 22px;
}

.fax {
    display:block;
    background-image:url(../img/fax.png);
    background-repeat:no-repeat;
    padding:0 0 0 22px;
}

.mail {
    display:block;
    background-image:url(../img/email.png);
    background-repeat:no-repeat;
    padding:0 0 0 22px;
}

.web {
    display:block;
    background-image:url(../img/link.png);
    background-repeat:no-repeat;
    padding:0 0 0 22px;
}

.pdf {
    background-image:url(../img/pdf.png);
    background-repeat:no-repeat;
    background-position:0 10px;
    padding:10px 0 10px 22px;
}

ul.documents { }

ul.documents li h3 {
    padding:2px 0;
    margin:0px;
}

ul.documents li {
    border-bottom:1px solid #b2b2b2;
    display:block;
    background-image:url(../img/pdf.png);
    background-repeat:no-repeat;
    background-position:0 10px;
    padding:10px 0 10px 22px;
}

ul.news { }

ul.news li h3 {
    padding:2px 0;
    margin:0px;
}

ul.news li {
    border-bottom:1px solid #b2b2b2;
    display:block;
    background-image:url(../img/news.png);
    background-repeat:no-repeat;
    background-position:0 10px;
    padding:10px 0 10px 22px;
    overflow:auto;
}

ul.news li img {
    float:right;
    padding:4px;
	margin:0 0 8px 8px;
    background-color:#ebebeb;
    border:1px solid #b2b2b2;
}

ul.events {
	width:190px;
}

ul.events li h3 {
    padding:2px 0;
    margin:0px;
}

ul.events li {
    border-bottom:1px solid #b2b2b2;
    display:block;
    background-image:none;
    /*background-repeat:no-repeat;
    background-position:0 10px;*/
    padding:10px 0 10px 22px;
    overflow:auto;
}

ul.events li img {
    float:right;
    padding:4px;
    background-color:#ebebeb;
    border:1px solid #b2b2b2;
}

ul.videos { }

ul.videos li h3 {
    padding:2px 0;
    margin:0px;
}

ul.videos li {
    border-bottom:1px solid #b2b2b2;
    display:block;
    background-image:url(../img/video.png);
    background-repeat:no-repeat;
    background-position:0 10px;
    padding:10px 0 10px 22px;
}

ul.photogallery { }

ul.photogallery li {
    border:1px solid #b2b2b2;
    padding:2px;
	float:left;
	margin:0 35px 15px 0;
}

ul.clienti { }

ul.clienti li {
    border:1px solid #b2b2b2;
	border-bottom:3px solid #b2b2b2;
	border-right:3px solid #b2b2b2;
    padding:2px;
	float:left;
	margin:0 35px 15px 0;
}

ul.clients {
	float:left;
	width:210px;
	margin:20px 0 0 5px;
	}

ul.clients li {
    border-bottom:1px dashed #b2b2b2;
    padding:3px;
	margin:0;
}

ul.mercs {
	float:left;
	width:280px;
	margin:20px 0 0 5px;
	}

ul.mercs li {
    border-bottom:1px dashed #b2b2b2;
    padding:3px;
	margin:0;
}
ul.mercs li img {
	margin:0 5px 0 0;
}
ul.mercs li a:hover {
	text-decoration:none;
}




/* images */
.right-image {
    float:right;
    padding:4px;
    background-color:#ebebeb;
    border:1px solid #b2b2b2;
	width:252px;
    margin:0 0 0 12px;
}

.right-image img { border:1px solid #b2b2b2; }

.right-image span {
    width:250px;
    margin:2px auto;
    display:block;
}

.right-image span a {
    display:block;
    width:16px;
    height:16px;
    float:right;
    background-image:url(../img/zoom.gif);
    background-repeat:no-repeat;
    background-position:right;
}

.right-image-nob {
    float:right;
    padding:4px;
    margin:0 0 0 12px;
}

.right-image-nob img { border:0px none; }

.left-image-nob {
    float:left;
    padding:4px;
    margin:0 0 0 12px;
}

.left-image-nob img { border:0px none; }

.right-image-where {
    float:right;
    padding:4px;
    background-color:#ebebeb;
    border:1px solid #b2b2b2;
    width:180px;
    margin:0 0 0 12px;
}

.back { float:right; }

.date { font-weight:bold; }

#cerca { }

#cerca #keyword {
    width:80%;
    border:1px solid #b2b2b2;
}

#cerca .invia {
    width:100px;
    border:1px solid #b2b2b2;
    background-color:#ebebeb;
}

.cosa-facciamo {
	border:1px solid #b2b2b2;
    background-color:#ebebeb;
	padding:5px;
}
.cosa-facciamo h3 {
	margin:0 0 6px 0;
	border-bottom:1px solid #b2b2b2;
	padding:0 0 3px 0;
}

.cosa-facciamo ul {
	padding:0 0 0 20px;
}
.cosa-facciamo ul li {
	list-style-type:disc;
	padding:5px 0px;
	border-bottom:1px dashed #b2b2b2;
	

}