@charset "utf-8";
/* CSS Document */
<!--
body,td,th {
	font-family: Trebuchet MS, Tahoma;
	font-size: 12px;
	color: #55555;
	line-height: 1.5em;
}
body {
	background-color: #FFFFFF;
	margin: 0px;
}
p {
	color: #444444;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
a:link {
	color: #377ec5;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	text-decoration: none;
	color: #377ec5;
	font-weight: bold;
}
a:hover {
	font-weight: bold;
	background-color: #377ec5;
	color: #ffffff;
	text-decoration: none;
}
a:active {
	text-decoration: none;
	color: #377ec5;
	font-weight: bold;
}
h1,h2,h3 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-weight: bold;
	margin-top:0.5em;
	margin-bottom:0.5em;
}
h1 {
	font-size: 18px;
	color: #333333;
	letter-spacing: 0.05em;
}
h2 {
	font-size: 16px;
	color: #555555;
	margin: 8px 0 8px 0;
}
h3 {
	font-size: 14px;
	color: #888888;
}
h4, h5 {
	font-family: "Trebuchet MS", Verdana, Tahoma;
	font-weight: bold;
	font-size: 14px;
}
h4 {
	color: #555555;
}
h5 {
	color: #e53b5e;
}
	
.logocell {
	background-image: url(../images/divs/logo_left.png);
	background-position: top right;
	background-repeat: no-repeat;
}
#maincell {
	width: 950px;
	background-image: url(../images/divs/logo_main.png);
	background-position: top left;
	background-repeat: no-repeat;
	text-align: left;
}
.clearfloat {
	clear: both;
	font-size: 0.01em;
}
.morelink a{
	font-size: 14px;
	float: right;
	margin-top: 0.5em;
}
.introtext {
	font-size: 14px;
	line-height: 1.75em;
	margin-bottom: 10px;
}
.alotoftext{
	min-height: 400px;
}
.alotoftext p{
	margin: 2em;
}
.imageintext {
	padding: 4px;
	border: 1px solid #CCCCCC;
	margin: 0 0 2px 5px;
	float: right;
}
/* ---------- Navigation STARTS ---------- */
#navigation {
	width: 790px;
	margin: 45px 0 0 160px;
	padding: 0;
	height: 66px;
}
#nav-list {
	background:url(../images/divs/navigation.png) no-repeat;
	width:790px;
	height:66px;
	margin:0;
	padding:0;
}

#nav-list span {
	display: none;
}

#nav-list li, #nav-list a {
	height:66px;
	display:block;
}

#nav-list li {
	float:left;
	list-style:none;
	display:inline;
}

#nav01 {width: 96px;}
#nav02 {width: 158px;}
#nav03 {width: 209px;}
#nav04 {width: 135px;}
#nav05 {width: 192px;}

#nav01 a:hover {background:url(../images/divs/navigation.png) 0px -66px no-repeat; }
#nav02 a:hover {background:url(../images/divs/navigation.png) -96px -66px no-repeat; }
#nav03 a:hover {background:url(../images/divs/navigation.png) -254px -66px no-repeat; }
#nav04 a:hover {background:url(../images/divs/navigation.png) -463px -66px no-repeat; }
#nav05 a:hover {background:url(../images/divs/navigation.png) -598px -66px no-repeat; }

/* ---------- Navigation ENDS ---------- */

.title {
	background-image: url(../images/divs/logo_bottom.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin-top: 0;
	padding-top: 0.5em;
}

/* ---------- Footer STARTS ---------- */
#footer {
	width: 950px;
	height: 180px;
	background-image: url(../images/divs/footer_bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 10px 0 20px 0;
	overflow: auto;
}
#footer .left{
	width: 240px;
	height: 140px;
	float: left;
	padding: 20px;
	margin: 0;
}
#footer .left img{
	float: left;
	margin: 5px 5px 3px 0;
}
#footer .left p{
	margin: 10px 0 0 0;
}
#footer .right{
	width: 640px;
	height: 150px;
	float: right;
	padding: 10px 10px 0px 10px;
	_padding: 0px;
	margin: 0;
}
#navcontainer
{
margin: 0;
padding: 0px;
}

