@charset "utf-8";
/* CSS Document */


/* ------------- BASICS -------------*/
body {
	margin: 0px;
	padding:0;
	text-align:center;
	background-color: #000000;
	scrollbar-face-color:#000000;
	scrollbar-highlight-color:#000000;
	scrollbar-3dlight-color:#1d1d1d;
	scrollbar-darkshadow-color:#1d1d1d;
	scrollbar-shadow-color:#000000;
	scrollbar-arrow-color:#facf1d;
	scrollbar-track-color:#000000;
}

a:link, a:visited, a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #facf1d;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #facf1d;
	font-weight: bold;
}

.h1 {
 	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:2px;
	text-align:right;
	font-size:12px;
	color:#f9cf1e;
	}


/* ------------- CSS -------------*/

#container {
width: 776px;
height:auto;
margin:0 auto;			
text-align:left;
}

#bg {
width:100%;
height: 420px;
margin:0 auto;
background: url('http://www.rubbosp.com.br/Imagens/PNG/BG.png') repeat left;
}



/* ------------- BLOCOS FIXOS-------------*/

#top {
	width:776px;
	height:71px;
	background: url('http://www.rubbosp.com.br/Imagens/JPG/Top_BG.jpg') repeat left;
	float:left;
	}

#menu {
	width:776px;
	height:32px;
	float:left;
	}
	
#menu_home {
	width:776px;
	height:147px;
	float:left;
	}
	
#barra {
	width:776px;
	height:17px;
	background:url('http://www.rubbosp.com.br/Imagens/GIF/BG_textura_bar.gif') repeat left top;
	float:left;
	}

#content {
	width:776px;
	height:161px;
	background:url('http://www.rubbosp.com.br/Imagens/PNG/BG_bottom.png') repeat left;
	float:left;
	
	_height:150px; /* IE6 */
	_width:776px; /* IE6 */

	}

#bottom {
	width:776px;
	height:25px;
	background:url('http://www.rubbosp.com.br/Imagens/GIF/BG_rodape.gif') repeat left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#bbbbbb;
	text-align:center;
	margin-top:4px;
	float:left;
	}
	
#titulo_pages {
	width:250px;
	height:10px;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
	}
	
	
	
/* ------------- BLOCOS - HOME -------------*/

#home_bottom_esq {
	width:57px;
	height:161px;
	float:left;
	background:url('http://www.rubbosp.com.br/Imagens/PNG/BG_Bottom_esquerda.png') no-repeat;

	
	_width:57px; /* IE6 */
	_height:161px; /* IE6 */
	}
	
#home_bottom_dir {
	width:57px;
	height:161px;
	float:left;
	background:url('http://www.rubbosp.com.br/Imagens/PNG/BG_Bottom_direita.png') no-repeat;
	position:relative;
	
	_width:57px; /* IE6 */
	_height:161px; /* IE6 */
	}
	
#home_content01 {
	width:210px;
	height:161px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:justify;
	color:#bbbbbb;
	padding-top:9px;
	padding-bottom:8px;
	padding-right:10px;
	padding-left:0px;
	
	_width:210px; /* IE6 */
	_height:144px; /* IE6 */
	_padding-top:9px; /* IE6 */
	_padding-bottom:0px; /* IE6 */
	}
	
#home_content02 {
	width:285px;
	height:161px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#bbbbbb;
	padding-top:9px;
	padding-bottom:8px;
	padding-left:10px;
	padding-right:10px;
	
	_width:285px; /* IE6 */
	_height:144px; /* IE6 */
	_padding-top:9px; /* IE6 */
	_padding-bottom:0px; /* IE6 */
	}

#home_content03 {
	width:125px;
	height:161px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#bbbbbb;
	padding-top:9px;
	padding-bottom:8px;
	padding-left:10px;
	padding-right:0px;
	
	_width:125px; /* IE6 */
	_height:144px; /* IE6 */
	_padding-top:9px; /* IE6 */
	_padding-bottom:0px; /* IE6 */
	}
	
#home_bar {
	width:1px;
	height:103px;
	background: url('http://www.rubbosp.com.br/Imagens/PNG/divisor_home.png') no-repeat;
	float:left;
	position:relative;
	top:35px;
	}


/* ------------- BLOCOS - GALERIA -------------*/

