@charset "utf-8";
/* CSS Document */
img{
	border:0;
}

a {
	outline:0;
}

ul{
	list-style:none;
}

body {
	font:12px Georgia, "Times New Roman", Times, serif;
	background-color: #FFFFFF;

}
#wrapper { 
 margin: 0 auto;
 width: 980px;
}
#bordered{
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
}

#faux {
 background: url(../images/index/container_bg.gif);
 margin-bottom: 5px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;
}
#top-header {
 color: #333;
 width: 980px;
 height: 30px;
 margin: 20px 0px 0px 0px;
 background: #000;

}

#date-div{
	float:left;
	width:400px;
	padding-top:8px;
	padding-left:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#CCCCCC;
	
}
#search-div{
	float:right;
	width:180px;
	height:20px;
	padding-top:10px;
}

#searchimg-div{
	float:right;
	width:20px;
	padding-top:15px;
	padding-right:15px;
}


#header {
 color: #333;
 width: 980px;
 height: 110px;
}
#navigation {
 height:25px;
 color: #dcdcdc;
 margin: 0px 0px 0px 0px;
 border: 1px solid #c0c0c0;
}
#tree {
 height:25px;
 color:#FFF;
 margin: 0px 0px 0px 0px;
 background: url(../images/index/navpanel-left-bg.gif) repeat-x;
}
#leftcolumn { 
 display: inline;
 color: #CCC;
 margin: 5px 5px 10px 15px;
 padding: 0px;
 width: 170px;
 float: left;
}
#content { 
 float: left;
 color: #333;
 margin: 12px 5px 10px 0px;
 padding: 0px;
 width: 550px;
 display: inline;
 position: relative;
}
#rightcolumn { 
 display: inline;
 position: relative;
 color: #333;
 margin: 10px 10px 10px 5px;
 padding: 0px;
 width: 125px;
 float: right;
}
#anchor_column{
	width:320px;
	padding:0px;
	margin:10px 5px 10px 5px;
	float:right;
}

#footer { 
 width: 850px;
 height:80px;
 clear: both;
 color:#CCCCCC;
 background:#000;
 padding-top:20px;
 margin: 0px auto 25px;
 font:12px "Trebuchet MS";
}
.clear { clear: both; background: none; }

/*Objetos del index*/
#s {
background:url(../images/index/search.jpg) repeat-x left top;
border:1px solid #999999;
color:#333333;
margin:5px 0 3px 10px;
padding:2px;
width:160px;
}
#s:hover,#s:focus {
border:1px solid #CCCCCC;
}
#search-div a{
	outline:0;
}
/*Titulos de secciones*/
#leftcolumn h2 {
	background: #FFFFFF url(../images/index/title_top.gif) repeat-x;
	color: #404040;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 5px 0px;
	padding: 7px 0px 5px 0px;
}

#rightcolumn h2 {
	background: #FFFFFF url(../images/index/title_top.gif) repeat-x;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 5px 0px;
	padding: 7px 0px 5px 0px;
}
.general-title1 {
	background: #FFFFFF url(../images/index/title_top.gif) repeat-x;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 5px 0px;
	padding: 7px 0px 5px 0px;
}

/* @group Navigation */

#navegacion{
	padding-left:15px;
	padding-top:4px;
	font:12px Arial, Helvetica, sans-serif;
	color:#CCC;
	width: 85%;
	float: left;
}

#navegacion p{
	margin:0;
}

#navegacion a{
	color: #FFF;
	font-weight:bold;
}

div#lang-icons{
	float: right;
	padding-top: 7px;
	width: 50px;
}
.lang-p{
	margin: 0;
}





/* @end */

/* @group Styles */

#footer a {
	color: #FFF;	
}
#footer a:visited{
	color: #FFF;
}



/* @end */

#leftcolumn a, #leftcolumn a:visited {
	font-size:12px;
	color:#000;
	text-decoration: none;
	outline:0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

