/* CSS Document */

.area {
	position:absolute;
	width:30%;
	z-index:1300;
	left:35%;
	top:100px;
	display:none;
	}
	#home{
		cursor:pointer;
		float:left;
		
		}
		#back{
		/*display:block;*/
		height:64px;
		line-height:64px;
		color:#fff;
		font-family:"Comic Sans MS", cursive; font-size:1.3em;
		cursor:pointer;
		margin:-10px 0 0 40px;}
		
.acca2{

		background-color:#fff;
		margin:50px 0 50px 0;
        height:35px;
      	border:1px solid #333;
        border-radius:10px;
		box-shadow:4px 4px #999;
		}
	.acca2 h2{
		font-family:"Comic Sans MS", cursive; font-size:1.2em; color:#333; height:35px; line-height:35px;
		text-align:center;
		
		}
		
		.form {display:block}
    #form{
       	background-color:#fff;
		margin:50px 0 50px 0;
        height:400px;
       	border:1px solid #333;
        border-radius:10px;
		box-shadow:4px 4px #999;
    }
    .seserve{
        
        width:280px;
        height:240px;
        margin:40px auto;
    }
    
    .seserve p {
		font-family:"Comic Sans MS", cursive; font-size:1.2em; color:#333; height:35px; line-height:35px;
        }
	.stile{font-family:"Comic Sans MS", cursive; font-size:1.2em; color:#333; height:30px; line-height:30px; border-radius:5px;}
    #sb {height:35px; margin-top:20px; float:right; background-color:#666;width:100px; border-radius:5px; cursor:pointer;}
	#sb p{line-height:30px; color:#fff;}
	#invia {height:35px; margin-top:20px; float:right; background-color:#666;width:100px; border-radius:5px; cursor:pointer;}
	#invia p{line-height:30px; color:#fff;}
	.resto{display:block; clear:both; font-size:0.8em; text-decoration:none}
	#error {font-family:"Comic Sans MS", cursive; font-size:1.2em; color:#333; height:35px; line-height:35px; color:#903; display:none;}
	#errore {font-family:"Comic Sans MS", cursive; font-size:1.2em; color:#333; height:35px; line-height:35px; color:#903; display:none;}

@media screen and (max-width: 1200px){
	
	.area {
		width:40%;
		left:30%;}
	}
	
	@media screen and (max-width: 800px)
	{
		.area {width: 60%; left:20%}
		}
		
		
@media screen and (max-width: 740px)
{
.area{ top:1px;}
.acca2 h2{font-size:0.9em; height:25px; line-height:25px;text-align:center;}
.acca2 { margin:20px 0 20px 0}
#form{margin:20px 0 20px 0; height:270px;}
.seserve{margin:10px auto}
.seserve p {font-size:0.9em; height:25px; line-height:25px;}
#error {font-size:0.9em; height:25px; line-height:25px;}
#errore {font-size:0.9em; height:25px; line-height:25px;}
.stile{font-size:0.9em;height:22px; line-height:22px; border-radius:5px;}
#sb {position:absolute; right:7px; top:283px;}
#home{position:absolute;width:36px;height:auto;top:300px;left:5px;} #back{position:absolute;top:300px;color:#333; left:10px;}
#back{ font-size:1em}
	}
	
@media screen and (max-width: 470px)
{
	.seserve form p {width:80%; margin:0 auto 0 auto}
	#acc{width:50%; margin-left:5%;}
	#pw{width:50%; margin-left:5%}
	#mail{width:70%; margin-left:5%}
	.resto P{width:80%; margin:0 auto 0 auto}
	#back {font-size:0.7em; left:5px;}
	#sb {width:70px;}
	#invia {width:70px; float:left;margin-left:5%}
	}