@charset "utf-8";
/* CSS Document */
	body {
	text-align: center; /* for IE */
	background-color: #FFFFff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 80%;
	text-decoration: none;
	color: #003366;
	background-image: url(stripe.png);
	}
#container {
	margin: 0 auto;   /* align for good browsers */
	text-align: left;
	width: 800px;
	background-color: #FFFFFF;
	background-image: url(media/grad.jpg);
	background-repeat: no-repeat;
	background-position: left 180px;
	border: 0px solid #000;
	position: relative;
	top: -8px;
	}
	
#content {
	padding-top: 120px;
	padding-left: 0px;
	padding-right: 10px;
}


#top {
	margin: 0 auto;   /* align for good browsers */
	text-align: right;
	width: 1000px;
	border: 2px solid #000;
	position: relative;
	top: 20px;
	background-image: url(media/bariloche.jpg);
	height: 168px;
	width: 1000px;
}
	
#right {
	background-color: #f2f5f8;
	padding: 10px;
	float: right;
	height: 100%;
	width: 220px;
	border: 1px dashed #ff6600;
	margin-top: 50px;
	margin-right: 20px;
	}
	
#border {
	padding: 30px;
	width: 950px;
	}
#map {
	background-image: url(media/bariloche-map.gif);
	background-repeat: no-repeat;
	padding: 5px;
	height: 356px;
	width: 785px;
	border: 1px solid #FF6600;
	background-position: center center;
	margin-top: 10px;
	margin-bottom: 10px;
}

p {
	margin-top: 0.3em;
	margin-right: 1.5em;
	margin-bottom: 0.5em;
	margin-left: 1.0em;
	
	
	}
p a {
	text-decoration: none;

	}
p a:hover {
	text-decoration: underline;
	color: #FF6600;
	}
code {
		font-size: 115%;
	}
.titletext {
	font: bold 1.1em Trebuchet MS, Arial, sans-serif;
	font-variant: small-caps;
	font-size: 16px;
	margin-left: 30px;
	margin-top: 30px;
	}	
	
.headertext {
	font: bold 1.1em Trebuchet MS, Arial, sans-serif;
	font-variant: small-caps;
	font-size: 16px;
	margin-left: 30px;
	margin-top: 30px;
	}
.headertextred {
	font: bold 1.1em Trebuchet MS, Arial, sans-serif;
	font-variant: small-caps;
	font-size: 16px;
	margin-top: 30px;
	color: #FF0000;
	}
	
.subheader {
	font-variant: small-caps;
	font-size: 14px;
	}
.subheaderorange {
	font-variant: small-caps;
	font-size: 14px;
	color: #FF6600;
	font-weight: bold;
	}
	
.bodytext {
	padding-left: 15px;
	}
.bodytextbold {
	margin-bottom: 5px;
	font-weight: bold;
	}
	
.orange {
	color: #ff6600; 
	}
.orange a {
	color: #ff6600; 
	text-decoration: none;
}	
.orange a:hover {
	text-decoration: underline;
}

	
	
	
#title {
	margin: 0 auto;   /* align for good browsers */
	text-align: right;
	background-image: url(media/bariloche.jpg);
	height: 135px;
	width: 799px;
	position: absolute;
	top: 0px;
}

#rightbox {
	float: right;
	width: 390px;
}

#leftbox {
	float: left;
	width: 390px;
}

	
	
	/*	HEADER	*/

#header {
	margin: 0 auto;   /* align for good browsers */
	text-align: left;
	height:45px;
	background-color: #FF6600;
	background-position: 0 0;
	position: absolute;
	top: 135px;

          }
 #header ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	height: 32px;
	background-color: #3F82D3;
	width: 800px;
	padding-top: 8px;
	border-top-width: 4px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #EB4C07;
	border-bottom-color: #EB4C07;
          }

#header ul li {
    float: left;
    display: inline;
          }

#header ul a {
          	display: block;
            font: bold 1.1em Trebuchet MS, Arial, sans-serif;
            color: #fff;
            font-variant: small-caps;

          }