/* @group Categorias */

#leftcolumn a:hover {
	color:#0088cc;
}

#leftcolumn ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}

#leftcolumn ul li {
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

#leftcolumn ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}

#leftcolumn ul li li {
	background: #FFFFFF url(../images/index/arrow_3456.gif) no-repeat right;
	padding: 0px 5px 5px 5px;
	margin: 5px;
	border-bottom:1px #CCC solid;
	}



/* @end */

/* @group Menu */

/* Menu Pincipal */

.preload1 {background: url(drop3/blank_over.gif);}

.preload2 {background: url(../images/index/menu/blank_overa.gif);}

.menu0 {padding:0 0 0 5px; margin:0; list-style:none; height:25px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.menu0 li.top {display:block; float:left;}
.menu0 li a.top_link {display:block; float:left; height:25px; line-height:25px; color:#0088cc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(drop3/blank.gif);}
.menu0 li a.top_link span {float:left; display:block; padding:0 8px 0 8px; height:30px;background:url(drop3/blank.gif) right top;}
.menu0 li a.top_link span.down {float:left; display:block; padding:0 18px 0 8px; height:30px; background:url(../images/index/menu/blanka.gif) no-repeat right top;}
.menu0 li a.top_link:hover {color:#ec008c; background: url(drop3/blank_over.gif) no-repeat;}
.menu0 li a.top_link:hover span {background:url(drop3/blank_over.gif) no-repeat right top;}
.menu0 li a.top_link:hover span.down {background:url(../images/index/menu/blank_overa.gif) no-repeat right top;}

.menu0 li:hover > a.top_link {color:#ec008c; background: url(drop3/blank_over.gif) no-repeat;}
.menu0 li:hover > a.top_link span {background:url(drop3/blank_over.gif) no-repeat right top;}
.menu0 li:hover > a.top_link span.down {background:url(../images/index/menu/blank_overa.gif) no-repeat right top;}

.menu0 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu0 a:hover {visibility:visible; position:relative; z-index:200;}
.menu0 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu0 ul, 
.menu0 :hover ul ul, 
.menu0 :hover ul :hover ul ul,
.menu0 :hover ul :hover ul :hover ul ul,
.menu0 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu0 :hover ul.sub {left:0; top:28px; background: #fff; padding:3px; border:1px solid #19b6f1; white-space:nowrap; width:130px; height:auto; z-index:300;}
.menu0 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:130px; font-weight:normal;}
.menu0 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:130px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
.menu0 :hover ul.sub li a.fly {background:#fff url(drop3/arrow.gif) 80px 7px no-repeat;}
.menu0 :hover ul.sub li a:hover {background:#0088cc; color:#fff;}
.menu0 :hover ul.sub li a.fly:hover {background:#0088cc url(drop3/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu0 :hover ul li:hover > a.fly {background:#0088cc url(drop3/arrow_over.gif) 80px 7px no-repeat; color:#fff;}

.menu0 :hover ul :hover ul,
.menu0 :hover ul :hover ul :hover ul,
.menu0 :hover ul :hover ul :hover ul :hover ul,
.menu0 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:90px; z-index:400; height:auto;}



/* @end */

/*Begin: box-general | caja general ancha de la izquierda Note: importante no cambiar ancho y padding
---------------------------------------------------------- */
.box-general{
	width:520px;
	padding:10px 15px;
	border:1px #CCCCCC solid;
	background:#FFF url(../images/index/mainboxes-bg2.jpg) top no-repeat;
	margin-bottom:12px;
}
h2.box-title{
	border-bottom:1px solid #CCCCCC;
	font: 18px Georgia, "Times New Roman", Times, serif;
	margin:1px 0 10px 0;
	padding-bottom:2px;
}
/*End box-general*/

ul.videos{
	list-style: none;
	margin:0px;
	padding:0 0 5px 0;
	font:90% Tahoma, Geneva, sans-serif;
}

/* @group Objetos del Main */

.videos li{
	float: left;
	text-align: left;
	display: block;
	width: 125px;
	height: 140px;
	padding:0;
	margin:0 4px 10px 0;
}

.videos li p{
	margin:0;
	font: 11px Georgia, "Times New Roman", Times, serif;
}

/* @group My Group */



/* @end */



/* @end */

/*BOX donde se muestra la imagen de los destinos*/

.box{
	width:100%;
	border:1px #CCCCCC solid;
	background:url(../images/index/mainboxes-bg2.jpg) top no-repeat;
	margin-bottom:20px;
}
.internal-box{
	padding:25px 25px 10px 25px;
	
}
.internal-box h1{
	border-bottom:1px solid #CCCCCC;
	font: 18px Georgia, "Times New Roman", Times, serif;
	margin:1px 0 1px 0;
	padding-bottom:2px;
}
.internal-box p{
	margin:0;
	font: 11px Georgia, "Times New Roman", Times, serif;
}
.destinoimg{
	padding:0;
}
/*Begin a list of destinos in main page
-----------------------------------------------------------*/
ul.destinos-list{
	list-style: none;
	margin:0px;
	padding:0 0 5px 0;
}
ul.destinos-list li{
	float: left;
	text-align: left;
	display: block;
	width: 252px;
	padding:0;
	margin:0 6px 10px 0;
}
ul.destinos-list h2{
	border-bottom:1px solid #CCCCCC;
	font: 16px Georgia, "Times New Roman", Times, serif;
	margin:1px 0 1px 0;
	padding-bottom:2px;
}
ul.destinos-list p{
	margin:0;
	font: 11px Georgia, "Times New Roman", Times, serif;
}


/* Begin a list of main last pages - Ok
---------------------------------------------------------*/
ul.last-pages {
	font:12px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	list-style:none;
}
ul.last-pages li {
	padding-left:22px;
	clear: both;
	background: url(../images/index/pages.gif) left bottom no-repeat;
	display:block;
	margin-bottom:5px;
}
ul.last-pages a {
	text-decoration:none;
}
ul.last-pages a{
	color: #444746;
}
ul.last-pages a:visited{
	color:#393939;
}
ul.last-pages a:hover{
	color:#0088cc;
}
/*END list last-pages*/

/* Begin a list of last busines in destinos section
--------------------------------------------------------*/
ul.biz-last-list{
	font:12px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	list-style:none;
}
.biz-last-list li{
	clear:both;
	text-align: left;
	display: block;
	padding:0;
	margin:0 0 10px 0;
	height:70px;
}
.biz-last-list h2{
	font: 14px Georgia, "Times New Roman", Times, serif;
	margin:1px 0 4px 0;
	color:#000;
}
.biz-last-list p{
	margin:0;
	font-size:11px;
}
.biz-last-image{
	margin-right:10px;
	border: 1px #CCCCCC solid;
}




/*BOX-Biz donde se muestran los negocios*/
#box-biz{
	width:265px;
	height:155px;
	border:1px #CCCCCC solid;
	background:url(../images/index/mainboxes-bg2.jpg) top no-repeat;
	margin-bottom:10px;
	margin-right:7px;
	float:left;
}
#internal-box-biz{
	padding:5px;
}
#internal-box-biz h2{
	border-bottom:1px solid #CCCCCC;
	font: 16px Georgia, "Times New Roman", Times, serif;
	margin-bottom:8px;
	padding:4px 2px ;
	margin: 0;
}
#internal-box-biz p{
	font:11px Arial, Helvetica, sans-serif;
	color:#646464;
	margin-top:8px;;
}

.biz-image{
	padding-right:4px;
	padding-top:8px;
}

/*END BOXit*/

/*Box de galeria primaria*/
.gallery-1{
	width:100%;
	border:1px #CCCCCC solid;
	background:url(../images/index/mainboxes-bg2.jpg) top no-repeat;
	padding-bottom:10px;
}

.internal-gallery-1{
	padding: 0px 5px 10px 5px;
}
.internal-gallery-1 h2{
	border-bottom:1px solid #CCCCCC;
	font: 12px Georgia, "Times New Roman", Times, serif;
	margin-top:0px;
	margin-bottom:8px;
	padding:10px 0 2px ;
}

.internal-gallery-local{
	padding-left:23px;

}
.gallery-2{
   float:left;
   width:170px;
   height:150px;
   margin: 2px;
   padding:2px;
   text-align:center;
   font:11px Arial, Verdana, Helvetica, sans-serif;
}
/*END Box galeria primaria*/

/* @group Formato WEB */

#web-format{
	font:12px Tahoma, Geneva, sans-serif;
	line-height:1.5em;
	/*text-indent:30px; Sangria*/
	text-align:justify;
	color: #686868;
}
#web-format h1 {
	color: #3596b3;
}
#web-format strong{
	color: #555555;
}
#web-format img{
	border:1px #E1E1E1 solid;
	padding:4px;
	margin:4px;
}

