@charset "utf-8";

html, body {height: 100%;}

html,body,div,p,ul,ol,li,h1,h2,h3,h4,pre,form,p,button,img {
  	margin: 0;
  	padding: 0;
  	border: 0;
}

body {

  	background-image: url(../i/fundo.gif);
  	font: normal 10px Verdana, Arial, sans-serif;
  	color: #5a5a5a;
}
/* reseta listas e links(ancoras) */
ul,li {list-style-type: none; margin:0;}
a {color:#0071b2;outline: none; text-decoration: underline;}
a:hover {color:#0071b2;text-decoration: none; cursor: pointer;}
/* não mostra o conteudo de <span> dentro dos seguintes elementos */
a span, button span, ul#navigation span, h1 span, h2 span, h3 span {display: none;}


a#geral {color: #5a5a5a; text-decoration: none;}
a#geral:hover {color: #5a5a5a; text-decoration: underline;}

button {
  	display: block;
  	cursor: pointer;}

div.clear {
  	font-size: 1px;
  	line-height: 1px;
  	height: 1px;
	position: relative;
	clear: both;}
	
	
#page_container {
	background: url(i/fundo_site.gif) repeat-y;
	text-align: left;
	width: 836px;
	height:auto;
	margin: 0 auto auto auto;/* 'auto' deixa o conteudo centralizado na horizontal */
 	padding: 0 29px;
}

.fund_esq {
	background-image: url(i/imgs_09.jpg);
	background-repeat: repeat-y;
	background-position:right;
}
.fundo_dir {
	background-image: url(i/imgs_10.jpg);
	background-repeat: repeat-y;
	background-position: left;
}

#cont{
	float: left;
	width:778px;
	height:auto;
	background:#FFFFFF;
}
#cont_mapa{
	float: left;
	width:718px;
	height:auto;
	padding:30px;
}

#submenu{
	float: left;
	width:756px;
	height:15px;
	margin-left:1px;
	margin-right:1px;
	background:#0071B3;
	padding: 10px 10px 10px 10px;
}

	#submenu li {
		height: 15px;
		float: left;
		padding: 0;
		color: #FFFFFF;
		}
			
		#submenu li a {
			height: 17px;
			display: block;
			padding: 0;}
				
			#submenu li a#sub_ativo {
				font: normal 10px Verdana, Arial, sans-serif;
  				color: #FFFFFF;
				text-decoration: none;
				}
		
			#submenu li a#sub:hover  {
				font: normal 10px Verdana, Arial, sans-serif;
  				color: #FFFFFF;
				text-decoration: none;
				}
		
			#submenu li a#sub {
				font: normal 10px Verdana, Arial, sans-serif;
  				color: #CCD7E6;
				text-decoration: underline;
			}		

#foto_in{
	float: left;
	width:380px;
	height:310px;
	background: url(i/fundo_foto_08.jpg) 20px 20px no-repeat;
	padding:0;
}
#contfoto{
	float: left;
	width:380px;
	height:auto;
}
#cont_endereco{
	float: left;
	width:344px;
	height:auto;
	padding: 0 0 0 35px;
}

#posfoto{
	float: left;
	padding:41px 0px 0px 41px;
}
	
#texto{
	float: left;
	width:368px;
	height:auto;
	padding:20px 0px 50px 0px;
}
#texto_atitudes{
	float: left;
	width:368px;
	height:auto;
	padding:20px 0px 50px 0px;
}
#texto ul{list-style-image:url(i/bullet_17.gif);margin-left:9px;padding-left:0}
#texto li{margin-left:8px;padding-left:0;padding-bottom:5px;}
#texto p{margin:0;padding:0}
#texto_atitudes ul{list-style-image:url(i/bullet_17.gif);margin-left:9px;padding-left:0}
#texto_atitudes li{margin-left:8px;padding-left:0;padding-bottom:10px;}
#texto_atitudes p{margin:0;padding:0}
#texto a.end:link,#texto a.end:visited{text-decoration:none; color:#5A5A5A;}
#texto a.end:hover{text-decoration:none;}
#box{
	float: left;
	width:348px;
	height:auto;
	padding:10px;
	background-color:#efefef;
}
#box_cont{
	float: left;
	width:289px;
	height:auto;
	padding:10px;
	background-color:#efefef;
}
#spacer{
	float: left;
	width:368px;
	height:25px;

}

