body {
background: #0489b3; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA0ODliMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI3JSIgc3RvcC1jb2xvcj0iIzczYzRkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iI2Y3ZjhmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

background: -moz-linear-gradient(top,  #0489b3 0%, #73c4db 27%, #f7f8ff 85%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0489b3), color-stop(27%,#73c4db), color-stop(85%,#f7f8ff)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #0489b3 0%,#73c4db 27%,#f7f8ff 85%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #0489b3 0%,#73c4db 27%,#f7f8ff 85%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #0489b3 0%,#73c4db 27%,#f7f8ff 85%); /* IE10+ */

background: linear-gradient(top,  #0489b3 0%,#73c4db 27%,#f7f8ff 85%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0489b3', endColorstr='#f7f8ff',GradientType=0 ); /* IE6-8 */


	}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #00496c;
}
#whale {
	background-image: url(images/tours/whale.jpg);
	height: 122px;
	width: 172px;
	border: 1px solid #41494C;
}

#sunset {
	background-image: url(images/tours/sunset.jpg);
	height: 122px;
	width: 172px;
	border: 1px solid #41494C;
}
#dolphin {
	background-image: url(images/tours/dolphin.jpg);
	height: 122px;
	width: 172px;
	border: 1px solid #41494C;
}
#bird {
	background-image: url(images/tours/bird.jpg);
	height: 122px;
	width: 172px;
	border: 1px solid #41494C;
}
#bird2 {
	background-image: url(images/tours/bird2.jpg);
	height: 122px;
	width: 172px;
	border: 1px solid #41494C;
}
#bird3 {
	background-image: url(images/tours/bird3.jpg);
	height: 122px;
	width: 172px;
	border: 1px solid #41494C;
}
#bird4{
	background-image: url(images/tours/bird4.jpg);
	height: 122px;
	width: 172px;
	border: 1px solid #41494C;
}
#bird5 {
	background-image: url(images/tours/bird5.jpg);
	height: 122px;
	width: 172px;
	border: 1px solid #41494C;
}
#bird6 {
	background-image: url(images/tours/bird6.jpg);
	height: 122px;
	width: 172px;
	border: 1px solid #41494C;
}
#hiking {
	background-image: url(images/tours/hiking.jpg);
	height: 122px;
	width: 172px;
	border: 1px solid #41494C;
}
#hiking2 {
	background-image: url(images/tours/hiking.jpg);
	height: 122px;
	width: 172px;
	border: 1px solid #41494C;
}
#kayak {
	background-image: url(images/tours/kayak.jpg);
	height: 122px;
	width: 172px;
	border: 1px solid #41494C;
}
#turtle {
	background-image: url(images/tours/turtle.jpg);
	height: 122px;
	width: 172px;
	border: 1px solid #41494C;
}
#snorkel {
	background-image: url(images/tours/snorkeling.jpg);
	height: 122px;
	width: 172px;
	border: 1px solid #41494C;
}
#snorkel2 {
	background-image: url(images/tours/snorkeling2.jpg);
	height: 122px;
	width: 172px;
	border: 1px solid #41494C;
}
#scuba {
	background-image: url(images/tours/scuba.jpg);
	height: 122px;
	width: 172px;
	border: 1px solid #41494C;
}
#scuba2 {
	background-image: url(images/tours/scuba2.jpg);
	height: 122px;
	width: 172px;
	border: 1px solid #41494C;
}
#scuba3 {
	background-image: url(images/tours/scuba3.jpg);
	height: 122px;
	width: 172px;
	border: 1px solid #41494C;
}
#more {
	background-image: url(images/tours/more.jpg);
	height: 122px;
	width: 172px;
	border: 1px solid #41494C;
}
#more2 {
	background-image: url(images/tours/more2.jpg);
	height: 122px;
	width: 172px;
	border: 1px solid #41494C;
}
#more3 {
	background-image: url(images/tours/more3.jpg);
	height: 122px;
	width: 172px;
	border: 1px solid #41494C;
}
#more4 {
	background-image: url(images/tours/more4.jpg);
	height: 122px;
	width: 172px;
	border: 1px solid #41494C;
}
#more5 {
	background-image: url(images/tours/more5.jpg);
	height: 122px;
	width: 172px;
	border: 1px solid #41494C;
}
#toplogo {
	background-color: #01476B;
	background-image: url(images/interfaz/1_r1_c2.jpg);
	background-repeat: no-repeat;
	height: 36px;
}
#flash {
	height: 292px;
	width: 792px;
}
#titlebox {
	background-image: url(images/interfaz/index_r6_c2.jpg);
	height: 30px;
}
.flashbg {
	background-image: url(images/interfaz/index_r2_c2.jpg);
}
#bannerbottom {
	background-image: url(images/interfaz/index_r3_c3.jpg);
	height: 39px;
}
.textbg {
	background-image: url(images/interfaz/index_r7_c2.jpg);
	height: 156px;
}
.boxtop {
	background-image: url(images/interfaz/index_r9_c2.jpg);
	height: 26px;
}
.box {
	background-image: url(images/interfaz/index_r10_c2.jpg);
	height: 139px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #41494C;
	border-right-color: #41494C;
	border-bottom-color: #41494C;
	border-left-color: #41494C;
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}
.hairline {
	border: 1px solid #41494C;
}
.normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4c4c4c;
	text-align: left;
}
.normal2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4c4c4c;
}

