html {

overflow-x: hidden;

}



body {

	body {

   margin: 0;

   padding: 0;

}

}



/* Valori globali */

flex: inherit;

flex: initial;

flex: unset;




#contenitorepagina{

width:auto;

height:auto;

}


a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  color: #747472;;
}

/* selected link */
a:active {
   color: #747472;;
} 


#divlogin{
width:50%;
}
#divloginaz{
width:50%;
}
#divreg{
padding:0px; width:80%;  margin: 0 auto;

}


#macrolabel{
display:block;
}
#domandemacro{
display:none;
}



.testonot {
	font-family: 'Lato', sans-serif;
	font-size: 8px;
	color: #FFFFFF;
	text-decoration: none;
		font-weight: bold;


}
#homepage{
min-width:100%; 
relative:relative;
padding:0px;
min-height: 100%;
background-image: url('https://www.homotalent.net/img/homexx.jpg'); 
overflow: hidden;
background-size: cover;                    
background-repeat:   no-repeat;
background-position: center top;
}


#copertina{
width:50%; 
}


#pallinonotifica{
padding-top:2px;
position: absolute;
top:1px;
left:12px;

background-color:#747472;
width:20px; 
height:20px; 
height:20px; 
border: 2px solid #167741;
-moz-border-radius: 20px; 
-webkit-border-radius: 20px;  
border-radius: 20px;
text-align:center;
}
#divnotifichead{
position:relative;
width:40px;
padding:0px;
margin-top:4px;
float:left;
}
#divnotifiche{
position:relative;
width:50px;
padding:0px;
margin-top:4px;
float:left;
}
#divexit{
position:relative;
width:30px;
padding:0px;
margin-top:4px;
float:left;
}
#divfotoprofilo{
position:relative;
/*border: 2px solid #000000;*/
width:40px;
padding:0px;
margin-top:0px;
float:left;
}



#menuadmin{

width:200px;

position:fixed;

left:0px;

background-color: #167741; 
height:100%;

transition: 0.5s;



}


#bottonenero{
width:80%;
margin: 0 auto;
padding:15px;
text-align:center;
font-family: 'Lato', sans-serif;
font-size: 14px;
color: #FFFFFF;
text-decoration: none;
background:#167741; -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}


.testoentra{
font-family: 'Lato', sans-serif;
font-size: 20px;
color: #48525E;
text-decoration: none;
}
.bottoneneroentra{
width:55%;
margin: 0 auto;
padding:10px;
text-align:center;
font-family: 'Lato', sans-serif;
font-size: 13px;
color: #FFFFFF;
text-decoration: none;

background:#48525E; 
border: 1px solid #48525E;
	-webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.moduloentra{
width:50%;
margin: 0 auto;
padding:10px;
text-align:left;
font-family: 'Lato', sans-serif;
font-size: 13px;
color: #FFFFFF;
text-decoration: none;

background:#FFFFFF; 
border: 1px solid #CCCCCC;
	-webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}



#menuadminscroll{

position:relative;

width:100%;
z-index:9;
height:80%;

overflow:auto;

overflow-x: hidden;

}



#menuadminscroll::-webkit-scrollbar-track

{

	background-color: #167741; }

#menuadminscroll::-webkit-scrollbar

{

	width: 12px;

	background-color: #167741; }

#menuadminscroll::-webkit-scrollbar-thumb

{

	border-radius: 10px;

	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);

	background-color: #747472;

}





#topmenuadmin{

width:100%;

float:left;

background-color: #167741; height:70px;

text-align:center;



}



#divchiudimenum{

width:200px;

float:left;

background-color: #167741; height:50px;

text-align:left;

}



#topmenuadminm{

width:50px;

float:left;

background-color: #167741; 
height:20px;

text-align:center;

padding:15px;



}





#centraleadmin{
position:fixed;
top:0px;
z-index:9;
left:200px;
/*width:88%;*/
 width: calc(100% - 200px);

height: 100%;
background-color: trasparent; 
transition: 0.5s;
overflow:auto;
z-index:10;
padding:0px;
overflow-x: hidden;
overflow-y: hidden;
}

