@charset "utf-8";

@import "reset.css";
@import "default.css";
@import "classes.css";

/* GLOBALS */

a {
color:#DA251D;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

/* ELEMENTS */

/** HEADER */

#header {
z-index:3;
position:relative;
overflow:hidden;
}

#header > .wrapper {
position:relative;
min-width:778px;
max-width:960px;
margin:0 auto;
padding:40px 0 15px;
}

/*** LOGO */

#logo {
width:240px;
height:39px;
text-indent:-999em;
}

#logo h1 a {
display:block;
background:url(../images/layout/logo.png) no-repeat;
width:100%;
height:39px;
}

/*** NAV ***/
#nav ul {
	position:absolute;
	max-width:70%;
	max-height:2em;
	right:0;
	top:58px;
}

	#nav ul li {
		float:left;
		position:relative;
	}

		#nav ul li a {
			z-index:1;
			position:relative;
			display:block;
			white-space:nowrap;
			font-size:1.3em;
			font-weight:bold;
			line-height:30px;
			padding:0 15px;
			color:#222;
		}

			#nav ul .current {
				color:#DA251D;
				font-size:1.6em;
			}

			#nav ul li a:hover {
				color:#DA251D;
				text-decoration:none;
			}

		#nav ul li a:hover + .tooltip {
					visibility:visible;
				}
/* MIDDLE */

#middle {
z-index:2;
position:relative;
background:#fff url(../images/layout/gradient_01.png) bottom repeat-x;
width:100%;
padding-bottom:40px;
border-bottom:1px solid #cacaca;
}



#middle p {
font-size:1.3em;
line-height:150%;
color:#222;
}

#middle h3,
#middle h4 {
color:#222;
}

#middle input[type=text],
#middle select,
#middle textarea {
background-color:#fff;
border:2px solid #cfcfcf;
padding:.3em .6em;
font:1.4em normal Arial, Helvetica;
color:#777;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

#middle input[type=text]:hover,
#middle input[type=text]:focus,
#middle input[type=text].focus,
#middle select:hover,
#middle select:focus,
#middle select.focus,
#middle textarea:hover,
#middle textarea:focus,
#middle textarea.focus,
#middle textarea.active {
color:#222;
border-color:#999;
}

#middle input[type=text].invalid,
#middle textarea.invalid{
border-color:#f00;
}

#environment {

background:#DA251D url(../images/layout/header.jpg) no-repeat top right;
width:100%;
min-width:778px;
height:140px;
margin:auto 0;
}
#home #environment {

background:#DA251D;
width:100%;
min-width:778px;
height:270px;
margin:auto 0;

}

/** HIGHLIGHT */
/* Home highlight and other pages highlight are not the same */

#highlight {
width:100%;
}

#highlight h2{
padding:30px 0 0 0;
color:White;

}
#pageTitle{
min-width:778px;
max-width:960px;
margin:0 auto;
}
/** TRAVELING CONTROL */

#travelingControl {
	z-index:5;
	position:absolute;
	bottom:190px;
	width:100%;
	height:290px;
	overflow:hidden;
}

	#travelingControl > .wrapper {
		position:relative;
		width:100%;
		max-width:960px;
		min-width:778px;
		height:100%;
		margin:0 auto;
	}

