@font-face {
	font-family: 'Colaborate-Light';
	src: url('ColabLig-webfont.eot');
	src: local('?'), url('ColabLig-webfont.woff') format('woff'), url('ColabLig-webfont.ttf') format('truetype'), url('ColabLig-webfont.svg#webfontLh6zyX3H') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Colaborate-Regular';
	src: url('ColabReg-webfont.eot');
	src: local('?'), url('ColabReg-webfont.woff') format('woff'), url('ColabReg-webfont.ttf') format('truetype'), url('ColabReg-webfont.svg#webfontu4yuo4bY') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Colaborate-Medium';
	src: url('ColabMed-webfont.eot');
	src: local('?'), url('ColabMed-webfont.woff') format('woff'), url('ColabMed-webfont.ttf') format('truetype'), url('ColabMed-webfont.svg#webfontu4yuo4bY') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body, div, span, p, a, em, img, strong, fieldset, form, label, legend { margin:0; padding:0; border:0; outline:0; font-size:100%; }
section, article, header, footer, nav, aside, hgroup { display:block; }
body { background:#FFFFFF url(bg-body.jpg) repeat-x; font-family:'Colaborate-Light', Arial, Helvetica, sans-serif; font-size:14px; color:#333333; line-height:150%; text-align:center; }

#wrapper { background:url(bg-wrapper.jpg) no-repeat center top;  min-height:700px !important;  }
#container { width:960px; margin:0 auto; }
#content { width:900px; margin:0 30px; float:left; }

/* .............. PROTOFADE */

#wallpaper { width:900px; margin:0 auto 25px auto; padding:20px 0; background:#e8e8e8; }
#wallpaper .carousel-container { width:860px; height:300px; overflow:hidden; margin:0 20px; }
#wallpaper .carousel-content div { float:left; width:860px; height:300px; line-height:300px; }

#map-wrapper { width:900px; margin:0 auto 25px auto; padding:0; background:#e8e8e8; float:left; display:inline; }
#map-canvas { width:860px; height:300px; margin:20px; float:left; display:inline; }

div.infowindow { padding:10px; text-align:left; }


/* ............... HEADER */
header { width:900px; margin:10px 30px 0 30px; height:120px; float:left }

h1#logo { width:195px; height:120px; line-height:120px; margin:0; background:url(logo.png) no-repeat; float:left; }
h1#logo a { display:block; width:195px; height:120px; text-indent:-9999px; }

header nav,#navigation { float:right; display:inline; height:40px; margin-top:35px; }
#navigation li { float:left; display:inline; padding:0; margin:0; padding:0; height:40px; margin-right:5px; }

#navigation li.last {  margin-right:0; }
#navigation a { display:inline; float:left; height:40px; line-height:40px; padding:0 20px; text-transform:uppercase; font-family:'Colaborate-Regular', Arial, Helvetica, sans-serif; background:#F1F1F1; border-bottom:5px solid #e8e8e8; }
#navigation a:link, #navigation a:visited  { color:#333333; }
#navigation a:hover, #navigation a:focus, #navigation a:active { color:#008ed2; background:#e8e8e8;text-shadow:0px 0px 1px #a5a5a5; }
#navigation a.selected { color:#008ed2; text-shadow:0px 0px 1px #a5a5a5;}


/* ............... FOOTER */
#footer-wrapper { background:#333333; margin:30px 0 0 0; padding:0; }
#footer-wrapper footer { margin:0 auto; padding:25px 0; width:900px; color:#FFFFFF; }
#footer-wrapper footer a { display:inline; margin:0 5px; }

.footer-left { float:left; display:inline; width:640px; margin-right:40px; text-align:left; }
.footer-right { float:right; display:inline; width:220px; text-align:right;  }
.footer-info { float:left; width:100%; margin:10px 0 0 0; padding-top:25px; border-top:5px solid #454545; text-align:center; }
#footer-wrapper .footer-info a { margin:0; color:#9f9f9f; }
#footer-wrapper .footer-info a:hover { color:#FFFFFF; text-shadow:0px 0px 2px #000000; }

#goTop { font-size:11px; float:left; display:inline; margin-top:30px; margin-left:30px;}

/* .......... TAG CLOUD */
#tag-cloud-wrapper { background:#4b4b4b; float:left; width:100%; min-width:980px; }
#tag-cloud { width:900px; margin:0 auto 20px auto; padding-bottom:25px; border-bottom:5px solid #454545;   }

#tag-cloud div.tag-cloud { margin:0; padding:0; line-height:180%; text-align:justify; border:none }
#tag-cloud div.tag-cloud strong { color:#252525; margin-right:10px; }
#tag-cloud div.tag-cloud a { color:#9f9f9f; margin-right:10px; }
#tag-cloud div.tag-cloud a:hover { color:#FFFFFF; text-shadow:0px 0px 2px #000000; }

#tag-cloud .smallest { font-size:12px; }
#tag-cloud .small { font-size:16px; }
#tag-cloud .medium { font-size:20px; }
#tag-cloud .large { font-size:24px; }
#tag-cloud .largest { font-size:28px; }



/* .............. CONTENT */
.content { width:640px; float:left; display:inline; text-align:left; }
.sidebar { width:220px; float:left; display:inline; margin-right:40px; }

.sidebar h3 { margin-top:0; }

.sidebar nav { width:100%; float:left; display:inline; }
ul.side-nav { width:100%; float:left;  display:inline; text-align:left; margin-bottom:25px; }
ul.side-nav li { padding:0; margin-bottom:5px; float:left; display:inline; width:100%; }

ul.side-nav a { display:block; padding:10px 5px 10px 40px; background-image:url(bullet.gif); background-repeat: no-repeat; background-position:15px 50%; font-family:'Colaborate-Regular', Arial, Helvetica, sans-serif; border-bottom:5px solid #e8e8e8; text-transform:uppercase; }

ul.side-nav a:link, ul.side-nav a:visited { color:#333333;  background-color:#f1f1f1; }

ul.side-nav a:hover, ul.side-nav a:focus, ul.side-nav a:active { color:#008ed2; background-color:#e8e8e8; text-shadow:0px 0px 1px #a5a5a5;}
ul.side-nav a.selected:link, ul.side-nav a.selected:visited { color:#008ed2; text-shadow:0px 0px 1px #a5a5a5;}

.box, .box-middle { float:left; display:inline; width:280px; text-align:left; margin-bottom:20px; }
.box-middle { float:left; display:inline; margin-left:30px; margin-right:30px; }
.box h3, .box-middle h3 { padding:20px 10px 5px 10px; border-bottom:5px solid #e8e8e8; margin:0 0 10px 0; background:#f1f1f1; color:#008ed2; text-shadow:0px 0px 1px #999999; }

.box a, .box-middle a { padding:0 5px;}

#box-showcase { margin:25px 0 0 0; display:inline; float:left; width:100%; }

.roller { position:relative; width:280px; height:125px; overflow:hidden; }
.roller div {  background:#f1f1f1; position:absolute; width:280px; height:125px; top:0; left:0; overflow:hidden; }
.roller div p { margin:10px; padding:0;}
.roller img { border:none; position:absolute; top:0; left:0; z-index:1 }

#box-showcase div.box, #box-showcase div.box-middle { margin-bottom:0; }
#box-showcase h3 { padding:20px 10px 5px 10px; border-bottom:5px solid #e8e8e8; margin:0; background:#f1f1f1; color:#008ed2; text-shadow:0px 0px 1px #a5a5a5; }


#box-news { display:inline; float:left; width:590px; margin-right:30px; margin-top:35px; }
#box-lavori { display:inline; float:left; width:280px; overflow:hidden; margin-top:35px; }
#box-news h3, #box-lavori h3 { padding:20px 10px 5px 10px; border-bottom:5px solid #e8e8e8; margin:0 0 10px 0; background:#f1f1f1; color:#008ed2; text-shadow:0px 0px 1px #a5a5a5; }

#box-news ul.list { margin-top:20px; }
#box-news li { margin-bottom:5px; border-bottom:1px solid #e8e8e8; position:relative; }
#box-news a { position:absolute; right:0;}

#box-lavori .carousel-container { width:280px; height:125px; overflow:hidden; margin-top:20px; position:relative; }
#box-lavori .carousel-content div { float:left; width:280px; height:125px; line-height:125px; }

div.slide-lavori { position:relative; z-index:0; }
div.slide-lavori span { position:absolute; bottom:0; left:0; width:280px; height:30px; line-height:30px; background:#333333; z-index:2; color:#FFFFFF; text-shadow:0px 0px 2px #000000; font-size:18px; font-family:'Colaborate-Regular', Arial, Helvetica, sans-serif; }

/*#box-lavori .carousel-container { width:280px; height:125px; overflow:hidden; margin-top:20px; position:relative; }
#box-lavori .carousel-content { position:absolute; top:0; left:0; width:280px; height:125px; }

div.slide-lavori { position:absolute; top:0; left:0; width:280px; height:125px; z-index:0; width:100%; height:100%; overflow:hidden; }
div.slide-lavori span { position:absolute; bottom:0; left:0; width:100%; height:20%; line-height:25px; background:#333333; z-index:2; color:#FFFFFF; text-shadow:0px 0px 2px #000000; font-size:18px; font-family:'Colaborate-Regular', Arial, Helvetica, sans-serif; }
div.slide-lavori img { width:100%; height:100%; }*/

/* AZIENDA */
.box-2-left, .box-2-right { float:left; display:inline; width:305px; margin-right:30px; }
.box-2-right { margin-right:0; }
blockquote { margin:10px 0 10px 50px; border-left:5px solid #e8e8e8; padding:0 0 0 15px; font-size:16px; color:#666666; }


/* ACCORDION */
h3.showHide { background:#e8e8e8; margin-top:0; }
h3.showHide a { display:block; padding:10px; background-image:url(bullet.gif); background-repeat: no-repeat; background-position:615px 50%; border-bottom:5px solid #e8e8e8; }
h3.showHide a:link, h3.showHide a:visited { color:#333333;  background-color:#f1f1f1; }
h3.showHide a:hover, h3.showHide a:focus, h3.showHide a:active { color:#008ed2; background-color:#e8e8e8; text-shadow:0px 0px 1px #a5a5a5; }

/* PORTFOLIO  carosello */
#carosello-portfolio-wrapper { width:640px; margin:0 auto 20px auto; background:#f1f1f1; border-bottom:5px solid #e8e8e8;  }
#carosello-portfolio-wrapper .carousel-container { width:640px; height:280px; overflow:hidden; position:relative; }

div.slide-portfolio { position:relative; z-index:5; float:left; width:640px; height:280px; }
div.slide-portfolio div.caption { position:absolute; bottom:0; left:0; width:640px; height:75px; background:#333333; z-index:6; color:#FFFFFF; text-shadow:0px 0px 2px #000000; }

div.slide-portfolio h3 { margin:10px 10px 0 10px; }
div.slide-portfolio p { padding:5px 10px; font-family: 'Colaborate-Medium', Arial, Helvetica, sans-serif; }
div.slide-portfolio time, div.slide-portfolio strong { color:#ffffff; margin-left:10px; }
div.slide-portfolio strong { margin-left:15px; }
div.slide-portfolio a:hover { color:#FFFFFF; }

.carousel-buttons { float:right; display:inline; margin:10px; background:#FFFFFF; border:1px solid #e5e5e5; background:#f9f9f9; }
.carousel-buttons a { float:left; display:inline; margin:5px; width:16px; height:16px; background-image:url(controls.png); background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; }

.carousel-buttons a.start:link, .carousel-buttons a.start:visited { background-position:0 0; }
.carousel-buttons a.start:hover, .carousel-buttons a.start:focus, .carousel-buttons a.start:active { background-position:0 -16px; }
.carousel-buttons a.stop:link, .carousel-buttons a.stop:visited { background-position:-16px 0; }
.carousel-buttons a.stop:hover, .carousel-buttons a.stop:focus, .carousel-buttons a.stop:active { background-position:-16px -16px; }


.carousel-navigation { float:left; display:inline; margin:10px; background:#f9f9f9; border:1px solid #e5e5e5; }

.carousel-navigation a.carousel-jumper {
	width:12px;
	height:16px;
	background-image:url(bullet.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	float:left; display:inline;
	overflow:hidden;
	margin:5px;
}
.carousel-navigation a:link, .carousel-navigation a:visited, {
	background-position:0 0;
}
.carousel-navigation a:hover, .carousel-navigation a:focus, .carousel-navigation a:active, .carousel-navigation a:visited, .carousel-navigation a.carousel-selected { background-position:0 -16px; }


/* .............. NEWS - ARTICLE */
iframe#facebook-like { border: none; overflow:hidden; width:400px; float:left; display:inline; height:50px; margin-top:10px; }
#tweet { width:110px; float:left; display:inline; height:20px; margin-top:10px;}

.articolo {  margin:0 0 20px 0; float:left; display:inline; width:640px; }
.articolo h3 { margin-top:0; }

.articolo h3 a { margin-top:0; color:#333333; }
.articolo h3 a:hover { color:#008ed2; }

.testo-articolo, .foto-articolo { display:inline; float:left; text-align:left; }

.testo-articolo { width:465px; margin:0 0 0 10px; } 
.foto-articolo { width:165px; height:120px; margin:0 0 10px 0; background:url(loading.gif) no-repeat center; }

.footer-articolo { text-align:right; margin-top:5px; font-size:12px; clear:left; border-top:1px solid #CCCCCC; }
.footer-articolo p { padding:5px 10px; margin-bottom:0; }
.footer-articolo strong { margin-left:15px; }

.read { background-image:url(read.gif) }
.gallery { background-image:url(gallery.gif); }
.video { background-image:url(video.gif); }
.comments { background-image:url(comments.gif); }

.video, .gallery, .comments, .video, .read { padding:10px 0 10px 18px; margin-left:15px; background-repeat:no-repeat; background-position:left center; }


.testo { text-align:left; }
.post-comment .testo { padding-bottom:5px; }

.nav-bar-articolo { text-align:right; border-bottom:1px solid #CCCCCC; margin-bottom:15px; }
.nav-bar-articolo p { font-size:12px; }


#gallery { border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; padding:0 0 20px 0; margin:20px 0; float:left; width:100%; }
#gallery div { width:164px; float:left; display:inline; margin:20px 20px 0 0; background:url(loading.gif) no-repeat center;} 
#gallery div.last { margin-right:0; }

#gallery a:hover { }

.post-comment { margin:0 0 30px 0; border-bottom:1px solid #CCCCCC; text-align:left; }

.tag-cloud { border-top:1px solid #CCCCCC; margin-top:20px; padding-top:20px; text-align:left }
ul.socialBookMark { float:left; display:inline; width:380px;  }
ul.socialBookMark, ul.socialBookMark li { list-style-type:none; margin:0; padding:0; text-align:left;  }
ul.socialBookMark { margin-top:10px; }
ul.socialBookMark li { display:inline; margin-right:5px; }
ul.socialBookMark img { border:none; }

ul.pagination { margin-bottom:25px; clear:both; padding-top:10px; text-align:center; }
ul.pagination li { display: inline; border: 0; }
ul.pagination li a { margin-right:5px; padding:3px 6px; color:#008ed2; border:1px solid #CCCCCC; }
ul.pagination li a:hover { color:#333333; border-color:#333333; background:#f1f1f1; }
ul.pagination li a.currentPage { color:#333333; border:0; background:none; }
ul.pagination li a.currentPage:hover { color:#666666;  cursor:default; }


/* .......... CONTATTI, MESSAGGI */

.form fieldset { float:left; display:inline; width:640px; }
.form { width:640px; margin:0 0 20px 0; float:left; }
.form div { padding:10px 0; float:left; display:inline; width:320px; border-top:1px solid #CCCCCC; }
.form label { margin-right:10px; width:120px; display: block; float:left; text-align:right; }
.form legend { font-size:24px; color:#333333; margin:0; padding-bottom:5px; font-family:'Colaborate-Regular', Arial, Helvetica, sans-serif; }

.form legend.leg-small { font-size:20px; }


.form input, .form textarea { border:1px solid #CCCCCC; padding:3px; width:175px; background:#EEEEEE; font-size:12px; font-family:'Colaborate-Light', Arial, Helvetica, sans-serif; float:left; }

.form textarea { overflow:auto; width:495px; }
.form div.module { clear:both; width:640px; float:left; }
.form div.module input { width:100px; }

.form img { float:left; display:inline; margin-left:10px; }

.form input#button { font-size:12px; margin-left:130px; padding:4px 0; height:auto; float:left; width:60px; cursor:pointer; color:#FFFFFF; border:none; background:#008ed2; text-transform:uppercase; }


.form.input#privacy { width:auto; float:left; display:inline; }

div.module p { margin:0; padding-right:10px; float:right; }

.form input.hoverfocus, .form select.hoverfocus, .form textarea.hoverfocus { border:1px solid #333333; background:#f1f1f1; }

#error, #response { border-top:1px solid #008ed2; margin:0 auto 15px auto; padding:5px 0; text-align:left; }
#error li { margin:0; padding:0 0 5px 15px; background:url(bullet.gif) no-repeat left 3px; }
#working { padding:20px 0 20px 35px; background:url(loading.gif) no-repeat left center; text-align:left; }



/* .............. TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0; padding:0; text-align:left; line-height:100%; color:#333333; font-family:'Colaborate-Regular', Arial, Helvetica, sans-serif;  }

h1 { font-size:36px; margin:30px 0 15px 0; }
h2 { font-size:32px; margin:24px 0 12px 0; }
h3 { font-size:24px; margin:20px 0 10px 0; }
h4 { font-size:18px; margin:16px 0 8px 0; }
h5 { font-size:16px; margin:10px 0 5px 0; }
h6 { font-size:14px; margin:10px 0 5px 0; }

h2.title { padding:20px 10px 5px 10px; border-bottom:5px solid #e8e8e8; margin:0 0 20px 0; background:#f1f1f1; color:#008ed2; text-shadow:0px 0px 2px #a5a5a5; clear:both }

ol, ul, li { list-style-type:none; margin:0; padding:0;}
p { margin:0 0 5px 0; }

strong { color:#000000; font-family:'Colaborate-Medium', Arial, Helvetica, sans-serif; font-weight:normal; }
time { color:#000000; font-family:'Colaborate-Medium', Arial, Helvetica, sans-serif; }

a { text-decoration:none; }
a:link, a:visited { color:#008ed2;}
a:hover, a:focus, a:active { color:#333333; }

.testo { text-align:left; }
.testo td { vertical-align:top;}

.testo ul, ul.list { margin:0 0 10px 0; padding:0; list-style-type:none; text-align:left;}
.testo li, ul.list li { margin:0; padding:0 0 5px 15px; background:url(bullet.gif) no-repeat left 3px; }


/* ..... COMMON RULES */
.small { font-size:12px; }
.hidden { display: none; }
.alignLeft { 	text-align:left; }
.alignRight { text-align:right; }
.alignCenter { text-align:center; }
.alignJustify { text-align:justify; }


/* ..... CLEAR RULES*/
html body div.clear, html body span.clear { background:none; border:0; clear:both; display:block; float:none; font-size:0; margin:0; padding:0; overflow:hidden; visibility:hidden; width:0; height:0; }