/*
	CSS LESS
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear{ clear:both; }

@bt:1px solid red;

@font-face {
    font-family: 'open_sans_lightregular';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#open_sans_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sans_extraboldregular';
    src: url('fonts/opensans-extrabold-webfont.eot');
    src: url('fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-extrabold-webfont.woff') format('woff'),
         url('fonts/opensans-extrabold-webfont.ttf') format('truetype'),
         url('fonts/opensans-extrabold-webfont.svg#open_sans_extraboldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sans_extrabolditalic';
    src: url('fonts/opensans-extrabolditalic-webfont.eot');
    src: url('fonts/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-extrabolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-extrabolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-extrabolditalic-webfont.svg#open_sans_extrabolditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sans_lightitalic';
    src: url('fonts/opensans-lightitalic-webfont.eot');
    src: url('fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-lightitalic-webfont.woff') format('woff'),
         url('fonts/opensans-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-lightitalic-webfont.svg#open_sans_lightitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold_italic';
    src: url('fonts/opensans-bolditalic-webfont.eot');
    src: url('fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

//VARIĆ?VEIS

@openSans:'open_sans_lightregular';
@openSansExtraBold:'open_sans_extraboldregular';
@openSansRegular:'open_sansregular';
@openSansBold:'open_sansbold';
@openSansItalic: 'open_sans_lightitalic';
@openSansBoldItalic: 'open_sansbold_italic';
@openSansExtraBoldItalic: 'open_sans_extrabolditalic';

//FUNƇƕES

.borda-arr (@tamanho){
	border-radius:@tamanho;
	-moz-border-radius:@tamanho;
	-webkit-border-radius:@tamanho;
	behavior:url(css/pie.htc);
}

.borda-arr-comp (@tamanho1, @tamanho2, @tamanho3, @tamanho4){
	border-radius:@tamanho1 @tamanho2 @tamanho3 @tamanho4;
	-moz-border-radius:@tamanho1 @tamanho2 @tamanho3 @tamanho4;
	-webkit-border-radius:@tamanho1 @tamanho2 @tamanho3 @tamanho4;
	-o-border-radius:@tamanho1 @tamanho2 @tamanho3 @tamanho4;
	behavior:url(PIE.htc);
}

.alinhamento{
	display:inline-block;
	zoom: 1; // IE hack to trigger hasLayout
	*display: inline; // IE hack to achieve inline-block behavior
}

.transicao-cor(@tempo){
	-webkit-transition: color @tempo linear;
	-moz-transition: color @tempo linear;
	-o-transition: color @tempo linear;
	-ms-transition: color @tempo linear;
	transition: color @tempo linear;
}

.unselectable {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;   
}

.shadow{
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

//TEXTO

.font1 (@tamanho){
	font:@tamanho @openSans;
}

.font2 (@tamanho){
	font:@tamanho @openSansExtraBold;
}

.font3 (@tamanho){
	font:@tamanho @openSansRegular;
}

.font4 (@tamanho){
	font:@tamanho @openSansBold;
}

.font5 (@tamanho){
	font:@tamanho @openSansItalic;
}

.font6 (@tamanho){
	font:@tamanho @openSansBoldItalic;
}

.font7 (@tamanho){
	font:@tamanho @openSansExtraBoldItalic;
}

//CORES

@preto: #000;
@branco:#fff;

@cinza: #000;
@cinza2:#ebebeb;
@cinza3:#000;
@cinza4:#000;
@cinza5:#fafafa;

@ver:#D30000;
@ver2:#D30000;
@ver3:#c11111;
@ver4:#c11111;

//PLACE HOLDER

//CLASSES

.tit-cont{

	h2{
		.font5(16px);
		color:@cinza;
		text-align:right;
	}

	h1{
		.font7(30px);
		color:@ver;
		text-align:right;
		text-transform:uppercase;
		
	}

	float:left;

	div{
		float:left;
	}

	img{
		float:right;
		margin:18px;
	}
}

.txt-bloc-cont{

	clear: both;

	p{
		.font5(14px);
		color:@cinza3;
	}
		
}

//FIM CLASSES

//INDEX 

//HEADER

#header{
	
	padding:5px 0;
	margin-bottom: 40px;

	#inside-header{
		
		width: 960px;
		margin:0 auto;


		#logo{
			float:left;
			margin-top:20px;
		}

		#info-header{
			
			float:left;
			border-left: 1px solid @cinza2;
			padding:10px 0 10px 20px;
			margin-left: 30px;

			h1{

				i{
					.font5(15px);
					color:@cinza;
					position: relative;
					top:5px;
				}

				b{
					.font6(15px);
					color:@ver;
					position: relative;
					top:5px;
				}

				&:before{
					content:url(images/fone.jpg);
					float:left;
					margin-right: 5px;
				}
			}
		}

		nav{

			float:right;

			ul{
				.borda-arr(5px);
				width:739px;
				overflow: hidden;
				li{
					background: @ver;
					
					.alinhamento;
					border:1px solid @ver2;
					float:left;

					&:hover{
						background:@ver3;
						cursor: pointer;
					}

					height: 19px;
					.font5(14px);
					color:@branco;
					padding:17px 22px;
				}
			}
		}
	}
}

#content{

	width:960px;
	margin:0 auto;

	#banner{
		width:960px;
		
		margin-bottom: 43px;

		.config-banner{
			
			position: relative;
			z-index: 20;
			margin-top:-50px;
		}

		#info-banner{
			width:433px;
			height:67px;
			float:left;
			background: @ver;
			.borda-arr(5px);
			position:relative;
			.config-banner;	
			overflow: hidden;
			
			margin-left: 20px;		

			article{

				float:left;
				margin:11px 15px;

				h1{
					.font5(33px);
					color:@branco;
					position:absolute;
					display:none;

				}
			}

			ul{
				
				
				overflow: hidden;
				.borda-arr(5px);
				position:absolute;
				right:0px;
				display:none;

				li{
					.alinhamento;
					padding:19px 20px;
					border:1px solid @ver2;
					float:left;
					height: 27px;

					&:hover{
						background:@ver3;
						cursor: pointer;
					}
				
				}

				.motor-car{
					.font5(20px);
					color:@branco;
				}

				.ar-car{

					.font5(9px);
					color:@branco;
					padding: 15px 20px;
					height: 35px;
					width:19px;

					span{
						clear:both;
						float:left;
						text-align: center;
						margin:3px 3px;
					}
				}

				.dir-car{

					.font5(9px);
					color:@branco;
					width: 45px;
					padding:15px 13px;
					width:67px;
					height: 35px;

					img{
						margin-left: 20px;
					}

					span{
						clear:both;
						float:left;
						margin-top: 5px;
					}
				}
			}
		}

		#arrows-banner{

			float:right;

			.config-banner;	
			margin-right: 20px;	

			ul{

				overflow: hidden;
				.borda-arr(5px);

				li{
					
					width:67px;
					height: 67px;
					.alinhamento;
					background-color: @ver2;
					background-position: center;
					background-repeat: no-repeat;
					float:left;
					border:1px solid @ver4;

					&:hover{
						background-color:@ver3;
						cursor: pointer;
					}

				}

				.bt-left-banner{
					background-image:url(images/left-arrow.png) ;
				}

				.bt-right-banner{
					background-image:url(images/right-arrow.png);
				}
			}
		}
	}

	#cont-bloc2{

		width:600px;
		float: right;
		
		#list-veic{

			margin-top:20px;

			.aviso-form{

				.font5(14px);
				color:@cinza3;
				
				float:left;

				a{
					.font4(14px);
					color:@ver;
					text-decoration: none;
				}
			}

			ul{
				
				overflow: hidden;
				
				li{
					.alinhamento;
					float:left;

					.number-form2{
						.font5(27px);
						color:@cinza3;
						float:left;
						padding: 9px 4px 9px 16px;
						border:1px solid @cinza2;
						border-right:0;
						margin:0;
						height:35px;

					}
				
					select{
						padding:16px 15px;
						border:1px solid @cinza2;
						border-left:0;
						.font5(14px);
						color:@ver;
						width: 148px;
						outline: none;
						margin:0;

						background: transparent;
						background: url(images/seta2.jpg) no-repeat right @branco;
						background-position:117px;
						appearance:none;
 						-moz-appearance:none;
						-webkit-appearance:none;


					}
				}
			}

			article{
				
				padding:12px 15px;
				width: 565px;
				border-bottom:1px solid @cinza2;
				border-left:1px solid @cinza2;
				border-right: 1px solid @cinza2;

				margin-bottom: 10px;
				
				.number-form{
					.font5(27px);
					color:@cinza3;
					float:left;
					margin-right: 14px;
				}

				ul{

					float:left;
					padding:7px 0;

					li{
						.font5(14px);
						color:@ver;
						margin-right: 15px;

						input{
							float:left;
							margin-right: 5px;
						}

						label{
							float:left;

						}
					}
				}
			}

			.bt-form{

				.borda-arr(5px);
				background: @ver;
				padding:10px 10px;
				border:0;
				float:right;
				cursor:pointer;


				p{
					.font5(21px);
					color:@branco;

					&:before{
						content:url(images/lupa.png);
						float:left;
						margin-right: 5px;
						position: relative;
						top:5px;
					}
				}
			}
		}		
	}

	#cont-bloc1{

		
		float:left;
		width:300px;

		#tarifa-consult{

			width:300px;
			margin-top:20px;

			.item-consult-tarifa{
				margin:0px;
				padding:0;
				ul{
					overflow: hidden;
					margin:0px;
					padding:0;
					li{
						.alinhamento;
						float:left;
						border:1px solid @cinza2;
						
						height:17px;


						&:nth-child(1){

							.font5(14px);
							padding:5px 5px 8px 10px;
							color:@ver;
							width:133px;
							border-left:4px solid @ver;

						}

						&:nth-child(2){

							.font5(12px);
							color:@cinza3;
							width:133px;
							padding:7px 6px 6px;
						}
					}
				}
			}
		}
	}
}

#footer{

	background-image:url(images/footer.jpg);
	background-color: @ver;
	background-position: center top;
	background-repeat: no-repeat;
	height: 218px;
	margin-top:70px;

	#footer-inside{

		width:960px;
		
		margin:0 auto;
	
		position: relative;
		padding-top:90px;

		#end-footer{
			float:left;
			width: 293px;
			height: 72px;
			
			h1{
				.font5(12px);
				color:@branco;
				line-height: 19px;
			}
		}

		#copy{
			.font5(12px);
			color:@branco;
			float:left;
			margin-top:20px;
			margin-left: 50px;
			
		}

		#dev-pbgold{
			.font5(9px);
			color:@branco;
			float:right;
			

			img{
				position: relative;
				top:5px;
				margin-left: 10px; 
			}
		}
	}
}

//EMPRESA

.tit-content{
	h1{
		.font5(30px);
		color:@ver;
		text-transform: uppercase;
	}
}

.txt-int{
	p{
		.font5(14px);
		color: @cinza4;
		margin:10px 0;
	}
}

.config-perfil{
	width:460px;
	
}

.left-perfil{
	.config-perfil;
	float:left;
}

.right-perfil{
	.config-perfil;
	float:right;
}

.bottom-perfil{
	margin-top:30px;
}

//PĆ?GINA SERVIƇOS

#servicos{
	
	margin-top:80px;
	height: 200px;

	li{
		.alinhamento;
		width:273px;
		
		float:left;
		margin-left: 32px;

		header{
			margin-bottom:5px;
			figure{
				float:left;
			}
			h1{
				.font5(30px);
				color:@ver;
				margin-left: 10px;
				float:left;
			}
			height: 63px;
			
		}

		article{
			p{
				.font5(14px);
				line-height: 21px;
				color:@cinza4;	
			}
			
		}
	}
}

//PĆ?GINA CONTATO

.contato-tit{
	float:left;
}

#info-contato{
	
	float:left;
	width: 760px;

	ul{
		height: 100px; 
	
		
		li{
			.alinhamento;
			float:left;
			

			margin-left:30px;

			figure{
				float:left;
				margin-right: 10px;
			}

			article{
				float:left;
				p{
					.font5(14px);
					color:@cinza4;
				}
			}
		}
	}
}

#map{
	float:right;
	border:3px solid @ver;
}

#cont-left{

	width:355px;
	float:left;

	#contato{

		.bt-cont{
			
			background:@ver;
			padding:8px 10px;
			width:60px;
			border:0;
			color:@branco;
			.borda-arr(2px);
			cursor: pointer;
		}

		.config-input{

			background:@ver;
			padding:7px 15px;
			border:0;
			outline: none;
			margin-left: 10px;
			color:@branco;
			.font5(14px);

			&:first-child{
				margin-left:0;
			}

			&::-webkit-input-placeholder {
			    color:@branco;
			}
			&:-moz-placeholder {
			    color:@branco;
			}
			
		}

		ul{
			li{

				margin-bottom:7px;

				.input-g{

					.config-input;

					width:324px;
					padding:7px 15px;
				}

				.input-m{

					.config-input;
					
					width:140px;
					padding:7px 15px;
				}

				.sel-m{

					.config-input;
					width:170px;
					padding:6px 5px 6px 10px;
					margin-left: 10px;
				
					background: transparent;
					background: url(images/seta.jpg) no-repeat right @ver;
					background-position:146px;
					-webkit-appearance:none;

					&:first-child{
						margin-left:0;
					}
				}

				.sel-g{

					.config-input;
					width:354px;
					padding:6px 5px;
					margin-left: 10px;

					background: transparent;
					background: url(images/seta.jpg) no-repeat right @ver;
					background-position:330px;
					-webkit-appearance:none;

					&:first-child{
						margin-left:0;
					}
				}
			}
		}
	}
}

//PĆ?GINA VEĆ?CULOS

#veiculos{
	
	margin-top:40px;
	height:160px;
	
	.veiculos-item{

		.alinhamento;
		background:@ver;
		padding:14px 0px;
		width:55px;
		text-align: center;
		p{
			.font5(18px);
			color:@branco;
		}
		
		&:nth-child(15n+1){
			margin-left:0px;
		}
		
		margin-left:5px;
		margin-bottom:10px;
		.borda-arr(3px);
		cursor:pointer;

		/*&:hover{
			background:@ver3;
		}*/

		&:first-child{
			margin-left:0;
		}
	
		section{

			/*@media all and (max-width: 1300px) {

			
						//margin-left:-413px;
						background-color:#ccc;
					
				
			}*/

			position:absolute;
			margin-top:22px;
			z-index:30;
			display:none;
			background:@cinza5;
			//background:#ccc;
			padding:15px 20px;

			.opcoes{
				
				float:left;
				border-left:1px solid @ver;
				border-right:1px solid @ver;
				padding:0 10px;

				.opcoes-list{
					.opcoes-item{
						.font5(12px);
						color:@ver;
						margin:5px 0;
					}
				}
			}

			.nome-carros{
				float:right;

				.list-carros{
					margin:15px 0 15px 30px;
					
				}
			}
		}

		
	}

	

	.selected{
		background:@cinza5;
		//background:#ccc;
		height:34px;
		p{
			color:@ver;
		}

		section{
			display:block;
		}
	}


}

.item-carros{
	.alinhamento;
	background:@ver;
	.font5(21px);
	color:@branco;
	text-transform: uppercase;
	padding:5px 10px;
	.borda-arr(5px);
	margin-left:20px;

	&:first-child{
		margin-left:0;
	}
}

#listaveic{

	margin-top:20px;

	#list-veiculos{
	
	}

}

#right-cont{
		
	left: 50%;
	right: 0;
	z-index: -1;
	position: absolute;
	height:55px;
	top:59px;
   
    div{

	 	background: @ver repeat-x;
	    left: 275px;
	    right: 0;
	    position: absolute;
	    height:55px;
	
    }
}

.left{

    left: 0;
    right: 50%;
    z-index: -1;  
    position: absolute;
   	height:55px;
	top:59px;
	.borda-arr-comp(0px, 5px, 5px, 0px);

	div{

	    background: url(images/fatia.jpg) center left repeat-x;
	    right: 513px;
	    left: 0;
	    position: absolute;
	    height:55px;
	    .borda-arr-comp(0px, 8px, 8px, 0px);
	    
	}
}