@charset "utf-8";
/* CSS Document */
@media (min-width: 901px)  {
#wrap {
	width: 200px;
	overflow:hidden;
	z-index: 12;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	height: 320px;
	text-decoration: none;

	float: left;
}
#wrap h3{
	font-size: 24px;
	font-family: Oswald;
	color: #333333;
	height: 28px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 16px;
}
#wrap h3{
	cursor:pointer;
	display:block;
	text-decoration:none;
	background-image: url(../Struttura/State.png);
	background-repeat: no-repeat;
	background-position: -5px 5px;
	padding-left: 0px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
}  
#wrap h3 a{
	text-decoration:none;
	color: #333;
}
#wrap h3 a:hover {
	text-decoration:none;
	color: #660000;
}

#wrap ul{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 35px;
	padding-right: 0;
}
#wrap .active {
	background-position: 100% -21px;
	color: #990000;
}

#wrap .col{
	float: left;
	width:200px;
	height: 15px;
	color: #333;
}
#wrap ul{
	padding:0;
	list-style:none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 35px;
}
#wrap li{
	padding:0;
	margin-right: 0;
	margin-left: -25px;
	font-family: Oswald;
	color: #333;
	font-size: 24px;
}
/* YAY IE6 awsomeness */
#wrap * html h3 a{zoom:1;}
}
@media (max-width: 900px) {
#wrap {
	width: 180px;
	overflow:hidden;
	position: fixed;
	margin-right:250px;
	z-index: 12;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	height: 320px;
	float: left;
	text-decoration: none;
}
#wrap h3{
	font-size: 20px;
	font-family: Oswald;
	color: #333333;
	height: 28px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}
#wrap h3{
	cursor:pointer;
	display:block;
	text-decoration:none;
	background-image: url(../Struttura/State.png);
	background-repeat: no-repeat;
	background-position: -5px 5px;
	padding-left: 0px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #900;
}  
#wrap h3 a{
	text-decoration:none;
	color: #333;
}
#wrap h3 a:hover {
	text-decoration:none;
	color: #660000;
}

#wrap ul{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 25px;
	padding-right: 0;
}
#wrap .active {
	background-position: 100% -21px;
	color: #990000;
}

#wrap .col{

	width:180px;
	height: 15px;
	color: #333;
}
#wrap ul{
	padding:0;
	list-style:none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -15px;
}
#wrap li{
	padding:0;
	margin-right: 0;
	margin-left: -45px;
	font-family: Oswald;
	color: #333;
	font-size: 20px;
}
/* YAY IE6 awsomeness */
#wrap * html h3 a{zoom:0.9;}
}
@media (min-width: 767px)  (max-width: 1100px){
#wrap {
	width: 180px;
	overflow:hidden;
	position: fixed;
	margin-right:250px;
	z-index: 12;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	height: 320px;
	float: left;
	text-decoration: none;
}
#wrap h3{
	font-size: 20px;
	font-family: Oswald;
	color: #333333;
	height: 28px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}
#wrap h3{
	cursor:pointer;
	display:block;
	text-decoration:none;
	background-image: url(../Struttura/State.png);
	background-repeat: no-repeat;
	background-position: -5px 5px;
	padding-left: 0px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #900;
}  
#wrap h3 a{
	text-decoration:none;
	color: #333;
}
#wrap h3 a:hover {
	text-decoration:none;
	color: #660000;
}

#wrap ul{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 25px;
	padding-right: 0;
}
#wrap .active {
	background-position: 100% -21px;
	color: #990000;
}

#wrap .col{

	width:180px;
	height: 15px;
	color: #333;
}
#wrap ul{
	padding:0;
	list-style:none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -15px;
}
#wrap li{
	padding:0;
	margin-right: 0;
	margin-left: -45px;
	font-family: Oswald;
	color: #333;
	font-size: 20px;
}
/* YAY IE6 awsomeness */
#wrap * html h3 a{zoom:0.9;}
}