body {
margin: 0;
padding: 0;
margin-top:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background:url(../imgs/backgrounds/background.gif) repeat;
color:#666666;
height:100%;
/*line-height:18px;*/
}

#pagina{
width:700px;
margin:auto;
background:#FFFFFF;
padding:15px;
height:100%;
overflow:visible;
}

#contenedor{
margin:auto;
height:100%;
}

#encabezado{
z-index:999;
padding:0;
}

/*Marquesina - */
.marque {
background-color: #FF9900;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
color: #333333;
padding-top:5px;
}
.marque a{
text-decoration:none;
color:#000000;
	}
.marque a:visited{
text-decoration:none;
color:#666666;
	}
.marque a:hover{
text-decoration:underline;
color:#0066CC;
}
/*End Marquesina*/

#panelppal{
	width:700px;
	float:left;
	z-index:1;
	/*background-color: #85bf18;*/
}
#panelppal2 {
	width:700px;
	float:left;
	z-index:1;
	background-color: #B2C200;
}


#contenido{
margin-top:10px;
float:left;
width:456px;
background:#f1f1f3;
}

#contenido p{
margin:0;
}

/*---------------Destinos-----------*/

/*---------------Galeria destinos--------*/
.Galeria{
border:1px solid #666666;
background:#FFFFFF;
padding:15px;}
/*---------------End Galeria destinos--------*/

/*---------------Paquetes--------*/
#ContenidoPaquetes{
float:left;
width:489px;
background:#F1F1F3;
}

.Paquetes{
clear:both;
padding:10px;
border-top:#333333 1px solid;
background:url(../imgs/backgrounds/destinos_back.gif) no-repeat right bottom;
}

#ContenidoPaquetes img{
}

#ContenidoPaquetes p{
margin:0;
}

/*---------------End Paquetes--------*/

#ContenidoContacto{
float:left;
width:489px;
background:#F1F1F3;
}

.Contacto{
clear:both;
background:#F1F1F3;
padding:10px;
border-top:#333333 1px solid;
background:url(../imgs/backgrounds/destinos_back.gif) no-repeat right bottom;
}

#ContenidoContacto table {
	font: 11px/24px "Times New Roman", Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	/*width: 320px;*/
	}

#ContenidoContacto th {
	padding: 0 0.5em;
	text-align: center;
	}

#ContenidoContacto tr.yellow td {
	border-top: 1px solid #FB7A31;
	/*border-bottom: 1px solid #FB7A31;*/
	background: #FFC;
	}

#ContenidoContacto td {
	/*border-bottom: 1px solid #CCC;*/
	padding: 0 0.5em;
	}

#ContenidoContacto td.width {
	/*width: 190px;*/
	}

#ContenidoContacto td.adjacent {
	border-left: 1px solid #CCC;
	text-align: center;
	}

#ContenidoHoteles{
float:left;
width:100%;
background:#F1F1F3;
}

.DescripcionHotel{
clear:both;
padding:15px;
border-top:#333333 1px solid;
padding-bottom:0px;
}

.Hoteles{
clear:both;
background:#F1F1F3;
padding:10px;
border-top:#333333 1px solid;
background:url(../imgs/backgrounds/destinos_back.gif) no-repeat right bottom;
}

#ContenidoHoteles p{
margin:0;
}

#GaleriaHoteles img{
padding:5px;
}

#GaleriaHoteles{
border:1px solid #666666;
background:#FFFFFF;
padding:5px;
float:left;
min-width:100px;
}


#ContenidoDestinos{
float:left;
width:489px;
background:#F1F1F3;
}

.Destinos{
clear:both;
background:#F1F1F3;
padding:10px;
border-top:#333333 1px solid;
background:url(../imgs/backgrounds/destinos_back.gif) no-repeat right bottom;
}

#ContenidoDestinos img{
padding:10px;
}

#ContenidoDestinos p{
margin:0;
}

#ContenidoDestinosGaleria{
float:right;
border:1px #000000 solid;

background:#FFFFFF;
}

#ContenidoDestinosGaleriaOuter{
float:right;
padding-left:10px;
}

