/* choose a suitable font and center the #container div in Internet Explorer */
body {text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:12px; background-color: #000000;
	background-image:url(images/background2.gif);
	margin: 0px auto;
	padding: 0px;
	background-repeat: repeat-x;
}
 
/* o título da página. */
#titulo {display:block;
	text-transform: uppercase;
	color:#525757;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	height:30px;
	width:770px;
	position:relative;
	margin: 0px auto;
	top:95px;
	padding: 0px;
	text-align:center;
	display:block;
	}


/* The containing box for the gallery. */
#container {position:relative; width:770px; height:491px; margin:20px auto 0 auto; border:1px solid #999999; background:#1C1C1C url(images/cab/cab2.jpg) 75px 30px no-repeat;}


/* Removing the list bullets and indentation - add size - and position */
#container ul {width:198px; height:481px; padding:0;  margin:5px; list-style-type:none; float:right;}

#container li {float:left;}

/* Remove the images and text from sight */
#container a.gallery span {position:absolute; width:1px; height:1px; top:-1px; left:-1px; overflow:hidden; background:#666666;}

/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {display:block; color:#990000; text-decoration:none; border:1px solid #999999; margin:1px 2px 1px 2px; text-align:left; cursor:default;}

#container a.slidea {background:url(images/cab/cabfoto1zz.jpg); height:93px; width:60px;}
#container a.slideb {background:url(images/cab/cabfoto2zz.jpg); height:93px; width:60px;}
#container a.slidec {background:url(images/cab/cabfoto3zz.jpg); height:93px; width:60px;}
#container a.slided {background:url(images/cab/cabfoto4zz.jpg); height:60px; width:93px;}
#container a.slidee {background:url(images/cab/cabfoto5zz.jpg); height:60px; width:93px;}
* html #container a.slided {width:91px; w\idth:93px;}
#container a.slidef {background:url(images/cab/cabfoto6zz.jpg); height:60px; width:93px;}
#container a.slideg {background:url(images/cab/cabfoto7zz.jpg); height:60px; width:93px;}
* html #container a.slidef {width:91px; w\idth:93px;}
#container a.slideh {background:url(images/cab/cabfoto8zz.jpg); height:60px; width:93px;}
#container a.slidei {background:url(images/cab/cabfoto9zz.jpg); height:60px; width:93px;}
* html #container a.slideh {width:91px; w\idth:93px;}
#container a.slidej {background:url(images/cab/cabfoto10zz.jpg); height:60px; width:93px;}
#container a.slidek {background:url(images/cab/cabfoto11zz.jpg); height:60px; width:93px;}
* html #container a.slidej {width:91px; w\idth:93px;}
#container a.slidel {background:url(images/cab/cabfoto12zz.jpg); height:60px; width:93px;}
#container a.slidem {background:url(images/cab/cabfoto13zz.jpg); height:60px; width:93px;}
* html #container a.slidel {width:91px; w\idth:93px;}
#container a.sliden {background:url(images/cab/cabfoto14zz.jpg); height:60px; width:93px;}
#container a.slideo {background:url(images/cab/cabfoto15zz.jpg); height:60px; width:93px;}
* html #container a.sliden {width:91px; w\idth:93px;}

/* styling the hovers */
#container a.gallery:hover {border:1px solid #fff;}
#container a.gallery:hover span {position:absolute; width:375px; height:375px; top:30px; left:75px; font-weight:bold; color:#525757; background:#1C1C1C;}
#container a.gallery:hover img {border:1px solid #999999; float:left; margin-right:5px;}
#container a.slideb:hover img {float:right;}

/********************* header2 ****************************/

#header2{
	height:160px;
	width:770px;
	background-image:url(images/header3b.jpg);
	background-repeat: no-repeat;
	margin: 0px auto;
	padding: 0px;
	text-align:center;
}
#header2{
	position:relative;
}
#header2 ul{
	position:relative;
	top:110px;
	display:block;
	margin: 0px auto;
	text-align:center;
}
#header2 ul li{
	display:inline;
	text-align:center;
	margin:auto;
	width:auto;
	border-right: 1px solid #6b7272;	
}
.last{
	border-right: 0px none #6b7272 !important;
}
#header2 ul li a{
	display:inline;
	text-align:center;
	text-decoration:none;
	padding: 0px 10px;
	text-transform: uppercase;
	color:#6b7272;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	
}
#header2 ul li a:hover{
	text-decoration:underline;
}

/********************* footer ****************************/
#footer{
	position:relative;
	text-align:center;
}
#footer span{
	color:#525757;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin:0px, auto;
	text-align:center;
	display:block;
	padding: 10px 0px;
}
#footer ul{
	display:block;
	margin:0px, auto;
	text-align:center;
}
#footer ul li{
	display:inline;
	text-align:center;
	margin:auto;
	width:auto;
	border-right: 1px solid #6b7272;	
}

#footer ul li a{
	display:inline;
	text-align:center;
	text-decoration:none;
	padding: 0px 10px;
	text-transform: uppercase;
	color:#6b7272;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
#footer ul li a:hover{
	text-decoration:underline;
}