@import "protoload.css";
@import "datepicker.css";

/*CLASSE PER IL BODY*/
body,html {
	padding		:	0;
	margin		:	0;	
	font-family	:	Arial, Geneva, sans-serif;
	font-size	:	13px;
	
}

img, div {
         behavior: url('iepngfix.htc'); 
}

#container{
	margin:auto;
	width:960px;
	height:100%;
}

a{
	text-decoration:none;
	color:#FFFFFF;
}

#menu_top{
	font-size : 12px;
	width:378px;
	float:right;
	font-family : Arial, Helvetica, sans-serif;
	position:relative;
	right:0;
	margin:0px;
	top:60px;
	text-align:right;
	color: #FFFFFF;
}

#menu_top ul{
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	height:40px;
	left: 50px;
}

#menu_top ul li{
	position: relative;
	list-style: none;
	height:30px;
	float:left;
	text-align:center;
	line-height: 30px;
	margin-left:0px;
	padding-left:15px;
	padding-right:15px;
	padding-top:0;
	padding-bottom:0;
}

#menu_top ul li a{
	border:0;
	text-decoration:none;
}

#home:hover,#home.active {
	background-color:#00CCFF;
}

#portfolio:hover,#portfolio.active{
	background-color:#ff0066;
}

#chi:hover,#chi.active{
	background-color:#a020f0;
}

#servizi:hover,#servizi.active{
	background-color:#FF9900;
}

#contatti:hover,#contatti.active{
	background-color:#0066CC;
}

/*		---SLIDE---		*/

#slide{
	behavior: url('iepngfix.htc');
	background:url('img/bck_cont.png');
	width:100%;
	clear:both;
	height:398px;
	position:relative;
	top:80px;
}

#titolo{
	background-color:#00CCFF;
	width:100%;
	height:35px;
	position:relative;
	top:0;
	font-size : 12px;
	color:#ffffff;
}

#titolo p{
	padding-top:10px;
	margin:10px;
}

pre { display:none }
#s1 {float:left;}

#prev1{
	width:65px;
	height:71px;
	background:url('img/prev.gif');
	position:absolute;
	left:750px;
	top:35px;
	float:left;
	z-index:8;
	border:0;
}

#prev1:hover{
	width:65px;
	height:71px;
	background:url('img/prev_hover.gif');
}

#next1{
	width:65px;
	height:71px;
	background:url('img/next.gif');
	position:absolute;
	left:814px;
	top:35px;
	float:left;
	z-index:8;
	border:0;
}

#next1:hover{
	width:65px;
	height:71px;
	background:url('img/next_hover.gif');
}

.item{
	width:960px;
	height:398px;
	margin-top:0;
}

.item_v{
	width:960px;
	height:398px;
	margin-top:0;
	background:url('img/bck_slide_villa.jpg') no-repeat;
}

.item_a{
	width:960px;
	height:363px;
	margin-top:0;
	background:url('img/slide_01.jpg') no-repeat;
}

.item_eurocomm{
	width:960px;
	height:363px;
	margin-top:0;
	background:url('img/slide_eurocomm.jpg') no-repeat;
}

.item_eurocomm:hover{
	background:url('img/slide_eurocomm_hover.jpg') no-repeat;
}

.item_villa{
	width:960px;
	height:363px;
	margin-top:0;
	background:url('img/slide_villa.jpg') no-repeat;
}

.item_villa:hover{
	background:url('img/slide_villa_hover.jpg') no-repeat;
}

/*		---BOX---		*/
/*		-box principale		*/
.box{
	background:url('img/bck_cont.png');
	width:350px;
	float:left;
	height:280px;
	position:relative;
	top:90px;
	margin-right:40px;
	color:#ffffff;
}

.box h2{
	margin-top:5px;
	margin-left:20px;
	font-size:16px;
	font-weight:normal;
}

.box h3{
	margin-left:20px;
	margin-top:0;
	margin-bottom:5px;
	font-size:13px;
	font-weight:normal;
}

.box p{
	margin-left:20px;
	margin-right:60px;
	margin-top:0;
	font-size:11px;
}

.box .link_box{
	text-align:right;
	margin-right:22px;
}

.box .link_box a{
	color:#00CCFF;
}