h1#tit_historia { width:338px;height:39px; background: url(i/tit_historia.gif) no-repeat;}
h1#tit_missao { width:338px;height:39px; background: url(i/tit_missao.gif) no-repeat;}
h1#tit_atitudes { width:338px;height:39px; background: url(i/tit_atitudes.gif) no-repeat;}

h1#tit_locacao { width:338px;height:39px; background: url(i/tit_locacao.gif) no-repeat;}
h1#tit_valet { width:338px;height:39px; background: url(i/tit_valet.gif) no-repeat;}
h1#tit_news { width:338px;height:39px; background: url(i/tit_news.gif) no-repeat;}
h1#tit_parcerias { width:338px;height:39px; background: url(i/tit_parcerias.gif) no-repeat;}
h1#tit_modalidades { width:338px;height:39px; background: url(i/tit_modalidades.gif) no-repeat;}

h1#tit_mapa { width:338px;height:39px; background: url(i/tit_mapa.gif) no-repeat;}h1#tit_saopaulo { width:338px;height:39px; background: url(i/tit_saopaulo.gif) no-repeat;}
h1#tit_campinas { width:338px;height:39px; background: url(i/tit_campinas.gif) no-repeat;}
h1#tit_cidades { width:300px;height:28px; font-size:20px; font-weight:normal; letter-spacing:-2px; color:#999999; border-bottom:1px solid #999999}
h1#tit_saojoao { width:338px;height:39px; background: url(i/tit_saojoao.gif) no-repeat;}
h1#tit_florianopolis { width:338px;height:39px; background: url(i/tit_florianopolis.gif) no-repeat;}
h1#tit_rio { width:338px;height:39px; background: url(i/tit_rio.gif) no-repeat;}

h1#tit_contato { width:338px;height:39px; background: url(i/tit_contato.gif) no-repeat;}
h1#tit_solicitacao { width:338px;height:39px; background: url(i/tit_solicitacao.gif) no-repeat;}


h2#subtit {font: normal 11px Verdana, Arial, sans-serif; font-weight:bold; color:#0071b2;}
h2#subtit_grif {font: normal 11px Verdana, Arial, sans-serif; font-weight:bold; color:#0071b2; text-decoration:underline;}



/*formulários*/
.campos {
		height:16px;		
		color: #666666;
		border: 1px solid #cccccc;		
		background: #fff;}
.bot {
	width:71px;
	height:21px;
	font: normal 10px Verdana, Arial, sans-serif;
	color: #FFFFFF;
	background-color: #28156E;
	border: none;
	margin-left:255px;
}
.bot_mapa {
	width:71px;
	height:20px;
	font: normal 10px Verdana, Arial, sans-serif;
	color: #FFFFFF;
	background-color: #28156E;
	border: none;
}


#rodape{
	float:left;
	width:778px;
	height:189px;
}


fieldset.valet 
{
	border:0px solid transparent;
	margin:10px 0 50px;
}

fieldset.valet select
{
	margin:10px 0;
}

fieldset.valet select.slc
{
	float:right;
	margin:0 5px;
	height:20px;
	width:80px;
}

fieldset.valet select.bg
{
	float:right;
	margin:0 135px 0 0;
	height:20px;
	width:140px
	
}

fieldset.valet p
{ 
	margin:10px 0  20px!important;
	display:block;	
}

fieldset.valet div.paragrafo{
	margin:10px 0;
	display:block;
	height:30px;
}