#travelingBar {
	position:absolute;
	bottom:81px;
	width:100%;
	height:40px;
    left: 53px;
}

	#travelingBar > * {
		float:left;
	}

	#travelingBar .label {
		z-index:6;
		position:relative;
		/*background:url(../images/sprites/control_label_box.png) top left no-repeat;*/
		width:19.8%;
		height:100%;
		padding-left:.7%;
		white-space:nowrap;
		color:#fff;
		font-size:14px;
		line-height:40px;
		text-align:center;
		text-transform:uppercase;
		text-shadow:0 1px 1px #000;
	}

		#travelingBar .label span {
			z-index:-1;
			position:absolute;
			/*background:url(../images/sprites/control_label_box.png) top right no-repeat;*/
			top:0;
			right:-16px;
			width:25px;
			height:100%;
		}

	#travelingBar #street {
		position:absolute;
		/*background:#222 url(../images/sprites/control_street.jpg) bottom repeat-x;*/
		left:20.4%;
		width:60.6%;
		height:40px;
	}

		#travelingBar #street #selector {
			visibility:hidden;
			position:absolute;
			/*background:url(../images/sprites/control_selector_big.png) no-repeat;*/
			top:-20px;
			width:121px;
			height:76px;
		}

		#travelingBar #street a.control {
			z-index:7;
			position:absolute;
			top:20px;
			width:40px;
			height:100%;
		}

			#travelingBar #street a.control span {
				background:url(../images/sprites/control_arrow.png) no-repeat;
				display:block;
				text-indent:-999em;
				width:50px;
				height:16px;
				margin:12px auto;
				cursor:pointer;
			}

			#travelingBar #street a.control.left,
			#travelingBar #street a.control.left span {
				background-position:top left;
				left:250px;
			}

			#travelingBar #street a.control.left:hover span {
				background-position:bottom left;
			}

			#travelingBar #street a.control.right,
			#travelingBar #street a.control.right span {
				background-position:top right;
				right:242px;
			}

			#travelingBar #street a.control.right:hover span {
				background-position:bottom right;
			}

		#travelingBar #street #vechiles {
			position:relative;
			float:left;
			white-space:nowrap;
			width:0px;
			left:8.5%;
			right:7.5%;
			
		}

			#travelingBar #street #vechiles li {
				display:inline;
			}

				#travelingBar #street #vechiles li a {
					display:inline-block;
					width:24.5%;
					height:25px;
					padding:7px 0 8px 0;
					text-align:center;
				}

	#travelingBar .btn {
		float:right;
		width:19.4%;
	}

		#travelingBar .btn a {
			z-index:6;
			position:absolute;
			width:80%;
			padding:0 10% 0 10%;
		}

		#travelingBar .btn span {
			z-index:-1;
			right:0;
		}

	#travelingContent .section {
		display:none;
		width:100%;
	}

		#travelingContent .section.current {
			display:block;
		}

		#travelingContent .section img {
			display:none;
			position:absolute;
			right:100%;
			bottom:80px;
			z-index:10;
		}

			#travelingContent .section.current img {
				display:block;
				right:50%;
			}

		#travelingContent .section .desc {
			position:absolute;
			top:70px;
			left:51%;
		}

		#travelingContent .section h4 {
			font-size:17px;
			color:#fff;
			text-transform:uppercase;
			text-shadow:0 1px 1px #000;
		}

		#travelingContent .section p {
			width:300px;
			margin-top:40px;
		}

		
/** HOME QUICKIES */

#quickies {
width:100%;
}

#quickies .wrapper {
position:relative;
max-width:960px;
min-width:778px;
margin:0 auto;
overflow:hidden;
}

	#quickies .section {
		float:left;
		width:30%;
		padding:0 1.65%;
	}

		#quickies .section:hover a.more {
			visibility:visible;
		}

	#quickies h3 a {
		display:block;
		margin-bottom:.5em;
		color:#222;
	}

	#quickies a.more {
		visibility:hidden;
	}



#quickies #budget form fieldset > div {
margin-bottom:7px;
overflow:hidden;
}

#quickies #budget form fieldset > div > div {
float:left;
margin-left:10%;
width:45%;
}

#quickies #budget form fieldset > div > div:first-child,
#quickies #budget form fieldset > div > label + div {
margin-left:0;
}

#quickies #budget label {
float:left;
width:18%;
font-size:1.3em;
font-weight:bold;
text-align:right;
line-height:30px;
margin-right:3%;
}

#quickies #budget input,
#quickies #budget select {
width:100%;
}

#quickies #budget #budgetVechiles { width:77%; }
#quickies #budget #budgetUf{ width:7%; }
#quickies #budget #budgetHour { width:15%; }

#quickies #budget .btn {
visibility:hidden;
float:right;
margin-top:15px;
margin-right:40px;
margin-bottom:0;
overflow:visible;
}

	#quickies #budget:hover .btn {
		visibility:visible;
	}


/* PAGES MIDDLE */


#middle h2.notfound {
font-size:4em;
margin-bottom:20px;
}

#middle > .wrapper {
width:100%;
max-width:960px;
min-width:778px;
padding-top:40px;
padding-bottom:10px;
margin:0 auto 10px auto;
overflow:hidden;
}

