body {
	background: #ffffff;
	text-align: center;
	margin: 20px 0px 0px 0px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

#holdit {
	text-align: left;
	margin: 0px auto;
	width: 720px;
	padding: 0px;
}

#main-header {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px; 
	margin: 0px;
	padding: 0px;
}

#left-header {
	float: left;
	width: 180px;
	text-align: center;
	margin-top: 8px;
}

#right-header {
	float: left;
	width: 540px;
	text-align: center;
}

#right-header h1 {
	font-family: arial black, helvetica bold; color: #FF6600; font-size: 32px; margin: 0px; line-height: 24px; margin-bottom: 6px;
}

#right-header h2 {
	font-family: arial black, helvetica bold; color: #FF6600; font-size: 18px; margin: 0px; 
}

#right-header h3 {
	color: #FF6600; font-size: 16px;  margin: 0px; font-weight: normal; margin-bottom: 10px;
}

#sub-header {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	width: 540px;
}

#sub-header p {
	font-size: 16px;
}

#banner { text-align: center; margin: 0px; padding: 0px;}

.nav {
	float: left; width: 28%;
}

.nav1 {
	float: left; width: 11%;
}

.nav2 {
	float: left; width: 5%;
}

.spacer {clear:both; line-height: 10px;}

#flags {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

.flag {
	float: left;
	width: 20%;
}

.flag-title {
	float: left;
	width: 60%;
	text-align: center;
	margin-top: 20px;
}

.flag-title h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #0000ff;
	font-weight: bold;
	margin: 0px;	
}

#languages {
	margin: 0px;
	padding: 0px;
	text-align: center;
	line-height: 18px;
}

#introduction {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

#introduction p {
	margin: 0px;
	padding: 0px;
	font-size: 9px;
	text-align: right;
	color: #ff0000;
}

#introduction h3 {
	margin: 0px;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}

#intro-left {
	float: left;
	width: 50%;
	font-family: Arial, Helvetica, sans-serif;
}

#intro-right {
	float: left;
	width: 50%;
	font-family: Arial, Helvetica, sans-serif;
}

.intro-asterisk {
	color: #ff0000;
}

#main-content {
	margin: 0px;
	padding: 0px;
}

#main-content h1 { font-size: 18px; color: #0000FF; margin: 0px; text-indent: 5px;}
#main-content h2 { font-size: 24px; color: #0000FF; margin: 0px; text-align: center;}
#main-content h3 { font-size: 16px; color: #FF6600; margin: 0px;}
#main-content h4 { font-size: 18px; color: #0000FF; margin: 0px;}

#main-content p { margin-top: 0px; margin-bottom: 15px }
#main-content a { text-decoration: none; }
.schedule { font-weight: bold; }
.option { font-weight: bold; color: #FF6600; }
.img-box { float: left; width: 230px;}
.img-box-tour { float: left; width: 180px;}
.p-box { float: left; width: 480px; }
.p-box-tour { float: left; width: 500px; font-family: arial, helvetica, sans-serif; font-size: 13px; }
.spacer-box { float: left; width: 10px; }
.spacer-box2 { float: left; width: 40px; }
.spacer-box-tour { float: left; width: 40px; }


#content {
	margin: 0px;
	padding: 0px;
}

#content h1 { font-size: 18px; color: #0000FF; margin: 0px; }
#content h2 { font-size: 16px; color: #0000FF; margin: 0px; }
#content h3 { font-size: 14px; color: #0000FF; margin: 0px; }
#content h4 { font-size: 12px; color: #0000FF; margin: 0px; }

#main-footer { padding: 0px; text-align: center; margin: 0px; font-size: 14px; }
#logo-footer { width: 680px; padding: 0px; margin-left: auto; margin-right: auto; }
#left-footer { float: left; width: 48%; text-align: right; }
#right-footer { float: left; width: 48%; text-align: left; padding-left: 20px; }
#copyright { font-family: "Courier New", Courier, monospace; font-size: 13px;}

address { font-size: 12px; font-style: normal; }

.footer-left { float: left; width: 15%; text-align: right }
.footer-right { float: left; width: 30%; text-align: left; padding-left: 15px; font-size: 12px;}
.footer-subtit { text-align: left; font-weight: bold; }

/* ESPECIAL PARA FORMULARIO DE RESERVAS - QUIZÁS DEBIERA IR EN OTRA CSS */

#description {font-family: Comic Sans MS; color: #000000; font-size: 18px; font-weight:bold; background: #FFFFFF; text-align: left;}

#reservation {width: 590px; background-color: Silver; border: 1px solid Blue; padding: 5px; margin: 0px auto; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
#pre-reservation {width: 590px; background-color: #D3D3D3; border: 1px solid Red; padding: 5px; margin: 0px auto; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

.tit-res {font-weight: bold; font-size: 14px;}
.sub-tit-res {font-weight: bold; text-align: left;}

div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.label {
  float: left;
  width: 180px;
  text-align: right;
  }
  
div.row span.formw {
  float: right;
  width: 400px;
  text-align: left;
  }  

div.row span.formw2 {
  float: right;
  width: 400px;
  text-align: left;
  color:#FF0000;
  }
  
.mandatory {
	color: #FF0000;
	text-align: left;
}
  
#reservation select {
	background: #DCDCDC;
	border: 1px solid #EEE;
}

#reservation input {
	background: #DCDCDC;
	border: 1px solid #EEE;
}

#reservation textarea {
	background: #DCDCDC;
	border: 1px solid #EEE;
}

.descriptionred {color: #FF0000;}

.group { width: 600px; border: 0px; margin: 0px; padding: 0px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }