*{box-sizing:border-box;}


html,body{margin:0; padding: 0; 
//width: 100%;
background-color: #ffffff;
z-index: -3;
width:100%;
//height:100%;
height:100%;
position:absolute;
//font-family: times new roman,arial,sans-serif; font-size: 100%; text-align: center;





} //Max- per i browser diversi da explorer.

body{
background-color: #ffffff;
 //z-index: -3;
//font-family: times new roman,arial,sans-serif; font-size: 76%; text-align: center;
position:absolute;
width:100%;
height:100%;

	


}



.riga {

width:100%;
//max-width:1024px;
//min-width: 960px;

//margin: 0 auto;
}







.colonna-2-3 {
width:66%;
//max-width: 682px;
//min-widh: 640px;
//margin 0 auto;


}


.colonna-1-3 {
width:33%;
//max-width: 341px;
//min-widh: 320px;
//margin 0 auto;

}

[class*='colonna-']{
display:block;
}


#header{


position:relative;
//z-index: 4;

margin-top:0.3em; 

//background-color: #e2d22e;

max-width: 100%;

}

#header #header_menu{background-color: #ffffff;
position: relative;
display: flex;
margin-right: 5em;
//margin 0 0;
float: right;
max-width: 100%;
text-align: right;
//z-index: 4;

}

#header #header_name{
display: flex;
background-color: #ffffff;
position: relative;
margin-left: 2em;
//z-index: 4;
float: left;
max-width: 100%;
margin 0 0;
font: 18pt Georgia;
font-style:Italic;
text-align: left;}


@media screen and (min-width:480px) and (max-width: 1024px){
#header{


position:relative;
//z-index: 4;

margin-top:0.3em; 

//background-color: #e2d22e;

max-width: 100%;
min-width: 680px;

}

#header #header_menu{background-color: #ffffff;
position: relative;
display: flex;
margin-right: 15vw;
//margin 0 0;
float: right;
max-width: 100%;
text-align: right;
//z-index: 4;

}
}
@media screen and (min-width:768px) and (max-width: 1024px){

#header{


position:relative;
//z-index: 4;

margin-top:0.3em; 

//background-color: #e2d22e;

max-width: 100%;
min-width: 680px;

}
#header #header_name{
display: flex;
background-color: #ffffff;
position: relative;
margin-left: 2vw;
//z-index: 4;
float: left;
max-width: 100%;
min-width: 200px;
margin 0 0;
font-face: Georgia;
font-size: 3vw;
font-style:Italic;
text-align: left;}


}

@media screen and (max-width:767px) {
#header{


position:relative;
//z-index: 4;

margin-top:0.3em; 

//background-color: #e2d22e;

max-width: 100%;
min-width: 680px;

}

#header #header_name{
display: flex;
background-color: #ffffff;
position: relative;
margin-left: 2vw;
//z-index: 4;
float: left;
max-width: 100%;
min-width: 200px;
margin 0 0;
font-face: Georgia;
font-size: 12pt;
font-style:Italic;
text-align: left;}


}

div#container{


margin-top: 5em;
margin-bottom: 5em;

height: 100%;
//min-height: 1024px;
//width: 85%;


min-width: 800px;
//min-height: 900px;

z-index: -2;
position: relative;


//padding:0;

background-color: #ffffff;



//margin: auto;