a.galeria:link, a.galeria:visited{
color:#006699;
background:url(../imgs/iconos/link_interno.gif) no-repeat;
padding-left:20px;
display: block;
height:15px;
}

a.destinoslink:link, a.destinoslink:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#006699;
background:url(../imgs/iconos/destinos_icon.gif) no-repeat;
padding-left:20px;
display: block;
text-decoration:none;
}

a.destinoslink:hover, a.destinoslink:active{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FF0099;
background:url(../imgs/iconos/destinos_icon.gif) no-repeat;
display: block;
text-decoration:none;
}

a.destinoslink_SubMenu:link, a.destinoslink_SubMenu:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#006699;
background:url(../imgs/iconos/flecha_submenu.gif) no-repeat;
display: block;
text-decoration:none;
margin-left:20px;
padding-left:10px;
}

a.destinoslink_SubMenu:hover, a.destinoslink_SubMenu:active{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FF0099;
background:url(../imgs/iconos/flecha_submenu.gif) no-repeat;
display: block;
text-decoration:none;
margin-left:20px;
padding-left:10px;
}




/*--------------End Destinos ---------------*/

#MenuRegional{
padding:10px;
float:left;
width:200px;
padding-right:0px;
/*background:#00c3b8;*/
}

#MenuRegional p{
margin:0;
padding-right:10px;
}

#PortadaSidebar{
padding:10px;
float:left;
width:233px;
padding-right:0px;
/*background:#00c3b8;*/
}

#PortadaSidebar p{
margin:0;
}

#pie{
background:#F1F1F3;
clear:both;
padding:10px;
}

#pie p{
margin:0;
}

a.linkpie:link, a.linkpie:visited{
color:#999999;
font-size:10px;
text-decoration:none
}

a.linkpie:hover, a.linkpie:active{
color:#333333;
font-size:10px;
text-decoration:none
}

.TextoNormal{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
line-height:normal;
}

.TextoFooter{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
line-height:normal;
}








/*Link Registro*/
a.Registro:link, a.Registro:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#006699;
background:url(../imgs/iconos/mail.gif) no-repeat;
padding-left:25px;
display: block;
height:22px;
text-decoration:none;
text-transform:uppercase;
text-shadow:#333333;
}

a.Registro:hover, a.Registro:active{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#006699;
background:url(../imgs/mail.gif) no-repeat;
padding-left:25px;
display: block;
height:22px;
text-decoration:none;
text-transform:uppercase;
text-shadow:#333333;
}

/*link Registro*/









.columna1{
float:left;
width:228px;
}

.columna2{
float:left;
width:228px;
}

.columna4{
clear:both;
background:#F1F1F3;
padding:10px;
border-top:#333333 1px solid;
}

a:link{
color:#006699;
}

a:active{
color:#FF0099;
}

a:hover{
color:#FF0099;
}

a:visited{
color:#006699;
}

a.interno:link, a.interno:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#006699;
background:url(../imgs/iconos/link_interno.gif) no-repeat;
padding-left:20px;
display: block;
height:15px;
}

a.interno:hover, a.interno:active{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FF0099;
background:url(../imgs/iconos/link_interno.gif) no-repeat;
display: block;
height:15px;
}

.TituloPortada {
color: #00ada3;
font-weight: bold;
font-size:20px;
margin:0;
font-family:"Lucida Sans", Arial, Verdana, Times, serif;
line-height:normal;
}

.PaqueteEcoturismo {
color: #666666;
font-weight: bold;
font-size:14px;
margin:0;
font-family:Verdana, Arial, "Times New Roman", Times, serif;
line-height:normal;
}

.TituloPaquetes {
color: #3c3532;
font-weight: bold;
font-size:24px;
margin:0;
font-family:Verdana, Arial, "Times New Roman", Times, serif;
line-height:normal;
}

.TituloDestinos {
color: #00ada3;
font-weight: bold;
font-size:32px;
margin:0;
font-family:"Lucida Grande", Arial, Verdana, "Times New Roman", Times, serif;
line-height:normal;
}

.introDestinos {
color: #333333;
font-size:14px;
margin:0;
font-family:Verdana, Arial, "Times New Roman", Times, serif;
line-height:normal;
}