.image{
	width:320px;
	height:147px;
	background:url('img/live-gubbio.png') no-repeat top;
	margin-left:20px;
	margin-top:-10px;
	border:0;	
}

.image:hover{
	background:url('img/live-gubbio.png') no-repeat bottom;
}

.image_f{
	width:320px;
	height:147px;
	background:url('img/misano.png') no-repeat top;
	margin-left:20px;
	margin-top:-10px;
	border:0;
}

.image_f:hover{
	background:url('img/misano.png') no-repeat bottom;
}

/*		-box verticale		*/

.box_vert{
	background:url('img/bck_cont.png');
	width:180px;
	float:left;
	height:280px;
	position:relative;
	top:90px;
	color:#ffffff;
}

.box_vert h2{
	margin-top:5px;
	margin-left:20px;
	font-size:16px;
	font-weight:normal;
}

.box_vert .contact{
	margin-top:22px;
	margin-left:20px;
}

.box_vert .contact a:hover{
	color:#00CCFF;
}

/*		-box grande		*/

.box_big{
	background:url('img/bck_cont.png');
	width:600px;
	float:left;
	height:280px;
	margin-right:40px;
	position:relative;
	top:145px;
	color:#ffffff;
}


.box_big h2{
	margin-top:5px;
	margin-left:20px;
	font-size:16px;
	font-weight:normal;
}

.box_big p{
	position:relative;
	left:50px;
	top:10px;
}

.box_big .link_box{
	text-align:right;
	margin-right:22px;
	margin-top:50px;
}

.box_big .link_box a{
	color:#00CCFF;
}

/*		-box piccolo		*/
.cont_box{
	float:left;
	position:relative;
	top:145px;
}

.box_small{
	background:url('img/bck_cont.png');
	width:320px;
	height:130px;
	color:#ffffff;
	position:relative;
	top:0;
}

.box_small #preventivo{
	width:223px;
	float:left;
	margin-top:18px;
	margin-left:5px;
}

.box_small h2{
	margin-top:0;
	margin-left:25px;
	font-size:16px;
	font-weight:normal;
}

.box_small p{
	margin-top:-8px;
	margin-left:25px;
	font-size:12px;
}

.box_small #preventivo a{
	width:200px;
	height:37px;
	text-align:right;
	border:none;
	position:relative;
	top:-5px;	
}
.box_small2{
	background:url('img/bck_cont.png');
	width:320px;
	height:130px;
	position:relative;
	top:20px;
	color:#ffffff;
}
.box_small2 h2{
	padding-top:5px;
	margin-top:0;
	margin-left:20px;
	font-size:16px;
	font-weight:normal;
}
.box_small2 .column{
	float:left;
	width:33%;
}
.box_small2 .column .skills{
	margin-left:20px;
	top:10px;
}
#link_preventivo{
	width:200px;
	height:37px;
	background:url('img/bck_prev.gif');
	margin-left:25px;
	font-size:14px;
}
#link_preventivo:hover{
	background:url('img/bck_prev_hover.gif');
}
#link_preventivo p{
	float:left;
	margin-top:10px;
	margin-left:40px;
	font-size:14px;
}
#dialog label{
	text-align:left;
	color:#000000;
	width:30%;
}
#dialog input, select,textarea{
	float:right;
	width:70%;
}
#slide_p{
	behavior: url('iepngfix.htc');
	background:url('img/bck_cont.png');
	width:100%;
	clear:both;
	height:880px;
	position:relative;
	top:80px;
}
#slide_p h1{
	color:#FF0066;
	font-size:30px;
	margin:20px;
	margin-bottom:60px;
}
#prev_p{
	width:65px;
	height:71px;
	background:url('img/portfolio/prev_p.jpg') top center;
	position:absolute;
	left:750px;
	top:35px;
	float:left;
	z-index:5;border:0;
}

#prev_p:hover{
	background-position:bottom;
}

#next_p{
	width:65px;
	height:71px;
	background:url('img/portfolio/next_p.jpg') top center;
	position:absolute;
	left:814px;
	top:35px;
	float:left;
	z-index:5;border:0;
}

#next_p:hover{
	background-position:bottom;
}

.item_p{
	width:960px;
	margin-top:0;
}