#web-format ul{
	padding-left: 16px;
}
#web-format li{
	display: block;
	padding-left: 18px;
	background:url('../images/posts/web-bullet.png') left top no-repeat;
	margin-bottom: 3px;
}



/* @end */


/*CSS para los recuadros del calendario*/
.calendar{
	margin-left:5px;
	height:184px;
}
#calendario-top{
	width:100%;
	height:22px;
}
#mes-anio{
	width:100px;
	float:left;
}	
#mes-anio span{
	color:#666666;
	font-size:11px;
	font-weight:bold;
}
#flechas{
	width:40px;
	float:right;
}

#days-img{
	height:20px;
	background:url(/images/index/daysweek.gif) no-repeat;
	margin-left:1px;
	margin-bottom:1px;
} 

.sin-evento {
   float:left;
   width:20px;
   height:17px;
   margin: 1px;
   padding-top:3px;
   background-color:#F4F4F4;
   text-align:center;
   font:11px Arial, Verdana, Helvetica, sans-serif;
}

.noevent-text{
	cursor:default;
	color:#666666;
}

.con-evento {
   float:left;
   width:19px;
   height:19px;
   margin: 1px;
   padding:1px;
   background-color:#7fd6f7;
   text-align:center;
   font:11px Arial, Verdana, Helvetica, sans-serif;
}
.con-evento a{
	text-decoration:none;
	color:#d6dff8;
	font-weight:bold;
	margin-top:10px;
	padding:4px;
}
/*-----------------------------------------------*/
/*Negocios que se muestran en la pagina principal*/
.last-general-biz{
	width:98%;
	margin:0 auto;
}
.general-box-biz{
	width:100%;
	height:70px;
	border:1px #CCCCCC solid;
	background:url(../images/index/mainboxes-bg2.jpg) top no-repeat;
	margin-bottom:5px;
	float:left;
}
.general-internal-box-biz{
	padding:3px;
}
.general-internal-box-biz h2{
	border-bottom:1px solid #CCCCCC;
	font: 10px Georgia, "Times New Roman", Times, serif;
	margin-bottom:2px;
	padding:2px 2px;
	margin:0px 10px 0px 72px;
}
.general-internal-box-biz p{
	font:11px Arial, Helvetica, sans-serif;
	color:#646464;
	margin-top:2px;;
}
.general-biz-image{
	padding-right:4px;
	padding-top:2px;
}