.SubTituloPortada {
color: #333333;
font-weight: bold;
font-size:14px;
margin:0;
font-family:Verdana, Arial, sans-serif;
line-height:normal;
}

.SubTituloPaquetes {
color: #00ada3;
font-size:14px;
margin:0;
font-family:Verdana, Arial, sans-serif;
line-height:normal;
}

.SubTituloDestinos {
color: #333333;
font-weight: bold;
font-size:18px;
margin:0;
font-family:Verdana, Arial, sans-serif;
line-height:normal;
}

.TituloSidebar {
color: #666666;
font-weight: bold;
font-size:12px;
margin:0;
line-height:normal;
}

.TextoStrongRosa {
color: #FF0099;
font-weight: bold;
font-size:11px;
margin:0;
line-height:normal;
}

.TextoRosa {
color: #FF0099;
font-size:10px;
margin:0;
line-height:normal;
}

.TextoStrongVerde {
color: #009999;
font-weight: bold;
font-size:11px;
margin:0;
line-height:normal;
}

.TextoVerde {
color: #009999;
font-size:10px;
margin:0;
line-height:normal;
}

.block-quote {
color: #999999;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-weight:bold;
margin: 0px;
quotes: "\201C" "\201D";
background:#3c3532;
padding:15px;
line-height:normal;
width:155px;
}

blockquote {
color: #445618;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
margin: 0px;
quotes: "\201C" "\201D";
background:#9ddf00;
padding:15px;
line-height:normal;
background:url(../imgs/backgrounds/blockquote_back.jpg);
}
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }

.TextoBlanco {
color: #FFFFFF;
line-height:normal;
}

#ContenidoDestinos ul{

}

#ContenidoDestinos li{
list-style-image:url(../imgs/iconos/bullet.gif);
line-height:150%;
}

#apDiv1 {
position:absolute;
left:-1px;
top:-29px;
width:700px;
height:30px;
z-index:0;
background:#009999;
}

h1{
margin:0;
line-height:normal;
}

h2{
margin:0;
line-height:normal;
}

h3{
margin:0;
line-height:normal;
}

h4{
margin:0;
line-height:normal;
}

h5{
margin:0;
line-height:normal;
}

h5{
margin:0;
line-height:normal;
}

.enfasisRosa{
color:#FF0066;
line-height:normal;
}

.enfasisVerde{
color:#00ada3;
line-height:normal;
}

/* Table Styles */

table {
	font: 11px/24px "Times New Roman", Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	/*width: 320px;*/
	}

th {
	padding: 0 0.5em;
	text-align: center;
	}

tr.yellow td {
	border-top: 1px solid #FB7A31;
	border-bottom: 1px solid #FB7A31;
	background: #FFC;
	}

td {
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
	}

td.width {
	/*width: 190px;*/
	}

td.adjacent {
	border-left: 1px solid #CCC;
	text-align: center;
	}
	
td.TablaBestValue{
font-weight:bold;
background:url(../imgs/iconos/best_value.gif) no-repeat;
padding-left:18px;}

td.TablaTítulo{
font-weight:bold;
text-aling:center;
font-size:9px;
background-color:#D0D0D0;
font-family:Verdana, Arial, Helvetica, sans-serif;}
	
/* End Table Styles/*

/* Table Styles Galeria */

#GaleriaHoteles table {
	font: 11px/24px "Times New Roman", Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	/*width: 320px;*/
	}

#GaleriaHoteles  th {
	/*padding: 0 0.5em;*/
	text-align: center;
	}

#GaleriaHoteles tr {
	background: #333333;
	}

#GaleriaHoteles td {
	/*border-bottom: 1px solid #CCC;*/
	/*padding: 0 0.5em;*/
	}

#GaleriaHoteles td.adjacent {
	border-left: 1px solid #CCC;
	text-align: center;
	}
	
/* End Table Styles*/

.notas {
padding:10px;
background:#FF9900;
}

/******* NUEVO ****** Table Styles *******/

table.TablaNueva {
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	/*width: 320px;*/
	}

