@charset "utf-8";
/* CSS Document */




html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*-----------reset end-------------*/

.clear{
clear: both;	
}

body{
background: #e4e5e8;	
font-family: Verdana, Geneva, sans-serif;
}



h1, h2, h3, h4, h5, h6{
color: #ff7805;
margin: 13px 0 13px 0;
font-weight: 100;
}

h1{
font-size: 32px;
margin: 13px 0 32px 0;
}

h2{
font-size: 24px;
}

h3{
font-size: 20px;	
}

h4{
font-size: 18px;	
}

a{ /*color: #17b7e8;*/ color: #18b; text-decoration: none;  } a:hover{ color: #08c4ff; text-decoration: underline; }

/*-GENERALI-*/

div#header{
width: 100%;
height: 129px;
border-bottom:2px solid #303030;
background: #4d4d4d url(style_img/bg_header.png) repeat-x top;
padding: 0 0 1em 0;
}

div#headwrap{
	width: 990px;
	margin: 0 auto;
}

div#header a#logo{
width: 	262px;
height: 96px;
background: url(style_img/logo.png) no-repeat;
display: block;
position: relative;
top: 31px;
float: left;
text-indent: -9999px;
}

div#header ul{
float: left;
position: relative;
top: 50px;
left: 16px;
}

div#header ul li{
	float: left;
}


div#header ul li a{
	color: #09b2e7;
	font-size: 24px;
	padding: 26px 0 0 60px;
	text-decoration: none;
	height: 32px;
	display: block;
	margin: 12px 10px 0 0;
}

div#header ul li a:hover{
color: #ff7805;	
}


div#header ul li a#btn_home{
background: url(style_img/btn_home.jpg) no-repeat 0 0;	

}
div#header ul li a#btn_home:hover{
background: url(style_img/btn_home.jpg) no-repeat 0 100%;	
}

div#header ul li a#btn_portfolio{
background: url(style_img/btn_portfolio.jpg) no-repeat 0 0;	
}
div#header ul li a#btn_portfolio:hover{
background: url(style_img/btn_portfolio.jpg) no-repeat 0 100%;	
}

div#header ul li a#btn_servizi{
background: url(style_img/btn_servizi.jpg) no-repeat 0 0;	
}
div#header ul li a#btn_servizi:hover{
background: url(style_img/btn_servizi.jpg) no-repeat 0 100%;	
}

div#header ul li a#btn_contattami{
background: url(style_img/btn_contattami.jpg) no-repeat 0 0;	
}
div#header ul li a#btn_contattami:hover{
background: url(style_img/btn_contattami.jpg) no-repeat 0 100%;	
}

/*-FINE HEADER-*/

div#content{
width: 990px;
margin: 0 auto;
padding: 25px 0 43px 44px;
}

div#content p{
font-size: 16px;
line-height: 22px;
margin: 0 0 1em 0;
}
/*-FINE CONTENT-*/

div#footer{
background: #4d4d4d;	
border-top: 2px solid #303030;
font-size: 14px;
color: #f5f5f5;
text-align: center;
padding: 0 0 27px 0;
}

div#footer p{
	padding: 28px 0 0 0;
}
div#footer p.vcard{
	font-style: normal;	
	margin: 0;
}
div#footer p.vcard span{
	display: block;
	line-height: 19px;
	}




/*-----FINE ROBA BASE-------*/


/*--HOME--*/

div#content div#informazioni{
width: 540px;
float: left;
}

div#content div#homepf{
float: right;	
width: 410px;
}

div#content div#slider li{
background: url(style_img/bg_home_pf.png) no-repeat;
width: 391px;
display: block;
}

div#content div#slider img{
margin: 1px 0 0 8px;	
}



/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:391px;
		height: 400px;
		overflow:hidden; 
		}
		
		#slider li span{
		width: 300px;
		display: block;
		text-align: center;
		font-size: 14px;
		margin: 12px 40px 12px 40px;
		}
		
		
		
	#prevBtn, #nextBtn{ 
	display:block;
	width:40px;
	height:40px;
	float: left;
	text-indent: -4000px;
	position: relative;
	bottom: 70px;
	}	