a.link_out:link{ color :#00aa00; background:}
a.link_out:hover {color: #ffffff;}
a.link_out:visited {color: #228b22;}


}


div#content{
position:relative;
//top: 2%;
//margin-bottom: 10em;
z-index: -1;
width: 77%;
//min-width: 100%;
height:100%;




min-width: 800px; 

margin:auto;
background-color: #ffffff;


//background-color: #000000;

}


div#content #content_center

{

position:relative;
margin-top: 5em;
//width: 68%;float:left;

overflow:scroll;

//min-width=750px;
width: 100%;
height: 100%;
//border-right: 1px groove #000000;

//z-index: 3;

padding: 1%;
text-align: justify;
color: #000000;
a.link:link{ color :#005000;}
a.link:hover {color: #ffffff;}
a.link:visited {color: #228b22;}
}

div#content #content_right

{

//width: 27%;
overflow:scroll;
padding: 1%;
height: 100%;
text-align: justify;
color: #000000;
//z-index: 3;
a.link:link{ color :#005000;}
a.link:hover {color: #ffffff;}
a.link:visited {color: #228b22;}
}




div#fb_button{

clear both; 
position: absolute;
height: 8em;
z-index: 3;
top: 86%;
//margin-top: 2em;
width: 95%; 
//background-color: #aaffaa;
//background: url(index_file/sfondo_ind_i.jpg);
padding:0.5em; 
//margin-bottom: 2em;
margin-left:2%;
//margin: auto;
//text-align: center; 
/7color: #000000;
//font-size: 90%



}


div#fb_button #like_b{

position:relative;
z-index:4;
height: 5em;
width: 20em;
//margin-left:2%;
//margin-top: 2em;
//background-color: #aaffff;
float:left;
text-align: left;

}




div#footer{


//clear both; 
position: relative;

height: 15%;

//z-index: 3;
//top: 88%;

//width: 20em; 

padding:0.5em; 

//margin-left:35%;

margin-bottom:1em;
text-align: center; 
color: #000000;
font-size: 90%;





}





div#fb_button #follow_b{

position:relative;
height: 5em;
width: 20em;
z-index:4;
//margin-right:2%;
//margin-top: 1em;
//margin-bottom: 3em;
text-align: right;
float:right;
}


table_image {
position: relative;

z-index=4;
}

table.table_menu, th, td
{ position:relative;
//top:10px;
z-index:2;
//border: 5px;
border-radius: 5px 5px 5px 5px;

}

table.table_menu{
border-collapse: collapse; }

#foto_sfondo {
z-index: 0;
position: relative;
display:block;
margin-top:2em; //modificato da 2px;
float:left;

//margin: auto;
//align: center;
background-color: #000000;
width: 100%;
height: auto;
//height: 735px;
//max-height : 735px
}

#foto_presentazione {
z-index: 0;
position: relative;
display:block;
//margin-top:2em; //modificato da 2px;
float:left;
//margin-left: 5em;
//margin: auto;
//align: center;
background-color: #000000;
width: 95%;
height: auto;
//height: 735px;
//max-height : 735px;

}


@media screen and (min-width:480px) and (max-width: 1024px){

#foto_sfondo {
z-index: 0;
position: relative;
display:block;
margin-top:2vw; //modificato da 2px;
float:left;

//margin: auto;
//align: center;
background-color: #000000;
width: 100%;
height: auto;
//height: 735px;
//max-height : 735px
}

#foto_presentazione {
z-index: 0;
position: relative;
display:block;
//margin-top:2em; //modificato da 2px;
float:left;
//margin-left: 2vw;
//margin: auto;
//align: center;
background-color: #000000;
width: 97%;
height: auto;
//height: 735px;
//max-height : 735px;

}
}


img.myslides{
display: block;

margin: auto;
//max-height: 600px;
position:relative;
//top: -52%;
//vertical-align: middle;
//text-align:center;

//align: center;
//height: 70%;
//width: auto;
//margin: 0 auto;
z-index: 1;

}


img.photo{
display: block;
position:relative;
float: left;
//vertical-align: middle;
//text-align:center;


max-width: 100%;

//margin: 0 auto;
height:auto;
//width:auto;

}

#photo_desc {

display: block;
position:relative;
float: left;
//vertical-align: middle;
//text-align:center;


max-width: 100%;

//margin: 0 auto;
height:auto;
//width:auto;
margin-top: 1em;
}

#photo {

display: block;
position:relative;
float: left;
//vertical-align: middle;
//text-align:center;


max-width: 100%;

//margin: 0 auto;
height:auto;
//width:auto;
margin-top: 1em;

margin-left: 3em;
}

#description{


//display: block;
position:relative;
float: right;
margin-top: 3em;
//vertical-align: middle;
//text-align:center;
font-face: Verdana;
font-style: Italic;
font-size: 18pt;

margin-right: 2em;
max-width: 30%;
min-width: 200px;


//margin: 0 auto;
height:auto;
//width:auto;
}

#description_thumb{


