/* v1.0 | 20080212 eric's resetter sligthly modified*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 103.01%;
	vertical-align: baseline;
	background: transparent;
}

@font-face {
  font-family: 'Font Web';
  src: url('FontWeb.eot');
  src: local('Font Web Regular'), local('Font Web'), 
         url('FontWeb.otf') format('opentype');
}

body {
	line-height: 100%;
	background-color: #fff;
	font-family: "Font Web Regular", "Helvetica", Verdana, sans-serif;
	letter-spacing: .03em;
	font-weight: 300;
	color:#ccc;
}

ol, ul, li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
/*	content: none;*/
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1,h2,h3,h4,h5,h6	{font-weight: normal;}

input,select,option {letter-spacing: 0;}

input				{border: 0;}  /*added*/

textarea			{border:0 none;} /*added*/

a, a:hover, a:active, a:visited {
	text-decoration: none;
	outline: none;  /*added*/
}

a, a:active, a:visited {
	color:#666666;
}

a:hover {
	color:#6c3;
	text-decoration: underline;
}

p {
	font-size:0.8em;
}

.main {
	background:url("../images/page-shadow.png") repeat-y scroll left top #FFFFFF;
	width:970px;
	padding: 0 12px;
	height:100%;
	margin:0 auto;
}

#page {
	height:100%;
	min-height:900px;
	padding-bottom:50px;
	padding-left:28px;
	width:956px;
}

#logo {
	background: #FFF url('../images/ibzmtb-logo.png') no-repeat 19px 40px;	
	padding: 35px 19px;
	width:375px;
	height:97px;
}

.clearer {
	clear:both;
	padding: 10px 0;
}

#content-wrapper {
	padding-left:50px;
	min-height:450px;
}

.content {
	border-right:1px solid #ccc;
	float:left;
	width:506px;
	padding-left:20px;
	min-height:400px;
}

.content-alternate {
	border-right:none;
	float:left;
	width:830px;
	padding-left:5px;
	min-height:400px;
}

.sidebar, .sidebar-alternate {
	float:left;
	padding-left: 19px;
}

.sidebar-alternate .content, .sidebar-alternate .content p {
	width:250px;
	border:none;
}


.sidebar div {
	width:262px;
	min-height:80px;
	padding:10px;
	height:100%;
	border: 1px solid #cf0;
	background-color: #effaea;
	margin-bottom: 30px;
}

.sidebar div ul li img  {
border:1px solid #cf0;
}

.sidebar div p {
/*	float:left;*/
	display: inline;
	padding:13px 0;
	font-size:14px;
	color:#999;
}

.sidebar div blockquote.tweet_text {
	padding-left:13px;
	padding-bottom:10px;
	display:block;
	font-size:12px;
	color:#666;
	min-height:60px;
}

div > ul.tweet_list > li > a.tweet_time {
	font-size:12px;
	color:#c39;
}

div > ul.tweet_list > li > blockquote > a, div.tweet > ul.tweet_list > li > blockquote > a:active, div.tweet > ul.tweet_list > li > blockquote > a:visited {
	color: #f09;
	display:inline;
}


div > ul.tweet_list > li > a.tweet_avatar,div.tweet > ul.tweet_list > li a.tweet_avatar:active, div > ul.tweet_list > li > a.tweet_avatar:visited {
	width:48px;
	color: #6c3;
	display:block;
	float:left;
	font-size: 12px;
	padding-right:13px;
	min-height:80px;
}

div > ul.tweet_list > li > a.avatar-alternate {
	min-height:55px;
}

div.tweet a:hover {
	text-decoration: underline;
}

ul.tweet_list li {
	height:100%;
	min-height:80px;
	width:100%;
}

blockquote:before, blockquote:after {
color: #69c;
display: block;
font-size: 700%;
width: 50px;
}

blockquote:before {
content: open-quote;
height: 0;
margin-left: -0.55em;
}

blockquote:after {
content: close-quote;
height: 50px;
margin-top: -70px;
margin-left: 360px;
}

 h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	padding-bottom: 20px;
}

 h1 {
	font-size:18px;
	clear:both;
	color:#666;
	padding:10px 0 30px;
}

 h2 {
	font-size:18px;
	clear:both;
	color:#6c3;
}

