/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 

/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }

body {
	font: 11px/165% "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0;
	padding: 0 0 50px 0;
	text-align: center;

	background-color: #848456;
	background-image: url(../images/bgd_index.jpg);
	background-repeat: no-repeat;
	background-position: center botton;
}

/* Links */
a {
	text-decoration: none;
	color: #ccc; 	
}
a:hover {
	color: #000;
}


p, dl { padding: 10px; margin: 0; }

ul, ol {
	margin: 10px 20px;
	padding: 0 20px;
}
ul { list-style: none; }


/* Images */
img {
	background: #fafafa;
	border: 1px solid #E8E8E8;
	padding: 5px;
}
img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}



/* ------------------------------------------
   LAYOUT
------------------------------------------- */ 
#header-wrap {
	position: relative;
	margin: 0 auto;
	width: 808px;
	height: 385px;
	text-align: left;
}
/*  Nav  */
#navlanguage {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 200px;
	left: 514px;
	top: 364px;
	height: 32px;
	text-align: left;
}
#navlanguage ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
}
#navlanguage ul li {
	display: block;
	margin: 0;
	padding: 0;
}
#navlanguage ul li a {
	margin: 0;
	display: block;
	color: #fff;
}
#navlanguage ul li a:hover, 
#navlanguage ul li a:active {
	color: #ccc;
	background: none;
	border: none;
	opacity:0.4;	
}
#navlanguage ul li#current a {	
	color: #000;	

}


/* footer */
#footer-wrapper {
	clear: both;
	width: 808px;
	text-align: left;
	color: #444;
	font: normal 1em/1.6em 'Trebuchet MS', Tahoma, Sans-serif;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	margin: -18px auto 0 auto;
}
#footer-wrapper h3, #footer-wrapper p {
	padding-left: 0;
}
#footer-wrapper h3 {
	font: normal 1.6em/0em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	color: #ABABAB;	
}
#footer-wrapper a {
	color: #444;
	background: transparent;
	text-decoration: none;
}
#footer-wrapper a:hover {
	color: #000;
	background: transparent;
	text-decoration: underline;	
}
#footer {
	float: left;	
	width: 100%;	
	padding: 0;				
	margin-left: 5px;	
}
#footer-bottom {
	clear: both;
	width: 778px;
	margin: 0 auto;	
}
#footer-bottom .bottom-left {
	float: left;
	padding-left: 80px;	
}
#footer-bottom .bottom-right {
	text-align: right;
	padding-right: 80px;
}

/* thumbnails */
p.thumbs{
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 4px;
}

.thumbs img { 
	position: relative;
	padding: 4px;
	margin: 4px;
	background: #fafafa;
   border: 1px solid #dcdcdc;	
}
.thumbs img:hover	{
	border: 1px solid #8E8E8E;
	background: #ededed;	
}
.thumbs a:hover { background-color: transparent; border: none }

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* clearing */
.clearer { clear: both; }
.clear {	display:inline-block; }
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}
#footer-wrapper #footer {
	padding-top: 30px;
}
#header-wrap #navlanguage .br {
	background-image: url(img/flag_br.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
#header-wrap #navlanguage .en {
	background-image: url(img/flag_en.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
#header-wrap #navlanguage .es {
	background-image: url(img/flag_es.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 22px;
}
#content-outer #content-wrapper .col-two .pacote {
	margin-bottom: 10px;
}
#content-outer #content-wrapper .col-two .pacote a:hover {
	opacity:0.7;	
}