#titolo_p{
	background:url('img/portfolio/bck.jpg');
	width:100%;
	height:35px;
	position:relative;
	top:0;
	font-size : 12px;
	color:#ffffff;
}

#titolo_p h1{
	padding-top:10px;
	margin:10px;
	font-size : 12px;
	color:#ffffff; text-transform:uppercase;
}

/*		-box lavori		*/

.work{
	width:293px;
	height:230px;
	float:left;margin:5px 0 5px 20px;padding:0;
}

.work:hover .work_hover{
	visibility:visible;
}

.work_img{
	width:293px;
	height:230px;	
	text-align:right;
	margin:0;padding:0;
}
.work_img img{
	width:293px;height:184px;
	position:relative;
	top:0; border:0;
}
.work_img h2{
	color:#FFFFFF;
	font-size:14px;line-height:14px;
	margin:2px 9px;padding:0;
}
.work_img p{
	color:#FF0066;
	font-size:11px;line-height:14px;
	font-style:italic;	
	margin:0 9px;padding:0;
}
.work_img a{
	color:#FF0066;
}
.work_img a:hover{
	text-decoration:underline;
}
.work_hover{
	visibility:hidden;
	width:293px;
	height:15px;
	position:relative;
	top:-155px;
	left:0px;
	background:#FF0066;
}
.work_hover p{
	font-size:10px;
	text-align:center;
	color:#FFFFFF;
	padding-top:1px;
	text-transform:uppercase;
}
.work_details{
	width:960px;
	height:880px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:52;
}

.work_img_det{
	width:450px;
	height:283px;
	margin-top:200px;
	margin-left:40px;
	margin-right:20px;	
	float:left;
}

.work_txt_det{
	width:400px;
	text-align:left;
	margin-right:20px;
	margin-top:200px;
	float:left;
}

.work_txt_det h2{
	color:#FFFFFF;
	font-size:14px;
}

.work_txt_det p{
	color:#FFFFFF;
	font-size:12px;
	font-style:italic;
	width:400px;
}

.go_back{
	clear:both;
	margin:auto;
	width:960px;
	text-align:center;
}

/*	-slide box lavori	*/

ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 360px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 110px;
	height: 110px;
}
ul.thumb li img {
	width: 80px; height: 80px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	border: none; 
}


/*		---SERVIZI---		*/

#cont_servizi{
	background:url('img/bck_cont.png');
	width:100%;
	clear:both;
	height:900px;
	position:relative;
	top:80px;
}

#cont_servizi h1{
	color:#FF9900;
	font-size:30px;
	margin:20px;
	margin-bottom:40px;
	float:left;
}

#titolo_servizi{
	background-color:#FF9900;
	width:100%;
	height:35px;
	position:relative;
	top:0;
	font-size : 12px;
	color:#ffffff;
}


#titolo_servizi p{
	padding-top:10px;
	margin:10px;
}

#menu_servizi{
	font-size : 12px;
	width:530px;
	float:left;
	font-family : Arial, Helvetica, sans-serif;
	margin:20px;
	margin-bottom:40px;
	text-align:center;
	color: #666666;
}

#menu_servizi ul{
	list-style:none;
}

#menu_servizi ul li{
	background:url('img/bck_menu.png') repeat-x;
	list-style: none;
	height:30px;
	float:left;
	text-align:center;
	line-height: 30px;
	padding-top:0;
	padding-bottom:0;
}

#menu_servizi ul li:hover ,#menu_servizi ul li.active{
	background:url('img/bck_menu_hover.png') repeat-x;
}

#menu_servizi ul li a{
	border:0;
	text-decoration:none;
	padding-left:15px;
	padding-right:15px;
	color: #666666;
}

#menu_servizi ul li:hover a , #menu_servizi ul li.active a{
	color:#FFFFFF;
}

.descr_serv1{
	width:570px;
	margin-left:21px;
	margin-right:21px;
	color:#FFFFFF;
	font-size:14px;
	float:left;
	position:relative;
	top:20px;
}

.descr_serv{
	width:917px;
	margin-left:21px;
	margin-right:21px;
	color:#FFFFFF;
	font-size:14px;
	float:left;
}

.box_servizi{
	width:320px;
	height:130px;
	float:right;
	color:#ffffff;
	margin-right:21px;
	margin-bottom:10px;
	position:relative;
	top:20px;
}