th.TablaNueva {
	padding: 0 0.5em;
	text-align: center;
	background:#663333;
	color:#FFFFFF
	}

tr.TablaNueva   td {
	border-top: 1px solid #FB7A31;
	border-bottom: 1px solid #FB7A31;
	background: #FFC;
	}

td.TablaNueva  {
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
	}

td.width.TablaNueva  {
	/*width: 190px;*/
	}

td.adjacent.TablaNueva  {
	border-left: 1px solid #CCC;
	text-align: center;
	}
	
	
/***** End NUEVO ***** Table Styles/*******/
#green {
	background-color: #85bf18;
	margin: 0px;
	padding: 0px;
	width: 700px;
}
#green2 {
	background-color: #B2C200;
	margin: 0px;
	padding: 0px;
	width: 700px;
}

#columnaA {
	width: 350px;
	/*padding-left: 20px;*/
	/*padding-right: 15px;*/
	float: left;
	padding-left: 15px;
}
#columnaB {
	width: 280px;
	float: left;
	margin-left: 20px;
}
#columnaC {
	width: 660px;
	margin-left: 10px;
}

.sampleimg {
	margin-top: 2px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#greentop {
	height: 388px;
	width: 700px;
	background-color:#85bf18;
}
#greentop2 {
	height: 388px;
	width: 700px;
	background-color:#B2C200;
}

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2, .cssbox2, .cssbox_head2, .cssbox_body2{
	background: transparent url(../imgs/images/php2.png) no-repeat bottom right
} 
.cssbox{ /* intended total box width - padding-right(next) */ width:335px !important; /* IE Win = width - padding */ width: 320px; /* the gap on the right edge of the image (not content padding) */ padding-right:15px; /* use to position the box */ margin:20px auto} /* set the top-right image */ 
.cssbox_head{
	background-position:top right; /* pull the right image over on top of border */
	margin-right:-15px; /* right-image-gap + right-inside padding */
	padding-right:30px
} /* set the top-left image */ 
.cssbox_head h2{
	background-position:top left;
	margin:0; /* reset main site styles*/
	border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */
	padding:10px 0 15px 15px;
	height:auto !important;
	height:1%;
	font-size: 16px;
} /* IE Holly Hack */ /* set the lower-left corner image */ 
.cssbox_body{
	background-position:bottom left;
	margin-right:10px; /* interior-padding right */
	padding:0px 0 10px 10px
} /* mirror .cssbox_head right/left */ 
.clear {font-size: 1px; height: 1px} 
#bottomtop {
	background-color: #FFFFFF;
	background-image: url(../imgs/images/toptop.png);
	width: 660px;
	height: 15px;
}
#bottommiddle {
	background-color: #FFFFFF;
	width: 660px;
}
#bottombottom {
	background-color: #FFFFFF;
	background-image: url(../imgs/images/bottom.png);
	height: 15px;
	width: 660px;
}
#video {
	position: absolute;
	top: -900px;
	right: 50px;
	height: 240px;
	width: 300px;
	float: none;
	background-color: #000000;
	border: 5px solid #000000;
}
.bl2 {
	background: url(../imgs/images/bl2.png) 0 100% no-repeat #FFFFFF;
	width: 280px
}
#top280 {
	background-image: url(../imgs/images/top280.png);
	height: 11px;
	width: 280px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: top;
}
#bottom280 {
	background-image: url(../imgs/images/bottom280.png);
	height: 11px;
	width: 280px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: bottom;
}
#middle280 {
	background-color: #FFFFFF;
	width: 280px;
	line-height: normal;
	height: 90px;
	vertical-align: middle;
}


.br2 {
	background: url(../imgs/images/br2.png) 100% 100% no-repeat
}
.tl2 {
	background: url(../imgs/images/tl2.png) 0 0 no-repeat
}
.tr2 {
	background: url(../imgs/images/tr2.png) 100% 0 no-repeat;
	padding:10px
}
#video2 {
	position: absolute;
	top: -850px;
	right: 50px;
	height: 200px;
	width: 300px;
	float: none;
	background-color: #000000;
	border: 5px solid #000000;
}
