/*RESET*/
body,div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
/*	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit; */
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;	

}

caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
strong{
	font-weight:bold;
}
/*general classes*/
.fleft{
	float:left;
}
.fright{
	float:right;
}
.clear{
	clear:both;
}
/*menu*/

ul#main-nav {
  clear:both;
}

ul#main-nav a.link{
	display:block;
	height:40px;
	background-image: url('../images/menu-esp.png');
	background-repeat:no-repeat;
}
ul#main-nav a#option1{
	width:117px;
	background-position:0px 0px;
}
ul#main-nav a#option2{
	width:58px;
	background-position:-117px 0px;
}
ul#main-nav a#option3{
	width:69px;
	background-position:-175px 0px;
}
ul#main-nav a#option4{
	width:72px;
	background-position:-244px 0px;
}
ul#main-nav a#option5{
	width:56px;
	background-position:-316px 0px;
}
ul#main-nav a#option6{
	width:66px;
	background-position:-372px 0px;
}
ul#main-nav a#option7{
	width:77px;
	background-position:-438px 0px;
}
ul#main-nav a#option8{
	width:85px;
	background-position:-515px 0px;
}
ul#main-nav a#option9{
	width:141px;
	background-position:-600px 0px;
}
ul#main-nav a#option10{
	width:50px;
	background-position:-741px 0px;
}
ul#main-nav a#option11{
	width:54px;
	background-position:-791px 0px;
}
ul#main-nav a#option12{
	width:68px;
	background-position:-845px 0px;
}
ul#main-nav a#option13{
	width:67px;
	background-position:-913px 0px;
}
/*hover effect*/
ul#main-nav a:hover#option1, ul#main-nav a#option1.selected{
	background-position:0px -40px;
}
ul#main-nav a:hover#option2, ul#main-nav a#option2.selected{
	background-position:-117px -40px;
}
ul#main-nav a:hover#option3, ul#main-nav a#option3.selected{
	background-position:-175px -40px;
}
ul#main-nav a:hover#option4, ul#main-nav a#option4.selected{
	background-position:-244px -40px;
}
ul#main-nav a:hover#option5, ul#main-nav a#option5.selected{
	background-position:-316px -40px;
}
ul#main-nav a:hover#option6, ul#main-nav a#option6.selected{
	background-position:-372px -40px;
}
ul#main-nav a:hover#option7, ul#main-nav a#option7.selected{
	background-position:-438px -40px;
}
ul#main-nav a:hover#option8, ul#main-nav a#option8.selected{
	background-position:-515px -40px;
}
ul#main-nav a:hover#option9,ul#main-nav a#option9.selected{
	background-position:-600px -40px;
}
ul#main-nav a:hover#option10, ul#main-nav a#option10.selected{
	background-position:-741px -40px;
}
ul#main-nav a:hover#option11{
	background-position:-791px -40px;
}
ul#main-nav a:hover#option12{
	background-position:-845px -40px;
}
ul#main-nav a:hover#option13{
	background-position:-913px -40px;
}
/*Submenu*/

ul#main-nav ul.submenu{
	padding:5px;	
}
ul#main-nav ul.submenu li a{
	background-image:none;
	color:white;
}

ul#main-nav ul.submenu li {
  z-index: 1;
}

/* lugares */
ul#main-nav  li.first ul.submenu{
	background:url("../images/bc-interno-dropdown-bg.png") repeat scroll 0 0;
	height:310px;
	position:absolute;
	width:210px;
	color: none;
	z-index: 3;
}

ul#main-nav  li.tijuana ul.submenu{
	background:url("../images/tijuana-dropdown-bg.png") repeat scroll 0 0;
	height:240px;
	position:absolute;
	width:210px;
	color: none;
	z-index: 3;
}

ul#main-nav  li.rosarito ul.submenu{
	background:url("../images/rosarito-dropdown-bg.png") repeat scroll 0 0;
	height:240px;
	position:absolute;
	width:210px;
	color: none;
	z-index: 3;
}

ul#main-nav  li.ensenada ul.submenu{
	background:url("../images/ensenada-dropdown-bg.png") repeat scroll 0 0;
	height:240px;
	position:absolute;
	width:210px;
	color: none;
	z-index: 3;
}

ul#main-nav  li.tecate ul.submenu{
	background:url("../images/tecate-dropdown-bg.png") repeat scroll 0 0;
	height:195px;
	position:absolute;
	width:210px;
	color: none;
	z-index: 3;
}

ul#main-nav  li.mexicali ul.submenu{
	background:url("../images/mexicali-dropdown-bg.png") repeat scroll 0 0;
	height:240px;
	position:absolute;
	width:210px;
	color: none;
	z-index: 3;
}

ul#main-nav  li.san-felipe ul.submenu{
	background:url("../images/san-felipe-dropdown-bg.png") repeat scroll 0 0;
	height:240px;
	position:absolute;
	width:210px;
	color: none;
	z-index: 3;
}

ul#main-nav  li.san-quintin ul.submenu{
	background:url("../images/interno-dropdown-bg.png") repeat scroll 0 0;
	height:169px;
	position:absolute;
	width:210px;
	color: none;
	z-index: 3;
}

ul#main-nav  li.bahia-angeles ul.submenu{
	background:url("../images/interno-dropdown-bg.png") repeat scroll 0 0;
	height:169px;
	position:absolute;
	width:210px;
	color: none;
	z-index: 3;
}

ul#main-nav  li.rutas ul.submenu{
	background:url("../images/san-felipe-dropdown-bg.png") repeat scroll 0 0;
	height:240px;
	position:absolute;
	width:210px;
	color: none;
	z-index: 3;
}

/* general */

ul#main-nav ul.submenu{
	padding:5px;
}
ul#main-nav ul.submenu li a{
	color:white;
	text-transform: uppercase;
	text-align:	left;
	margin-bottom:-22px;
	padding:5px 0 0 5px;
	font-size:8pt;
	font-weight:normal;
	line-height:15pt;
	text-decoration: none;
	font-family: "lucida grande",tahoma,sans-serif;
}

ul#main-nav ul.submenu li a:hover{
	color: #CC0000;
}

ul#main-nav ul.submenu img{
	margin-top: 5px;
	margin-left: 5px;
}