/*Lo que le agrego el maik */

.botones {
	text-align:center;
	margin:0 auto;
	padding:10px 0;
}

.decks {
  margin-left:-5px;
  width:250px;
  height:2020px;
  border:0;
  color:#000;
  background:transparent;
}

.decks ul {
  width:200px;
  background:#00529e;
  text-align:center;
  margin:0 auto;
  left:25px;
  padding:0;
}

.decks ul li {
  width:100%;
  border-bottom:1px solid #937e49;
  padding:0;
  margin:4px 0;
}

.decks ul li a em {
  color:white;
  background:#00529e;
  font-size:1.1em;
  font-weight:bold;
  top:-3px;
  left:35px;
}

.decks ul li a img {
  display:block;
  top:-12px;
  left:10px;
}

.decks ul li a:hover.vert img, .decks ul li a:focus.vert img, .decks ul li a:active.vert img {
  left:250px;
  top:0;
  padding:0;
}

.decks ul li a:hover.vert img {
  left:337px;
  width:75px;
  height:595px;
}

.decks ul li a:focus.vert img, .decks ul li a:active.vert img {
  left:250px;
  width:250px;
  height:2000px;
}

.decks ul li a:hover b, .decks ul li a:focus b, .decks ul li a:active b {
  position:absolute;
  width:252px;
  height:282px;
  border:1px solid #000;
  top:300px;
  left:-25px;
  padding:0;
  margin:0;
  outline:0;
}

.decks ul li a:hover b img.desc, .decks ul li a:focus b img.desc, .decks ul li a:active b img.desc {
  position:absolute;
  top:0;
  left:0;
  width:250px;
  height:280px;
  margin:0;
  padding:0;
  border:0;
}

.decks ul li a:hover em, .decks ul li a:focus em, .decks ul li a:active em {
  top:-3px;
  left:35px;
  font-size:1.3em;
  color:#937e49;
}

#indices {
  padding:5px 10px;
  width:550px;
}

#indices p {
  text-align:justify;
}

#tablas {
  margin:0 auto;
  width:548px;
  clear:both;
  padding:0;
}

.marco {
  display:inline;
  float:left;
  width:151px;
  height:270px;
  margin:20px 0;
  border-right:1px solid #ccc;
  padding:0 15px;
}

.marco a {
  text-decoration:none;
}

.marco img {
  border:0;
  height:67px;
  outline:none;
}

.marco b {
  position:relative;
  top:10px;
  color:#ea1923;
  background:#fff;
}

.marco a img {
  text-decoration:none;
}

.marco a b {
  text-decoration:none;
}