fieldset.valet textarea
{
	width:375px;
	display:block;
	height:90px;
	margin:10px 0;
}
fieldset.valet label
{
	font:normal 11px/14px verdana, arial, sansp-serif;
	color:#7b7b7b;
}

.grds
{
	width:320px;
}


.grd
{
	width:315px;
}

.grdmm
{
	width:305px;
}


.grdm
{
	width:295px;
}

.grdp
{
	width:245px;
}

.mdg
{
	width:200px;
}

.mdm
{
	width:80px;
	margin:-7px  10px 0  0px !important;
}
.paragrafo span.cnz
{
	margin-top:-7px !important;
	**margin-top:-5px; 
}
.mdp
{
	width:50px;
	margin:-7px  0px 0  0px !important;
}

.mdp input{ width:90% !important;}


.input
{
	background: url(i/comeco.png) no-repeat left -2px;
	padding:0px 0 0px 7px;
	height:33px;
	float:right;
	vertical-align:text-top;
	margin:-7px 10px 0;
}

.meio
{
	background:  url(i/meio.png) repeat-x  0  -3px ;	
	**background:  url(i/meio.png) repeat-x  0  -3px ;	
	margin:1px 0;
	padding:5px 0;
	height:25px;
	}
	
.meio input
{
	border:0px solid transparent;
	font:normal 13px/ 18px helvetica, tahoma, arial, sans-serif;
	height:20px;
	vertical-align:middle;
	margin:0;
	width:93%;
}

.meio input:hover, .meio input:active{border:0px solid transparent;}

.fim
{
	background: #FFF url(i/fim.png) no-repeat right center;	
	padding:0px 7px 0 0px ;
	margin-left:-5px;
	height:34px;
	float:right;
	width:3px;
}

.laytxt
{
	background:url(i/textarea.png) no-repeat center;
	padding:2px 5px 5px 7px;
	**padding:5px 5px 5px 14px;
	display:block;
	height:105px;
}

.laytxt textarea
{
	 border:0px solid transparent;
}

.rdp
{
	width:777px;
	border:0px solid transparent;
	min-height:177px;
	text-align:center;
}

.rodape
{
	background: #006dac url(i/rodape.jpg) repeat-x center top;
}

.centro { 
	margin: 10px auto 0;
	text-align:center}

.tlt, .rd0 li.tlt
{
	font:bold 14px/16px "Futura Md BT", helvetica, tahoma, arial, sans-serif;
	font-style: italic;
	color:#FFF;
	margin:0 0 10px 0;
}

.smtlt, .rd0 li.smtlt
{
	
	margin: 10px 0 0  0!important;
}

.rd0
{
	float:left;
	margin: 20px 10px 0 14px;
}

.sgn
{
	padding-top:16px;
}

.tamanho
{
	width:150px;
}

.tamanho2
{
	width:50px;
}

.select
{
	height:31px;
	vertical-align:middle;
	margin:5px 10px 5px 0;
	display:inline-block; 
	background: url(i/borda-seta-esq.png) no-repeat left top;
	padding-left:5px;
}


/* borda-seta-esq */
fieldset.valet .select p
{
	background: url(i/seta.png) no-repeat right;
	color:#7b7b7b;
	padding:4px 0px 3px !important;
	**padding:3px 0px 2px !important;
	position:relative;
	z-index:2;
	border-top:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
	cursor:pointer;
	margin:1px 0 !important;
}
fieldset.valet .select p input
{
	font-size:11px;
	height:15px;
	border:2px solid #FFF;
}

.cntDo, .cntDo1
{
		display:none;
		position:absolute;
		z-index:5;
		left:3px;
		color:#606060;
		background:#fff;
		width:150px;
		margin:0 !important;
		border-left:1px solid #d5d5d5;
		border-right:1px solid #d5d5d5;
		border-bottom:1px solid #d5d5d5;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
}



.cntDo1
{
	width:50px;
}
.cntDo li, .cntDo1 li
{
	margin:5px 0;
	cursor:pointer;
	list-style:none;
}