//display: block;
position:relative;
float:right;
margin-right: 5em;
margin-top: 3em;
//vertical-align: middle;
//text-align:center;
background-color: #ffffff;



max-width: 40%;

//margin: 0 auto;
height:auto;
//width:auto;
}


@media screen and (min-width:480px) and (max-width: 1024px){


#description{


//display: block;
position:relative;
float: right;
margin-top: 3em;
//vertical-align: middle;
//text-align:center;
font-face: Verdana;
font-style: Italic;
font-size: 3vw;

margin-right: 3vw;
//max-width: 30%;
//min-width: 200px;


//margin: 0 auto;
height:auto;
//width:auto;
}

#description_thumb{


//display: block;
position:relative;
float:right;
margin-right: 15vw;
margin-top: 3vw;
//vertical-align: middle;
//text-align:center;
background-color: #ffffff;



max-width: 40%;

//margin: 0 auto;
height:auto;
//width:auto;
}

}

@media screen and (max-width:479px) {
#description{


//display: block;
position:relative;
float: right;
margin-top: 3em;
//vertical-align: middle;
//text-align:center;
font-face: Verdana;
font-style: Italic;
font-size: 12pt;

margin-right: 3vw;
//max-width: 30%;
//min-width: 200px;


//margin: 0 auto;
height:auto;
//width:auto;
}



}

img.thumb{
//max-width=90%;
display: block;
float:left;
margin-left: 3em;
//height:auto;
//width:auto;
//position:relative;
//max-height=100%;


}

#img_thumb {
top: 1em;
margin 0 auto;
float:left;
z-index: 4;
position: relative;

}
#thumb_table{
top: 1em;
margin-left: 3em;
margin-right: 3em;
z-index: 4;
position: relative;
//background-color: #000000;
}


#img_cat_desc{

position:absolute;
top: 50%;
margin: 0 1em;
//margin: 0 auto;

max-width=90%;
color: white;
z-index: 10;
background-color: #000000;
border-radius: 5px 5px 5px 5px;

