@charset "utf-8";
/* CSS Document */
/*---------------------------------------------------------------------------------*/
/*----------------------------- NORMALIZATION  ------------------------------------*/
/*---------------------------------------------------------------------------------*/

/* Remove padding and margin */

  body,div,
  dl,dt,dd,ul,ol,li,
  h1,h2,h3,h4,h5,h6,
  pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
		list-style:none;
  }

/* Typography */

body {background:#24031d url(../images/bg_body.png) left top repeat-x; font: 62.5% Arial, Helvetica, sans-serif; color:#444;}
  p, td, th, li, dl, dt, dd { font-size:1.2em;}
  li ul li { font-size:1.05em;}
  ul.icon p { font-size:1.05em;}
  .smallText { font-size:1.1em;}
  h1, h2, h3, h4, h5, h6 {
    font-family:"Trebuchet MS", Verdana, sans-serif;
    font-weight:normal;
  }

  h1 {font-size: 2.2em;}
  h2 {font-size: 2.0em;}
  h3 {font-size: 1.5em; font-weight:bold;}
  h4 {font-size: 1.4em; font-weight:bold;}
  h5 {font-size: 1.2em; font-weight:bold;}
  h6 {font-size: 1.1em; font-weight:bold; margin-top:0.5em;}
	
	p {line-height:20px;}
	dd {font-size:12px;line-height:20px; margin-left:10px;}
	

/* Remove border around linked images */

a img, :link img, :visited img { border:none; }

/* Remove dots around active links */

a:hover { outline:none;}

/* Default link styles */

a { text-decoration:none;}
a:link { color:#b40241; }
a:visited { color:#b40241; }
a:hover, a:active {color:#005AFF; text-decoration:underline;}

/* Class for clearing floats */

.pusher {clear:both;}

.clearfix:after {
    content: ".";
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*---------------------------------------------------------------------------------*/
/*----------------------------- ESTRUCTURA     ------------------------------------*/
/*---------------------------------------------------------------------------------*/
#container {
	width:980px;
	position:relative;
	margin: 0 auto;
	padding-top:20px;
}

#top {
	width:980px;
	height:46px;
	background: url(../images/bg_top.png) left top no-repeat;
}

#content {
	width:960px;
	min-height:500px;
	background: url(../images/bg_container.png) left top repeat-y;
	padding:0 10px;
	position:relative;
}

#bottom {
	width:980px;
	height:37px;
	background: url(../images/bg_bottom.png) left top no-repeat;
}
/* ------------------- Languages ----------------------- */
#languages {
	width:360px;
	height:16px;
  background: url(../images/bg_languages.png) right bottom no-repeat;
	position:absolute;
	top:0px;
	right:20px;
	padding:20px 20px 0 10px;
	text-align:right;
}
#languages li {display: inline; color: #b40241; border-right:1px solid #ff0089; padding:0 10px;}
#languages li.end {border:none}
#languages li a { color: #96968e;}
#languages li a:hover {color: #b40241;}

/* ------------------- Logo ----------------------- */

h1 {
	width: 270px;
	height:83px;
	background-image:url(../images/bg_logo.png);
	background-repeat: no-repeat;
	margin-left:0px;
}
h1 a {
	text-indent: -2000px;
	display:block;
	width: 270px;
	height: 83px;
}
/* ------------------- VCARD ----------------------- */
#hcard {position:absolute; top:0px; right:30px; text-align:right; font-size:110%}

.vcard h2 {font-size:1.2em; font-weight:600}

.hreview-aggregate {position:absolute; top:-5px; right:30px; text-align:right; font-size:110%; width:270px;}

.tel {float:right; display:inline;}
#hcard .email {clear:both}
.type {
  display:none
}

.fn .org .url a { font-weight:600}


/* ------------------- Menu ----------------------- */
#menu, #menu2 {
	width:940px;
	height:58px;
	line-height:50px;
	padding:0 0 0 20px;
}
#menu {
	background: url(../images/bg_menu.png) left bottom no-repeat;
}

#menu2 {
	background: url(../images/bg_menu2.png) left bottom no-repeat;
}

#menu li h2 {font-size:12px; display: inline; color: #b40241;}

#menu li, #menu2 li {display: inline; color: #b40241; border-right:1px solid #b40241; padding:10px 10px 12px 10px;}

.current {background-color:#b40241; color:#fff;}
.current a:link, .current a:hover {color:#fff}
.current a:visited {color:#fff}

.current h2 a:link, .current h2 a:hover {color:#fff}
.current h2 a:visited {color:#fff}

/* ------------------- Col Left ----------------------- */
#col-left {
	float:left;
	display:inline;
	width:205px;
	height:310px;	
	background: url(../images/bg_col-left.png) left top no-repeat;
	padding:10px 10px 0 15px;
	color:#fff;
}

#col-center {
	float:left;
	display:inline;
  width:480px;
	height:271px;
	padding:10px;
}

#col-right {
	float:left;
	display:inline;
	width:205px;
	height:281px;	
	background: url(../images/bg_col-right.png) left top no-repeat;
	padding:10px 15px 0 10px;
}

#col-big {
  width:680px;
	padding:10px;
	min-height:300px;
}

#col-big-right {
	float:right;
	display:inline;
	width:205px;
	height:281px;	
	background: url(../images/bg_col-right.png) left top no-repeat;
	padding:10px 15px 0 10px;
}