.rd0 li
{
	margin:2px 0;
}

.rd0 li a, .rd0 li a:link, .rd0 li a:visited, .rd0 li a:hover
{
	color:#fff;
	text-decoration:none;
	font:normal 12px/14px helvetica, tahoma, arial, sans-serif;
}

.rd0 li.indt
{
	margin-left:10px;
}

.red
{
	background:url(i/redepark-vermelho.jpg) no-repeat top left;
}

.blue
{
	background: #009EDF url(i/redepark-azul.jpg) no-repeat top left;
	padding:90px 25px 10px 13px !important;
}

.gray
{
	background:url(i/redepark-cinza.jpg) no-repeat top left;
}

.bloco
{
	width:223px;
	text-align:right;
	padding: 90px 25px 10px 10px;
	float:left;
	font:normal 11px/12px helvetica, tahoma, arial, sans-serif;
	color:#fff;
	height:120px;
}

.bloco .sbb
{
	margin:8px 0 0;
}

.btm
{
	background: url(i/bg-valet.jpg) repeat-x top;
	height: 73px;
}

.btm img{ float:left; margin-top:5px;}
.btm p {
	width:452px;
	float:left;
	padding:20px 10px 10px;
	text-align:center;
}

#header
{
	background: url(i/topomenu.jpg) no-repeat  center top;
	position:relative;
	width:776px;
	padding-top:90px;
}

.hdTlt
{
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
}

.mnHm
{
	margin:0;
	width:779px;
}
.mnHm li{ 
	float:left;
	border-left:1px solid transparent;
	}

.ctnto
{
	position:absolute;
	top:10px;
	right:10px;
}
	
/* globais */


.hlv, a.hlv, a.hlv:link, a.hlv:visited, a.hlv:hover
{
	font-family:helvetica, tahoma, arial, sans-serif;
}

.f11, a.f11, a.f11:link, a.f11:visited, a.f11:hover
{
	font-size:11px;
}

.f12, a.f12, a.f12:link, a.f12:visited, a.f12:hover
{
	font-size:12px;
}

.f13, a.f13, a.f13:link, a.f13:visited, a.f13:hover
{
	font-size:13px;
}

.f14, a.f14, a.f14:link, a.f14:visited, a.f14:hover
{
	font-size:14px;
}
.f18, a.f18, a.f18:link, a.f18:visited, a.f18:hover
{
	font-size:18px;
}

.f28, a.f28, a.f28:link, a.f28:visited, a.f28:hover
{
	font-size:28px;
}

.right, a.right, a.right:link, a.right:visited, a.right:hover
{
	float:right;
}

.vrm, a.vrm, a.vrm:link, a.vrm:visited, a.vrm:hover
{
	color:#de0404;
}

.prt, a.prt, a.prt:link, a.prt:visited, a.prt:hover
{
	color:#000000;
}

.cnz, a.cnz, a.cnz:link, a.cnz:visited, a.cnz:hover
{
	color:#cecece;
}

.cnze, a.cnze, a.cnze:link, a.cnze:visited, a.cnze:hover
{
	color:#7b7b7b;
}

.brn, a.brn, a.brn:link, a.brn:visited, a.brn:hover
{
	color:#FFF;
}

.azl, a.azl, a.azl:link, a.azl:visited, a.azl:hover
{
	color:#83eafc;
}

.azlM, a.azlM, a.azlM:link, a.azlM:visited, a.azlM:hover
{
	color:#005482;
}

.bld, a.bld, a.bld:link, a.bld:visited, a.bld:hover, .rd0 li a.bld
{
	font-weight:bold;
}

.alt, a.alt, a.alt:link, a.alt:visited, a.alt:hover
{
	text-transform:uppercase;
}

.blc, a.blc, a.blc:link, a.blc:visited, a.blc:hover
{
	display:block;
}

.relativo
{
	position:relative;
}