/** SIDEBAR */

#sidebar {
	float:left;
	width:180px;
	
}

	#sidebar.fixed {
		position:fixed;
		top:0;
		margin:0;
	}

	#sidebar.limit {
		position:absolute;
		top:auto;
		bottom:0;
		left:0 !important;
	}

	#sidebar > * {
		margin-top:20px;
	}

		#sidebar > *:first-child {
			margin-top:0;
		}

	#sidebar:hover a.pin {
		visibility:visible;
	}

	#sidebar a.pin {
		display:block;
		visibility:hidden;
		background:url(../images/sprites/pin.png) top left no-repeat;
		width:20px;
		height:20px;
		margin:5px 0;
		font-size:1.1em;
		line-height:20px;
		white-space:nowrap;
		text-indent:-999em;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}

		#sidebar a.pin:hover {
			background-color:#eee;
			width:100%;
			text-indent:25px;
		}

		#sidebar a.pin.deactived {
			background-position:bottom left;
		}

		#sidebar a.pin + * {
			margin-top:0;
		}

	#sidebar .section {
		background:#ffe6cf;
		padding:10px;
		border:1px solid #fff;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}

		#sidebar .section p {
			color:#000;
		}

			#sidebar .section p a {
				color:#fff;
				font-weight:bold;
				text-decoration:underline;
			}

		#sidebar .section.simple {
			background:none;
			padding:0;
			border:0;
		}

		#sidebar .section.alert p > span:first-child {
			float:left;
			background:url(../images/sprites/icons.png) top center no-repeat;
			width:21px;
			height:18px;
			margin-right:5px;
		}

		#sidebar .section.tab {
			background-image:url(../images/sprites/pass_tip_01.png);
			padding-bottom:70px;
		}

			#sidebar .section.tab p > span:first-child {
				float:left;
				background:url(../images/sprites/key.png) top right no-repeat;
				width:56px;
				height:35px;
				margin-right:5px;
			}

		#sidebar .section.enter {
			background-image:url(../images/sprites/pass_tip_02.png);
			padding-bottom:70px;
		}

			#sidebar .section.enter p > span:first-child {
				float:left;
				background:url(../images/sprites/key.png) top left no-repeat;
				width:56px;
				height:47px;
				margin:5px 5px 0 0;
			}

		#sidebar .section.icons p > span:first-child {
			float:left;
			background:url(../images/sprites/icons.png) bottom right no-repeat;
			width:60px;
			height:29px;
			margin:5px 5px 0 0;
		}

		#sidebar .section p.icon > span:first-child {
			float:left;
			background-image:url(../images/sprites/icons.png);
			margin-right:5px;
			width:17px;
			height:17px;
		}

			#sidebar .section p.icon.tel > span:first-child {
				background-position:top left;
			}
			
			#sidebar .section p.icon.fax > span:first-child {
				background-position:-17px 0;
			}

			#sidebar .section p.icon.email > span:first-child {
				background-position:bottom left;
			}

/*** MENU */

	#sidebar #menu {
		width:100%;
		border:1px solid #ddd;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}

		#sidebar #menu li a {
			display:block;
			background:#fff url(../images/sprites/arrow.png) -500em no-repeat;
			font-size:1.3em;
			color:#222;
			font-weight:bold;
			width:160px;
			padding:10px;
			border-top:1px solid #ddd;
		}

			#sidebar #menu li a:hover {
				background-color:#eee;
				background-position:95% center;
				text-decoration:none;
			}

			#sidebar #menu li:first-child a {
				border-top:0;
			}

/* CONTENT */

#sidebar + #content {
margin-left:200px;
}

#content img.content-img {
float:right;
}

#content h3 {
font:italic normal 2.6em Georgia, Arial;
}

#content ul.list {
margin-top:10px;
}

#content ul.list li {
list-style:disc inside;
font-size:1.3em;
line-height:150%;
}

#content p {
margin-top:10px;
}

#content p:first-child {
margin-top:0;
}

#content p.intro,
#content p.highlight:first-line {
font:normal 2.2em Georgia, Arial;
color:#0a6080;
margin-bottom:.8em;
text-shadow:0 1px #fff, 0 0 50px #08c;
overflow:hidden;
}