.content p {
	font-size:13px;
	color:#666666;
	padding-bottom:20px;
	width:390px;
}

.content p a, .content p a:active, .content p:visited {
	color:#f09;
}

.content p a:hover {
	text-decoration: underline;
}

#lang {
	float: right; 
	padding-right: 73px;
	padding-bottom: 5px;
	width:130px;
	height:20px;
	}

ul.menu, ul.menu_es {
	width: 898px;
	height: 0px;
	margin: 0;
	padding-top:20px;
}

ul.menu li, ul.menu_es li {
	display:block;
	float:left;
	margin:0;
/*	padding-right: 2px;*/
}
ul.menu li a, ul.menu_es li a {
	display:block;
	height: 50px;
	text-align:center;
	text-decoration:none;
	position:relative;
	left:0px;
	background: transparent url('../images/ibzmtb-menu-main.png') no-repeat 0 -50px;
}
ul.menu_es li a {
 background: transparent url('../images/ibzmtb-menu-main-es.png') no-repeat 0 0;
}
ul.menu li.home, ul.menu_es li.home a {
	width: 152px;
	background-position: 0px -50px;
}

ul.menu li.home.selected a, ul.menu li.home.selected a:hover, ul.menu_es li.home.selected a, ul.menu_es li.home.selected a:hover {
	background-position: 0px -100px;
}

ul.menu li.home a:hover, ul.menu_es li.home a:hover {
	background-position: 0px 0px;
}

ul.menu li.rent a, ul.menu_es li.rent a {
	width: 139px;
	background-position: -152px -50px;
}

ul.menu li.rent.selected a, ul.menu li.rent.selected a:hover, ul.menu_es li.rent.selected a, ul.menu_es li.rent.selected a:hover {
	background-position: -152px -100px;
}

ul.menu li.rent a:hover, ul.menu_es li.rent a:hover {
	background-position: -152px 0px;
}

ul.menu li.tours a, ul.menu_es li.tours a {
	width: 159px;
	background-position: -440px -50px;
}

ul.menu li.tours.selected a, ul.menu li.tours.selected a:hover, ul.menu_es li.tours.selected a, ul.menu_es li.tours.selected a:hover {
	background-position: -440px -100px;
}

ul.menu li.tours a:hover, ul.menu_es li.tours a:hover {
	background-position: -440px 0px;
}

ul.menu li.packs a, ul.menu_es li.packs a {
	width: 149px;
	background-position: -291px -50px;
}

ul.menu li.packs.selected a, ul.menu li.packs.selected a:hover, ul.menu_es li.packs.selected a, ul.menu_es li.packs.selected a:hover {
	background-position: -291px -100px;
}

ul.menu li.packs a:hover, ul.menu_es li.packs a:hover {
	background-position: -291px 0px;
}

ul.menu li.media a, ul.menu_es li.media a {
	width: 299px;
	background-position: -599px -50px;
}

ul.menu li.media.selected a, ul.menu li.media.selected a:hover, ul.menu_es li.media.selected a, ul.menu_es li.media.selected a:hover {
	background-position: -599px -100px;
}

ul.menu li.media a:hover, ul.menu_es li.media a:hover {
	background-position: -599px 0px;
}

ul.menu li.menu_tab a, ul.menu_es li.menu_tab a {
	background: transparent url(/images/gui/tab_bg.png) repeat-x top left;
}

ul.menu li.menu_tab_selected a, ul.menu_es li.menu_tab_selected a {
	background: transparent url(/images/gui/tab_select.png) repeat-x top left;
	padding-bottom:2px;
}

ul.menu li.menu_tab a:hover, ul.menu_es li.menu_tab a:hover {
	color:#fff200;
	cursor: pointer;
	background-position: 0 -33px;
}
ul.menu li a.active, ul.menu_es li a.active
ul.menu li a.active:hover, ul.menu_es li a.active:hover {
	color:#4814a0;
}

/*&&&&&&&&&&&&&&&&&&&&&&*/

ul.slideshow {  
    list-style:none;  
	width:880px;
    height:326px;  
    overflow:hidden;  
    position:relative;  
    margin:0;  
    padding:0;
/*    padding-bottom: 50px;*/
      
}     
  
ul.slideshow li {  
    position:absolute;  
    left:24px;  
    right:0;  
}  
  
ul.slideshow li.show {  
    z-index:500;      
}  
  
ul img {  
    border:none;      
}  
  
#slideshow-caption {  
    width:880px;  
    height:50px;  
    position:absolute;  
    bottom:0;  
    left:24px;   
    color:#fff;  
    background:#000;  
    z-index:500;  
}  
  
#slideshow-caption .slideshow-caption-container {  
    padding:5px 10px;     
    z-index:1000;     
}  
  
#slideshow-caption h3 {  
    margin:0;  
    padding:0;    
    font-size:14px;  
}  
  
#slideshow-caption p {  
    margin:5px 0 0 0;  
    padding:0;  
}

/* container for slides */
#tours-slide {
	float:left;
	width:702px;
	height:400px;
}

#tours-slide > div > img {
	float:left;
	padding-right:50px;
}

#tours-slide > div > h3 {
	float:left;
    width:230px;
	line-height:20px

}

#tours-slide > div > ul {
	float:left;
	width:200px;
}

#tours-slide > div > ul > li, .images > div > ul > li {
	color:#666666}

#tours-slide > div > img.altimeter {
	float:left;
	width:252px;
	padding-top:20px;
}

div#media-slide, div#media-slide > div {
	height:345px;
	width:647px;
}

.images, .sidebar div.images {
	background-color:#fff;
	position:relative;	
	height:300px;
	border:none;
	width:333px;
	float:left;	
	margin:15px;
	cursor:pointer;
	
	/* CSS3 tweaks for modern browsers */
/*	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 0 25px #666;
	-webkit-box-shadow:0 0 25px #666;	*/
}

/* single slide */
.sidebar div.images {
	width:105px;
	height:55px;
}

.sidebar div.tabs {
	background:none;
	border:none;
	margin:0;
/*	clear:none;*/
}

.sidebar div.tabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../tools/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.sidebar div.tabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.sidebar div.tabs a.current {
	background-position:0 -16px;     
}

.sidebar div.images div {
	background:none repeat scroll 0 0 transparent;
	border:0 none;
	height:50px;
	width:100px;
	padding:0;
	margin:0;
}

.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	margin:7px;
	padding:15px 30px 15px 15px;
	height:256px;
	font-size:12px;
}

/* header */
.images h3 {
	font-size:22px;
	font-weight:normal;
	margin:0 0 20px 0;
	color:#456;
	padding-top:0px;
}

/* tabs (those little circles below slides) */
.tabs {
	clear:both;
	margin-left:170px;
}

/* single tab */
.tabs a {
/*	width:8px;*/
/*	height:8px;*/
	float:left;
	margin:3px;
/*	background:url(../tools/navigator.png) 0 0 no-repeat;*/
	display:block;
	font-size:1px;		
}

/* mouseover state */
.tabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.tabs a.current {
	background-position:0 -16px;     
} 	

/* //////////////// */



/* //////////////////// */

/* prev and next buttons */
.sidebar a.forward,.sidebar a.backward {
	margin-top:30px;
}

.forward, .backward {
	float:left;
	margin-top:140px;
	background:#fff url(../tools/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}

/* next */
.forward 				{ background-position: 0 -30px; clear:right; position:relative; z-index:99;}
.forward:hover 		{ background-position:-30px -30px; }
.forward:active 	 	{ background-position:-60px -30px; } 


/* prev */
.backward:hover  		{ background-position:-30px 0; position:relative;
z-index:99;}
.backward:active  	{ background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}


span.feedback {
	font-size:12px;
	color:#666;
}

/*FOOTER*/


.footer > a {
	float:right;
	padding-right:5px;
}

a.left, span.left {
	color:#999999;
	float:left;
	font-size:14px;
	padding-left:5px;
}

.footer {
	border-top:1px solid #CCCCCC;
	clear:both;
	color:#FFFFFF;
	height:60px;
	margin:0 auto;
	padding:6px;
	position:relative;
	width:800px;
}

span.name_feedback {
	clear:right;
	display:block;
	font-size:12px;
    color:#66CC33;
}