.btn_menu{
width: 10vw;
height: 38px;
float: left;
display: block;
background-color: #000;
transform: skew(-15deg);
-ms-transform: skew(-15deg);
text-align: center;
text-transform: uppercase;
font-weight: bolder;
font-size: 1vw;
padding-top: 17px;
cursor: pointer;
}



#ippodromo_menu_testo{
position: absolute;
top: 8px;
line-height: 20px;
width: 70%;
left: 15%;
}


#calendario_corse_menu_testo{
position: absolute;
top: 8px;
line-height: 20px;
width: 70%;
left: 15%;
}


#ufficio_tecnico_menu_testo{
position: absolute;
top: 8px;
line-height: 20px;
width: 70%;
left: 15%;	
}


#ippica_web_tv_menu_testo{
position: absolute;
top: 8px;
line-height: 20px;
width: 45%;
left: 25.5%;
}


#notiziario_ippico_menu_testo{
position: absolute;
top: 8px;
line-height: 20px;
width: 60%;
left: 20%;
}


#ippodromo_sottomenu{
position: absolute;
top: 54px;
left: -0.5vw;
width: 8vw;
height: 110px;
padding: 3px 1vw 18px 1vw;
display:none;
}


.sottomenu_voce{
text-transform: uppercase;
border-bottom: solid 1px rgba(255,255,255,0.5);
padding: 10px 0;
cursor:pointer;
}



#ufficio_tecnico_sottomenu{
position: absolute;
top: 54px;
left: 19.5vw;
width: 11vw;
height: 110px;
padding: 3px 1vw 18px 1vw;
display:none;
}




#partenti_on_line{
position: absolute;
right: 30vw;
padding: 0.5vw 1vw;
text-transform: uppercase;
letter-spacing: 0.2vw;
top: 17px;
cursor: pointer;
}


#link_contatti{
position: absolute;
right: 20vw;
padding: 0.5vw 1vw;
text-transform: uppercase;
letter-spacing: 0.2vw;
top: 17px;
cursor: pointer;
}















	

	
	.btn_cancella{
		width: 26px;
		cursor: pointer;
		height: auto;
		float: left;		
	}	
	
	
	
	.btn_div{
		width: 100%;
		height: 30px;
		float: left;
		font-size: 13px;
		background: linear-gradient(to bottom,#f7dfa5,#f0c14b);
		color: #111 !important;
		box-shadow: 0 1px 0 rgba(255,255,255,.4) inset;
		border-radius: 2px;		
		text-align: center;
		white-space: nowrap;	
		font-weight:bolder;	
		padding: 10px 0 0 0;
	}	
	
	
	
	
	
	#menu_icone{
		width: 30%;
		height: auto;
		float:right;	
	}
	
	#label_icona_menu{
		width:100%;
		height:auto;
		float:left;
		font-size:8px;	
		color:rgba(188,23,29,1);
		text-transform:uppercase;
		text-align:center;
		
	}	
	
	
	
	/*-------------------------*/
	
	.testata_I{
		width: auto;
		height: auto;
		float: left;
		background-color: rgba(188,23,29,1);
		color: rgba(255,255,255,1);
		padding: 4px 7px;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 12px;
	}
	
	
	/*-------------------------*/
	
	.mod_IX_immagine{
		width: 100%;
		height: 150px;
		float: left;
		overflow: hidden;
		background-color: rgba(255,255,255,1);
	}	

	.mod_IX_titolo{
		width: 90%;
		height: 65px;
		float: left;
		font-size: 18px;
		text-transform:uppercase;		
		font-weight: 700;	
		color: rgba(26,34,39,1);
		letter-spacing: -0.7px;
		padding: 9px 5% 15px 5%;
	}	
	
	.mod_IX_ribattuta{
		width: 90%;
		height: auto;
		float: left;
		font-size: 12px;
		color: rgba(26,34,39,1);
		padding: 9px 5% 15px 5%;
		line-height: 19px;
	}	
	
	/*---------------------------------*/
	
	
	
	.voce_menu_I{
		width: 100%;
		height: auto;
		float: left;
		color: rgb(70, 70, 70);
		font-weight: bold;
		text-transform: uppercase;
		line-height: 23px;
		font-size: 12px;
		font-style: italic;	
	}	
	
	
/*---------------------------------*/	
	
	
	
.mod_III_contenitore{
width: 100%;
height: 315px;
float: left;
position: relative;

}