/* to stretch the container */
/* div to contain floated list */


ul#navlist
{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 630px;
}

ul#navlist li
{
	display: block;
	float: left;
	width: 125px;
	margin: 0;
	padding: 0;
}

ul#navlist li a
{
	display: block;
	padding: 5px;
	text-decoration: none;
}

#navcontainer>ul#navlist li a { width: auto; }


ul#navlist li a:hover, ul#navlist a:hover
{
	color: #a6c0db;
	background: #377ec5;
}
.linkdescription {
	font-weight: normal;
	color: #FFFFFF;
}
.contactcontainer {
	width: 100%;
	color: #666666;
	font-weight: bold;
}
.contactleft {
	float: left;
	margin-right: 20px;
}
.contactright {
	float: right;
	text-align: right;
	margin-right: 10px;
}
/* ---------- Footer ENDS ---------- */

/* ---------- Homepage STARTS ----------*/
#leftcontainer {
	width: 550px;
	float: left;
	margin: 0;
	padding: 0;
}

/* -- upcoming starts --*/
#upcomingtour {
	width: 550px;
	height: 300px;
	margin: 0 0 10px 0;
	padding: 0px;
}
.upcominglinks {
	width: 259px;
	height: 45px;
	padding: 0px;
	margin-top: -50px;
	margin-right: 12px;
	_margin-top: -55px;
	_margin-right: 6px;
	position: relative;
	z-index: 1;
	float: right;
}	
#reservelink {
	width: 116px;
	height: 45px;
	float: right;
}
#reservelink a{
	background-image: url(../images/divs/pagebtns/reservar.png);
	width: 116px;
	height: 45px;
	text-indent: -999em;
	display: block;
}
#reservelink a:hover {
	background-position: 0 45px;
}
#masinfo {
	width: 125px;
	height: 45px;
	float: left;
}
#masinfo a{
	background-image: url(../images/divs/pagebtns/masinfo.png);
	width: 125px;
	height: 45px;
	text-indent: -999px;
	display: block;
}
#masinfo a:hover {
	background-position: 0 45px;
}
/* -- upcoming ends --*/

/* -- what is PPE starts --*/
.whatisPPE {
	width: 510px;
	height: 120px;
	background-image: url(../images/divs/components/whatisPPE.png);
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0 0 10px 0;
	_margin: 0;
	padding: 20px;
}
.whatisPPE p{
	margin: 35px 0 0 0;
	*margin: 55px 0 0 0;
	_margin: 55px 0 0 0;
}
/* -- what is PPE ends --*/

/* -- next stop starts --*/
.nextstop {
	width: 530px;
	height: 230px;
	background-image: url(../images/divs/components/nextstop.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
	padding: 10px;
}
.nextstop p{
	margin: 35px 0 0 0;
	*margin: 45px 0 0 0;
	_margin: 45px 0 0 0;
	padding: 10px;
}
.nextstop img{
	float: left;
	padding: 0;
	margin: 3px 10px 1px 0;
}
.nextstop h1{
	position: absolute;
	margin: 13px 0 0 220px;
}
#guiapagelink {
	width: 90px;
	height: 41px;
	position: absolute;
	margin: -30px 440px;
	*margin: -30px 220px;
	_margin: -30px 220px;
}
#guiapagelink a{
	background-image: url(../images/divs/pagebtns/laguia.png);
	width: 90px;
	height: 41px;
	text-indent: -999em;
	display: block;
}
#guiapagelink a:hover {
	background-position: 0 41px;
}
/* -- nest stop ends --*/