#content p.intro:first-line {
font-size:1.5em;
}

#content .section {
	position:relative;
	padding:40px 0;
	border-top:1px solid #ddd;
	overflow:visible;
}

	#content .section.control:hover .control {
		visibility:visible;
	}

	#content .section:first-child {
		border:0;
		padding-top:0;
	}

	#content .section.media .desc,
	#content .section.control .desc {
		padding-right:386px;
		min-height:220px;
	}
	
		#content .section.media.object .desc {
			min-height:240px;
		}

	#content .section .media {
		position:absolute;
		bottom:40px;
		right:0;
	}

		#content .section .media li img {
			position:absolute;
			display:none;
			right:0;
			bottom:0;
		}

			#content .section .media li img.current {
				display:block;
			}

	#content .section .media img {
		border:1px solid #999;
	}

#content .section .control {
visibility:hidden;
position:absolute;
bottom:0;
right:0;
width:100%;
height:31px;
padding:5px 0 4px;
}

#content .section .control.active {
visibility:visible;
}

#content .section .control .btn {
float:left;
margin-left:7px;
}

#content .section .btn.inactive * {
background-position:0 0;
}

#content .section .btn.inactive * * {
background-position:100% 60%;
}

#content .section.control .selector {
z-index:2;
position:absolute;
background:url(../images/sprites/control_selector_small.png) no-repeat;
width:68px;
height:59px;
top:-13px;
right:999em;
overflow:hidden;
}

#content .section .control ul {
float:right;
}

#content .section .control ul li {
float:left;
margin-right:13px;
}

#content .section.control ul li a {
z-index:3;
position:relative;
}

#content .section h3 {
margin-bottom:.5em;
}


/** BUDGET PAGE */

/*** STEP BAR */

#orcamento #stepBar ol {
width:571px;
margin:0 auto;
padding:0;
overflow:hidden;
}

#orcamento #stepBar li {
float:left;
background:url(../images/sprites/budget_steps.png) no-repeat;
width:33.33%;
height:45px;
text-indent:-999em;
list-style:none;
}

#orcamento #stepBar li.current:first-child { background-position:100% 0; }
#orcamento #stepBar li:first-child + li { background-position:0 50%; }
#orcamento #stepBar li:first-child + li.current { background-position:100% 50%; }
#orcamento #stepBar li:first-child + li + li { background-position:0 100%; }
#orcamento #stepBar li:first-child + li + li.current { background-position:100% 100%; }

/*** FORM */

#orcamento form fieldset > div {
clear:both;
padding-right:265px;
}

#orcamento form fieldset > .budgetTopButtons,
#orcamento form fieldset > .budgetBottomButtons {
padding:10px;
}

#orcamento form input[type=text] {
width:12em;
margin:0 5px 5px 0;
}

#orcamento form input[maxlength="2"] { width:1.8em; }
#orcamento form input[maxlength="5"] { width:3.1em; }
#orcamento form input[name$="date"] { width:9em; }
#orcamento form input[name$="name"],
#orcamento form input[name$="company"],
#orcamento form input[name$="email"] { width:17em; }
#orcamento form input[name$="path"] { width:19em; }
#orcamento form input[name$="complement"] { width:8.8em; }

#orcamento form input ~ p,
#orcamento form textarea + p,
#orcamento form .btn + p {
visibility:hidden;
position:absolute;
background-color:#ffffcc;
width:250px;
right:0;
top:0;
padding:10px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

#orcamento form input:hover + p ,
#orcamento form textarea:hover + p,
#orcamento form .btn:hover + p {
z-index:1;
}

#orcamento form input:hover + p,
#orcamento form input:focus + p,
#orcamento form textarea:hover + p,
#orcamento form textarea:focus + p,
#orcamento form .btn:hover + p,
#orcamento form .btn:focus + p,
#orcamento form p.active {
visibility:visible;
}

#orcamento #budgetVechile {
padding-right:250px;
}

#orcamento #budgetVechile:hover > p,
#orcamento #budgetVechile :focus ~ p {
visibility:visible;
top:auto;
bottom:20px;
}

#orcamento #budgetVechile input {
z-index:1;
position:relative;
float:left;
width:111px;
height:92px;
margin:0 10px 10px 0;
padding:0;
outline:none !important;
-moz-appearance:listitem;
-webkit-appearance:listitem;
*border:0;
*float:none;
*margin:0 5px 5px 0;
}