#content_galeria {
	width:776px;
	height:293px;
	float:left;
	background-color:#000000;
	
	_width:776px; /* IE6 */
	_height:293px; /* IE6 */
	}
	
#galeria_PC {
	width:388px;
	height:273;
	margin-top:10px;
	margin-right:10px;
	text-align:left;
	float:left;
	
	_width:388px; /* IE6 */
	_height:273; /* IE6 */
	_margin-top:10px; /* IE6 */
	_margin-right:10px; /* IE6 */
	}
	
#galeria_EA {
	width:378px;
	height:273;
	margin-top:10px;
	text-align:right;
	float:left;
	
	_width:378px; /* IE6 */
	_height:273; /* IE6 */
	_margin-top:10px; /* IE6 */
	}
	
#content_galeria_PC_EA {
	width:716px;
	height:273px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#bbbbbb;
	background: url('http://www.rubbosp.com.br/Imagens/PNG/BG_content_pages.png') repeat left;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:30px;
	padding-right:30px;
	
	_width:716px;
	_height:243px;
	_padding-top:10px;
	_padding-bottom:0px;
	_padding-left:30px;
	_padding-right:30px;
	}


/* ------------- GALERIA CSS -------------*/	
#img_gal {
	width:320px;
	height:273px;
	float:left;
	background: url('http://www.rubbosp.com.br/Imagens/Galeria/S2_Car_320_INDEX.jpg') no-repeat;
	position:relative;
	left:0px;
	
	_float:left; /* IE6 */
	}
	
ul.fotos {
	position:relative;
	top: 0px;
	left:0px;
	list-style:none;  
	width:390px;
	height:243px;
	padding:0px;
	text-align:left;
	
	*left:-30px; /* IE7 */
	
	_width:370px; /* IE6 */
	_position:relative; /* IE6 */
	_top: 10px; /* IE6 */
	}



.fotos:after {
	display: block;
	content: ".";
	height: 0;
	font-size:0; 
	visibility: hidden;
	clear: both;
	
	_display: block;
	_content: ".";
	_height: 0;
	_font-size:0; 
	_visibility: hidden;
	_clear: both;
	}

ul.fotos li {
	width:100px;
	height:75px;
	float:left; 
	border:0px;
	margin-right:14px;
	margin-bottom:14px;
	
	_margin-right:7px; /* IE6 */
	_margin-bottom:7px; /* IE6 */
	_float:left;  /* IE6 */
}

ul.fotos li img {
	border:none; 
	width:100px;
	height:75px;
}

ul.fotos li span img {
	border:none;
	width:320px;
	height:240px;
	height:auto;
}

ul.fotos a {
	display: block;

	_display: block;
} 
	
ul.fotos a span {
	display: none;
	
	_display: none;
}

ul.fotos a:hover span.legenda {
	display: block;
	text-align:center; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#bbbbbb;
	width:320px;
	position:absolute;
	top:240px;
	left:0px;
}

ul.fotos a:hover span {
	display: block;
    position: absolute; 
	top:-84px; 
	right: 410px; 
	background:#000000;
	border:0px;
	
	*top:-83px; /* IE7 */
	*right: 420px;  /* IE7 */
	
	_display: block;
    _position: absolute; 
	_top:-84px; 
	_right: 410px; 
}

ul.fotos a:hover span.legenda {
	padding:6px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#bbbbbb;
	text-decoration:none;
	
}


/* ------------- EMPRESA -------------*/

#content_empresa {
	width:746px;
	height:273px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#bbbbbb;
	background: url('http://www.rubbosp.com.br/Imagens/PNG/BG_content_pages.png') repeat left;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:0px;
	padding-right:30px;
	
	_width:746px;
	_height:243px;
	_padding-top:10px;
	_padding-bottom:0px;
	_padding-left:0px;
	_padding-right:30px;
	}

#texto {
	width: 520px;
	height:218px;
	overflow:auto;
	padding-right:10px;
	padding-top:5px;
	font-size:11px;
	}

#img_em {
	width:190px;
	height:273px;
	background: url('http://www.rubbosp.com.br/Imagens/JPG/empresa_dec.jpg') no-repeat;
	float:left;
	}

#img_serv {
	width:190px;
	height:273px;
	background: url('http://www.rubbosp.com.br/Imagens/JPG/servicos_dec.jpg') no-repeat;
	float:left;
	}