#sddm {
	margin: 0;
	padding: 0;
	z-index: 30;
}

ul#sddm  {
	clear: both;
	margin: 0;
	width: 980px;
	height: 40px;
	background: transparent url(../img/menu.gif) 0 0 no-repeat;
}

#sddm li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#sddm li a {
	display: block;
}

#sddm div {
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding-top: 5px;
	width: 220px;
	height: 245px;
}


div#m8, div#m9 {
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding-top: 5px;
	width: 220px;
	height: 155px;
	background: transparent url(../img/interno-dropdown-bg.png);	
}

div#m1 {
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding-top: 5px;
	width: 220px;
	height: 315px;
	background: transparent url(../img/bc-interno-dropdown-bg.png);	
}

div#m7 {
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding-top: 5px;
	width: 220px;
	height: 245px;
	background: transparent url(../img/san-felipe-dropdown-bg.png);	
}

div#m5 {
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding-top: 5px;
	width: 220px;
	height: 200px;
	background: transparent url(../img/tecate-dropdown-bg.png);	
}

div#m10 {
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding-top: 5px;
	width: 220px;
	height: 200px;
	background: transparent url(../img/rutas-dropdown-bg.png);	
}

.normal {
	background: transparent url(../img/dropdown-bg.png);	
}

.tijuana {
	background: transparent url(../img/tijuana-dropdown-bg.png);	
}

.rosarito {
	background: transparent url(../img/rosarito-dropdown-bg.png);	
}

.ensenada {
	background: transparent url(../img/ensenada-dropdown-bg.png);	
}

.mexicali {
	background: transparent url(../img/mexicali-dropdown-bg.png);	
}

.interno {
	background: transparent url(../img/interno-dropdown-bg.png);	
}

#sddm div img {
	margin: 5px 0 5px 10px;
	border: none;
}

#sddm div h4 {
	margin: 0 10px 3px 10px;
	font-size: 8pt;
	line-height: 15pt;
	font-weight: normal;
	text-transform: uppercase;
}

#sddm div p {
	margin: 0 10px;
	font-size: 8pt;
	line-height: 15pt;
	text-transform: uppercase;
	/*border-top: 1px solid #89C33F;*/
	border-top: 1px solid #eee;
}

#sddm div a {
	position: relative;
	color: #fff;
	text-decoration: none;
}

#sddm div a:hover {
	color: #cc0000;
}

	#opcion1 {	
		background-image:url(../img/conociendo-baja.gif);
		text-indent:-5000px;
		width:113px;
		height:40px;
	}
	
	#opcion1:hover {	
		background-image:url(../img/hconociendo-baja.gif);
	}	
	
	#opcion2 {	
		background-image:url(../img/tijuana.gif);
		text-indent:-5000px;		
		width:57px;
		height:40px;		
	}
	
	#opcion2:hover {	
		background-image:url(../img/htijuana.gif);	
	}	
		
	#opcion3 {	
		background-image:url(../img/rosarito.gif);
		text-indent:-5000px;
		width:68px;
		height:40px;				
	}
	
	#opcion3:hover {	
		background-image:url(../img/hrosarito.gif);
	}
		
	#opcion4 {	
		background-image:url(../img/ensenada.gif);
		text-indent:-5000px;
		width:70px;
		height:40px;
	}
	
	#opcion4:hover {	
		background-image:url(../img/hensenada.gif);
	}	
	
	#opcion5 {	
		background-image:url(../img/tecate.gif);
		text-indent:-5000px;
		width:54px;
		height:40px;
	}
	
	#opcion5:hover {	
		background-image:url(../img/htecate.gif);
	}	
	
	#opcion6 {	
		background-image:url(../img/mexicali.gif);
		text-indent:-5000px;
		width:62px;
		height:40px;
	}
	
	#opcion6:hover {	
		background-image:url(../img/hmexicali.gif);
	}	
	
	#opcion7 {	
		background-image:url(../img/san-felipe.gif);
		text-indent:-5000px;
		width:74px;
		height:40px;
	}
	
	#opcion7:hover {	
		background-image:url(../img/hsan-felipe.gif);
	}	
	
	#opcion8 {	
		background-image:url(../img/san-quintin.gif);
		text-indent:-5000px;
		width:79px;
		height:40px;
	}
	
	#opcion8:hover {	
		background-image:url(../img/hsan-quintin.gif);
	}		
				
	#opcion9 {	
		background-image:url(../img/bahia.gif);
		text-indent:-5000px;
		width:138px;
		height:40px;
	}
	
	#opcion9:hover {	
		background-image:url(../img/hbahia.gif);
	}		
		
	#opcion10 {	
		background-image:url(../img/rutas.gif);
		text-indent:-5000px;
		width:48px;
		height:40px;
	}
	
	#opcion10:hover {	
		background-image:url(../img/hrutas.gif);
	}		
								
	#opcion11 {	
		background-image:url(../img/eventos.gif);
		text-indent:-5000px;
		width:63px;
		height:40px;
	}
	
	#opcion11:hover {	
		background-image:url(../img/heventos.gif);
	}		
				
	#opcion12 {	
		background-image:url(../img/noticias.gif);
		text-indent:-5000px;
		width:62px;
		height:40px;
	}
	
	#opcion12:hover {	
		background-image:url(../img/hnoticias.gif);
	}		
		
	#opcion13 {	
		background-image:url(../img/contactanos.gif);
		text-indent:-5000px;
		width:92px;
		height:40px;
	}
	
	#opcion13:hover {	
		background-image:url(../img/hcontactanos.gif);
	}