*{
margin: 0px;

}
body{
	background-color: #DFDDD8;
	padding-right: 200px;
	padding-left: 200px;
}
#head{
	border-bottom: 2px solid #3DF543;
}
#footer{
	position: relative; 
	bottom: 0px;
	width: 100%;
	height: 30px;
	border-top: 2px solid #3DF543;	
	background-color: #DFDDD8;
}

#piva{
	margin-top: 10px;
	text-align: center;
	font-family: "Verdana";
	font-size: small;
}

.cssmenu-prova {
  width: auto;
  font-family: Helvetica, Arial, sans-serif;
  color: #000000;
  cursor: pointer;
  float: left;
  margin-right: 5px; 
}
#home{
	width: 33px;
}
#professionista{
	width: 99px;
}
#progettazione{
	width: 95px;
}
#contatti{
	width: 51px;
}
.cssmenu-prova ul{
  background: #222222;
  /* Old browsers 

  background: -moz-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
  background: -webkit-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
  background: -o-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
  background: -ms-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
  background: linear-gradient(to top, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
  */
  background: -moz-linear-gradient(bottom, #90C592 0%, #3DF543 50%, #5DEA56 78%, #20CC02 100%);
  background: -webkit-linear-gradient(bottom, #90C592 0%, #3DF543 50%, #5DEA56 78%, #20CC02 100%);
  background: -o-linear-gradient(bottom, #90C592 0%, #3DF543 50%, #5DEA56 78%, #20CC02 100%);
  background: -ms-linear-gradient(bottom, #90C592 0%, #3DF543 50%, #5DEA56 78%, #20CC02 100%);
  background: linear-gradient(to top, #90C592 0%, #3DF543 50%, #5DEA56 78%, #20CC02 100%);
  
  
}
#logo{
	width: 300px;

	top: 0px;
	left: 0px;
}

#logo:hover{
	cursor:pointer;
}

.flag-c{
	float:left;
}
.nascosto{
 display:none;
 }
 
#corpo{
	background-color: DBDBDB;
	height:480px;
}
#if_container{
	height: 100%;
	margin-top: 10px;
	margin-bottom 10px;
}
#central_page{
	
	width: 100%;
	height: 100%;
}


/*===HEADER===*/
header
{ 
position:       relative; 
text-align:     left;
overflow:       hidden;
padding:        0px 0px 20px;
}

header h1 a 
{
color:                      #fff; 
text-decoration:            none;
border:                     1px solid #fff;
-moz-border-radius:         4px;
-webkit-border-radius:      4px;
border-radius:              4px;
padding:                    10px;
margin:                     0 0 0 20px;
float:                      left;
}

@media screen and (max-width: 480px)
{
header h1 a
{
font-size:    20px;
}
}


.container 
{
margin:      0 auto; 
text-align:  left;
clear:       both;
}


.container h1 
{
margin:      0 0 20px;
line-height: normal; 
}


/*===Navigation===*/
nav#navigation
{
clear:       both; 
text-align:  left;
margin:      0 0 35px; 

position:    absolute;
top: 98px;
right: 148px;
z-index:     10;
}

nav#navigation  ul 
{
padding:     0;
position:    relative;
list-style:  none;
width: auto;
}

nav#navigation ul:after 
{
content: ""; 
clear: both; 
display: block;
}

nav#navigation ul li {	float: left; margin-right: 25px; }

nav#navigation ul li a 	
{ 
color:          #fff; 
display:        block; 
font-size:      1em; 
text-decoration:none; 
padding:        0 7px;	
height:         30px;
line-height:    30px;
}

nav#navigation ul li a:hover {}

nav#navigation ul ul 
{
padding:       0;
position:      absolute; 
top:           100%;
width:         170px;
}


nav#navigation ul ul li 
{
float:      none;
position:   relative;
}

nav#navigation ul ul li a:hover{text-decoration: underline;}



/*===BUTTON FOR RESPONSIVE MENU===*/
.btn-responsive-menu
{
display:                none;
padding:                5px;
cursor:                 pointer;
color:                  #fff;
background:             #fff;
-webkit-border-radius:  4px;
-moz-border-radius:     4px;
border-radius:          4px;
}

	
.icon-bar 			
{
display:                 block;
width:                   20px;
height:                  3px;
margin:                  5px;
background-color:        #3DF543;
-webkit-border-radius:   2px;
-moz-border-radius:      2px;
border-radius:           2px;
}


.show{display:block!important;}

#slideshow { 
    margin: 50px auto; 
    position: relative; 
    width: 240px; 
    height: 240px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}


/*===Media Queries===*/
@media screen and (max-width:900px)
{
header, div.container 
{
margin:         0 1.2em;
}

div.container h1 
{
padding:	 30px 0 0 0;
}

nav#navigation
{
margin:       0 1.2em;
display:      none;
}

nav#navigation ul li 			
{
float:        none; 
display:      block; 
width:        100%; 
}

nav#navigation  ul li a 	
{ 
height:        35px;
line-height:   35px;
font-size:     1em;
padding:       0 0 0 20px;
border-bottom: 1px solid #3DF543;
}

nav#navigation  ul li a:hover  	
{ 
color:           #3DF543;          

}

.btn-responsive-menu
{
display:      block;
position:     absolute; 
top:          20px; 
right:        20px; 
}

body{
	background-color: #DFDDD8;
	padding-right: 0px;
	padding-left: 0px;
}

}

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

div.container
{
margin:   0 3em;
}
body{
	background-color: #DFDDD8;
	padding-right: 200px;
	padding-left: 200px;
}


div.container h1 
{
padding:	 80px 0 0 0;
}

nav#navigation
{
margin:   0 3em;
}


nav#navigation li#blog
{
background: url(plus.png) no-repeat 100% 55%;

}
}
}