/*Top head del negocio*/
.biz-head{
	width:100%;
}
.biz-head h1{
	font:18px Georgia, "Times New Roman", Times, serif;
	color:#ec008c;
	text-decoration:underline;
	margin-bottom:10px;
}
.head-info{
	margin:10px;
}
.biz-logotipo{
	padding:4px;
	border:1px #CCCCCC solid;
	margin:0 20px 5px 0;
}
/*Album*/
#content-album{
	width:898px;
	border:1px #CCCCCC solid;
	background:url(/images/index/mainboxes-bg2.jpg) top repeat-x;
	margin-top:20px;
}

.gallery-tit{
	margin:10px;

}
.album-thumb{
   float:left;
   width:160px;
   height:120px;
   margin: 0 13px 8px 0;
   font:11px Arial, Verdana, Helvetica, sans-serif;
}
.group-pics{
	text-align:center;
	float:left;
}

.gal-active{
	font:12px Arial, Helvetica, sans-serif;
	padding:3px 10px 3px 10px;
	background-color:#19b6f1;
	color:#FFFFFF;
	
}
.gal-inactive{
	font:12px Arial, Helvetica, sans-serif;
	padding:3px 10px 3px 10px;
	background-color:#999999;
	color:#FFFFFF;
	cursor:default;
}
#pic-container{
width:655px;
height:670px;
overflow:hidden;
float:left;
}
.buttons{
	width:120px;
	margin:10px;
}
.buttons a{
	text-decoration:none;
	outline:0px;
}
/*-----------*/