#footern{
position:fixed;
left:200px;
width:100%;
z-index:9;
bottom:0px;
height: 30px;
background-color: #167741; transition: 0.5s;
z-index:10;
padding-left:20px;
padding-top:0px;
padding-right:20px;
}

#footer{
position:fixed;
left:0px;
width:100%;
z-index:9;
bottom:0px;
height: 40px;
background-color: #167741; transition: 0.5s;
padding-left:10px;
padding-top:10px;
-webkit-box-shadow: 0px 13px 26px 13px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 13px 26px 13px rgba(0,0,0,0.75);
box-shadow: 0px 13px 26px 13px rgba(0,0,0,0.75);
}

#toopp{
position:fixed;
left:0px;
width:100%;
z-index:9;
top:0px;
height: 90px;
background-color: #167741; transition: 0.5s;
padding-left:10px;
padding-top:0px;
-webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75);
box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75);

}

#top1{
position:fixed;
left:0px;
width:100%;
z-index:9;
top:90px;
background-color: #167741; transition: 0.5s;
padding-left:10px;
padding-top:0px;

-webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75);
box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75);
}

/*#topombra{
position:absolute;
width:100%;
float:left;
background-color: #trasparent; height:70px;
-webkit-box-shadow: -2px -4px 15px 6px rgba(0,0,0,0.75);
-moz-box-shadow: -2px -4px 15px 6px rgba(0,0,0,0.75);
box-shadow: -2px -4px 15px 6px rgba(0,0,0,0.75);
z-index:1;
}*/

#topcentraleadmin{
position:absolute;
width:100%;
float:left;
background-color: #167741; height:70px;
-webkit-box-shadow: -2px -4px 15px 6px rgba(0,0,0,0.75);
-moz-box-shadow: -2px -4px 15px 6px rgba(0,0,0,0.75);
box-shadow: -2px -4px 15px 6px rgba(0,0,0,0.75);
z-index:10;
}

#contenutopagina{
margin-top:70px;
float:left;
align:left;
text-align:left;
position:static;
padding:5px;
/*overflow:auto;*/
display:block;
height:auto;
width:100%;
z-index:999;
/*-webkit-box-shadow: inset 9px 11px 15px -15px #000000; 

box-shadow: inset 9px 11px 15px -15px #000000;*/

}

#contenutopagina::-webkit-scrollbar-track

{

	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

	border-radius: 10px;

	background-color: #F5F5F5;

}



#contenutopagina::-webkit-scrollbar

{

	width: 12px;

	background-color: #F5F5F5;

}



#contenutopagina::-webkit-scrollbar-thumb

{

	border-radius: 10px;

	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);

	background-color: #555;

}













#divicomenutot{

width: calc(100% - 380px); position:relative;float:left;

/*border: 2px solid #000000;*/

}

#divicomenutotutente{

width: 250px; 
position:relative;float:left;

/*border: 2px solid #000000;*/

}
#divtoolsutente{
width: calc(100% - 280px); 
position:relative;
float:left;
margin-left:10px;
margin-top:5px;
/*border: 2px solid #000000;*/
text-align:right;
}


#divtools{
width:360px; 
position:relative;
float:left;
/*border: 2px solid #000000;*/
}



#divicomenu{
width:85%;
padding-top:25px;
padding-left:15px;

float:left;

}

#divlogo{
position:relative;
width:250px;
padding:0px;
margin-top:13px;
float:left;
display:block
}

#divlogom{
position:relative;
padding:0px;
margin-top:8px;
float:left;
display:none
}


#divchat{

position:relative;

/*right:305px;*/

width:50px;

padding:0px;

margin-top:13px;

float:left;

}

#divmessaggi{

position:relative;

/*right:250px;*/

width:50px;

padding:0px;

margin-top:13px;

float:left;

}

#divpromemoria{

position:relative;

/*right:210px;*/

width:30px;

padding:0px;

margin-top:13px;

float:left;

}

#divfoto{

position:relative;

/*right:160px;*/

width:50px;

padding:5px;

float:left;

}

#divutente{

position:relative;

/*right:10px;*/

width:150px;

padding-top:18px;

float:left;

}