.clear {
  clear:both;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/page_menu2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#hoverpage ul#outer li div p {width:500px; font-size:0.9em; line-height:16px; margin:5px 0 5px 0; text-align:justify}
#hoverpage ul#outer li div h2 {line-height:1em; color:#00529e; font-size:1.5em; font-weight:normal; margin-top:0; font-family:verdana, sans-serif;}
#hoverpage ul#outer li div h3 {line-height:1em; color:#c00; font-size:1.2em; font-weight:normal; margin-top:0;}
#hoverpage ul#outer li div h3.clear {clear:left; text-align:center;}


#hoverpage {width:550px; height:550px; /*border:1px solid #aaa;*/ background:#fff; position:relative; z-index:500; overflow:hidden; text-align:left; margin: 0 auto;}
#hoverpage table {border-collapse:collapse; margin:-1px;}
#hoverpage ul#outer {background:transparent; padding:0; margin:0;list-style:none;}

#hoverpage ul#outer li.page {display:inline;} /* needed for IE to function correctly */

#hoverpage ul#outer li.page a.menuitem {text-decoration:none;}

#hoverpage ul#outer li.page i {position:absolute; display:block; height:25px; right:400px; background:transparent; cursor:default; z-index:100; text-align:right; text-decoration:none; color:#00529e; font-style:normal; cursor:pointer;}

#hoverpage ul#outer li.p1 i {top:30px;}
#hoverpage ul#outer li.p2 i {top:55px;}
#hoverpage ul#outer li.p3 i {top:80px;}
#hoverpage ul#outer li.p4 i {top:105px;}
#hoverpage ul#outer li.p5 i {top:130px;}
#hoverpage ul#outer li.p6 i {top:155px;}


#hoverpage ul#outer li.page div {display:block; width:520px; height:550px; padding:25px; font-weight:normal; color:#444;}
#hoverpage ul#outer li.p1 div {background:#fff url(page1_back.jpg);}
#hoverpage ul#outer li.p2 div {background:#fff url(page2_back.jpg);}
#hoverpage ul#outer li.p3 div {background:#fff url(page3_back.jpg);}
#hoverpage ul#outer li.p4 div {background:#fff url(page4_back.jpg);}
#hoverpage ul#outer li.p5 div {background:#fff url(page5_back.jpg);}

#hoverpage ul#outer li div img {border:1px solid #888; float:right; margin:0 10px 5px 0;}
#hoverpage ul#outer li div p.big {line-height:1em; color:#004; font-size:1.5em;}
#hoverpage ul#outer li div a {color:#00c; text-decoration:underline;}
#hoverpage ul#outer li div em {display:block; width:150px; height:150px; float:left; background:transparent url(current.gif) no-repeat; margin-right:10px;}

#hoverpage ul#outer li.p1 div em {background-position: 21px 0;}
#hoverpage ul#outer li.p2 div em {background-position: 21px 25px;}
#hoverpage ul#outer li.p3 div em {background-position: 21px 50px;}
#hoverpage ul#outer li.p4 div em {background-position: 21px 75px;}
#hoverpage ul#outer li.p5 div em {background-position: 21px 100px;}

#hoverpage ul#outer li.page div a:hover {text-decoration:none;}

#hoverpage ul#outer li.page a:hover {white-space:normal;} /* for IE6 */

#hoverpage ul#outer :hover div {position:absolute; left:0; top:0;}
#hoverpage ul#outer a:hover i {color:#937e49; font-weight:bold;} /* for IE6 */
#hoverpage ul#outer :hover a i {color:#937e49; font-weight:bold;}

#hoverpage ul#outer div ul li {line-height:20px; font-size:0.9em; color:#256; list-style-type:disc;}
#hoverpage ul#outer div ul li a {line-height:20px; font-size:1.1em; color:#c00;}

#hoverpage ul#outer div dl dd {line-height:20px; font-size:1.1em; color:#448;}
#hoverpage ul#outer div dl dt {line-height:30px; font-size:1.3em; color:#333;}



.prices {
  width:97%;
  border:0;
}

.prices thead {
  color:#fff;
  background:#ff0000;
  text-align:center;
}

.prices tr.t1 {
  width:18%;
}

.prices tr.t2 {
  width:34%;
}

.prices tr.t3 {
  width:23%;
}

.prices tr.t4 {
  width:25%;
}

.prices tbody {
  background:#ffde79;
}

.prices tr.r2 {
  background:#ffb546;
}

.piecito2 {
  clear:both;
  width:500px;
  margin:0 auto;
  font-size:0.8em;
  text-align:justify;
  color:#fff;
  background:#00529e;
  font-weight:bold;
  padding:5px 15px;
}


/*Aqui se acaba lo que le agrego el maik */

html {
	padding: 0;
	margin: 0;
}

body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background-color: #ccc;
	color: #0054A4;
	font-family: Verdana, tahoma, "Trebuchet MS", "Gill Sans", sans-serif;
	font-size: 10px;
}

a {
	text-decoration:none;
}

#pagina {
	width:760px;
	margin:0 auto;
	padding:0;
	background:#fff url("/img/fondo.gif") repeat-y;
/*
	margin-left:auto;
	margin-right:auto;
*/
}

/* Encabezado */
#encabezado {
	margin-right: 5px;
	margin-left: 35px;
	height:103px;
	background-color:#fff;
}

/* Sistema de Navegación */
#navegacion {
	margin:0;
	padding:6px 6px;
/*	background:#C00;*/
	background-color:#ED1C24;
	font-size:100%;
	border-top: solid 1px #8cd7f4;
	border-bottom: solid 1px #8cd7f4;
}

#navegacion ul {
	margin:0;
	padding:0;
}

#navegacion li {
	display:inline;
	list-style:none;
	margin:0;
	margin-left: 3px;
	padding:3px 6px 3px 6px;
	border: solid 1px #FBD813; 
}

#navegacion li:hover {
	border: solid 1px #FFF; 
/*	background-color:#e22221;  */
}

#navegacion a {
	color:#EEF;
/*	background:#004B91;*/
	border:none;
	text-transform: uppercase;
	font-weight: bold;
	
}

#navegacion a:hover {
	color:#FFF;
/*	background-color:#e22221; */
	text-decoration:none;
}

#actual a {
	color:#fff;
	text-decoration:none;
/*	background:#555; */
}

/* Lista de Barcos */
#barcos, #barco, #destinos , #experiencia , #informacion, #contacto {
	border: solid 1px #0092CF;
	padding: 2px;
	margin: 5px;
	display: none;
	height: 210px;
}

#caja_contenedor, #telefono, #barco {
	display: block;
	border: solid 1px #0092CF;
	padding: 2px;
	margin: 5px;
	height: 224px;
}

#barcos a, #barco a, #destinos a, #experiencia a, #informacion a {
	font-size: 11px;
	color:#00336B;
	border:none;
	display: block;
/*	text-decoration:underline ; */
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#barcos a:hover, #barco a:hover, #destinos a:hover , #experiencia a:hover , #informacion a:hover {
	font-weight: bold;
	font-size:11px;
}

