/* top */
* { 
	padding: 0; margin: 0;
}
body {
	margin: 0; 	padding: 0;
	font: normal .70em/1.5em  Arial, Trebuchet MS, sans-serif;
	color: #6A6A6A;
	background-image:url(bg.jpg); background-repeat:repeat-x;
	margin: 0px;
    text-align: center;
    height: 100%;
		}



	
@font-face {
    font-family: "Oswald";
src:url(../fonts/Oswald.ttf);
src:url(../fonts/Oswald.ttf); format('truetype')

     font-style: normal;
    font-weight: normal; format('truetype');

}
 
/* links */
a {
	color: #b8b8b8; 
	
	background-color: inherit;
	text-decoration:underline
}

a:hover {
	color: #000;
	background-color: inherit;
}

/* headers */
h1, h2, h3 {
	font: 1.2em 'Verdana', Arial, Sans-serif;
	color:#0066CC;
	}
	

h1 { font-size: 1.3em; } 
h2 { font-size: 1.4em;}
h3 { font-size: 1.3em; }

.titulohotel {
padding-left:10px;
	

}

#main h1 a { 
	font: normal 1.3em  Arial, Helvetica, sans-serif;
	color:#0084FF;
	/*font-weight:bold*/
	
	
}

#main h1 a:hover{ 
	font: normal 1.3em  Arial, Helvetica, sans-serif;
	color:#FF0084;
	/*font-weight:bold*/
	
}

#sidebar h1 {
	font: bold 1.4em 'Trebuchet MS', Arial, Sans-serif;
	background:#F6F6F2 url(arrow.gif) no-repeat 10px .7em;
	padding: 7px 0 7px 35px;
	color: #A0080D;
}

p, h1, h2, h3 {
	margin: 0;
	padding: 10px 15px;
}

ul, ol {
	margin: 10px 30px;
	padding: 0 15px;
	color: #F88F26;
}
ul span, ol span {
	color: #CCC;
} 

/* images */
img {
	}

img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 0px 5px 0px;
	padding:5px;
	
	  background-image:url(cargando.gif);
	  margin-right:2px;

background-position:center; background-repeat:no-repeat;
z-index:2;
}


a img {  
  border: 0px solid #444;
  }
a:hover img {  
  border: 0px solid #000033;
}

/***********************
	  LAYOUT
************************/
#topbar {background-image:url(topbg.jpg); background-repeat:no-repeat; height:48px; text-align:right; padding-right:15px; background-position:center; }
#header-content, #footer-content, #content {
	width: 99%;

	
		
}

/* header */
#header {
	background: #444 url(header.jpg) repeat-x 0 0;
	height: 120px;
	text-align: left;
	width:700px;
	height:154px;
    margin: 0 auto;
}
#header-content {
	position: relative;
	margin: 0 auto; padding: 0;
	background-position:center;
}


/*Header Menu*/
#topmenu {display:block; list-style:none; padding:30px 10px 0px 24px;}
#topmenu li {display:inline; text-decoration:underline; } 
/*#topmenu a {display:block; float:left; height:24px; margin:0px 0px 0px 2px; text-decoration:underline; padding:10px 10px 0px 10px; text-align:center; color:#FFFFFF;}
*/
#topmenu a {display:block; float:left; height:24px; margin:0px 0px 0px 2px; text-decoration:underline; padding:10px 10px 0px 10px; text-align:center; color:#FFFFFF; background-color:#333333; }
#topmenu .active a, 
#topmenu .active a:visited{background:url(menu2.jpg) repeat-x; border-left:solid 1px #ffffff; border-right:solid 1px #ffffff; color:#003333;}
#topmenu .active a:active{background:url(menu2.jpg) repeat-x; border-left:solid 1px #ffffff; border-right:solid 1px #ffffff; color:#ffffff;}

#header-content ul {
	position: absolute;
	right: 20px;
	top: 119px;
	font: 1.3em 'Trebuchet MS', sans-serif;
	color: #fff;
	list-style: none;
	margin: 0;
	padding: 0;
	left: 23px;
}
#header-content li {
	display: inline;
}
#header-content li a {
	float: left;
	display: block;
	padding: 3px 12px 10px;	
	color: #fff;
}
#header-content li a:hover {
background-color:#FFFFFF;
	color: #F88F26;
}
#header-content li a#current  {
background-color:#FFFFFF;
		color: #000;
}

/* content */
#content-wrap {
	clear: both;
	float:inherit;
margin-left: auto;
margin-right: auto;
background:url(contentbg.jpg) repeat-y;
	width: 700px;

min-height: 100%;
overflow:auto;

}
#content {
	text-align: left;	
	padding: 0; margin: 0 auto;
	margin: 0 auto;


}

