/**
 ** RainbowStyles.ss
 ** By: Mel Karlik
 ** Created: May 16, 2007
 ** Updated: June 03, 2007
 **********************************************************/
* {
   padding:0;
   margin:0;
   border:0;
}
body {
	margin: 0px;
	padding: 0px;
	font-size: .8em;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	color: #333333;
	background-color: white;
	background-image: url(bg4.png);
	background-repeat: repeat-x;
}

/**
 ** Layout
 **********************************************************/
#container {
  width: 790px;
  margin: 0 auto;
}
#content-container {
	margin-top: 20px;
	margin-bottom: 30px;
}
#main-content {
	float: left;
	width: 530px;
}
#sidebar {
	position: relative;
	float: 	right;
	padding-left: 10px;
	width: 	230px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
}

/**
 ** Header
 **********************************************************/
#navigation {
	margin-top: 20px;
	height: 32px;
}
#title {
	float: right;
	width: 360px;
	height: 100px;
	margin-top: 6px;
}
#title a {
	font-size: 2.3em;	
	/*color: #ffffff;*/
	text-decoration: none;
}
#title p {
	color: #009E77;
}
ul#nav {
	padding: 0;
	height:32px;
	display: inline;
	overflow: hidden;
	list-style: none;
}
ul#nav li {
  padding:0;
  list-style: none;
  display: inline;
  float: left;
}
ul#nav a {
	float: left;
	color: #ffffff;
	text-decoration: underline;
	height: 30px;
	text-align: center;
	line-height: 25px;
	width: 95px;
	display: block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #2273A4;
}
ul#nav li a:hover {
  color: #FF0000;
}
ul#nav li a.selected {
	background-color: #3198D3;
	color: #ffffff;
}

/**
 ** Content
 **********************************************************/
 #main-content p,
 #main-content ul
 {

 }
 
 
#main-content a {
  color: #B82E00;
  text-decoration: none;
  padding: 1px;
}
#google_translate_element {
	height: 32px;
	width: 400px;
	float: left;
	margin-top: 8px;
}

#main-content p a{
  border-bottom: 1px dashed #B82E00;
}
#main-content img {
	clear: both;
}
#main-content a img {

}

p {

}
#main-content ul {
}


a img {
  border: none;
}

h1 {
	font-size: 12px;
	font-weight: normal;
	color: #002EB8;
}

h2 {
	color: #B82E00;
	font-size: 18px;
	margin-bottom: 20px;

}

#main-content ul {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 20px;
}
.style3 {
	margin-bottom: 10px;
	font-size: 19px;
	color: #000;
	font-weight: normal;
}
#main-content li {
	padding-bottom: 5px;
}

.style4 {
	margin-bottom: 10px;
	font-size: 19px;
	color: #1C5D85;
	font-weight: normal;
}
#title .styleh2{
	font-size: 13px;
	color: #000;
	font-weight: normal;
	margin-bottom: 0px;
}


ul#links {
	font-size: 1.3em;
}

ul#links li {
	padding: 10px;
	list-style-position: inside;
	list-style-type: none;
	list-style-image: url(back_ul.jpg);
}
ul#links li a {
	background: url('images/paddlerS.gif') left bottom no-repeat;
	padding-top: 10px;
	padding-left: 25px;
}
ul#links li a:hover{
	text-decoration: underline;
}

.divider {
  height: 20px;
  display: block;
  background: url("divider.jpg") center no-repeat;
  padding: 10px;
  clear: both;
}

table {
	text-align: center;
}
/**
 ** Sidebar
 **********************************************************/

#quote {
	float: left;
}
#quote2 {
  position: relative; /* IE needs this ??????? */
  background: url("quote-bg-2.gif") 0 0 no-repeat;
  margin-top: -20px;
  display: block;
  float: left;
}

.quote-bg {
	padding-right: 20px;
	padding-left: 20px;
 /* background: url("quote-bg-bottom.gif") 0 100% no-repeat;*/
}

#quote2 .quote-bg {
  padding: 50px 45px 120px 20px;
  color: #666666;
  text-align: center;
 /* background: url("quote-bg-bottom.gif") 0 100% no-repeat;*/
}

.quotee {
  text-align: right;
  font-weight: bold;
  padding: 0 30px 0 0px;
}

/**
 ** Footer 
 **********************************************************/
#footer {
	clear: both;
	text-align: center;
	background-color: #195579;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
 }

#footer p {
	color: #008AB8;
	font-size: 13px;
}

#footer p a {
  color: #008AB8;
  text-decoration: none;
}
#footer p a:hover {
	border-bottom: 1px dashed #ffffff;
}

/**
 ** Clearfix
 **********************************************************/
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {

}

.clearfix {

}

/* End hide from IE-mac */