#divprofilotop{
position:relative;
/*right:10px;*/
width:50px;
padding-top:15px;
float:left;

}
#divlogouttop{
position:relative;
/*right:10px;*/
width:100px;
padding-top:15px;
float:left;

}




#divcontenitoretooltop{

position:relative;
padding-top:10px;
height:70px;

z-index:999;

/*border: 2px solid #000000;*/

float:left;

width:100%;

}







#menuadminmobile{

position:fixed;

left:0px;



width:200px;

background-color: #167741; 
height:100%;

transition: 0.5s;


}





#menudesck{
display:block;
padding-top:60px;
padding-left:0px;
padding-right:0px;
}


#titmenu{

display:block;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#252525+0,939393+100 */

background: rgb(37,37,37); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(37,37,37,1) 0%, rgba(147,147,147,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(37,37,37,1) 0%,rgba(147,147,147,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(37,37,37,1) 0%,rgba(147,147,147,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#939393',GradientType=0 ); /* IE6-9 */



width:100%;

display:block;

padding:10px;

text-align:left;

	font-family: 'Lato', sans-serif;

	font-size: 13px;

	color: #FFFFFF;

	text-decoration: none;



	-webkit-border-bottom-right-radius: 0px;

    -webkit-border-bottom-left-radius: 10px;

    -moz-border-radius-bottomright: 0px;

    -moz-border-radius-bottomleft: 10px;

    border-bottom-right-radius: 0px;

    border-bottom-left-radius: 10px;

    border-top-right-radius: 0px;

    border-top-left-radius: 10px;



-webkit-box-shadow: 24px 10px 21px -5px rgba(255,255,255,1);

-moz-box-shadow: 24px 10px 21px -5px rgba(255,255,255,1);

box-shadow: 24px 10px 21px -5px rgba(255,255,255,1);



}



#divindex{
display:block;
/*
background: rgb(37,37,37); 
background: -moz-linear-gradient(top,  rgba(37,37,37,1) 0%, rgba(147,147,147,1) 100%); 
background: -webkit-linear-gradient(top,  rgba(37,37,37,1) 0%,rgba(147,147,147,1) 100%); 
background: linear-gradient(to bottom,  rgba(37,37,37,1) 0%,rgba(147,147,147,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#939393',GradientType=0 ); 
 */
width:50%;
margin: 0 auto;
padding:30px;
text-align:center;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;

background:#FFFFFF; 
-webkit-box-shadow: 4px 6px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 6px 15px 0px rgba(0,0,0,0.75);
box-shadow: 4px 6px 15px 0px rgba(0,0,0,0.75);

	-webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;

}


#menumobile{

padding-top:60px;
display:none;

}





.menumenu{
display:block;
background-color: #167741; 
width:100%;
display:block;
padding:10px;
text-align:left;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	/*color: #FFFFFF;*/
	text-decoration: none;
z-index:3;
}
.menumenup{
display:block;
/*background-color: #333333; */
background-color: #167741;
width:100%;
display:block;
padding:10px;
text-align:left;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	/*color: #FFFFFF;*/
	text-decoration: none;
z-index:3;
}


#menumenuunascosto{

display:none;

background-color: #167741; width:100%;

display:block;

padding:15px;

text-align:left;

	font-family: 'Lato', sans-serif;

	font-size: 13px;

	/*color: #FFFFFF;*/

	text-decoration: none;

z-index:3;

transition: 0.5s;


}
#menumenuunascosto1{

display:none;

background-color: #167741; width:100%;

display:block;

padding:15px;

text-align:left;

	font-family: 'Lato', sans-serif;

	font-size: 13px;

	/*color: #FFFFFF;*/

	text-decoration: none;

z-index:3;

transition: 0.5s;


}
#menumenuunascosto2{

display:none;

background-color: #167741; width:100%;

display:block;

padding:15px;

text-align:left;

	font-family: 'Lato', sans-serif;

	font-size: 13px;

	/*color: #FFFFFF;*/

	text-decoration: none;

z-index:3;

transition: 0.5s;


}
#menumenuunascosto3{

display:none;

background-color: #167741; width:100%;

display:block;

padding:15px;