/* sidebar */
#sidebar {


	float: right;
	width: 210px;
	margin: 10px 0;
	background-color:#fff;
	height:100%;
	


}
#sidebar ul.sidemenu {
	list-style:none;
	margin: 0;
	padding: 5px 0 15px 0;
	padding-top:30px;			
}
#sidebar ul.sidemenu li {
	padding: 0 10px;
	
}
#sidebar ul.sidemenu a {
	display: block;
	font-weight:bold;
	color: #6A6A6A; 
	height: 1.6em;
	text-decoration: none;
	padding:.3em 0 .3em 15px;
	background-color:#F8F8F8;
	border-bottom: 1px dashed #fff; 
	line-height: 1.5em;
	display:block; height:20px; border-bottom:dotted 2px #efefef;  background-position:left; background-repeat:no-repeat; padding-left:20px; padding-top:5px;
}
#sidebar .activo {
	display: block;
	font-weight:bold;
	
	height: 1.5em;
	text-decoration: none;
	padding:.3em 0 .3em 15px;
	border-bottom: 1px dashed #151515; 
	line-height: 1.5em;
	display:block; height:20px; border-bottom:dotted 2px #efefef; background-image:url(fondocateactiva.jpg); background-position:left; background-repeat:no-repeat; padding-left:20px; padding-top:5px; 
color:#0066CC; 
}
#sidebar ul.sidemenu a.activo{
	color:#0066CC;	
}
#sidebar ul.sidemenu a.top{
	border-top: 1px dashed #151515;
}
#sidebar ul.sidemenu a:hover {
		background-color:#FFFFFF;
	color:#0066CC;		
background-image:url(fondocateactiva.jpg); background-position:left; background-repeat:no-repeat; padding-left:20px; padding-top:5px; 
}
#sidebar ul.sidemenu a current {
	
	background-color:#003366;
	color:#FFFFFF;				
}
#sidebar .sidebox {
        margin-bottom:50px;
        padding-top:24px;
	    background-image:url(fondocategorias.jpg); background-repeat:no-repeat;
	
}

/* main */
#main {
width:460px;
height:100%;


padding-right:10px;
padding-left:10px;
	margin:  0;
	background-image:url(sidebarbg.jpg); 
	background-position:right; 
	background-repeat:repeat-y; 
	}

/* footer */
#footer {
	clear: both;
    margin: 0 auto;
	font-size: 95%;
	text-align: left;
	background-image:url(footer.jpg); background-repeat:repeat-x;
	width:700px;
	height:70px;
}
#footer h2, #footer p {
	padding-left: 0;
}
#footer-content {	
	margin: 0 auto;		
}
#footer-content a {
	text-decoration: none;
	color: #8A8A8A;
}
#footer-content a:hover {
	text-decoration: underline;
	color: #3399CC;
}
#footer-content ul {
	list-style: none;
	margin: 0; padding: 0;
}
#footer-content .col {
	width: 32%;
	padding: 0 5px 30px 15px;	
}
#footer-content .col2 {
	width: 30%;
	padding: 0 0 30px 0;	
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }

.divisorHotel { 
	text-align: left;
	border-top:1px dashed #ECEBE6; 
	border-bottom:1px dashed #ECEBE6;  
	padding: 5px 15px ;
	margin: 15px 15px 10px 10px;
	background-color:#FaFaFa;
	
}
.divisorHotel a{
/*
text-decoration:underline;
	border-top:1px dashed #ECEBE6;
	color:#999999;*/

}
.divisorDetalles { 
	text-align: right;
	padding-left:13px;

	margin: 2px 2px 2px 2px;
	color:#5ba65a;
	
}
.divisorDetalles a { 
  
 font-family:Arial, Helvetica, sans-serif serif; font-size:13px;
	color:#6A6A6A;
	padding-right: 72px;



}

.divisorDetalles2 { 
	text-align: left;
	padding-left:35px;

	margin: 2px 2px 2px 2px;
	color:#5ba65a;
	background-image:url(permalink.png); background-repeat:no-repeat; 
	line-height:2px;
	
	
}

	.divisorDetalles2 a { 
  
 font-family:Verdana, "Times New Roman", Times, serif; font-size:13px;
	color:#53585a;
	padding-right: 50px;
	


}


.contenthotel {
background-color:#00FF33;}

.lin{
border-bottom:1px;
background-color:#CCCCCC;
border-bottom-style:dashed;}

.cargando{
background-image:url(cargando.gif);
background-position:center; background-repeat:no-repeat;}
#container {
    width: 150px;
    border: 1px solid #fff;
    padding: 10px;
    margin: auto;
    background-color: #F6F6F2;
	float:left;
}


br {
height:1px;
/* estilos */
}
.descripcion{
font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;

}
.hotel{
width:320px;

}
/*span*/
.ruta{
font-size:12px;
font-weight:bold;}
.cate5{
font-size:12px;
}