background-image: -ms-radial-gradient(center, ellipse farthest-side ,#000000 0%, #228b22 160%);
background-image: -moz-radial-gradient(center, ellipse farthest-side ,#000000 0%, #228b22 160%);
background-image: -o-radial-gradient(center, ellipse farthest-side ,#000000 0%, #228b22 160%);
background-image: -webkit-radial-gradient(center, ellipse farthest-side ,#000000 0%, #228b22 160%);
background-image: radial-gradient(center, ellipse farthest-side ,#000000 0%, #228b22 160%);




padding: 0.1em;
}


a.menu{
color: #000000;
border-radius: 5px 5px 5px 5px;
font: 12pt Arial;
}


a.menu:hover{

color : #000000;
//height: 20 px;

//background-color: #aaaa88;

}
a.menu2{

//color: #e7e7cf;
color: 000000;
font: 12pt Georgia;


font-style: Italic;
}

a.menu3{

//color: #e7e7cf;
color: ffffff;
font: 12pt Verdana;


//font-style: Italic;
font-weight: Bold;
}


a.menu:hover{

color : #000000;

background-color: #ffffff;

}

a.link_class {

color: #518c2a;
}

a.empty {
color:#e5e5dc;
}	


a.footer {

 color :#000000;}

a.footer:hover {

 color : #000000;

background-color: #ffffff;}


table.menu_portfolio{
background-color: #ffffff;
position:absolute;
top: 25%;
z-index: 5;
display:none;
border-radius: 5px 5px 5px 5px; 

border-collapse: collapse; 
}

table.menu_reportage{
background-color: #ffffff;
position:absolute;
top: 25%;
z-index: 5;
display:none;
border-radius: 5px 5px 5px 5px; 

border-collapse: collapse;
}

tr.empty {
display: block;
opacity: 0.5;
 }

font.home {

text-align: justify;
font: 11pt Georgia;
}

font.cl {

font: 14pt Georgia;
font-style: Italic;
}

font.slide{
font:10pt Verdana;
font-weight: Bold;
color:#288080;
}


#video_reportage_v
{
position: relative;
max-width: 100%;

//muted: true;
//allowfullscreen: false;
text-align:center;

background-color: #ffffff;

width: auto;
height:auto;
padding: 1%;
margin 0 auto;
}


video.reportage_v
{
position:relative;


//controls: play,pause;
width: 100%;
//audio:muted;

}

#video.video1{}

font.title{
//font: 18pt Times New Roman;
//font-style:Italic;
font: 18pt Georgia;
font-style: Italic;
color: #000000;

}
#pulsante {

position:relative;
top: 250px;
z-index:2;
display: block;
text-align: left;
float:left;
cursor: pointer;
color: #ffffff;
font: 28pt Georgia; //modificato da 28pt
//background-color : #aabbe5;

 




}
@media screen and (min-width:768px) and (max-width: 900px){

#pulsante {

position:relative;
top: 23vw;
z-index:2;
display: block;
text-align: left;
float:left;
cursor: pointer;
color: #ffffff;
font: 2vw Georgia; //modificato da 28pt
//background-color : #aabbe5;

 


}

}
@media screen and (max-width:767px) {

#pulsante {

position:relative;
top: 180px;
z-index:2;
display: block;
text-align: left;
float:left;
cursor: pointer;
color: #ffffff;
font: 10pt Georgia; //modificato da 28pt
//background-color : #aabbe5;

 


}

}



a.pulsante_prev {
position:relative;
top: 50%;
z-index:2;
display: block;
text-align: left;
float:left;
cursor: pointer;
color: #ffffff;
font: 28pt Georgia; //modificato da 28pt
//background-color : #aabbe5;
}

a.pulsante_next {
display: block;
position:relative;
bottom: 48%;
z-index:2;
text-align: right;
float:right;
cursor: pointer;
color: #ffffff;
//background-color : #aabbe5;
font: 28pt Georgia;//modificato da 28pt

}

@media screen and (min-width:480px) and (max-width: 1024px){

a.pulsante_prev {
position:relative;
top: 30vw;
z-index:2;
display: flex;
text-align: left;
float:left;
cursor: pointer;
color: #ffffff;
font: 2vw Georgia;//modificato da 28pt
background-color : #ffffff;
}

a.pulsante_next {
display: flex;
position:relative;
bottom: 50vw;
z-index:2;
text-align: right;
float:right;
cursor: pointer;
color: #ffffff;
background-color : #aabbe5;
font: 2vw Georgia;//modificato da 28pt

}
}

#pulsante:hover {
 //background: #288080;
}

#pulsante:active {
  position: relative;
  top: 1px;
}


#pulsante_vuoto {
 
height :14px;
outline: none;
 //cursor: pointer;
 text-align: center;
 text-decoration: none;
 font: bold 14px Arial, Helvetica, sans-serif;
 color: #fff;
 
 //background: #288080;



-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;



}
#pulsante_video {
 outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 font: bold 14px Arial, Helvetica, sans-serif;
 color: #fff;
 
 background: #288080;



-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;


}




// impostazioni per mobile

@media screen and (min-width: 1080px) {


	.riga {

		width:100%;
		max-width:1024px;
		min-width: 480px;

		margin: 0 auto;
		}
	

	div#container{




	height: 100%;
	min-height: 480px;
	//width: 85%;


	//min-width: 878px;

	//z-index: 1;
	//position: relative;


	//padding:0;

	//background-color: #288080;
	background-image: -ms-radial-gradient(center, ellipse farthest-side ,#e5e5dc 0%, #288080 130%);
	background-image: -moz-radial-gradient(center, ellipse farthest-side ,#e5e5dc 0%, #288080 130%);
	background-image: -o-radial-gradient(center, ellipse farthest-side ,#e5e5dc 0%, #288080 130%);
	background-image: -webkit-radial-gradient(center, ellipse farthest-side ,#e5e5dc 0%, #288080 130%);
	background-image: radial-gradient(center, ellipse farthest-side ,#e5e5dc 0%, #288080 130%);



	//margin: auto;


	border-radius: 10px 50px 10px 25px;

	//margin-top:2em;
	margin-bottom:2em;

	color: #ffffff;}


	a.link_out:link{ color :#00aa00; background:}
	a.link_out:hover {color: #ffffff;}
	a.link_out:visited {color: #228b22;}

	}


 // Fine impostazioni per mobile