.mod_III_contenitore_testi{
width: 56%;
height: 172px;
float: left;
transform: skew(14deg);
-ms-transform: skew(14deg);
border-radius: 32px;
}

.mod_III_immagine{
width: 50%;
height: 235px;
position: absolute;
top: 0px;
right: 0px;
border-radius: 5px;
overflow: hidden;
transform: rotate(3deg);
}



.mod_III_contenitore_sommario{
width: 150px;
position: absolute;
height: 25px;
font-size: 12px;
top: 25px;
left: 23px;
transform: skew(14deg);

}



.mod_III_sommario{
width: 45%;
position: absolute;
height: auto;
font-size: 12px;
top: 20px;
left: 35px;
color: #fff;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 5px;
font-weight: bolder;
}


.mod_III_titolo{
width: 45%;
position: absolute;
height: auto;
font-size: 25px;
top: 55px;
left: 35px;
color: rgba(40,40,68,1);
line-height: 36px;
font-family: 'Alfa Slab One', cursive;
}


.mod_III_data{
width: 180px;
height: 19px;
position: absolute;
top: 135px;
left: 52px;
font-size: 10px;
color: rgba(0,0,0,0.7);
text-transform: uppercase;
}

/*---------------------------------*/

.mod_X_contenitore{
width: 30%;
height: auto;
float: left;
position: relative;
margin:0 3% 0 0;
cursor: pointer;
}



.mod_X_giorno{
width: 44px;
  height: auto;
  position: absolute;
  z-index: 997;
  top: 22px;
  left: 78px;
  font-size: 23px;
  font-family: 'Alfa Slab One', cursive;
  color: #fff;
  text-align: center;
}


.mod_X_mese{
width: 103px;
  height: auto;
  position: absolute;
  z-index: 997;
  top: 152px;
  left: 10px;
  font-size: 16px;
  font-family: 'Alfa Slab One', cursive;
  color: #fff;
  text-align: center;
}


.mod_X_anno{
width: 64px;
  height: auto;
  position: absolute;
  z-index: 997;
  top: 163px;
  left: 127px;
  font-size: 18px;
  font-family: 'Alfa Slab One', cursive;
  color: #fff;
}


/*---------------------------------*/


.btn_home{
width: 100%;
height: 29px;
float: left;
color: #fff;
font-size: 26px;
text-transform: uppercase;
cursor: pointer;
background: linear-gradient(to bottom,#35813e,#9bc943);
text-align: center;
margin-top: 60px;
padding: 15px 0 15px 0;
border-radius: 5px;
}


/*---------------------------------*/


.menu_gestione_contenitore_btn{
position: absolute;
z-index: 999;
width: 30px;
height: auto;
right: 0px;
top: 10px;
cursor: pointer;
}


#velo_nero{
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0,0,0,0.5);
display:none;
}


#menu_gestione_contenitore{
background-color: #fff;
padding: 24px;
text-align: center;
width: 230px;
position: fixed;
margin: 0px 0px 0 -115px;
left: 50%;
top: 165px;
display:none;
}

/*---------------------------------*/


.contenitore_documenti_disponibili{
width: 94%;
height: auto;
float: left;
padding: 3%;
background-color: rgba(0,0,0,0.006);
margin: 0 0 34px 0;
}


.titolo_documenti_disponibili{
width: 100%;
height: auto;
float: left;
text-transform: uppercase;
font-size: 15px;
letter-spacing: 2px;
font-style: italic;
margin: 0 0 15px;
font-weight: bold;
}


/*---------------------------------*/


.contenitore_icona_documento_mod_I{
width: 20%;
float: left;
height: auto;
}


.icona_tipo_documento_mod_I{
width: 70%;
height: auto;
float: left;
margin: 0 0 0 15%;
}


.nome_documento_mod_I{
text-align: center;
width: 100%;
height: auto;
float: left;
text-transform: uppercase;
font-size: 10px;
}


/*---------------------------------*/


.contenitore_icona_documento_mod_II{
width: 100%;
float: left;
height: auto;
border-bottom: 1px solid rgba(0,0,0,0.2);
padding: 10px 0;
}


.icona_tipo_documento_mod_II{
width: 10%;
height: auto;
float: left;
margin: 0px 2% 0px 0%;
}


.nome_documento_mod_II{
width: 88%;
height: auto;
float: left;
font-size: 15px;
margin: 22px 0 0 0;
color: #329899;
font-weight: bold;
}