.turismo{
font-size:12px
}
.divisorfooter { 
	text-align: left;

	border-top:1px dashed #ECEBE6;
		
}



.c1 {text-align: center}

.info {
background-image:url(info.jpg); background-position:left; width:350px; height:100px; background-repeat:no-repeat; margin-left:50px; }
.infotext {
font-size:11px;
}
.infobuscar{
background-image:url(zoom.jpg); background-position:left; background-repeat:no-repeat; width:350px;font-size:12px; padding-left:26px; height:40px; padding-top:20px; margin-left:60px;}
#buscabien{
text-align:center;}


.anuncios{ padding-left:40px;}
#imagenes {
width:55px; height:55px; padding:6px;
background-color:#FFFFFF;
background-image:url(25.gif); background-repeat:no-repeat;
background-position:center;
border-top:#CCCCCC 1px solid;
border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 2px solid;
border-bottom:#CCCCCC 2px solid;
float:left;
margin-right:15px;}

.zoom {
width:25px; height:25px; 

background-image:url(zoom1.gif); background-repeat:no-repeat;
background-position:bottom;
float:right;
}

.seleccelste {
background-color:#f5f5f5;
color:#0066CC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
height:30px;
border:#e9e9e9 solid 1px;
margin-top:10px;
padding:4px;
margin-left:6px;
	
-moz-border-radius:5px;
	-webkit-border-radius:8x;
	border-radius:6px;
	padding:5px;
}


.city  {

	color: #6A6A6A;	
	background-color: inherit;
	text-decoration:none;
	font-size:14px;

}
.city a:hover {

	background-color: inherit;
}
.anuncios2{
padding-top:20px;
padding-left:6px;}
.derecha{padding-left:15px;
padding-top:20px;}
#buscar {
background-image: url(search.jpg);
background-position:left; 
background-repeat:no-repeat;
line-height:32px;
padding-left:30px; 
padding-top:8px; 
padding-bottom:10px;
width:100px;
margin-left:20px;
}
#buscar a {

color:#FFFFFF;
}

#main .titulopagina{
     
 background-image:url(fondotitulo.jpg); background-repeat:no-repeat;
 height:40px;
 padding-top:30px;
 padding-left:20px;
 

}


#logo{

margin-left:10px;
width:200px;

background-position:left; 
background-repeat:no-repeat;

}
div.button {width:250px;  top:0px; left: 0px; }
div.button a  {width:250px; height:60px;  display:block; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px; padding-left:10px; padding-bottom:20px;text-decoration:none; padding-top:}
div.button a:link {color: black; text-decoration:none;}
div.button a:hover {color:#e69821; text-decoration:underline;}
	.tag1{font-size:100%;}
	.tag2{font-size:120%;}
	.tag3{font-size:140%;}
	.tag4{font-size:160%;}
	.tag5{font-size:180%;}
	

#ico_zoom{
background-image:url(ico_zoom.png); background-position:bottom; background-repeat:no-repeat; width:30px; height:85px; float:right; 
padding-right:10px;
border:#999999 solid 0px; padding-bottom:2px; padding-left:6px; padding-top:2px; padding-right:6px; 
background-position:center;
	background-repeat:no-repeat; }

#photocenter {border:#999999 solid 2px; padding-bottom:15px; padding-left:10px; padding-top:10px; padding-right:10px; 	background-position:center;
	background-repeat:no-repeat; float:left;background-image:url(cargando.gif);
	
	 }
	
.buscar{ padding-top:10px;}
a.gallerypic{
  width:75px;
  height:75px;
  text-decoration:none;
  position:relative;
  display:block;

 border-bottom: dotted 1px #EDEEE8;
  border-top: dotted 1px #EDEEE8;

  padding:3px;
  margin-right:5px;
  float:left;
  -moz-border-radius:8px;
	-webkit-border-radius:10px;
 box-shadow: 0 1px 3px rgba(0,0,0,0.5); position: relative; cursor: pointer; font-family: Arial, sans-serif; font-size: 14px; 
padding: 3px 6px 6px 3px; /* padding borde*/
background-color: #EDEEE8;
  	  /* background-image:url(newimages/cargando.gif);
background-position:center; background-repeat:no-repeat;
*/ /*muestra el icono cargando*/
margin-left:6px;
margin-right:10px;
}

a.gallerypic span.zoom-icon{
  visibility:hidden;
  position:absolute;
  left:40%;
  top:35%;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.7;
}

a.gallerypic:hover span.zoom-icon{
  visibility:visible;
}
.pic { border:0px;
 background: #222 repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; border-radius: 5px; -moz-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);  position: relative;
padding: 1px 1px 1px 1px;
background-color:#666666; float:left; height:75px; width:75px;

}
.anuncioarriba {
padding-left:40px;}
.nav { font-size:13px; }

