/*Inizio Reset*/
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;	
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
	display: block;
}

body {
	line-height: 1;
}

ol, ul, li {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*Fine Reset*/
/*--------------------------------------------------------------------*/
/*Inizio Font Liste Link*/
body, h1, h2, h3, h4, h5, h6 {
	font-family: helvetica;
}

a {
	font-style: normal;
	cursor: normal;
	text-decoration: none;
	color: #499649;
}

li {
	display: inline;
	padding: 5px 16px;
}

/*Fine Font Liste Link*/
/*--------------------------------------------------------------------*/
/*Inizio Corpo Principale*/

.bd {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background-color: rgb(139, 198, 177);
	font-family: helvetica;
	overflow-x: hidden;
}


.bdink {
	color: #000;
	background-color: #DEDEDE;
	background-image: url(./Pagina-Inktober/Background-InkfolioC.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

body, header {
	color: #000;
}

/*--------------------------------------------------------------------*/
/*Menu*/

.con_menu {
	border: 0;
	outline: 0;
	padding-top: 0.2em;
	display: block;
	position: fixed;
	width: 100%;
	color: #fff;
	background-color: rgb(139, 198, 177);
	z-index: 2;
}

.menu {
	font-family: helvetica;
	font-size: 1.1em;
	font-weight: bold;
	z-index: 2;
}

.menu-voci {
	width: 100%;
	display: inline;
	line-height: auto;
	float: left;
	padding: 0.1em;

}

.menu_ink {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	display: block;
	color: #DCDCDC;
	font-size: 1.1em;
	font-weight: bold;
	width: 100%;
	height: 20px;
	z-index: 2;
}

.menu-voci-ink {
	width: 100%;
	padding-left: 2.0em;
	display: inline;
	line-height: auto;
	background-color: rgb(139, 198, 177);
	padding: 0.1em;
}

.cursore {
cursor: pointer;
}

.separatore {
height: 15px;
}


/*Fine Menù*/
/*--------------------------------------------------------------------*/
/*Inizio Sezione Sfondi Pagine*/

.immagine_01 {
height: 100vh;
width: 100vw;	
margin: auto;
position: relative;
background-image: url("./Immagini/Apertura.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: block;
}

.immagine_02 {
height: 100vh;
width: 100vw;	
margin: auto;
position: relative;
background-image: url("./Immagini/Benvenuto.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: none;
}

.immagine_03 {
height: 100vh;
width: 100vw;	
margin: auto;
position: relative;
background-image: url("./Immagini/Collegamenti.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: none;
}

.pagina-inktober {
width: 100vw;
margin: auto;
display: none;
/*background-color: black;*/
background-image: url("./Pagina-Inktober/Inktober-Sfondo.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}

/*.pagina-inktober {
	width: 100vw;
	margin: auto;
	background-image: url("./Pagina-Inktober/Inktober-Sfondo.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}*/

/*Fine Sezione Sfondi Pagine*/
/*--------------------------------------------------------------------*/
/*Inizio Sezione Form*/

.testo_form {
margin-top: 5px;
margin-left: 60px;
}

.stile_bottone {
color:#fff;
background-color:#000;
white-space:normal;
}

.stile_form {
z-index:3;
display:none;
padding-top:50px;
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
overflow:auto;
background-color:rgb(0,0,0);
background-color:rgba(0,0,0,0.7);
}

.form_container {
padding:0.01em 16px;
}

.contenitore_form {
margin:auto;
background-color:#fff;
position:relative;
padding:0;
outline:0;
width:550px;
/*{animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}*/
}

.contenitore_form_figlio {
padding:0.55em;
color:#fff;
background-color:#aaa;
}

.bottone_form {
border:none;
display:inline-block;
padding:0.30em 0.30em;
vertical-align:middle;
overflow:hidden;
text-decoration:none;
color:inherit;
background-color:inherit;
text-align:center;
cursor:pointer;
/*white-space:nowrap;*/
position:absolute;
right:0;
top:0;
font-size:18px;
}

.conte {
padding:0.01em 16px;
}

.modulo {
/*float: none;
margin-top: 50px;*/
width: 500px;
height: 600px;
border: 3px;
margin-left: 200px;
background-color: rgba(121, 126, 200, 0.5);
font-family: robotobold;
}

.input {
margin-top: 3px;
margin-bottom: 5px;
margin-left: 45px;
width: 400px;
font-family: robotobold;
}

.input_ {
width: 400px;
height: 200px;
resize: none;
margin-bottom: 5px;
margin-left: 45px;
/*width: 100px;
height: 100px;
border-radius: 4px;
resize: none;*/
}

.invio {
font-weight: bold;
margin-top: 5px;
margin-left: 45px;
width: 405px;
}

.bottone {
width: 100px;
height: 17px;
background-color: #416782;
position: relative;
left: 45px;
top: 10px;
font-family: roboto;
text-align: center;
}

.bottone a:visited, .bottone a:hover, .bottone a:link {
color: rgb( 255, 255, 255);
}

.button {
width: 100px;
height: 17px;
background-color: #416782;
position: relative;
left: 45px;
top: 10px;
font-family: roboto;
text-align: center;
}

.button a:visited, .button a:hover, .button a:link {
color: rgb( 255, 255, 255);
}

/*Fine Sezione Form*/
/*--------------------------------------------------------------------*/
/*Inizio Sezione Collegamenti*/


span a:link, span a:visited {
color: rgb( 58, 58, 58);
}

span a:hover {
color: rgb( 238, 232, 170)/*Palegoldenrod*/;
}

.collegamento {
/*position: relative;
top: 7%;
left: 15%;*/
font-family: roboto;
font-size: 30px;
}

.box_link {
position: absolute;
top: 20%;
left: 15%;
/*height: 600px;*/
width: 600px;
}

/*Fine Sezione Collegamenti*/
/*--------------------------------------------------------------------*/
/*Inizio Sezione Inktober*/

.ink_01 {
display: block;
width: 50%;
margin-left: auto;
margin-right: auto;
}

.ink_02 {
	width: 100%;
	height: 100%;
	background-color: black;
}

.ink_img {
	width: 50%;
	max-width: 40%;
	min-width: 5%;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 1em;
	padding-top: 2em;
}

.ink_03 {
	font-size: 1.3em;
	/*font-weight: bold;*/
	font-family: helvetica;
	color: white;
	text-align: center;
}

.ink_04 {
	font-size: 1.1em;
	font-family: helvetica;
	/*font-weight: bold;*/
	color: white;
	width: 90%;
	display: block;
	margin-right: auto;
	margin-left: auto;
	/*padding-left: 2.15em;
	padding-right: 2.15em;*/
}

.img_05 {
	width: 80%;
	max-width: 90%;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

/*Fine Sezione Inktober*/