@charset "utf-8";
/* CSS Document */


#contact-wrapper {
	width:430px;
	border:1px solid #e2e2e2;
	background:#f1f1f1;
	padding:20px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}


h1, h2{color:#663300;text-align:left;}
h3, h4, h5, h6{color:#996633;}
body, td, th{color:#000;text-align:justify;font-style:italic;}
body{background-color:#E6E6E6;}
a:link{color:#000000;text-decoration:none;}
a:visited{text-decoration:none;color:#000000;}
a:hover{text-decoration:none;color:#FFFFFF;}
a:active{text-decoration:none;color:#000000;}
.Stile33{color:#FF9900;font-weight:bold;font-style:italic;}



@media only screen and (max-device-width:480px){
	
	
	
	
.primary {
	position: absolute;
	width: 90%;
	top: 230px;
	left: 10px;
	visibility: visible;
	height: auto;
	max-width: 390px;
	max-height: 125px;
	color: #FFFFFF;
	border-color: #000000;
	border-spacing: 1px 1px;
	background-color: #CCCCCC;
	
}

.wrapper-header{
	color: #F2F2F2;
	overflow: hidden;
	margin-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 1px;
	position: absolute;
	top: 1px;
	left: 40px;
	height: 200px;
	width: auto;
	border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	background-color: #FFFFFF;
	max-width: 300px;
}

.wrapper-corpo{
	padding: 5px;
	overflow: scroll;
	position: absolute;
	top: 380px;
	left: 10px;
	visibility: visible;
	height: auto;
	width: 90%;
	right: auto;
	bottom: auto;
	background-color: #FFFFFF;
	text-align: left;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 15px;
	margin-top: 10px;
}
.right-sidebar{
	padding: 20px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	overflow: hidden;
	position: relative;
	top: 1230px;
	left: 5px;
	visibility: visible;
	height: 400px;
	background-color: #FBFBFB;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
}
	
	
		
	
	
	
}	
    

@media only screen and (min-width:960px){
	
	
	
	
	
	
.primary {
	position: absolute;
	width: 90%;
	top: 240px;
	left: 35px;
	visibility: visible;
	height: auto;
	max-width: 910px;
	max-height: 150px;
	color: #FFFFFF;
	border-color: #000000;
	border-spacing: 1px 1px;
	background-color: #FFFFFF;
	right: auto;
	
}

	

.wrapper-header{
	color: #F2F2F2;
	overflow: hidden;
	margin-bottom: 10px;
	margin-left: 50px;
	margin-right: 100px;
	margin-top: 20px;
	position: absolute;
	top: 1px;
	left: 250px;
	height: 200px;
	width: 380px;
	border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	background-color: #FFFFFF;
}

.wrapper-corpo{
	padding: 20px;
	overflow: scroll;
	position: absolute;
	top: 430px;
	left: 20px;
	visibility: visible;
	height: 900px;
	width: 620px;
	right: 397px;
	bottom: -32px;
	margin: 20px;
	background-color: #FFFFFF;
	text-align: left;
}
.right-sidebar{
	padding: 20px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	overflow: hidden;
	position: absolute;
	top: 430px;
	left: 683px;
	visibility: visible;
	height: 900px;
	width: 200px;
	right: 125px;
	bottom: auto;
	margin: 20px;
	background-color: #FBFBFB;
}


}

@media 
  (min-device-width: 600px) 
  and (max-device-width: 1280px) {
	  
	    body {
        background-color:lightblue;
    }

}



@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	

	
.primary {
	position: absolute;
	width: 100%;
	top: 260px;
	left: 100px;
	visibility: visible;
	height: auto;
	max-width: 800px;
	color: #FFFFFF;
	border-color: #000000;
	border-spacing: 1px 1px;
	
}


	
.wrapper-header{
	color: #F2F2F2;
	overflow: hidden;
	margin-bottom: 10px;
	margin-left: 50px;
	margin-right: 100px;
	margin-top: 20px;
	position: relative;
	top: 1px;
	left: 250px;
	height: 200px;
	width: 360px;
	border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	background-color: #FFFFFF;
}

.wrapper-corpo{
	padding: 20px;
	overflow: scroll;
	position: absolute;
	top: 430px;
	left: 0px;
	visibility: visible;
	height: 900px;
	width: 70%;
	right: 397px;
	bottom: -32px;
	margin: 20px;
	background-color: #FFFFFF;
	text-align: left;
	
}
.right-sidebar{
	padding: 20px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	overflow: hidden;
	position: absolute;
	top: 430px;
	left: 770px;
	visibility: visible;
	height: 900px;
	width: 200px;
	right: 125px;
	background-color: #FBFBFB;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;

}
		
	
	

	
	
}	





@media only screen and (min-device-width: 481px) and  (max-device-width: 1024px) and (orientation:portrait) { 


	
.primary {
	position: absolute;
	width: 80%;
	top: 263px;
	left: 110px;
	visibility: visible;
	height: auto;
	max-width: 400px;
	max-height: 100px;
	color: #FFFFFF;
	border-color: #000000;
	border-spacing: 1px 1px;
	background-color: #CCCCCC;
	
}

.wrapper-header{
	color: #F2F2F2;
	overflow: hidden;
	margin-bottom: 10px;
	margin-left: 50px;
	margin-right: 100px;
	margin-top: 20px;
	position: relative;
	top: 1px;
	left: 70px;
	height: 200px;
	width: 360px;
	border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	background-color: #FFFFFF;
}

.wrapper-corpo{
	padding: 20px;
	overflow: scroll;
	position: absolute;
	top: 430px;
	left: 0px;
	visibility: visible;
	height: 700px;
	width: 90%;
	right: 397px;
	bottom: -32px;
	margin: 20px;
	background-color: #FFFFFF;
	text-align: left;
	
}
.right-sidebar{
	padding: 20px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	overflow: hidden;
	position: relative;
	top: 935px;
	left: 0px;
	visibility: visible;
	height: 200px;
	width: 90%;
	right: 125px;
	bottom: auto;
	margin: 20px;
	background-color: #FBFBFB;
	
}
	
	
		
		
		
		}