section, article, header, footer, nav, aside, hgroup { display:block; }

/* ...... web font embedding */

@font-face {
    font-family: 'futuralightregular';
    src: url('futuralight-webfont.eot');
    src: url('futuralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('futuralight-webfont.woff') format('woff'),
         url('futuralight-webfont.ttf') format('truetype'),
         url('futuralight-webfont.svg#futuralightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futura_bdcn_btbold';
    src: url('futurabold-webfont.eot');
    src: url('futurabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('futurabold-webfont.woff') format('woff'),
         url('futurabold-webfont.ttf') format('truetype'),
         url('futurabold-webfont.svg#futura_bdcn_btbold') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* BODY */

html, body {
    height: 100%;
}

body {  
font-family: 'futuralightregular', Arial, Helvetica, sans-serif; font-size:30px; color:#fff; line-height:150%; text-align:left; 
}



/* Colori */

.background-color_1
{
	background-color:#383456;
	}

.background-color_2
{
	background-color:#F6A01D;
	}
	
.background-color_3{
	background-color:#8080BD;
	}

.background-img_1{
	background: url(img/vurp.png) #8080BD top right no-repeat;
	}


/* TIPOGRAPHY */

h1, h2, h3, h4, h5, h6 { font-family:'futuralightregular', Arial, Helvetica, sans-serif; line-height:120%; }


	
/* Header*/

header { width:100%; display:block; margin-top:0px;}

hgroup { margin-left:50px; margin-top:0px; }

hgroup h1 {font-size:15px; line-height:35px; letter-spacing:2px;  }
#hgroup_1 h1{ color :#F6A01D;}
#hgroup_2 h1{ color :#383456;}

.colore_1
{
	color:White;
}

section{
	width:740px;
	margin:10px auto;	
	}

figure.figure_stile1{
	width:740px;
	margin:20px auto;	
	}
	
figure.figure_stile1 ul{
	list-style:none;

}

figure.figure_stile1 ul li{
	display:inline;
	margin-left:191px;
}

figure.figure_stile1 ul li:first-child{
	float:left;
	margin-left:0px;
}

figure.figure_stile1 ul li:last-child{
	float:right;
margin-left:0px;

}



section h1 {font-size:40px; line-height:120%; margin-bottom:20px; letter-spacing:2px;}
section p {font-size:30px; line-height:130%; text-align:justify}


/*Section stile_1 */
section.section_stile1
{
	color:#383456;
}

section.section_stile1 em
{
	color:White;
	font-style:normal;}

section.section_stile1 ol
{
margin-left:50px; line-height:120%; margin-top:20px; color:white;}

section.section_stile1 ol li p
{
	font-size:30px; line-height:100%; text-align:justify; color:#383456}

/*section stile_2*/
section.section_stile2
{
	color:#383456;
}

section.section_stile2 em
{
	color:#F6A01D;
	font-style:normal;}

section.section_stile2 p
{
	width:565px;}

section.section_stile2 figure
{
	float:right;
}

/*section stile_3*/
section.section_stile3
{
	color:White;
}

section.section_stile3 em
{
	color:#F6A01D;
	font-style:normal;}

section.section_stile3 p
{
	width:565px;}

section.section_stile3 figure
{
	float:right;
}

section.section_stile3 ul{
	list-style:none;

}

section.section_stile3 ul li{
	display:inline;
}

section.section_stile3 ul li p{
	color:#383456;
}

/* section_contatti */
#section_contatti {color:#383456;
width:400px;
}




#section_contatti a:visited, #section_contatti a:link, #section_contatti a:hover, #section_contatti a:active  
{
	display:inline;
	color:#383456;
	text-decoration:none;
}



#nav {display:none}

#pageslide #nav {
display:block;
}

#pageslide #nav h1 { font-size:16px; color:#CCCCCC  }

#pageslide #nav li { display:inline;}

#pageslide #nav li a { 
display:block;
font-size:25px;
line-height:30px; 
width:125px;
height:30px;
border-style:solid;
border-width:2px;
border-color:#8080BD;
font-family:'futuralightregular', Arial, Helvetica, sans-serif; 
padding:5px 5px 5px 5px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
background-color:#8080BD;
text-decoration:none;
margin-bottom:20px;
letter-spacing:1px;
}





#pageslide #nav a:link, #pageslide #nav a:visited  { 
color:#FFFFFF;  
background:#8080BD;
}

#pageslide #nav a:hover, #pageslide #nav a:focus, #pageslide #nav a:active, #pageslide #nav a.selected { 
color:#FFFFFF; 
background:#333366;
border-style:solid;
border-width:2px;
border-color:#8080BD;

}

.voce_menu_1{
	font-size:20px;
line-height:20px; 
width:116px;
font-family:'futura_bdcn_btbold', Arial, Helvetica, sans-serif; 
color:#383456;
	}

