*{
	font-family:calibri;
}
a{ /* Elimina subrayado de vinculos */
	text-decoration:none;
}

#menuSiniestros{
	margin-top:8%;
	display:inline-block;
	vertical-align:top;
	max-width:225px;
	width:100%;
	z-index:100;
}
#menuSiniestros ul li{
	list-style:none;
	background:#A7D434;
	color:white;
	max-width:225px;
	width:100%;
	border-bottom: 1px solid gray;
	padding:10px;
}
#menuSiniestros ul li a{
	color:white;
	font-size:1.2em;
}

#menuSiniestros ul li a:hover{
	color:black;
}
#menuSiniestros ul li:hover{
	background:#839ABE;
}
#menuSiniestros li ul{ /*oculta los elementos desplegables de la lista*/ 	
 	position:absolute;
 	visibility:hidden; 	 	  
}
#menuSiniestros li ul li{
	margin:0 0 -2% 0;
	float:none;
	position:relative;
	font-size:0.9em;
	text-align:left;
	background:#839ABE;
	z-index:100;
}
#menuSiniestros li:hover ul{/*hace visibles los elementos despegables de la lista*/	
	margin:0;
	padding:0;
	visibility:visible;
	overflow:hidden;	
}
#menuSiniestros li ul li:hover{
	background:#A7D434;	
}
/* FINALIZA MENU*/

/*INICIAN MEDIA QUERIES DISEÑO RESPONSIVE */			
@media screen and (min-width:768px) and (max-width:1024px) {
	#menuSiniestros img{
	max-height:50px;
	height:100%;
	}
	#menuSiniestros,#menuSiniestros ul  {
  	height: 100%;  
  	max-height:45px;
	}
	#menuSiniestros ul li a {
  		padding: 16px 16px 16px 16px;
  		font-size:0.9em;
  	}  	
  	#rs img{
  		max-width:85px;
  	}
  	#menuSiniestros{
  		max-width:150px;
  		margin:7% 3% 0 0;
  	}
  	#menuSiniestros ul li{
	max-width: 150px;		  	
  	}
}
@media screen and (min-width:640px) and (max-width:768px) {
	#menuSiniestros img{
	max-height:35px;
	height:100%;
	}	
	#menuSiniestros,#menuSiniestros ul  {
  	height: 100%;  
  	max-height:30px;
	}
	#menuSiniestros ul li a {
  	padding: 18px 12px 18px 12px;
  	font-size:0.7em;
  	}
  	#menuSiniestros{
  	padding-left:5px;
  	}
  	#menuSiniestros ul li{
  		margin-right:2px;
  	}
  	#rs img{
  		max-width:60px;
  	}
}
@media screen and (min-width:480px) and (max-width:640px) {
}
@media screen and (min-width:320px) and (max-width:480px) {
}
/*@media screen and (min-width:200px) and (max-width:768px) {
@media screen and (min-width:200px) and (max-width:768px) {
	#menuSiniestros{
		width:			auto;	
		font-size:		0.65em;
	}	
	#menuSiniestros li{
		display:	    inline-block;		
		height: 		auto;
		text-align: 	left;
		width: 			auto;	
		padding: 		0;
	}
}