/*TABS*/
 #ContTabul {
 	  
	   border-left: 1px solid #CCC;
       border-right: 1px solid #CCC;
       border-bottom: 1px solid #CCC;
       padding: 6px 2px 6px 2px;
	  
 }
 ul#tabnav {
       list-style-type: none;
       margin: 0;
       padding-left: 4px;
       padding-bottom: 24px;
       border-bottom: 1px solid #CCC;
       font: 11px verdana, arial, sans-serif;
 }
 ul#tabnav li {
       float: left;
       height: 21px;
       background-color: #CCCCCC;
       color: #666;
       margin: 2px 5px 0 2px;
       border: 1px solid #CCC;
	   
 }
 ul#tabnav a:link, ul#tabnav a:visited {
       display: block;
       color: #666;
       text-decoration: none;
       padding: 4px;
 }
 ul#tabnav a:hover {
       background-color: #19b6f1;
       color: #FFF;
 }
 #tabnav .activo {
       color: #000000;
       background-color:#F8F8F8;
 }
 #tabnav .inactivo {}
/*-----------*/

/*------------------------------------Rpeubas*/
/* jquery tooltips */
#tooltip img {
	background: url(images/tooltips-bg.gif) no-repeat;
	padding: 6px 7px 6px 11px;
}

#screenshot {
	margin: 0;
	padding: 8px;
	position: absolute;
	border: 1px solid #122025;
	background: #000;
	display: none;
	z-index: 200;
	color:#CCCCCC;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	width:160px;
}
/* display lists : thumb, full, details
-------------------------------------------------------------- */
#thumb {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}
#thumb li {
	float: left;
	background: url(images/list-thumb-bg.gif) no-repeat;
	width: 60px;
	height: 50px;
	margin: 1px;
	position: relative;
}
#thumb img {
	border: solid 1px #ccc;
}
#thumb h3 {
	font: normal 100%/100% Arial, Helvetica, sans-serif;
	position: absolute;
	top: 131px;
	left: 8px;
	overflow: hidden;
	width: 204px;
}
#thumb h3 a {
	width: 215px;
	color: #6c8085;
	display: block;
	text-decoration: none;
	padding-top: 5px;
}
#thumb h3 a:hover {
	color: #fff;
	text-decoration: none;
}
#thumb h3 span {
	padding-right: 0;
	position: absolute;
	right: 0;
}

/* @group Clima */

.clima-data{
	margin-top:-30px;
	color: #000;
	text-align:left;
	font: 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

/* @end */

/* @group Box general */
.boxm{
	border: 1px #CCC solid;
	background: #FFF;
	margin-bottom: 10px;
}


/* @end */