.voce_menu_2{
	font-size:20px;
line-height:20px; 
width:116px;
font-family:'futura_bdcn_btbold', Arial, Helvetica, sans-serif; 
color:#8080BD;
	}

#logo_suap{
	width:595px; height:595px;	
	}


	
nav h1 a.open_1 {
 			display: block; 
            float: left;
            width: 34px;
            height: 33px;
            margin-right: 5px;
            background: url(img/open_1.png) 0 0 no-repeat;
            text-indent: -999999px;
            border: 0;
        }
		
nav h1 a.open_1:hover {
            background: url(img/open_1.png) 0 0 no-repeat;
			background-position: 0px -33px;
        }



nav h1 a.open_2 {
 			display: block; 
            float: left;
            width: 34px;
            height: 33px;
            margin-right: 5px;
            background: url(img/open_2.png) 0 0 no-repeat;
            text-indent: -999999px;
            border: 0;
        }
		
nav h1 a.open_2:hover {
            background: url(img/open_2.png) 0 0 no-repeat;
			background-position: 0px -33px;
        }
			
footer{
	border-bottom:solid;
	border-top:solid;
	border-width:1px;
	width:740px;
	height:25px;
	margin:80px auto;
	font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#fff; line-height:150%; text-align:left; 
	line-height:25px;
}

footer a{
	display:inline;
	color:white;
}

footer a:visited, footer a:link, footer a:hover, footer a:active  
{
	display:inline;
	color:white;
	text-decoration:none;
}

#bottom_place{
	float:none; clear:both; height:2px; width:100%
	}

.spazio_piccolo{
	float:none; clear:both; height:1px; width:100%
	}
	
.spazio_medio{
	float:none; clear:both; height:60px; width:100%
	}

.margin_top_160{
	margin-top:160px;
}

.margin_top_125{
	margin-top:125px;
}

.margin_top_80{
	margin-top:80px;
}

.margin_left_20
{
	margin-left:20px;
	}

footer address{
	font-style:normal;
	display:inline;
	float:right;
	}

.etichetta_contatto
{
	font-size:24px;
}

.box_left_t p, .box_left_c p, .box_left_b p
{
	width:230px !important;
}


.box_left_t2 p, .box_left_c2 p, .box_left_b2 p
{
	width:260px !important;
	margin-left:20px;
}
.box_left_t p
{
	line-height:80px;
}
.box_left_c p,  .box_left_c2 p
{
	line-height:40px;
}


.box_left_b p
{
	line-height:25px;
	margin-top:16px;
}

.box_left_b2 p
{
	line-height:20px;
	margin-top:20px;
}

.box_left_t2 p
{
	line-height:20px;
	margin-top:10px;
}

.box_left_t p, .box_left_b p, .box_left_c p
{
	text-align:center;	
}

.box_left_t2 p, .box_left_b2 p, .box_left_c2 p
{
	text-align:left;	
}

.box_left_t p, .box_left_b p, .box_left_c p
{
	font-size:25px;
}

.box_left_t2 p, .box_left_b2 p, .box_left_c2 p
{
	font-size:20px;
}
.box_left_t
{
	float:left;
	background-color:#F6A01D;
	width:260px;
	height:80px;
	border-bottom:dashed;
	border-width:2px;
	border-color:#383456;
	border-radius:20px 0 0 0;
    -moz-border-radius:20px 0 0 0;
    -webkit-border-radius:20px 0 0 0;	
}
.box_left_t2
{
	float:left;
	background-color:#F6A01D;
	width:300px;
	height:80px;
	border-left:dashed;
	border-bottom:dashed;
	border-width:2px;
	border-color:#383456;
	border-radius:0 20px 0 0;
    -moz-border-radius:0 20px 0 0;
    -webkit-border-radius:0 20px 0 0;	
}

.box_left_c
{
	float:left;
	background-color:#F6A01D;
	width:260px;
	height:40px;
	border-bottom:dashed;
	border-width:2px;
	border-color:#383456;
}
.box_left_c2
{
	float:left;
	background-color:#F6A01D;
	width:300px;
	height:40px;
	border-left:dashed;
	border-bottom:dashed;
	border-width:2px;
	border-color:#383456;
}

.box_left_b
{
	float:left;
	background-color:#F6A01D;
	width:260px;
	height:80px;
	border-width:2px;
	border-color:#383456;
	border-radius:0 0 0 20px;
    -moz-border-radius:0 0 0 20px;
    -webkit-border-radius:0 0 0 20px;	
}
.box_left_b2
{
	float:left;
	background-color:#F6A01D;
	width:300px;
	height:80px;
	border-left:dashed;
	border-width:2px;
	border-color:#383456;
	border-radius:0 0 20px 0;
    -moz-border-radius:0 0 20px 0;
    -webkit-border-radius:0 0 20px 0;	
}