/* -- forum starts --*/
.forumsnippet {
	width: 550px;
	height: 200px;
	background-image: url(../images/divs/components/forumsnippet.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0;
	*margin: 0 0 10px 0;
	_margin: 0 0 10px 0;
	padding: 0px;
}
.forumsnippet h2{
	margin: 0;
}
.forumsnippet p{
	margin: 15px 0 0 10px;
}
.forumsnippet a{
	font-size: 14px;
}
.forumleft {
	float: left;
	margin: 25px 0 0 0;
	_margin: 35px 0 0 0;
	*margin: 35px 0 0 0;
	padding: 20px;
}
.forumright {
	float: right;
	width: 250px;
	margin: 30px 0 0 0;
	padding: 20px;
}
/* -- forum ends --*/

/* -- community starts --*/
#comunidadpagelink {
	width: 159px;
	height: 44px;
	position: absolute;
	margin: 145px 380px;
	*margin: 145px -25px;
	_margin: 145px -25px;
}
#comunidadpagelink a{
	background-image: url(../images/divs/pagebtns/lacomunidad.png);
	width: 159px;
	height: 44px;
	text-indent: -999em;
	display: block;
}
#comunidadpagelink a:hover {
	background-position: 0 44px;
}
/* -- community ends --*/

/* -- Enciclopedia starts --*/
#rightcontainer {
	width: 380px;
	float: right;
	margin: 0;
	padding: 0px;
	background-color: #fef6b4;
}
#rightcontainer span {
	background-image: url(../images/divs/components/enciclopedia_top.png);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
}
#rightcontainer span span {	
	background-image: url(../images/divs/components/enciclopedia_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 0;
}
#rightcontainercontent {
	padding: 20px;
}

#rightcontainer h2{
	margin: 35px 0 0 0;
}
#rightcontainer h3{
	margin: 15px 0 5px 0;
}
.videosbg {
	width: 340px;
	height: 155px;
	background-image: url(../images/divs/components/videobg.png);
	background-position: top left;
	background-repeat: no-repeat;
}
.fondosbg {
	width: 340px;
	height: 212px;
	background-image: url(../images/divs/components/fondosbg.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#enciclopediapagelink {
	width: 160px;
	height: 45px;
	float: right;
}
#enciclopediapagelink a{
	background-image: url(../images/divs/pagebtns/laenciclopedia.png);
	width: 160px;
	height: 45px;
	text-indent: -999em;
	display: block;
}
#enciclopediapagelink a:hover {
	background-position: 0 45px;
}
.singlevideo {
	width: 113px;
	text-align: center;
	float: left;
}
.singlevideo a{
	padding: 3px;
	border: 1px solid #ffc655;
	float: left;
	margin: 0 0 0 10px;
}
.singlevideo a:hover {
	padding: 0;
	border: 4px solid #ffc655;
}
.singlevideo p{
	size: 12px;
	font-weight: bold;
	color: #888888;
	padding: 0;
	margin: 5px;
}
.singlefondo {
	width: 170px;
	text-align: center;
	float: left;
}
.singlefondo a{
	padding: 3px;
	border: 1px solid #ffc655;
	float: left;
	margin: 0 0 0 10px;
}
.singlefondo a:hover {
	padding: 0;
	border: 4px solid #ffc655;
}
.singlefondo p{
	size: 12px;
	font-weight: bold;
	color: #888888;
	padding: 0;
	margin: 5px;
}
.BGsizes {
	width: 170px;
	text-align: center;
	float: left;
}
/* -- Enciclopedia ends --*/

/* ---------- Homepage ENDS ----------*/


/* ---------- La Enciclopedia STARTS ----------*/