text-align:left;

	font-family: 'Lato', sans-serif;

	font-size: 13px;

	/*color: #FFFFFF;*/

	text-decoration: none;

z-index:3;

transition: 0.5s;


}
#menumenuunascostom{

display:none;

background-color: #167741; width:100%;

display:block;

padding:15px;

text-align:left;

	font-family: 'Lato', sans-serif;

	font-size: 13px;

	/*color: #FFFFFF;*/

	text-decoration: none;

z-index:3;

transition: 0.5s;


}

#menumenuunascostom1{

display:none;

background-color: #167741; width:100%;

display:block;

padding:15px;

text-align:left;

	font-family: 'Lato', sans-serif;

	font-size: 13px;

	/*color: #FFFFFF;*/

	text-decoration: none;

z-index:3;

transition: 0.5s;


}
#menumenuunascostom2{

display:none;

background-color: #167741; width:100%;

display:block;

padding:15px;

text-align:left;

	font-family: 'Lato', sans-serif;

	font-size: 13px;

	/*color: #FFFFFF;*/

	text-decoration: none;

z-index:3;

transition: 0.5s;


}
#menumenuunascostom3{

display:none;

background-color: #167741; width:100%;

display:block;

padding:15px;

text-align:left;

	font-family: 'Lato', sans-serif;

	font-size: 13px;

	/*color: #FFFFFF;*/

	text-decoration: none;

z-index:3;

transition: 0.5s;


}


.menumenuu{
display:block;
background-color: #167741; 
width:100%;
display:block;
padding:12px;
text-align:left;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	/*color: #FFFFFF;*/
	text-decoration: none;
z-index:3;
}
.menumenuup{
display:block;
/*background-color: #333333;*/
background-color: #167741;
 width:100%;
display:block;
padding:12px;
text-align:left;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	/*color: #FFFFFF;*/
	text-decoration: none;
z-index:3;
}




#divicomenumobile{

display:none;



}



#icomenuchiudi{

display:none;

}





#quantiutenti{

width:100%; height:150px; background-color: #FFFFFF; 

text-align:left;

-webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);

-moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);

box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);

	-webkit-border-bottom-right-radius: 3px;

    -webkit-border-bottom-left-radius: 3px;

    -moz-border-radius-bottomright: 3px;

    -moz-border-radius-bottomleft: 3px;

    border-bottom-right-radius: 3px;

    border-bottom-left-radius: 3px;

    border-top-right-radius: 3px;

    border-top-left-radius: 3px;

}





#div33{

height:150px; 

float:left; 

padding:20px;

width:33%;

}

#div34{

height:150px; 

float:left; 

padding:20px;

width:34%;

}



#contenitoreris{

width:100%; 

padding:10px;

height:100%;



}



#contgraficidash{

width:50%; 

float:left;

height:350px;

background-color: #FFFFFF; 

}





#utentichat{

background-color:#167741; width:200px;

padding:5px;

display:none;

	-webkit-border-bottom-right-radius: 7px;

    -webkit-border-bottom-left-radius: 7px;

    -moz-border-radius-bottomright: 7px;

    -moz-border-radius-bottomleft: 7px;

    border-bottom-right-radius: 7px;

    border-bottom-left-radius: 7px;

    border-top-right-radius: 7px;

    border-top-left-radius: 7px;





}


#divcardstat{
display:block;
width:95%;
height: auto;
margin: 0 auto;
padding-top:10px;
padding-left:25px;
padding-right:25px;
padding-bottom:10px;

overflow:auto;
}

.cardn{
width:95%;
height: 520px;
margin: 0 auto;
/*background-color:#000000;*/
background: rgba(0, 0, 0, .7);

	-webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

#divgrigio{
position:relative;
text-align:center;
float:left; 
width:100%;
padding:10px;
background-color:#D4D4D4; 
height: 400px;

	-webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;

}

@media screen and (min-width: 300px) and (max-width: 1024px) {
#divlogin{
width:100%;
}
#divloginaz{
width:100%;
}

#copertina{
width:75%; 
display:nome;
}