#orcamento #budgetVechile input + label {
float:left;
background:url(../images/sprites/radio.png) no-repeat;
width:102px;
height:72px;
margin-left:-122px;
padding:20px 5px 0;
text-align:center;
font-weight:bold;
*float:none;
*display:inline-block;
*margin:0 0 5px -119px;
}

#orcamento #budgetVechile input:hover + label,
#orcamento #budgetVechile input + label:hover {
background-position:0 100%;
}

#orcamento #budgetVechile input:checked + label {
background-position:100% 0;
color:#fff;
}

/* Fucking IE 8 */
#orcamento #budgetVechile label.checked {
background-position:100% 0;
color:#fff;
}

#orcamento #budgetVechile input:checked:hover + label,
#orcamento #budgetVechile input:checked:focus + label {
background-position:100% 100%;
}

#orcamento #budgetVechile label.checked:hover {
background-position:100% 100%;
}

#orcamento #budgetVechile input + label > img {
display:block;
margin:0 auto 5px;
text-indent:-999em;
}

#orcamento form .btn + p {
left:0;
top:-6px;
width:auto;
max-width:300px;
}

#orcamento form .btn.left-side + p {
top:-16px;
}

#orcamento div > .result {
margin-top:15px;
}

#orcamento .result {
padding:10px;
}



#contato #content .section {
position:relative;
overflow:hidden;
border:0;
padding:0;
margin-top:15px;
}

#contato #content .section img {
position:absolute;
top:0;
right:0;
}

#contato form {
padding-right:396px;
}

#contato input,
#contato textarea {
width:93%;
}

/* FOOTER */


#footer {
position:relative;
max-width:960px;
min-width:778px;
margin:0 auto;
}

/** NAV */


#footerNav ul {
overflow:hidden;
margin-bottom:7px;

}

#footerNav ul {
overflow:hidden;
margin-bottom:7px;
}

#footerNav ul li {
float:left;
border-left:1px solid #cacaca;
}

#footerNav ul li:first-child {
border-left:none;
}

#footerNav ul li:first-child a {
padding-left:0 !important;
}

#footerNav ul li a {
font-size:1.2em;
padding:.2em .5em;
color:#222;
}

#footerNav ul.periferic li a {
color:#777;
}

#footerNav a.external {
position:absolute;
font-size:1.3em;
top:15px;
right:0;
}



/** THE LAST ELEMENT */

#theLastElement > * {
padding:12px 0;
float:right;
}

#theLastElement > *:first-child {
float:left;
}

#theLastElement #copyright p {
font-size:12px;
}



#footer {
position:relative;
max-width:960px;
min-width:778px;
margin:0 auto;
padding-top:15px;
}

#footerNav ul {
overflow:hidden;
margin-bottom:7px;
}

#footerNav ul {
overflow:hidden;
margin-bottom:7px;
}

#footerNav ul li {
float:left;
border-left:1px solid #cacaca;
}

#footerNav ul li:first-child {
border-left:none;
}

#footerNav ul li:first-child a {
padding-left:0 !important;
}

#footerNav ul li a {
font-size:1.2em;
padding:.2em .5em;
color:#222;
}

#footerNav ul.periferic li a {
color:#777;
}

#footerNav a.external {
position:absolute;
font-size:1.3em;
top:15px;
right:0;
}


/** THE LAST ELEMENT */

#theLastElement > * {
padding:12px 0;
float:right;
}

#theLastElement > *:first-child {
float:left;
}

#theLastElement #copyright p {
font-size:12px;
}

/** SEALS */

#seals {
border:1px solid #ddd;
border-width:1px 0 1px 0;
margin-top:20px;
padding:20px 0;
text-align:center;
overflow:hidden;
}
#seals ul{
margin:0 auto;
}

#seals li {
display:inline;
padding:0 20px;
}

#seals li img {
vertical-align:middle;
}

/* icons */
#veiculos .icons ul li{
margin-top:10px;

}
#veiculos .icons ul li{
float:left;margin-right:10px;

}
#veiculos .icons ul li img{
width:32px;height:32px;
}
.nav{}