#nextBtn{ 

	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:40px;
	height:40px;
	background:url(style_img/btn_arrow_left.jpg) no-repeat 0 0;	
	}	
#nextBtn a{ 
margin-left: 310px;
	background:url(style_img/btn_arrow_right.jpg) no-repeat 0 0;	
	}
	
	#nextBtn a:hover{
		background:url(style_img/btn_arrow_right.jpg) no-repeat 0 100%;
	}
	
	#prevBtn a:hover{
		background: url(style_img/btn_arrow_left.jpg) no-repeat 0 100%;
	}

/* // Easy Slider */

/*----FINE HOME-----*/




/* --- CONTATTAMI ---*/


input, label, textarea{
	display: block;
}

label{
font-size: 20px;
margin: 4px 0;
}

input#nome, input#email, textarea#comunicazione{
border: 1px solid #000;	
margin: 6px 0;
font-size: 18px;
}

input#submit{
	display: block;
	cursor: pointer;
	height: 59px;
	width: 130px;
	padding: 0 0 0 61px;
	background:url(style_img/btn_send.jpg) no-repeat 0 0;
	border: 0;
	color: #09b2e7;
	font-size: 24px;
	font-family: Verdana, Geneva, sans-serif;
	position: relative;
	left: 225px;
}

input#submit:hover{
	color:#ff7805;
	background: url(style_img/btn_send.jpg) no-repeat 0 100%;
}

h1#contattami{
padding: 25px 0 0 60px;
background: url(style_img/btn_h_contattami.png) no-repeat left;
height: 59px;
}

form#fcontattami{
width: 700px;
margin: 0 auto;
}
form#fcontattami .error{
	border: 1px solid #F00;
}


form#fcontattami p.error{
border: 3px #FF0000 dashed;
background: #FFCC99;
padding: 3px 12px 3px 12px;
font-weight: bold;
}

form#fcontattami p.success{
border: 3px #87e518 dashed;
background: #CCFF99;
padding: 3px 12px 3px 12px;
font-weight: bold;
}




/*----------------SERVIZI-INFORMAZIONI-------*/

div#content div#servizi{
	width: 880px;
	margin: 0 auto;
	}

div#content div#servizi ol, div#content div#informazioni ol{
	list-style:decimal;
}
div#content div#servizi ul{
	list-style-type: circle;
}

div#content div#servizi ol li, div#content div#servizi ul li, div#content div#informazioni ol li{
margin: 1em 1em 1em 2em;	
line-height: 19px;
}

img.offerpack{
float: left; margin: 12px 32px 12px 24px;
}



/*---portfolio--*/


div#portfolio img{
	float: left;

	margin: 0 20px 0 12px;
	
}


div#portfolio blockquote{
display: block;
	background: #D1D5DF;
	border: 1px dashed #6277AF;
	padding: 4px 7px 4px 4px;	
	float: right;
	width: 560px;
}

div.workwrap{
margin: 50px 0 12px 0;	

}



p.testimonial{
font-family: Georgia, "Times New Roman", Times, serif;	

}
span.opquote{
line-height: 30px;
 font-size:34px;	
 display: inline-block;
 
}
span.cloquote{
font-size: 30px;	
}

span.tauthor{
display: inline-block;
font-weight: bold;
font-family: Verdana, Geneva, sans-serif;
margin: 12px 0 0 170px;

}

/*-----------EXTRA_----------------*/

span.alert{
color: #F00;
font-weight: bold;
}

span.normalprice{
text-decoration: line-through;
}

span.actualprice{
font-weight: bold;
text-decoration: underline;
}

div#extraquestions{
margin: 2em 0 2em 0;	
}


span.hide{
	display: block;
	background: #D1D5DF;
	border: 1px dashed #6277AF;
	margin: 1em;
	padding: 4px 7px 4px 4px;
}

span.help{
	cursor: pointer;
	color: #18b;
}


.resource-thumb{
	float: left;
	margin: 0 1em;
	padding: 2px;
	border: 1px solid #999;
}

div#resource ul{

}
div#resource ul li{
	list-style-position: inside;
	list-style-type: disc;
	margin: 0 1em 0 0;	
	line-height: 19px;
}