#homepage{
min-width:100%; 
relative:relative;
padding:0px;
min-height: 100%;
background-image: url('https://www.homotalent.net/img/homexx.jpg'); 
overflow: hidden;
background-size: cover;                    
background-repeat:   no-repeat;
background-position: center top;
}




#divreg{
padding:0px; 
width:95%;  
margin: 0 auto;


}


#macrolabel{
display:none;
}
#domandemacro{
display:block;
}
#divgrigio{
position:relative;
text-align:center;
float:left; 
width:100%;
padding:10px;
background-color:#D4D4D4; 
height: auto;

	-webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;

}
}



#div20perc{
position:relative;
text-align:center;

display:block;
float:left; 
width:20%;
padding:0px;
/*background-color:#FF0000; */

}
#tagvalori{

clear:both;
    float:left;
padding:3px;
font-family: 'Lato', sans-serif;
font-size: 13px;
color: #FFFFFF;
text-decoration: none;
background:#F18D51; 
	-webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
-webkit-box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.75);
box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.75);

}

#titoligialli{
width:100%;
margin: 0 auto;
padding-top:5px;
padding-bottom:5px;
padding-left:8px;
padding-right:8px;
background-color:#FCE8CB;
text-align:left; 
	-webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
}
#titolibianco{
width:100%;
margin: 0 auto;
padding-top:5px;
padding-bottom:5px;
padding-left:8px;
padding-right:8px;
background-color:#FFFFFF;
text-align:left; 
	-webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
}


.bottonearancione{
width:200px;
margin: 0 auto;
padding:10px;
text-align:center;
font-family: 'Lato', sans-serif;
font-size: 13px;
color: #FFFFFF;
text-decoration: none;
background:#747472; 
border: 0px solid #747472;

	-webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}


.bottonearancione a:hover
{	color: #FFFFFF;
	text-decoration: none;
}


#tagpassioni{
clear:both;
    float:left;
padding:3px;
font-family: 'Lato', sans-serif;
font-size: 13px;
color: #FFFFFF;
text-decoration: none;
background:#747472; 
	-webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
-webkit-box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.75);
box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.75);
}

#tagskill{
clear:both;
    float:left;
padding:3px;
font-family: 'Lato', sans-serif;
font-size: 13px;
color: #FFFFFF;
text-decoration: none;
background:#7AC259; 
	-webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
-webkit-box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.75);
box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.75);

}

#tagsaperi{
clear:both;
    float:left;
padding:3px;
font-family: 'Lato', sans-serif;
font-size: 13px;
color: #FFFFFF;
text-decoration: none;
background:#3D9AD5; 
	-webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
-webkit-box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.75);
box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.75);

}


#divcard{
display:block;
width:180px;
margin: 0 auto;
padding:5px;
text-align:center;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;


}

#nomecard{
display:block;
width:100%;
margin: 0 auto;
padding-top:10px;
text-align:center;
letter-spacing: -1px;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #747472;
	text-decoration: none;
}
#tipocard{
display:block;
width:100%;
margin: 0 auto;
padding-top:10px;
text-align:center;
letter-spacing: -1px;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #747472;
	text-decoration: none;
}

#statocard{
display:block;
width:100%;
height: 100px;
margin: 0 auto;
padding:40px;
text-align:center;
letter-spacing: -1px;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #747472;
	text-decoration: none;
}


#fotocard{
display:block;
width:100%;
margin: 0 auto;
padding:0px;
}

#div33card{
float:left; 
width:33%;
padding:5px;
}


#pallinoverde{
background-color:#76BA49;
width:20px; 
height:20px; 
height:20px; 
-moz-border-radius: 20px; 
-webkit-border-radius: 20px;  
border-radius: 20px;
}
#pallinorosso{
background-color:#E83626;
width:20px; 
height:20px; 
height:20px; 
-moz-border-radius: 20px; 
-webkit-border-radius: 20px;  
border-radius: 20px;
}
#pallinoarancione{
background-color:#F28D54;
width:20px; 
height:20px; 
height:20px; 
-moz-border-radius: 20px; 
-webkit-border-radius: 20px;  
border-radius: 20px;
}
#pallinogrigio{
background-color:#CCCCCC;
width:20px; 
height:20px; 
height:20px; 
-moz-border-radius: 20px; 
-webkit-border-radius: 20px;  
border-radius: 20px;
}
.fontarancionegrande{
font-family: 'Lato', sans-serif;

   font-size: 30px;
   color: #747472;
}
.fontbiancogrande{
font-family: 'Lato', sans-serif;

   font-size: 30px;
   color: #FFFFFF;
}
.fontaimgdash{
font-family: 'Lato', sans-serif;

   font-size: 16px;
   color: #444444;
}