#EnciclopediaLeft {
	width: 640px;
	float: left;
	margin: 0;
	padding: 0;
}
#EnciclopediaLeft h2{
	margin-top: 0;
}
#EnciclopediaLeft p{
	margin: 1em 0 1em 0;
}
#csc img{
	float: left;
	margin: 8px 5px 0 0;
}
#csc {
  background: #fef6b4 url(../images/divs/components/corners/yellow_topleft.png) no-repeat;
  width : 610px;
  height : auto;
  position : relative;
  padding : 10px 10px 20px 20px;
}

/* these are the other three spans. classes were used to allow multiuse on a page */
.tr, .bl, .br {
  position : absolute;
  width : 19px;
  height : 19px;  /* corner images are 40x40 */
  display : block;
  margin-bottom : -1px;  /* this is for IE */
}

/* change position and image: top-right */
.tr {
  background : transparent url(../images/divs/components/corners/yellow_topright.png) no-repeat;
  top : 0;
  right : 0;
}

/* change position and image: bottom-left */
.bl {
  background : transparent url(../images/divs/components/corners/yellow_bottomleft.png) no-repeat;
  bottom : 0;
  left : 0;
}

/* change position and image: bottom-right */
.br {
  background : transparent url(../images/divs/components/corners/yellow_bottomright.png) no-repeat;
  right : 0;
  bottom : 0;
}

#emptybox {
  width : 610px;
  height : auto;
  position : relative;
  padding : 10px 10px 20px 20px;
}
#emptybox img{
	float: left;
	margin: 8px 5px 0 0;
}
#Enlaces {
	width: 290px;
	float: right;
	margin: 0;
	padding: 0;
	background-color: #f3f3f3;
}
#Enlaces span {
	background-image: url(../images/divs/components/enlaces_top.png);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
}
#Enlaces span span {	
	background-image: url(../images/divs/components/enlaces_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 0;
}
#enlacescontainercontent {
	padding: 35px 20px 20px 20px;
}
#enlacescontainercontent a{
	font-size: 14px;
	color: #e53b5e;
	padding: 2px;
}
#enlacescontainercontent a:hover{
	background-color: #e53b5e;
	color: #ffffff;
	text-decoration: none;
}
#enlacescontainercontent p{
	margin: 13px 0 13px 0;
}
#enlacescontainercontent h2{
	margin: 25px 0 15px 0;
}
#Multimedia {
	width: 290px;
	float: right;
	margin: 0 0 10px 0;
	padding: 0;
	background-color: #ffc655;
}
#Multimedia span {
	background-image: url(../images/divs/components/multimedia_top.png);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
}
#Multimedia span span {	
	background-image: url(../images/divs/components/multimedia_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 0;
}
#multimediacontainercontent {
	padding: 35px 20px 20px 20px;
}
#multimediacontainercontent p{
	margin: 13px 0 13px 0;
}
#multimediacontainercontent h2{
	margin: 25px 0 15px 0;
}
.todossinglevideo {
	width: 123px;
	text-align: center;
	float: left;
}
.todossinglevideo a{
	padding: 3px;
	border: 1px solid #377ec5;
	float: left;
	margin: 0 0 0 15px;
}
.todossinglevideo a:hover {
	padding: 0;
	border: 4px solid #377ec5;
}
.todossinglevideo p{
	size: 12px;
	font-weight: bold;
	color: #888888;
	padding: 0;
	margin: 0;
}
.todossinglefondo {
	width: 150px;
	text-align: center;
	float: left;
}
.todossinglefondo a{
	padding: 3px;
	border: 1px solid #377ec5;
	float: left;
	margin: 0;
}
.todossinglefondo a:hover {
	padding: 0;
	border: 4px solid #377ec5;
}
.todosBGbox p{
	size: 12px;
	font-weight: bold;
	color: #888888;
	padding: 0;
	margin: 5px;
	text-align: center;
}
.todosBGsizes {
	width: 100px;
	text-align: center;
	float: right;
}
.todosBGsizes a:hover{
	background-color: #377ec5;
	text-decoration: none;
	color: #FFFFFF;
}
.todosBGbox {
	width: 250px;
	margin: 20px 0 0 0;
	padding: 0;
}
.logoreferences {
	float: right;
	text-align: center;
	padding: 0px;
	margin: 20px 0 0 0;
}
/* ---------- La Enciclopedia ENDS ----------*/