.ampliar_nav { background: #222 repeat-x; display: inline-block; padding: 1px 6px 6px;  text-decoration: none; font-weight: bold; line-height: 1; border-radius: 5px; -moz-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; font-family: Arial, sans-serif; font-size: 11px; 
padding: 8px 8px 9px; /* padding borde*/
background-color: #0B79A3;
/*color: #222;*/
 color: #fff;
/*background-color: #f8f8f8;*/
float:left; }


.ampliar_nav:hover { background-color: #222; color: #fff; }
.ampliar_nav_actual{ background: #222 repeat-x; display: inline-block; padding: 5px 6px 6px; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; border-radius: 5px; -moz-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; font-family: Arial, sans-serif; font-size: 11px; 
padding: 8px 8px 9px; /* padding borde*/
background-color: #222; float:left; }
.mapa { padding-left:10px; padding-top:10px;}

.paginationTG{
float: left;
font:11px Tahoma, Verdana, Arial, "Trebuchet MS", Helvetica, sans-serif;
 color:#3d3d3d;
width:450px;

}

.paginationTG ul{
margin: 0;
padding: 0;


}

.paginationTG li{
list-style-type: none;
display: inline-block; /* ajusta al div*/
padding-bottom: 1px;
border: 1px solid #DDDDDD;
padding:4px;
margin:4px;

}

.paginationTG a, .paginationTG a:visited{
padding: 4px 4px;
text-decoration: none; 
background-color: inherit;
color: #0191D0;
font-weight: bold;
}

.paginationTG a:hover, .paginationTG a:active{
color: #FF0084;
background-position: top center;
background-repeat: no-repeat;
text-decoration: none; 
}

.paginationTG li.currentpage{
font-weight: bold;
padding: 5px 9px;

color: #ffffff;
background:#666666;

background-image: url(pagination_bg.png);
background-position: top center;
background-repeat: no-repeat;
}

.paginationTG li.disablepage{
padding: 0 5px;
border: 1px solid #929292;
color: #929292;
}

.paginationTG li.nextpage{
font-weight: bold;
}

* html .paginationTG li.currentpage, * html .paginationTG li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
padding-right: 9px;
padding-left: 9px;
}
#fecha { float:right; color:#F4F4F4; padding-right:100px; font-weight:bold;}
#fecha a{color:#fff; text-decoration:none;}
#fecha a:hover{color:#333; text-decoration:none;}
/* ============================================================================================================================
== TWITTER
** ============================================================================================================================ */
.example-twitter a { color:#666; font-size:16px;}
.example-twitter {
	position:relative;
	padding:11px;
	margin:10px 0 0.5em;
	color:#333;
	background:#eee;
	/* css3 */
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

.example-twitter p {font-size:18px; line-height:1.53em;}

/* this isn't necessary, just saves me having to edit the HTML of the demo */


/* creates the triangle */
.example-twitter:after {
	content:"";
	position:absolute;
	top:-30px;
	left:50px;
	border:15px solid transparent;
	border-bottom-color:#eee;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.example-twitter + p {padding-left:15px; font:14px Arial, sans-serif;}




.masal a{ color:#06C; font-size:14px;}

.masalpic { background:#FFF; padding:3px; border:1px dotted;}

/*tooltop*/
 a[data-tooltip]:link, a[data-tooltip]:visited {  
     position: relative;  

	 font-size:14px ;
	  
     
 }  
   
 a[data-tooltip]:before {  
     content: "";  
     position: absolute;  
     border-top: 20px solid #0090ff;  
     border-left: 30px solid transparent;  
     border-right: 30px solid transparent;  
    visibility: hidden;  
     top: -18px;  
     left: -26px;  
 }  
   
 a[data-tooltip]:after {  
     content: attr(data-tooltip);  
     position: absolute;  
     color: white;  
     top: -35px;  
     left: -26px;  
    background: #0090ff;  
     padding: 5px 15px;  
     -webkit-border-radius: 10px;  
     -moz-border-radius: 10px;  
     border-radius: 10px;  
    white-space: nowrap;  
    visibility: hidden;  
}  
   
 a[data-tooltip]:hover:before, a[data-tooltip]:hover:after {  
     visibility: visible;  
    -moz-transition: visibility 0s linear .3s;  
 } 

#agregar { position:fixed; z-index:1080; top: -50%; left: -50% }
#apDiv1 {
	position:absolute;
	width:200px;
	height:42px;
	z-index:1;
	left: 725px;
	top: 29px;
}
#apDiv2 {
	position:absolute;
	width:83px;
	height:26px;
	z-index:1;
	left: 849px;
	top: -2px;
	width:146px;
	height:67px;
	
	text-align:center;
	background-image:url(agregar.png); background-repeat:no-repeat;

	
}