.fontaimgdashb{
font-family: 'Lato', sans-serif;

   font-size: 16px;
   color: #FFFFFF;
}
.fontaimgdashb1{
font-family: 'Lato', sans-serif;

   font-size: 20px;
   color: #747472;
}

.fontaimgpercorso{
font-family: 'Lato', sans-serif;

   font-size: 16px;
   color: #FFFFFF;
}



#imgdashboard{
line-height -2px;
position: absolute; 
padding-left:10px;
 top: 35px; 
 left: 10; 
 width: 40%;
}

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

.fontarancionegrande{
font-family: 'Lato', sans-serif;

   font-size: 25px;
   color: #747472;
}
.fontarancionegrande1{
font-family: 'Lato', sans-serif;

   font-size: 25px;
   color: #FFFFFF;
}

.fontaimgdash{
font-family: 'Lato', sans-serif;

   font-size: 9px;
   color: #444444;
}


#imgdashboard{
position: absolute; 
padding-left:5px;
 top: 15px; 
 left: 10; 
 width: 50%;
}

#div20perc{
position:relative;
text-align:center;

display:block;
float:left; 
width:50%;
padding:0px;
}




#divindex{
display:block;
/*
background: rgb(37,37,37); 
background: -moz-linear-gradient(top,  rgba(37,37,37,1) 0%, rgba(147,147,147,1) 100%); 
background: -webkit-linear-gradient(top,  rgba(37,37,37,1) 0%,rgba(147,147,147,1) 100%); 
background: linear-gradient(to bottom,  rgba(37,37,37,1) 0%,rgba(147,147,147,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#939393',GradientType=0 ); 
 */
width:80%;
margin: 0 auto;
padding:30px;
text-align:center;
	
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;

background:#FFFFFF; 
-webkit-box-shadow: 4px 6px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 6px 15px 0px rgba(0,0,0,0.75);
box-shadow: 4px 6px 15px 0px rgba(0,0,0,0.75);

	-webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;

}


#divutente{
position:relative;
/*right:10px;*/
width:120px;
padding-top:18px;
float:left;
}

#divicomenutotutente{
width: 180px; 
position:relative;float:left;
/*border: 2px solid #000000;*/
}
#divtoolsutente{
width: calc(100% - 190px); 
/*width: 150px; */
position:relative;
float:left;
/*border: 2px solid #000000;*/
}


#divlogo{
position:relative;
width:120px;
padding:0px;
margin-top:20px;
float:left;
display:none
}

#divlogom{
position:relative;
width:50px;
padding:0px;
margin-top:8px;
float:left;
display:block
}



#centraleadmin{
position:fixed;
left:0px;
overflow: auto;
width:100%;
height: 100%;
background-color: #trasparent; 
transition: 0.5s;
overflow-y: hidden;
overflow-x: hidden;

}

#footern{
position:fixed;
left:0px;
width:100%;
z-index:9;
bottom:0px;
height: 30px;
background-color: #167741; transition: 0.5s;
z-index:10;
padding-left:20px;
padding-top:0px;
padding-right:20px;
}


#contgraficidash{

width:100%; 

float:none;

height:350px;

background-color: #FFFFFF; 

}







#div33{

height:150px; 

float:none; 

width:100%;

padding:0px;

margin-top:10px;

}

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

#div34{

height:150px; 

float:none; 

width:100%;

padding:0px;

margin-top:10px;

}



#menudesck{

display:none;

}





#menuadmin{

display:none;

}









#topcentraleadmin{

left:50px;

width:100%;

float:left;

background-color: #167741; 
height:70px;
}



#divicomenu{

display:none;

}





#divicomenumobile{

padding:15px;
float:left;
display:block;



}





}