#barcos .tit_box, #barco .tit_box, #destinos .tit_box, #experiencia .tit_box , #informacion .tit_box, #contacto .tit_box, #telefono .tit_box, #caja_contenedor .tit_box {
	color:#FFF;
	border:none;
	display: block;
	text-decoration:none;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin:0;
	padding: 3px;
	text-align: center;
	background-color: #0092CF;
	font-size: 11px;
	height: 21px;
}

#caja_contenedor , #telefono  {
	text-align: center;
}

		#contenedor {
//			margin-top: -15px;
		}


#MEX, #CHI, #COL, #ESP, #USA, #ARG, #PER, #VEN, #DOM, #PAN {
	font-size: 12px;
	font-family: 'Courier New';
	padding-top: 1px;
	padding-bottom: 1px;
}


/* Contenido del Sitio */
#contenido {
	font-family: Verdana, tahoma, "Trebuchet MS", "Gill Sans", sans-serif;
	font-size: 10px;
	width: 555px;
	padding: 3px;
	vertical-align: top;
}

#contenido h1{
	font-size: 22px;
	font-weight: normal;
	letter-spacing: 1px;
	padding-left: 20px;
	color: #932400;
	display: none;
}
#derecha {
	vertical-align: top;
	padding: 3px;
	width: 205px;
}

a {
	color:#BE3D27;
	text-decoration:none;
	border-bottom: 1px dotted #00529E;
}

a:hover {
	color:#000;
	border-bottom: 1px solid #333;
}

/* Pie de página */
#pie {
	clear:both;
	margin:0;
	padding:1px;
	background-color:#ED1C24;
	color:#FFF;
	text-align:center;
}

.firma {
	text-align:center;
	letter-spacing: 1px;
}



#contenedor {
//			margin-top: -15px;
}

/*
Display de teléfonos
*/


ul#calendar {padding:0; margin:0 auto; list-style-type:none; width:167px; position:relative; font-family:arial, sans-serif; font-size:12px; border:1px solid #888; background:#0092CF; height:95px;}
ul#calendar li.top {display:block; float:left; width:27px; height:20px; text-align:center; margin:4px 0 30px 0;}
ul#calendar li.top img { border: solid 1px #fff; padding: 1px; }
ul#calendar li.bottom img { border: solid 1px #fff; padding: 1px; }
ul#calendar li.bottom {display:block; float:left; width:27px; height:20px; text-align:center; margin:10px 0 0 0;}
ul#calendar li a, ul#calendar li a:visited {text-decoration:none; display:block; color:#000; font-weight:bold;}

ul#calendar li a.month_bot {text-decoration:none; display:block; color:#000; font-weight:bold; margin-top:14px; width:30px;}
ul#calendar li a.month_top {border:0; /*height:30px;*/}

ul#calendar table {font-size:10px; background:#d4d8bd; border-collapse:collapse; width:164px;background:#d4d8bd;visibility:hidden;position:absolute; top:-99999px; left:2px;}
ul#calendar tbody td {text-align:center; background:#fff; border:1px solid #aaa; padding:0; width:150px; height:38px; margin:0; font-weight: bold; font-size: 15px;}
ul#calendar caption {font-weight:bold; font-size:10px; color: #FFF;  background:#0092CF;}
ul#calendar td a, ul#calendar td a:visited {color:#345; text-decoration:none; display:block; width:100%; height:100%; line-height:10px;}



ul#calendar :hover table {visibility:visible; top:25px; left:2px;}
/*ul#calendar :hover table :hover { cursor:pointer;} */

a.link_contacto {
	display:block; 
	font-size: 13px; 
	border: 0px; 
	padding-bottom:5px;	
	padding-top:7px;	
}

a.link_contacto:hover {
	border: 0px; 
	text-decoration: none;
	font-weight: bold;
}

img.img_contacto {
	float: left; 
	border: 0px; 
	padding-right: 10px;
	padding-left: 25px;
}


#telefono  {
	height: 170px;
	text-align: left;
}



a.link_contacto_ext {
	display:block; 
	font-size: 13px; 
	border: solid 1px #C0C0C0; 
	border-right: solid 2px #696969; 
	border-bottom: solid 2px #696969; 
	padding-bottom:5px;	
	padding-top:7px;
	text-align:center;	
}

a.link_contacto_ext:hover {
	border: solid 1px #C0C0C0; 
	border-left: solid 2px #696969; 
	border-top: solid 2px #696969; 
	text-decoration: none;
	font-weight: bold;
}

.oferta_texto {
	font-size: 12px;
	border-right:solid 1px #FF0000; 
	color:#FF0000; 
	font-weight: bold; 
	text-align: center;
}

.oferta_precio {
	text-align: center;
	font-size: 15px;
	display: block;
}

.oferta_viaje {
	font-size: 8px;
}