/* ---------- La Guia STARTS ----------*/
#AntesDeVenir {
	width: 290px;
	float: right;
	margin: 0 0 10px 0;
	padding: 0;
	background-color: #ffc655;
}
#AntesDeVenir span {
	background-image: url(../images/divs/components/antesvenir_top.png);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
}
#AntesDeVenir span span {	
	background-image: url(../images/divs/components/multimedia_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 0;
}
.guialistgreen
{
margin-left: 0px;
padding-left: 0;
list-style: none;
}
.guialistblue{
margin-left: 0px;
padding-left: 0;
list-style: none;
}
.guialistgreen li
{
padding-left: 20px;
background-image: url(../images/divs/components/greenbullet.png);
background-repeat: no-repeat;
background-position: 0 3px;
margin: 30px 0 30px 0;
}
.guialistblue li {
padding-left: 20px;
background-image: url(../images/divs/components/bluebullet.png);
background-repeat: no-repeat;
background-position: 0 3px;
margin: 30px 0 30px 0;
}

/* ---------- La Guia ENDS ----------*/

/* ---------- Los Viajes STARTS ----------*/

#viajesleftcontainer {
	width: 500px;
	float: left;
	margin: 0;
	padding: 0;
}
#viajesrightcontainer {
	width: 430px;
	float: right;
	margin: 0;
	padding: 0px;
}
#viajesleftcontainer h2{
	margin-top: 20px;
}
#viajesrightcontainer h2{
	margin-top: 20px;
}
#viajeswhyPPE {
	width: 430px;
	height: 280px;
	background-image: url(../images/divs/components/whyus.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}
.viajeswhatisPPE {
	width: 460px;
	height: 240px;
	background-image: url(../images/divs/components/whatisPPE_inside.png);
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0;
	padding: 20px;
}
.viajeswhatisPPE p{
	margin: 35px 0 0 0;
	*margin: 55px 0 0 0;
	_margin: 55px 0 0 0;
}
#viajesreservelink {
	width: 116px;
	height: 45px;
	float: right;
	margin: 230px 10px 0px 0;
}
#viajesreservelink a{
	background-image: url(../images/divs/pagebtns/reservar.png);
	width: 116px;
	height: 45px;
	text-indent: -999em;
	display: block;
}
#viajesreservelink a:hover {
	background-position: 0 45px;
}
#route {
	width: 500px;
	padding: 0;
	margin: 0;
}
#route img{
	float: left;
}
#estancia {
	width: 430px;
	padding: 0;
	margin: 0;
}
#estancia a{
	padding: 3px;
	border: 1px solid #f697ab;
	float: left;
	margin: 13px;
}
#estancia a:hover {
	padding: 0;
	border: 4px solid #f697ab;
}
#priceincludes {
	width: 480px;
	float: left;
	padding: 0 20px 0 10px;
	margin: 0;
}
#priceincludes h4{
	margin-bottom: 0;
}
#payments {
	width:430px;
	float: right;
	padding: 0;
	margin: 0;
}
#largereservelink {
	width: 219px;
	height: 102px;
	margin: 40px 0 0 0;
}
#largereservelink a{
	background-image: url(../images/divs/pagebtns/reserver_large.png);
	width: 219px;
	height: 102px;
	text-indent: -999em;
	display: block;
}
#largereservelink a:hover {
	background-position: 0 102px;
}
.highlightedword {
	font-weight: bold;
	color: #ff7800;
}
.nexttrip {
	font-size: 18px;
	font-weight: bold;
	color: #e53b5e;
	margin-top: 25px;
}
/* ---------- Los Viajes ENDS ----------*/

-->