#header ul a {
	-moz-border-radius: 3px;
	font-size: 14px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
}

#header ul a:focus,
#header ul a:active,
#header ul a:hover {
	background-color: #ff6600;
	outline: none;
}

#header ul a.home {
	margin: 0 5px 0 5px;
	text-decoration:none;
          }
a#here {
    border-left-color: #5a5a5a !important;
    outline: none !important;
    color: #FF6600 !important;
}  
      
		  
#footer {
	font: bold 1.1em Trebuchet MS, Arial, sans-serif;
	font-variant: small-caps;
	width: 800px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #666666;
	font-size: 11px;
	margin-top: 20px;
	padding-top: 10px;
	background-image: url(media/footer.gif);
	background-repeat: no-repeat;
}
.titletext {
	font-size: 10px;
	color: #FFFFFF;
}

#pictureWrapper {
	float: left;
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 10px;
}

#pictureWrapperRight {
	float: right;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 10px;
}

.picBorder {
	background-color: #FFFFFF;
	padding: 5px;
	border: #FF6600 solid 1px;
}

.picBorderIndex {
	background-color: #FFFFFF;
	padding: 5px;
	border: #FF6600 solid 1px;
	margin-top: 26px;
	margin-bottom: 22px;
}

.picBorderIndexRight {
	background-color: #FFFFFF;
	padding: 5px;
	border: #FF6600 solid 1px;
	margin-top: 15px;
	margin-bottom: 22px;
}

.picBordermap {
	background-color: #FFFFFF;
	padding: 5px;
	border: #FF6600 solid 1px;
}


.popup{
position: relative;
z-index: 0;
text-decoration: none;
}

.popup:hover{
background-color: transparent;
z-index: 50;
text-decoration: none;
}

.popup span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #FFFFcc;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	width: 373px;
	color: black;
	text-decoration: none;
	font-size: 10px;
}

.popup span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
text-decoration: none;
}

.popup:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 30px; /*position where enlarged image should offset horizontally */
text-decoration: none;
}

.popuptext{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	}
	
div.clear {
clear: both;
}
	
	
#view {
	background-image: url(photos/pan.jpg);
	height: 600px;
	width: 3569px;
	border: 4px solid #666666;
}

.notavailable {
	font-size: 16px;
	color: #F00;
	border: solid;
	width: 450px;
	padding: 15px;
	margin-left: 25px;
}

#aboutleft {
	float: left;
	width: 200px;
	margin-left: 15px;	
}

#aboutright {
	float: right;
	width: 575px;
	margin-top: 15px;
}
#sitemapleft {
	float: left;
	width: 300px;
	margin-left: 100px;
}
#sitemapright {
	float: right;
	width: 300px;
	margin-right: 40px;
}

/* About Bariloche Menu */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.urbangreymenu{
width: 190px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: normal 12px Arial;
color: white;
background: #3F82D3; 
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: bold 1.1em Trebuchet MS, Arial, sans-serif;
font-variant: small-caps;
color: white;
background: #3F82D3;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: white;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: #FF6600;
}

.urbangreymenu ul li a:highlight{ /*hover state CSS*/
color: white;
background: #FF6600;
}

a#highlight {
color: white;
background: #FF6600;
}

#termsright {
	float: right;
	width: 400px;
	padding-right: 40px;
	margin-top: 25px;
	border: 1px solid #99b3b4;
}

#header2 {
	position: absolute;
	top: 135px;
	width: 780px;
	height: 30px;
	background-color: #3f82d3;
	border-top-width: 5px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #eb4c07;
	border-bottom-color: #eb4c07;
	padding-top: 10px;
	padding-left: 20px;
}
#bigger {
	margin: 0 auto;   /* align for good browsers */
	text-align: center;
	background-color: #d9e6ee;
	padding: 4px;
	border: 1px solid #9CC;	
	width: 76%;
}
.italic {
	font-style: italic;
}
#contactleft {
	float: left;
	width: 230px;
}
#contactright {
	float: right;
	width: 230px;
}