/*
------------------------------------------------
 * Creator : Vanni Valle
 * Copyright (c) 2009 Vanni Valle
 * www.vannivalle.com
 * Not for redistribution.
 * Made for ikkio
------------------------------------------------
*/

body {
	margin:0;
	color:#000;
	font:11px Arial, Helvetica, sans-serif;
	background:#fff;
}
a {
	text-decoration:none;
	color:#000;
}
a:hover {text-decoration:none;}
img {border-style:none;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
#box1 {
	margin:0 auto;
	padding:0;
	width:900px;
	height: 45px;
	overflow:hidden;
	background-color:#999;
	color: white;
}
#box1 p{
	padding-top: 10px;
	padding-left: 725px;
}
#page {
	margin:17px auto 0;
	width:900px;
	overflow:hidden;
}
#header {
	width:100%;
	padding-bottom:8px;
	overflow:hidden;
}
.logo {
	float:left;
	width:138px;
	height:56px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/logo.gif) no-repeat;
}
.logo a {
	display:block;
	height:100%;
}
#header span {
	float:right;
	margin-top:41px;
	width:77px;
	height:14px;
	background:url(../images/icon-rss.gif) no-repeat 100% 0;
}
#header span a {
	font-size:12px;
	color:#000;
}
#header span a:hover {
	color:#ff6600;
	text-decoration:none;
}
#content {
	width:100%;
	overflow:hidden;
}
.title {
	width:874px;
	padding:8px 14px 6px 12px;
	overflow:hidden;
	background-color:#009ddf;
}
.title h1 {
	float:left;
	margin:0;
	font-size:24px;
	line-height:38px;
	color:#fff;
}
.title span {
	float:right;
	text-align:right;
	width:300px;
	margin-top:11px;
}
.title span a {
	font-size:11px;
	line-height:13px;
	padding-right:9px;
	color:#fff;
	/*background:url(../images/bullet-white-arrow.gif) no-repeat 100% 50%;*/
}
.title span a:hover {
	color:#003366;
	text-decoration:none;
	/*background:url(../images/bullet-blue-arrow.gif) no-repeat 100% 50%;*/
}
.big-imgs {
	margin:0 -10px 0 0;
	padding:7px 0;
	list-style:none;
	width:910px;
	overflow:hidden;
	
}
.big-imgs li {
	float:left;
	margin-right:6px;
	
}
.big-imgs img {
	float:left;
	border:1px solid #b2b2b2; border:1px solid #FFFFFF;
}
.big-imgs div {
	width:296px;
	height:168px;
	position:relative;
}
.big-imgs span {
	position:absolute;
	left:0;
	bottom:144px;
	width:100%;
	line-height:24px;
	background:url(../images/bg-over-imgs.png);
}
.big-imgs span em {
	color:#fff;
	padding-left:9px;
	font-size:14px;
	font-style:normal;
}
.small-imgs {
	margin:0 -10px 0 0;
	padding:0 0 14px;
	list-style:none;
	width:910px;
	overflow:hidden;
}
.small-imgs li {
	float:left;
	margin-right:6px;
}
.small-imgs li img {
	float:left;
	/*border:1px solid #b2b2b2;*/
	border:1px solid #FFFFFF;
}
.siamo {
	width:100%;
	overflow:hidden;
	padding-bottom:16px;
}
#content h2 {
	margin:0;
	padding:8px 10px 6px 12px;
	font-size:24px;
	line-height:38px;
	color:#fff;
}
.siamo h2 {
	background-color:#0070bb;
}
.siamo p {
	margin:9px 14px 0 14px;
	font-size:11px;
	line-height:16px;
	text-align:justify;
	color:#808080;
}
.siamo img {
	float:left;
	/*padding:2px 23px 0 12px;*/
	padding: 11px 0 0 0;
}
.posts {
	width:100%;
	overflow:hidden;
}
.posts h2 {
	background-color:#f05a23;
	position:relative;
}
.posts ul {
	margin:-1px 0 0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
.posts li {
	width:900px;
	height:92px;
	display:table;
	border-top:1px solid #d2d2d2;
}
.posts li.hover a,
.posts li:hover a {
	color:#f63;
}
.posts h3 {
	display:table-cell;
	vertical-align:middle;
	margin:0;
	width:435px;
	padding-left:15px;	
	text-align:left;
	font-size:36px;
	line-height:35px;
	letter-spacing:-1px;
}
.posts h3 a {
	color:#666;
}
.posts h3 a:hover {
	text-decoration:none;
}
.posts p {
	display:table-cell;
	vertical-align:middle;
	margin:0;
	padding-right:25px;
	padding-left:15px;
	width:415px;
	text-align:justify;
	font-size:11px;
	line-height:14px;
}
.posts p a {
	color:#808080;
}
.posts p a:hover {
	text-decoration:none
}
.posts strong {
	display:table-cell;
	vertical-align:middle;
	width:80px;
}
.posts strong a {
	color:#4d4d4d;
	font-size:12px;
}
.posts strong a:hover {
	text-decoration:none;
}
.contact {
	width:100%;
	margin-top:6px;
	padding-bottom:18px;
	overflow:hidden;
	border-bottom:1px solid #d2d2d2;
}
.contact h2 {
	background-color:#faaf3a;
}
.contact strong {
	display:block;
	width:100%;
	text-align:center;
}
.contact strong a {
	color:#666;
	letter-spacing:-1px;
	font-size:90px;
	line-height:104px;
}
.contact strong a:hover {
	color:#09c;
	text-decoration:none;
}
.action-block {
	width:100%;
	padding:17px 0 13px;
	overflow:hidden;
}
.submit-form {
	float:left;
	width:500px;
	margin-top:-6px;
}
.submit-form .inp-text {
	float:left;
	width:465px;
	height:16px;
	padding:3px 15px 0;
	font-size:11px;
	color:#999;
	border:1px solid #d9d9d9;
}
.submit-form div {
	width:100%;
	overflow:hidden;
	padding:6px 0;
}
.submit-form textarea {
	width:465px;
	height:125px;
	padding:3px 15px 0;
	border:1px solid #d9d9d9;
	overflow:auto;
	color:#999;
}
.submit-form .button-submit {
	float:left;
	display:inline;
	margin-left:15px;
}
.map {
	float:right;
	width:386px;
}
.map img {
	float:left;
}
#footer {
	padding:15px 16px;
	width:868px;
	overflow:hidden;
	/*background-color:#999;*/
	background: #999 url(../images/energia.jpg) no-repeat;
}
.inner-footer {
	width:100%;
	padding-bottom:75px;
	margin-bottom:7px;
	overflow:hidden;
	text-align:right;
	border-bottom:1px solid #acacac;
}
.inner-footer strong {
	display:block;
	padding-bottom:17px;
	color:#f2f2f2;
	font-size:12px;
	line-height:16px;
}
.inner-footer em {
	display:block;
	font-size:11px;
	line-height:16px;
	color:#f2f2f2;
	font-style:normal;
}
.bottom-footer {
	width:100%;
	overflow:hidden;
}
.bottom-footer span {
	float:left;
}
.bottom-footer span a {
	color:#ccc;
	font-size:10px;
	line-height:12px;
}
.bottom-footer span span {
	float:none;
}
.bottom-footer a:hover span {
	color:#fff;
}
.bottom-footer a:hover strong {
	color:#9cf;
}
.bottom-footer p {
	float:right;
	margin:0;
	font-size:10px;
	line-height:12px;
	color:#fff;
}
/* part for inner page */
.portfolio {
	width:100%;
	overflow:hidden;
}
.title ul {
	float:right;
	width:85px;
	overflow:hidden;
	margin:0;
	padding:11px 0 0;
	list-style:none;
}
.title li {
	float:left;
	margin-left:-2px;
	padding:0 5px 0 6px;
	background:url(../images/sep-prev-next.gif) no-repeat 0 3px;
}
.title li a {
	font-size:11px;
	line-height:14px;
	color:#fff;
}
.title li a:hover {
	text-decoration:none;
	color:#036;
}
.title li.prev a {
	padding-left:21px;
	/*background:url(../images/bullet-white-arrow-prev.gif) no-repeat 0 3px;*/
}
.title li.prev a:hover {
	/*background:url(../images/bullet-blue-arrow-prev.gif) no-repeat 0 3px;*/
}
.title li.next a {
	padding-right:0;
	/*background:url(../images/bullet-white-arrow.gif) no-repeat 100% 3px;*/
}
.title li.next a:hover {
	/*background:url(../images/bullet-blue-arrow.gif) no-repeat 100% 3px;*/
}
.place-holder {
	width:100%;
	overflow:hidden;
	padding:10px 0 8px;
	position:relative;
}
.place-holder div.hold {
	overflow:hidden;
	position:relative;
	width:900px;
}
.place-holder span {
	position:absolute;
	overflow:hidden;
	text-indent:-9999px;
	width:450px;
	height:39px;
}
.place-holder span a {
	display:block;
	height:100%;
	position:relative;
	cursor:pointer;
	z-index:5;
	
}
.place-holder .prev {
	top:389px;
	left:0;
}
.place-holder .prev a {
	background:url(../images/btn-prev-big.png) 0 0 no-repeat;
}
.place-holder .prev a:hover {
	background:url(../images/btn-prev-big-hover.png) 0 0 no-repeat;
}
.place-holder .next {
	top:389px;
	right:0;
}
.place-holder .next a {
	background:url(../images/btn-next-big.png) 0 0 no-repeat;
}
.place-holder .next a:hover {
	background:url(../images/btn-next-big-hover.png) 0 0 no-repeat;
}
.place-holder ul {
	margin:0;
	padding:0;
	list-style:none;
	width:9999px;
	overflow:hidden;
}
.place-holder li {
	float:left;
	margin-right:2px;
	width:898px;
}
.place-holder img {
	float:left;
	display:inline;
	margin-left:1px;
	border:1px solid #d9d9d9; border:1px solid #FFFFFF;
}
#gallery {
	width:900px;
	overflow:hidden;
	position:relative;
}
#gallery div {
	width:906px;
	position:relative;
	overflow:hidden;
}
#gallery ul {
	margin:0;
	padding:0 0 14px;
	list-style:none;
	width:9999px;
	overflow:hidden;
	position:relative;
	z-index:0;
}
#gallery li {
	float:left;
	width:145px;
	margin-right:6px;
}
#gallery li img {
	float:left;
	border:1px solid #b2b2b2; border:1px solid #FFFFFF;
}
#gallery span {
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	top:35px;
	width:15px;
	height:21px;
	z-index:1;
}
#gallery span a {
	display:block;
	height:100%;
	position:relative;
	cursor:pointer;
}
#gallery .prev {
	left:9px;
}
#gallery .prev a {
	background:url(../images/btn-prev-small.png) 5px 5px no-repeat;
}
#gallery .prev a:hover {
	background:url(../images/btn-prev-small-hover.png) 5px 5px no-repeat;
}
#gallery .next {
	right:9px;
}
#gallery .next a {
	background:url(../images/btn-next-small.png) 5px 5px no-repeat;
}
#gallery .next a:hover {
	background:url(../images/btn-next-small-hover.png) 5px 5px no-repeat;
}
.portfolio dl {
	margin:0;
	padding:0 0 7px;
	width:100%;
	overflow:hidden;
	font-size:12px;
	line-height:18px;
}
.portfolio dt {
	float:left;
	padding:0 6px 0 10px;
	color:#fff;
	background-color:#666;
}
.portfolio dd {
	float:left;
	display:inline;
	color:#4d4d4d;
	margin:0 28px 0 8px;
}
.text-block {
	width:882px;
	padding:3px 9px 16px;
	overflow:hidden;
	border-top:1px solid #d2d2d2;
}
.text-block p {
	margin:0;
	color:#808080;
	font-size:11px;
	line-height:16px;
	text-align:justify;
}
.progetti {
	display:block;
	width:870px;
	padding:0 15px;
	margin-bottom:8px;
	line-height:23px;
	font-size:12px;
	font-weight:normal;
	color:#808080;
	background-color:#e6e6e6;
}
.error { color: red; padding-left: 15px; }
.casoimg {
	overflow:hidden;
	position:relative;
	cursor:pointer;
}
.desc_caso {
	background-color:#000000;
	color:#FFFFFF;
	opacity:0.7;
	position: absolute;
	top:168px;
}