#framereservation {height:211px;}

#col-big p { margin:10px 0;}
#col-big a img { margin:0 10px 10px 10px; float:left; display:inline; border: 1px #b40241 solid}
#col-left h3 {color:#b40241; padding:0 0 5px 0; border-bottom:1px solid #b40241; margin:0 0 6px 0}
#col-right h3, #col-big-right h3 {color:#b40241; padding:0 0 5px 0; border-bottom:1px solid #b40241; margin:10px 0 6px 0}
#col-big-right h4 {margin-top:10px;}
#col-big h2, #col-center h2 {margin-bottom:15px;}


#col-center .left {float:left; display:inline; width:140px; height:140px; margin-top:5px;}
#col-center p {margin:0 0 15px 0px; line-height:20px;}

dl.normal {
	margin:10px 20px 10px 50px;
}

dl.normal dt {
	background:url(../images/ico_list.png) no-repeat left;
	padding-left:20px;
	line-height:20px;
	margin-top:8px;
	margin-bottom:8px;
	margin-left:-25px;
	color:#b40241;
	font-size:100%;
	font-weight:bold;
}

ul.right {
	font-size:90%;
	list-style:circle;
}
ul.right li {margin-top:10px; list-style:circle; margin-left:20px;}


/* ---------------------------------------------------------------------
--------------------CARRUSEL PHOTOS-------------------------------------
-----------------------------------------------------------------------*/
#carrusel {
	width:940px;
	margin:60px 10px 10px 10px;
	background-color:#2e3d59;
	height:160px;
	border: 1px solid #2e3d59;
	background: url(../images/bg_carrousel.png) left top repeat-x;
}
/* ---------------------------------------------------------------------
--------------------ESQUINAS--------------------------------------------
-----------------------------------------------------------------------*/
.box {margin: 0 0 0.75em 0; clear: both; position: relative;}
.box2 {margin: 0 0 0.75em 0; position: relative;}
b.cn {position: absolute;
  height: 10px; width: 10px;
  margin: 0; padding: 0;
  background: url(../images/bordes.jpg) no-repeat;
  line-height: 1px; font-size: 1px;}  /* IE/Win 'hacks' */
b.dn {position: absolute;
  height: 10px; width: 10px;
  margin: 0; padding: 0;
  background: url(../images/circle_white.png) no-repeat;
  line-height: 1px; font-size: 1px;}  /* IE/Win 'hacks' */
b.tl {top: -1px; left: -1px; background-position: top left;}
b.tr {top: -1px; right: -1px; background-position: top right;}
b.bl {bottom: -1px; left: -1px; background-position: bottom left;}
b.br {bottom: -1px; right: -1px; background-position: bottom right;}

/* ---------------------------------------------------------------------
--------------------REVIEWS---------------------------------------------
-----------------------------------------------------------------------*/
#reviews p {
	font-size:12px;
}

div#hsRating.hsRating {border:none!important}

div.hssurveys_full .noLink, div.hssurveys_full .noLink a {white-space:nowrap!important;}

/* ---------------------------------------------------------------------
--------------------GOOGLE MAPS-----------------------------------------
-----------------------------------------------------------------------*/
#gmap, #street{ 
	margin: 10px 10px; 
	border: solid 1px #EEE;
	padding:2px;
	width:675px;
	height:294px;
}
/*p.googleMap {
	margin: 15px 50px;
	background:url(../images/zoom.png) no-repeat right center;
	padding-right:25px;
	height:22px;
	text-align:right;
}
*/
/* ---------------------------------------------------------------------
--------------------Quick Check Graph-----------------------------------
-----------------------------------------------------------------------*/
#pricegraph p#closegraph {
	margin: 15px 0;
	text-align:right;
	background:url(../images/close.png) no-repeat right center;
	line-height:19px;
	padding-right:24px;
}
#pricegraph p#closegraph:hover { background:url(../images/close_over.png) no-repeat right center;}

/* ---------------------------------------------------------------------
--------------------Tour -----------------------------------
-----------------------------------------------------------------------*/
.tour {
	float:left;
	display:inline;
	position:relative;
	text-align:center;
	width:140px;
	height:160px;
	margin:10px;
	font-size:11px;
}
.tour a img {
	position:absoulte;
	top:0px;
}
.tour a img:hover {border:1px solid #005AFF;}
