/*normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, fprm, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0;
}

/*normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 { font-size: 100%;
}

/*removes list-style from lists */
ol, ul { list-style: none;
}

/*normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight: normal;
}

/*removes list-style from lists */
table { border-collapse:collapse; border-spacing: 0;
}

/*removes border from fieldset and img */
fieldset, img { border: 0;
}

/*left-aligns text in captation and th */
caption, th { text-align:left;
}

/*removes quotation marks from q*/
q:before, q:after { content: '';
}



#wrapper{
height:100%;
width:100%;
display:table;
vertical-align:middle;
position:absolute;
left:0px;
}


* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */

body {
	background-color: #ffffff;
	text-align:center;
	min-height:600px;/* for good browsers*/
	min-width:980px;/* for good browsers*/
	background-image:url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	margin: 0 auto 0 auto;
}


#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}
#container {
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height: 600px;
}
#inner {
width: 980px;
height: 600px;
position:relative;
text-align: center;
margin-left:auto;
margin-right:auto;
}


#logo { background-image:url(../images/logo.png);
background-repeat:no-repeat;
width:265px;
height:201px;
position:absolute;
left: 102px;
top: 35px;
text-indent:-9999px;
z-index:2;
}

.attivo a{ display:block;
width:265px;
height:201px;
z-index:2;
text-decoration:none;
}

#header { 
text-indent:-9999px;

}

#elementi {background-image: url("../images/elementi.png");
    background-repeat: no-repeat;
    height: 414px;
    left: 113px;
    position: absolute;
    top: 61px;
    width: 813px;
    z-index: 1;}
	
#menu {
	  height: 31px;
    left: 348px;
    position: absolute;
    top: 229px;
    width: 533px;
	z-index:2;
}

#menu li{  display: inline;
    padding-left: 38px;
}

#menu li a{  text-decoration:none;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#477ab9;
}

#menu li a:hover{  
color:#fff;
}

#main_content{ background-image: url("../images/mask_content.png");
    background-repeat: no-repeat;
    height: 301px;
    left: 26px;
    position: absolute;
    text-indent: -9999px;
    top: 276px;
    width: 562px;
    z-index: 10;
}

#slide {
    left: 26px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    position: absolute;
    top: 277px;
    width: 560px;
    z-index: 3;
}

.SliderNameDescription{
	font-family: Verdana;
	font-size: 14px;
	text-align: right;
	padding-left:30px;
	padding-right:30px;
	padding-top:10px;
}


#cloud{background-image: url("../images/nuvola.png");
    background-repeat: no-repeat;
    height: 248px;
	right: 625px;
    position: absolute;
    top: 476px;
    width: 435px;
    z-index: 11;
}

#social {
	left: 594px;
    position: absolute;
    top: 342px;
    z-index: 3;
	padding:0;
	margin:0;
	width:40px;
	
}

#social p{
	text-indent:-9999px;
	margin:0;
	padding:0;
}

#social ul{
	margin:0;
	padding:0;
}

#social li{
	margin:0;
	padding:0;
}


#news {
	 background-image: url("../images/news.png");
    height: 280px;
    left: 643px;
    position: absolute;
    text-indent: -9999px;
    top: 288px;
    width: 299px;
    z-index: 2;
}

#bird {
	 background-image: url("../images/bird.gif");
    height: 73px;
    left: 243px;
    position: absolute;
    top: -55px;
    width: 74px;
    z-index: 2;
}

#site_info {
	   left: 308px;
    position: absolute;
    top: 586px;
}

	

#site_info p {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}

#site_info a { text-decoration:none;
color:#477ab9;
}

#site_info a:hover { text-decoration:none; color:#033373;
}


/*######################## agenzia##################/*/

#agenzia {background-image: url("../images/chi.png");
    background-repeat: no-repeat;
    height: 280px;
    left: 37px;
    position: absolute;
    top: 287px;
    width: 543px;
    z-index: 10;}
	
	
	#testo {
    height: 260px;
    position: absolute;
    top: 297px;
    width: 543px;
    z-index: 11;
	left: 37px;}
	
	#testo p{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	padding-top:30px;
	padding-bottom:40px;
	padding-left:50px;
	color:#333333;}	
		
/*######################## servizi##################/*/


	
	#servizi {
    height: 260px;
    position: absolute;
    top: 297px;
    width: 543px;
    z-index: 11;
	left: 37px;}
	
	#servizi p{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	padding-top:30px;
	padding-bottom:40px;
	padding-left:50px;
	padding-right:50px;
	line-height:24px;
	color:#333333;}	
		

	
	
	
/*######################## folio ##################/*/	
	
	
#logo_folio {  background-image: url("../images/logo.png");
    background-repeat: no-repeat;
    height: 201px;
    left: 600px;
    position: absolute;
    text-indent: -9999px;
    top: 20px;
    width: 265px;
    z-index: 2;
}	
	
#cloud_folio{        background-image: url("../images/nuvola2.png");
    background-repeat: no-repeat;
    height: 171px;
    left: 598px;
    position: absolute;
    top: 285px;
    width: 300px;
    z-index: 11;
}

#clicca{        
	color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    left: 269px;
    position: absolute;
    top: 398px;
}

h5 {font-weight: normal;
}


/*######################## contatti ##################/*/	
	
	
.bold { font-weight:bold;
font-size:14px;
}

#contatti {
    left: 37px;
    position: absolute;
    top: 300px;
    z-index: 13;}
	
	
	
#contatti p{ 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
padding-top:30px;
padding-bottom:40px;
padding-left:50px;
color:#333333;
line-height:24px;}	

#contatti a { text-decoration:none;
color:#477ab9;
}

#contatti a:hover { text-decoration:none; color:#033373;
}