@import url("common.css");
/*form 24/01/12 ----------------------------*/
.w103 {
	width:103px;
}
.w105 {
	width:105px;
}
.w108 {
	width:108px;
}
.w110 {
	width:110px;
}
.w113 {
	width:113px;
}
.w120 {
	width:120px;
}
.w140 {
	width:140px;
}
.w165 {
	width:165px;
}
.w166 {
	width:166px;
}
.w220 {
	width:220px;
}
.w228 {
	width:228px;
}
.w273 {
	width:273px;
}
/*form 24/01/12 ----------------------------*/

/*fontes ----------------------------*/
.fonteErro { color:#C00; }

.fonteCidadeSaida { color:#060; }
.fonteCidadeChegada { color:#036; }

.fonteLaranja { color:#F90; }

.fonteRed { color:#C00; }
.fonteWhite { color:#FFF; }
.fonteBrown { color:#960; }
.fonteBrown13 { color:#960; font-size:13px }
.fonteBrown14 { color:#960; font-size:14px }

.fonteFFF { color:#FFF; }
.fonteFFF15 { color:#FFF; font-size:15px; }

.fonteC0013 { color:#C00; font-size:13px; }

.font06C { color:#06C;}
a.font06C:link { color:#06C; }
a.font06C:hover { color:#9C0; }

.fontFFF14 { color:#FFF;}
a.fontFFF14:link { color:#FFF; }
a.fontFFF14:hover { color:#090; }

.font333 { color:#333;}
a.font333:link { color:#333; }
a.font333:hover { color:#960; }

.font06C12 { color:#06C; font-size:12px;}

.font000 { color: #000; }

.fontgreen { color: #090; }

.font12green {
	color: #090;
	font-size: 12px;
}
.font13green {
	color: #090;
	font-size: 13px;
}
a.font13green:link { color:#090; }
a.font13green:hover { color:#960; }


.font12brown {
	color: #096;
	font-size: 12px;
}

/*estilos do formulario cadastre-se */

.fontformbold {
	font-weight: bold;
	font-size: 12px; 
	color: #090;
}

.fontTam11 { font-size: 11px;}
.fontTam12 { font-size: 12px;}
.fontTam13 { font-size: 13px;}
.fontTam14 { font-size: 14px;}
.fontTam16 { font-size: 16px;}
/*fontes ----------------------------*/

/*cadastrese ----------------------------*/
.seguranca {
	width: 90%;
	border: 2px solid #C00;
	padding: 10px;
	background: #FFC;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*cadastrese ----------------------------*/

/*explicacoes ----------------------------*/
table.bordasimples {
	background-color:#FFFFCC;
	border:1px solid #996600;
	border-collapse:collapse;
}
table.bordasimples td {
/*	border-collapse:collapse;*/
	border-bottom:1px solid #996600;
}

#conteudo_interno_aux ul li { 
	list-style-type: none; 
	list-style-position:outside;
	margin-bottom: 5px;
	margin-left: 0;
}
/*explicacoes ----------------------------*/

/*background ----------------------------*/
.bckg_CidadeSaida {
	background: url(jpgs/bg_title_green_720.jpg) no-repeat;
	height: 30px;
	width: 720px;
}
.bckg_CidadeChegada {
	background: url(jpgs/bg_title_blue_720.jpg) no-repeat;
	height: 30px;
	width: 720px;
}

.bckg_DadosTrajeto {
	background: url(gifs/box_dados_trajeto.gif) no-repeat;
	height: 27px;
	width: 720px;
	padding-left: 20px;
}

.bckg_DiaSemana{ 
	background: url(jpgs/bg_diasemana.jpg) no-repeat;
	height: 20px;
	width: 88px;
}
.bckg_CidadeChegadaGeral{ background: url(jpgs/bg_title_green_720.jpg) -50px 0;  }
.bckg_CidadeChegadaRight { background: url(jpgs/bg_title_green_720.jpg) -1361px 0;  }


.bckg_cid_esq { background: #006600 url(gifs/bg_curva_esq_verde_trajetos.gif) left 0 no-repeat; }
.bckg_cid_dir { background: #003366 url(gifs/bg_curva_dir_azul_trajetos.gif) right 0 no-repeat; }
.bckg_cid_esq_1  { background: #990000 url(gifs/bg_curva_esq_vemelho_trajetos.gif) left 0 no-repeat; }
.bckg_cid_dir_1 { background: #990000 url(gifs/bg_curva_dir_vemelho_trajetos.gif) right 0 no-repeat; }
.bckg_cla_dir_1 { background: #990000 url(gifs/bg_curva_dir_verde.gif) right 0 no-repeat; }
/*background ----------------------------*/

/*imagens ----------------------------*/
.float_left_img { float: left; margin: 0 10px 8px 0; } /*como sentido horário*/
/*imagens ----------------------------*/

#popTexto {
	width: 400px;
	border: 2px solid #960;
	padding: 10px;
	background: #fff;
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.floated-l.first { position: relative; z-index: 3; }/*Require to get menu working on IE*/
/* BOXES */
/*Green*/
.green-box { width: 166px; padding: 1px; border: 1px solid #060; }
/*Light Green*/
.lightgreen-box { width: 168px; border: 1px solid #9c0; }
/*.lightgreen-box div { padding: 2px 7px 0; }*/
.lightgreen-box form label { display: block; margin-bottom: 5px; }
.lightgreen-box form label.no-margin { margin: 0; }
.lightgreen-box form input { width: 90%; }
.lightgreen-box form input.radioCheck { width: auto; vertical-align: middle; }
.lightgreen-box form input.search-btn { width: 64px; border: none; }
.lightgreen-box form br { display: none; }
/*.lightgreen-box .box-bottom { position: relative; width: 190px; height: 15px; margin: -15px 0 -1px -1px; background: url("gifs/bg_greenbox_bottom.gif") no-repeat bottom; }*/
.lightgreen-box .extrude-bottom { width: 170px; margin: -10px -1px -25px ; background: url("gifs/bg_greenbox_extrude.gif") no-repeat; }
.lightgreen-box .rounded { width: 188px; border: 1px solid #9c0; }

/*busca trajeto*/
.lightgreen-boxT { width: 720px; border: 1px solid #9c0; padding-bottom: 0px; margin-bottom: 0px; position: relative; }
/*.lightgreen-box div { padding: 2px 7px 0; }*/
.lightgreen-boxT input.radioCheck { width: auto; vertical-align: middle; }
.lightgreen-boxT input.search-btn { width: 64px; border: none; }
.lightgreen-boxT p { margin-left: 10px; }

.lightgreen-boxT input.input-p { width: 55px;}
/*Orange*/
.orange-box { width: 570px; }
.orange-box dl { margin-bottom: 10px; }
.orange-box dl.big { margin: 0 5px; }
.orange-box dl dd { color: #06c; font-size: 11px/*11px*/; font-weight: bold; }
.orange-box dl dt { font-size: 11px/*11px*/; text-transform: uppercase; }
.orange-box dl.lil dd { width: 90px; }
.orange-box dl.med dd { width: 150px; }
.orange-box dl.big dd { width: 280px; }
.orange-box .rounded { width: 546px; padding: 10px; border: 2px solid #ff9a02; }
/*Orange-FULL*/
.orange-full { width: 750px; }
.orange-full dl { margin-bottom: 10px; }
.orange-full dl.big { margin: 0 5px; }
.orange-full dl dd { color: #06c; font-size: 11px/*11px*/; font-weight: bold; }
.orange-full dl dt { font-size: 11px/*11px*/; text-transform: lowercase; }
.orange-full dl.lil dd { width: 90px; }
.orange-full dl.med dd { width: 150px; }
.orange-full dl.big dd { width: 280px; }
.orange-full .rounded { width: 546px; padding: 10px; border: 2px solid #ff9a02; }

/* CONTENT */
#buscaCarroeiro { clear: both; }
#buscaCidade { margin-top: 5px; }

/* TOOLTIPS 
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #960;
	background-color: #ffe;
	padding: 5px;
	opacity: 0.95;
}
#tooltip h3, #tooltip div { font-size:11px; margin: 0; }
.detalhes { display: none; }*/

/*novo_box*/

.orange-teste {
	background: url(gifs/bg_orange_box_750_top.gif) no-repeat 0 26px;
	position: relative;
	z-index: 100;
}
.orange-teste h3 { 
	color: #fff;
	background: url("gifs/bg_title_orange_750.gif") no-repeat;
	height: 25px; 
	text-indent: 20px; 
	line-height: 24px;
	width: 750px;
}

.orange-teste .rounded {
	margin: 9px 0 5px;
	width: 726px; 
	padding: 4px 10px 0;
	border: 2px solid #ff9a02;
	border-width: 0 2px 0;
	position: relative;
	z-index:50;
}

.orange-teste .rounded form {
	position: relative;
	top: 0;
	left: 0;
	z-index: 300;
}

.auxiliar_box_bottom {
	background: url(gifs/bg_orange_box_750_bottom.gif) no-repeat;
	height: 11px;
	width: 750px;
	position: relative;
	left:0;
	/*bottom: 0 !important;*/
	bottom: 5px;
	z-index: 37;
	margin-bottom: 7px !important;
	margin-bottom: -3px;
}


/*hover do menu lateral*/

ul.vert-nav li a.font12green:link { color: #090; }
ul.vert-nav li a.font12green:visited { color: #090; }
ul.vert-nav li a.font12green:hover { color: #960; }

ul.vert-nav a.font12brown:link { color: #960; }
ul.vert-nav a.font12brown:visited { color: #960; }
ul.vert-nav a.font12brown:hover { color: #960; }

*:first-child+html a.confirmarVoltar {
	background:url(jpgs/bt_confirmar.jpg) no-repeat;
	display: inline-block;
	width: 70px;
	line-height: 18px;
	color: #fff;
	font-weight:bold;
	position: relative;
	top: -3px !important;
	left: -3px !important;
	left: 13px;
}
a.confirmarVoltar {
	background:url(jpgs/bt_confirmar.jpg) no-repeat;
	display: inline-block;
	width: 70px;
	line-height: 18px;
	color: #fff;
	font-weight:bold;
	position: relative;
	top: 0 !important;
	top: -3px;
	left: 2px;
}
.confirmarVoltar:hover { color: #960; }
*:first-child+html .confirmarVoltar:hover { color: #960; }

.listaStyle { list-style: inside; }