/* form */
#Name2, #Email2, #Adults2, #Telephone2, #Arrival_Day2, #Departure_Day2, #Country_Origin2 {
	background-color: #FFFFFF;
	height: 12px;
	padding: 3px;
	font-size: 11px;
	margin: 0px;
	width: 192px;
}
#Arrival_Day2, #Departure_Day2 {
	width: 80px;
	background-color: #FFFFFF;
	height: 12px;
	padding: 3px;
	font-size: 11px;
}
#pagos  {
	width: 80px;
	background-color: #FFFFFF;
	height: 12px;
	padding: 3px;
	font-size: 11px;
	margin-right: 4px;
}
#Adults2 {
	width: 80px;
	height: 15px;
	padding: 3px;
	font-size: 11px;
	background-color: #FFFFFF;
}
#Comments2 {
	width: 192px;
	height: 70px;
	padding: 3px;
	background-color: #FFFFFF;
	font-size: 11px;
}
#Submit2 {
	background-color: #00659C;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	width: 90px;
	font-weight: bold;
	padding: 2px;
}
#Submit3 {
	color: #000066;
	width: 141px;
	font-weight: bolder;
	background-image: url(imagenes/submit.gif);
	height: 26px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: oblique;
}

#Submit2:hover {
	cursor: pointer;
	border: 1px solid #FFFFFF;
}
#Submit3:hover {
	cursor: pointer;
}
#Name2, #Email2, #Comments2, #Submit2, #Adults2, #Arrival_Day2, #pagos, #Telephone2, #Departure_Day2, #Country_Origin2 {
	font-size: 11px;
	border: 1px solid #B5D3EF;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#cent {
	text-align: center;
}
#cent p {
	text-align: center;
	margin: 0px;
	padding-top: 5px;
}
.form2 {
	text-align: left;
	font-size: 11px;
	font-weight: bold;
}
.textf {
	width: 170px;
	border: 1px solid #B5D3EF;
	font-size: 11px;
	padding: 3px;
	height: 12px;
	text-align: justify;
	text-indent: 1px;
}
.margen3 {
	padding-top: 8px;
	padding-bottom: 5px;
	clear: both;
	text-align: left;
}
.margen4 {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}
.margen5 {
	padding-top: 8px;
	padding-bottom: 5px;
	clear: both;
}
.margen6 {
	padding-top: 8px;
	padding-bottom: 5px;
	clear: both;
	margin-top: 5px;
	text-align: center;
}
#principal  .margen5  p {
	text-align: center;
}
.letroj {
	color: #390;
	font-size: 11px;
}
.letdor {
	font-size: 15px;
	color: #002EB8;
	font-weight: bold;
	padding-bottom: 10px;
}
#formt {
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(bck_t.gif);
	background-repeat: no-repeat;
	height: 20px;
}
#formb {
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(bck_b.gif);
	background-repeat: no-repeat;
	height: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#formpr {
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(bck_c.gif);
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
}

#formpr .letformt {
	font-size: 17px;
	color: #006699;
	font-weight: bold;
	margin-bottom: 4px;
	text-align: center;
}

#formpr2 {
	width: 182px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	float: left;
	margin-bottom: 10px;
}
.tchat {
	float: left;
	width: 160px;
	margin-top: 10px;
	margin-right: 20px;
}
.formc {
	border: 1px solid #A6B9C9;
	background-color: #F3F3F3;
	margin-bottom: 8px;
	padding: 4px;
	width: 380px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}
#Namepost, #Emailpost, #Telephonepost, #Country_Originpost, #pagos2 {
	width: 170px;
	background-color: #FFFFFF;
	height: 12px;
	padding: 3px;
	float: left;
	font-size: 11px;
}
#Arrival_Daypost {
	width: 80px;
	background-color: #FFFFFF;
	height: 12px;
	padding: 3px;
	float: left;
	font-size: 11px;
}
#Commentspost {
	width: 170px;
	height: 70px;
	padding: 3px;
	background-color: #FFFFFF;
	float: left;
	font-size: 11px;
}

#Namepost, #Emailpost, #Commentspost, #Telephonepost, #Departure_Daypost, #Country_Originpost, #Arrival_Daypost, #pagos2 {
	font-size: 11px;
	border: 0px solid #CCCC99;
	text-align: left;
	color: #006699;
}
#pagos2  {
	width: 50px;
	background-color: #FFFFFF;
	height: 12px;
	padding: 3px;
	float: left;
	font-size: 11px;
	margin-right: 4px;
}
.fleft {
	float: left;
	font-size: 11px;
	padding-top: 2px;
	margin-left: 3px;
}
.fleft2 {
	float: left;
	font-size: 11px;
	color: #006699;
	padding-top: 2px;
	margin-left: 3px;
}
.clr {
	clear: both;
}
.borde {
	border: 1px solid #B82E00;
	padding: 2px;
}
.centrar {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}
.contador {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 577px;
}
.copyr {
	float: left;
	width: 535px;
}

.stat {
	float: left;
	width: 35px;
	margin-left: 5px;
	padding-top: 3px;
}