.normalblue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #05699b;
	text-align: justify;
}
a.normallink:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #f88f5c;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}
a.normallink:hover { 
	font-family: Arial, Helvetica, sans-serif;
	color: #05699b;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
}
a.normallink:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #f88f5c;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
a.normallink2:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #05699b;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
a.normallink2:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #f88f5c;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
}
a.normallink2:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #05699b;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
a.button:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #c35716;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
a.button:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #05699b;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
}
a.button:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #c35716;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
a.b2:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #c35716;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	padding: 2px 10px 0 10px;
}
a.b2:hover { 
	font-family: Arial, Helvetica, sans-serif;
	color: #05699b;
	font-size: 10px;
	text-decoration: underline;
	font-weight: bold;
	text-align: left;
	padding: 2px 10px 0 10px;
}
a.b2:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #c35716;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	padding: 2px 10px 0 10px;
}
a.smalllink:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: underline;
	color: #f88f5c;
	font-weight: bold;
}
a.smalllink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #F5651F;
	font-weight: bold;
}
a.smalllink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: underline;
	color: #f88f5c;
	font-weight: bold;
}
.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00496C;
}
.small2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #045f8c;
}
.small3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4c4c4c;
}
.smallwhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
a.white:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
}
a.white:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	color: #FFFFFF;
}
a.white:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
}
a.blue:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #05699b;
}
a.blue:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	color: #05699b;
}
a.blue:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #05699b;
}
.season {
	height: 31px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #56ADD8;
}
.season2 {
	background-image: url(images/interfaz/index_r14_c27.gif);
	height: 20px;
}
.titles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00496c;
	margin-left: 10px;
}
.style1 {color: #01476B}
.boxtext {
	background-image: url(images/interfaz/index_r10_c2.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	border: 1px solid #41494C;
}
.reserv_body {
	background-image: url(http://www.ecotoursvallarta.com/images/interfaz/index_r10_c2.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	border: 1px solid #41494C;
	padding: 30px;
}
.box2 {
	background-image: url(images/interfaz/index_r10_c2.jpg);
	border: solid 1px #41494C;
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}
.title2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #00496c;
}
.normalorange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f88f5c;
	text-align: justify;
}
.small4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4c4c4c;
	text-align: justify;
}
.orange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #f88f5c;
}
#hd {
	width: 996px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#hd #menu {
	background-color: #02486c;
}
#hd #logo {
	float: left;
	width: 227px;
	margin: 0px;
	padding: 0px;
	height: 294px;
}
#hd #reserv_head {
	background-image: url(images/reservations_head.png);
	height: 150px;
	padding: 0px;
	width: 996px;
	margin-top: -16px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#hd #slide {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 769px;
}