.box_servizi h2{
	padding-top:5px;
	margin-top:0;
	margin-left:20px;
	font-size:18px;
}

.box_servizi .column{
	float:left;
	width:33%;
}

.box_servizi .column .skills{
	margin-left:20px;
	top:10px;
}

.next_step{
	background:url('img/next_step.png') no-repeat;
	width:27px;
	height:34px;
	margin-left:18px;
	margin-right:18px;
	margin-top:71px;
	float:left;
}

/*		---CONTATTI---		*/


#slide_c{
	behavior: url('iepngfix.htc');
	background:url('img/bck_cont.png');
	width:100%;
	clear:both;
	height:720px;
	position:relative;
	top:80px;
}

#slide_c h1{
	color:#0066CC;
	font-size:30px;
	margin:40px;
}

#titolo_c{
	background-color:#0066CC;
	width:100%;
	height:35px;
	position:relative;
	top:0;
	font-size : 12px;
	color:#ffffff;
}

#titolo_c p{
	padding-top:10px;
	margin:10px;
}

.box_contact{
	width:266px;
	margin-top:40px;
	margin-left:40px;
	float:left;
	color:#FFFFFF;
}

.descr_contact{
	width:209px;
	margin-left:10px;
	float:left;
}

.descr_contact h2{
	color:#FFFFFF;
	font-size:20px;
	margin-top:0;
	margin-bottom:5px;
}

.descr_contact p{
	margin-top:0;
	margin-bottom:3px;
}

.descr_contact .label{
	color:#0066CC;
	margin-top:0;
}

#map{
	background-color:#0066CC;
	width:572px;
	height:300px;
	float:right;
	margin-top:80px;
	margin-left:40px;
	margin-right:40px;
}

/*		---FOOTER---		*/

#footer{
	font-size: 13px;
	color:#ffffff;
	width:100%;
	height: 214px;
	background:url('img/bck_footer.png') repeat-x;
	position:relative;
	top:150px;
	clear:both;
	text-align:left;
}

#container_footer{
	margin:auto;
	width:960px;
}

#container_footer .box_footer{
	margin-left:50px;
	margin-top:90px;
	width:160px;
	height:100%;
	float:left;
}


.box_footer h2{
	font-size:12px;
	margin-top:-10px;
}

.box_footer p{
	font-size:12px;
	margin-top:-5px;
	color:#CCCCCC;
}

.box_footer p a{
	color:#CCCCCC;
}
#flag{
	width:100%;height:6px;margin:auto;
	position:fixed;
	top:0;
	background:url('img/bandiera.jpg') no-repeat top center;
	line-height:6px;font-size:6px;	color:#FFFFFF;text-align:center;
	z-index:9999;
}
#flag1{
	width:100%;height:6px;margin:auto;
	position:fixed;
	bottom:0;
	background:url('img/bandiera.jpg') no-repeat top center;
	line-height:6px;font-size:6px;	color:#FFFFFF;text-align:center;
	z-index:9999;
}

@-webkit-keyframes fade
{
    0%   { opacity : 1; }
	10%  { opacity : 1; }
	80%  { opacity : 0.8; }
    100%  { opacity : 0; }
    
}

@-webkit-keyframes position {
	0%   { bottom : 0px; left : 0%;  }
	30%  { bottom : 10px; left : 30%;  }
	50%  { bottom : 20px; left : 50%;  }
	100% { bottom : 40px; left : 100%;  }
}

@-webkit-keyframes reduce {
	0%   { -webkit-transform : scale(1) ;  }
	60%   { -webkit-transform : scale(0.8) ;  }
	80%   { -webkit-transform : scale(0.6) ;  }
	100% {-webkit-transform : scale(0.3) ;   }
}
#aereo{
	width:150px;height:89px;margin:auto;
	position:fixed;
	bottom:0;
	background:url('img/aereoplanino.png') no-repeat top center;
	z-index:9999;
	-webkit-animation-name: position, reduce, fade;
	-webkit-animation-duration : 40s;
	-webkit-animation-iteration-count : infinite;
	-webkit-animation-direction : normal;
	-webkit-animation-delay : 2s;
	-webkit-animation-timing-function : linear;
	-webkit-transform-origin : 50% 50%;
}