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


/*///// BASICS ///////////////////////////////////////////
//////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////
////////////////////////////////////////////////////////*/

html{
	height:100%;
}

body{
	width:100%;
	height:100%;
	margin:0;
	font-weight:100;
	font-family: 'Exo', sans-serif;
	color:#FFF;
}

img{
	border:none;
}

input:focus, textarea:focus, select:focus{
	outline:none;
}

a{
	text-decoration:none;
	color:inherit;
	cursor:pointer;
}

p.paragrafo {
    text-indent: 2em;
	margin:5px 0;
	text-align:justify;
}

#base{
	position:absolute;
	display:table;
	width:100%;
	height:100%;
	overflow-x:hidden;
	background:#004f9f;
}

#base.oficina{
	background: rgb(138, 138, 138);
}


h3{
	text-transform:uppercase;
	color:#FFF;
	font-family: 'Exo', sans-serif;
}











/*///////HEADER STYLES////////////////////////////////
//////////////////////////////////////////////////*/

#header{
	position:relative;
	display:table;
	width:100%;
	margin:0 auto;
	height:140px;
	background:#FFF;
	color:#333;
	box-shadow:0 4px 4px rgba(0,0,0,.3);
}


#logo{
	position:absolute;
	display:table;
	width:160px;
	height:80px;
	left:56px;
	top:5px;
	background:url(../images/logo-sivon.png) no-repeat;
	background-size:contain;
	background-position:center;
}
















/*///////MENUS STYLES////////////////////////////////
//////////////////////////////////////////////////*/


#top_menu{
	position:absolute;
	display:table;
	top:10px;
	right:20px;
	width:600px;
	color:#333;
	text-align:right;
}

#top_menu #titulo{
	position:absolute;
	display:table;
	right:0;
	top:0;
	font-weight:500;
}

#top_menu #saudacao{
	position:absolute;
	display:table;
	right:0;
	top:20px;
	text-align:right;
	font-weight:500;
	font-size:14px;
	margin:0;
	padding:0;
	text-align:right;
}

#saudacao p{
	margin:0;
	padding:0;
}

span.logoff{
	cursor:pointer;
}

#menu{
	position:relative;
	width:100%;
	color:#333;
	margin-top:100px;
	font-size:14px;
	font-weight:500;
	font-size:16px;
}

#menu ul{
	position:relative;
	display:table;
	margin:10px auto;
	padding:0;
	list-style:none;
	z-index:200;
	text-transform:uppercase;
}

#menu li{
	position:relative;
	display:inline-table;
	float:left;
	margin:0 16px;
	transition:color .2s;
	cursor:pointer;
	font-family: 'Exo', sans-serif;
}

#menu li a:hover{
	color:#666;
}

#menu ul.filho{
	position:absolute;
	display:none;
	top:20px;
	left:-10px;
	background:#FFF;
	box-shadow:0 4px 4px rgba(0,0,0,.2);
	white-space:nowrap;
	padding:20px;
}

#menu ul.filho:before{
	position:absolute;
	display:table;
	content:'';
	top:-40px;
	left:0;
	width:100%;
	height:40px;
}

#menu ul.filho li{
	position:relative;
	display:table;
	float:none;
	clear:both;
	white-space:nowrap;
	margin:4px 0;
}











/*///////BODY STYLES////////////////////////////////
//////////////////////////////////////////////////*/

#body{
	position:relative;
	display:table;
	width:1000px;
	margin:0 auto;
	margin-bottom:230px;
}

#video{
	position:relative;
	display:table;
	width:400px;
	margin:10px auto;
}









/*///////HOME STYLES////////////////////////////////
//////////////////////////////////////////////////*/

#slider{
	position:relative;
	display:table;
	margin-bottom:40px;
}

#home_left{
	position:relative;
	display:table;
	width:480px;
	float:left;
	padding:0 26px;
}

#home_right{
	position:relative;
	display:table;
	width:400px;
	float:right;
	padding:0 26px;
	border-left:#999 dashed 2px;
}

#home_right:before{
	position:absolute;
	display:table;
	content:'';
	width:3px;
	height:20px;
	background:#FFF;
	left:-3px;
	top:0;
}

#home_left h2 span, #home_right h2 span{
	font-weight:bold;
}

#home_left h2:before, #home_right h2:before{
	font-weight:bold;
	content:':: ';
}

#selo, #icones{
	position:relative;
	display:table;
	margin:20px 0 40px 0;
	width:480px;
	color:#4b4b4d;
	font-size:14px;
	font-stretch:condensed;
}

#selo img{
	float:left;
}

#selo p{
	position:relative;
	width:320px;
	float:left;
	margin:6px 0 6px 40px;
}

#icones{
	color:#000;
	font-stretch:normal;
}

#icones h4{
	position:relative;
	display:table;
	width:100px;
	font-weight:normal;
	margin:0;
	padding:10px;
}

#icones img{
	width:100px;
	height:86px;
}

#icone{
	position:relative;
	display:table;
	float:left;
	width:240px;
	margin:10px 0;
}

#icone img{
	float:left;
	margin-right:10px;
}

#obs{
	position:relative;
	display:table;
	width:480px;
	margin:5px 0;
}

form{
	position:relative;
}











/*///////EMPRESA STYLES////////////////////////////////
//////////////////////////////////////////////////*/

#page{
	position:relative;
	display:table;
	width:800px;
	margin:0 auto;
	margin-top:60px;
	margin-bottom:80px;
	color:#333;
	font-weight:light;
	text-align:justify;
}

h1{
	font-size:30px;
	margin-top:15px;
	color:#a9cf46;
	text-align:left;
}

#left h1{
	font-size:20px;
	margin-top:15px;
	color:rgba(255,255,255,.9);
	text-align:left;
	text-align:center;
}

#left h5{
	text-align:justify;
	padding:0 2px;
	margin:0 auto;
	margin-bottom:20px;
}

#page h1:before{
	position:absolute;
	display:table;
	left:-84px;
	top:-18px;
	content:'';
	width:81px;
	height:107px;
	background:url(../../images/sustetent.jpg) no-repeat;
}

#page iframe{
	position:relative;
	display:table;
	margin:10px auto;
}

#texto{
	color:#333;
	font-weight:light;
	text-align:justify;
}










/*///////SUSTENTABILIDADE STYLES////////////////////////////////
//////////////////////////////////////////////////*/

#premios{
	position:relative;
	display:table;
	width:600px;
	margin:20px auto;
}

#premio{
	position:relative;
	display:table;
	margin:30px 0;
}

#premio img{
	display:table;
	float:left;
	margin-right:20px;
}

#premio strong{
	display:table;
	width:400px;
	float:right;
}


















/*///////CONTATO STYLES////////////////////////////////
//////////////////////////////////////////////////*/

#page h3{
	font-size:20px;
	color:#FFF;
}

#log_form{
	position:relative;
	display:table;
	width:300px;
	text-align:left;
	color:#666;
}

form textarea{
	height:100px;
}

form input[type=submit], #left input[type=button], #vistoria input[type=button], #vistoria input[type=submit]{
	position:relative;
	display:table;
	background:#ff0301;
	padding:8px 0;
	width:322px;
	border:none;
	border-radius:0;
	color:#FFF;
	text-transform:uppercase;
	cursor:pointer;
	margin:2px 0;
	float:left;
	clear:both;
}

#vistoria input[type=submit]{
	margin:4px auto;
	float:none;
}

#left input[type=button], #vistoria input[type=button]{
	background:#999;
}

form input[type=submit].conteudo{
	display:inline-block;
	float:none;
	margin:4px;
}

#left input[type=submit], #complete input[type=submit], #vistoria input[type=submit], #left input[type=button]{
	width:422px;
}

table.input td{
	vertical-align:central;
}

#left input[type=checkbox]{
	display:inline-table;
	width:20px;
	height:20px;
	vertical-align:middle;
}

#left input[type=radio]{
	display:inline-table;
	width:20px;
	height:20px;
	vertical-align:middle;
	margin:5px;
	padding:0;
}

#left #item{
	position:relative;
	display:block;
	width:auto;
	background:rgba(0,0,0,.3);
	margin-bottom:4px;
}

#left #item ul{
	position:relative;
	display:table;
	margin:0;
	padding:0;
	width:100%;
}

#left #item li{
	list-style:none;
	display:table;
	margin-left:10px;
}








/*///////LINHAS STYLES////////////////////////////////
//////////////////////////////////////////////////*/


#menu_linha{
	position:relative;
	display:table;
	float:left;
	margin:20px;
}

#menu_linha ul{
	list-style-image:url(../../images/list-style.jpg);
}

#menu_linha li{
	font-size:20px;
	color:#7d6666;
	margin:10px 0;
	transition:color .2s;
}

#menu_linha li.selected{
	color:#a8cf45;
	cursor:default;
}

#menu_linha li:hover{
	color:#a8cf45;
}

#linha{
	position:relative;
	display:table;
	width:760px;
	float:right;
	margin:20px 0 40px 0;
}

#linha h2{
	position:relative;
	display:table;
	font-size:24px;
	color:#a8cf45;
	white-space:nowrap;
	margin-top:40px;
	margin-bottom:0;
	padding:0 46px;
}

#linha h2:before{
	position:absolute;
	display:table;
	content:'';
	width:40px;
	height:53px;
	top:-10px;
	left:0;
	background:url(../../images/sustetent.jpg) no-repeat;
	background-size:40px 53px;
}

#linha img{
	margin:2px;
	padding:0;
}

#imagens{
	position:relative;
	display:table;
	margin:0 auto;
}

#video.instalacao iframe{
	margin:10px;
}



























/*///////FOOTER STYLES////////////////////////////////
//////////////////////////////////////////////////
//////////////////////////////////////////////////
//////////////////////////////////////////////////
//////////////////////////////////////////////////
//////////////////////////////////////////////////*/

#footer{
	position:absolute;
	display:table;
	bottom:0;
	width:100%;
	height:60px;
}

#footer #container:before{
	position:absolute;
	display:table;
	content:'';
	background:#e5e5e5;
	height:155px;
	width:100%;
	left:-100%;
	bottom:0;
	z-index:0;
}

#footer #container:after{
	position:absolute;
	display:table;
	content:'';
	background:#e5e5e5;
	height:83px;
	width:100%;
	right:-100%;
	bottom:0;
	z-index:0;
}

#footer #container{
	position:relative;
	display:table;
	width:1000px;
	margin:0 auto;
	background:#e5e5e5;
}

#footer ul{
	position:relative;
	display:table;
	float:left;
	margin:30px 5px;
	padding:10px;
	white-space:nowrap;
	list-style:none;
	font-size:12px;
	color:#666;
}

#footer li{
	transition:color .2s;
}

#footer li:hover{
	color:#333;
}

#footer .titulo{
	color:#555;
	font-weight:bolder;
	cursor:default;
}

#footer #midias{
	position:absolute;
	display:table;
	height:144px;
	right:0;
	top:-72px;
	color:#FFF;
	background:#4c4c4c;
}

#footer #midias:before{
	position:absolute;
	display:table;
	content:'';
	top:0;
	left:-72px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 72px 72px;
	border-color: transparent transparent #4c4c4c transparent;
}

#footer #midias:after{
	position:absolute;
	display:table;
	content:'';
	top:72px;
	left:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 72px 0 0 72px;
	border-color: transparent transparent transparent #e5e5e5;
}

#footer #midias h3, #footer #midias #btns_midias{
	position:relative;
	display:table;
	margin:26px 30px;
	float:left;
}

#footer #midias h3{
	font-size:36px;
	font-weight:300;
	line-height:30px;
	margin-left:70px;
	margin-right:0;
}

#footer #midias h3 span{
	text-shadow:0 0 2px #FFF;
}

#footer #contato{
	position:relative;
	display:table;
	float:right;
	color:#333;
	font-size:12px;
	margin:90px 20px 0 0;
}

#footer #usa{
	position:relative;
	display:table;
	width:100%;
	padding:10px 0;
	font-size:12px;
	color:#999;
}











































/*///////ADMIN STYLES////////////////////////////////
//////////////////////////////////////////////////
//////////////////////////////////////////////////
//////////////////////////////////////////////////
//////////////////////////////////////////////////
//////////////////////////////////////////////////*/

#video{
	position:relative;
	display:block;
	width:100%;
	text-align:center;
}

#center{
	position:relative;
	display:table;
	margin:0 auto;
}

#log_form input[type=text], #log_form input[type=password]{
	position:relative;
	display:table;
	float:left;
	clear:both;
	width:300px;
	background:#FFF;
	color:#333;
	padding:6px 10px;
	margin:2px 0;
	border:#CCC solid thin;
	resize:none;
	font-size:14px;
	font-family: 'Exo', sans-serif;
	border-radius:0;
}

#bloco_pagina{
	position:relative;
	display:table;
	width:960px;
	padding:20px;
}

#bloco_pagina h4{
	margin-top:0;
	margin-bottom:6px;
	padding:0;
	font-weight:normal;
	color:#666;
}

#left{
	position:relative;
	display:table;
	float:left;
	width:420px;
	padding:20px;
	border:#EEE solid thin;
}

#left.edit{
	background:rgba(255,255,255,.1);
}

span.clear{
	position:absolute;
	display:none;
	top:-28px;
	right:0;
	cursor:pointer;
	height:20px;
	padding:4px 10px;
	background:rgba(255,255,255,.1);
	border-radius:2px 2px 0 0;
}

#left #img img{
	max-width:200px;
	max-height:80px;
}

#left input[type=text], #left input[type=file], #left select, #left textarea, #left input[type=date], #left input[type=password], #vistoria input[type=text], #vistoria textarea{
	width:400px;
	padding:4px 10px;
	font-family: 'Exo', sans-serif;
	font-size:14px;
	border:#999 solid thin;
	background:#FFF;
	margin:10px 0 0 0;
}

#left #placa, #left #estado, #complete #placa, #complete #estado{
	text-transform:uppercase;
}

#left select{
	width:422px;
}

#left textarea, #vistoria textarea{
	height:40px;
	max-width:400px;
}

#left img{
	position:relative;
	display:table;
	margin:10px auto;
}

#galeria{
	position:relative;
	display:table;
	float:left;
	clear:left;
	width:424px;
	height:20px;
	padding:20px;
	background:#DDD;
	margin-top:20px;
}

#galeria:before{
	position:absolute;
	display:table;
	content:'';
	top:-10px;
	left:50%;
	margin-left:-10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7.5px 10px 7.5px;
	border-color: transparent transparent #DDD transparent;
}

#complete{
	position:relative;
	display:table;
	width:920px;
	padding:20px;
	background:#EEE;
}

#right{
	position:relative;
	display:table;
	float:right;
	width:400px;
	background:#EEE;
	padding:20px;
	min-height:10px;
}

#right:before{
	position:absolute;
	display:table;
	content:'';
	top:30px;
	left:-10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7.5px 10px 7.5px 0;
	border-color: transparent #EEE transparent transparent;
}

h2{
	font-family: 'Exo', sans-serif;
	color:#FFF;
	font-weight:500;
	font-size:24px;
	text-transform:uppercase;
	margin:20px 0;
}

label{
	position:relative;
	float:left;
	clear:left;
	margin:6px 6px 0 0;
	font-size:14px;
	padding:2px 6px
}

h2 strong{
	font-weight:normal;
	color:#333;
}

h3{
	font-family: 'Exo', sans-serif;
	color:#FFF;
	font-weight:400;
	font-size:34px;
	font-variant:small-caps;
	margin:20px;
}

h3 strong{
	font-weight:normal;
	color:#333;
}

ul.imgs{
	position:relative;
	display:table;
	margin:0 auto;
	padding:0;
	list-style:none;
	width:100%;
	font-size:14px;
	font-weight:normal;
	text-align:center;
}

ul.imgs li{
	position:relative;
	display:inline-table;
	margin:5px;
	color:#666;
}

ul.imgs li span{
	position:absolute;
	display:block;
	bottom:0;
	left:0;
	background:rgba(0,0,0,.9);
	color:#FFF;
	text-align:center;
	padding:3px 0;
	width:100%;
}

#complete #img{
	position:relative;
	display:table;
}

#complete a.delete{
	position:absolute;
	display:block;
	bottom:10px;
	right:10px;
	background:#0060aa;
	padding:4px 6px;
	border:none;
	color:#FFF;
	text-transform:uppercase;
	cursor:pointer;
	font-size:12px;
	box-shadow:0 0 4px rgba(0,0,0,.6);
}

ul.imgs li input[type=checkbox]{
	position:absolute;
	top:4px;
	left:2px;
	height:20px;
	width:20px;
	cursor:pointer;
}

ul.imgs li input[type=radio]{
	position:absolute;
	top:4px;
	left:2px;
	height:20px;
	width:20px;
	cursor:pointer;
}

#galeria input[type=file]{
	display:table;
	margin-bottom:10px;
}

ul.imgs input[type=button]{
	position:absolute;
	display:table;
	right:4px;
	top:4px;
	background:#0060aa;
	padding:4px 6px;
	border:none;
	color:#FFF;
	text-transform:uppercase;
	cursor:pointer;
	font-size:12px;
	box-shadow:0 0 4px rgba(0,0,0,.6);
}

ul.amb_int li input[type=button]{
	position:absolute;
	right:0;
	bottom:0;
	display:table;
	padding:5px 10px;
	color:#FFF;
	background:#7d6c3f;
	cursor:pointer;
	font-family: 'Exo', sans-serif;
	font-size:16px;
	border:none;
}







ul.linhas{
	position:relative;
	display:block;
	margin:0 auto;
	width:auto;
	padding:0;
	list-style:none;
}

ul.linhas li{
	position:relative;
	display:block;
	width:auto;
	height:22px;
	padding:4px 0;
	padding-left:35px;
	margin:2px;
	background:rgba(0,0,0,.1);
	transition:background .2s;
	color:#004f9f;
	font-weight:500;
}

ul.linhas li:hover{
	background:rgba(0,0,0,.25);
}

ul.linhas li input[type=checkbox]{
	position:absolute;
	top:2px;
	left:2px;
	height:20px;
	width:20px;
}

/* .form-cadastro ul.linhas li input[type=checkbox]{
	position: relative;
	display: inline-block;
	vertical-align: middle;
} */

.form-cadastro .linhas li a{
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

ul.linhas li input[type=button]{
	position:absolute;
	right:0;
	top:0;
	display:table;
	padding:4px 10px;
	color:#FFF;
	background:#F00;
	cursor:pointer;
	font-family: 'Exo', sans-serif;
	font-size:15px;
	border:none;
	height:30px;
}

ul.sanfona{
	position:relative;
	display:block;
	padding:0;
	margin:0;
	list-style:none;
}

ul.sanfona li{
	margin:2px 0;
}

a.bt_drop{
	display:block;
	background:#C90;
	text-align:center;
	color:#FFF;
	padding:5px 0;
}

ul.eq_filho{
	display:none;
}





#right h2{
	position:relative;
	display:block;
	padding:2px 4px;
	font-size:14px;
	width:96%;
	margin:4px 0;
	background:#DDD;
}

#right h4{
	margin:10px 0 4px 20px;
}

#right #buscar, #complete #buscar{
	position:relative;
	display:block;
	margin-bottom:6px;
	text-align:center;
	color:#333;
}

#right #buscar input[type=date], #complete #buscar input[type=date]{
	color:rgba(0,0,0,.7);
	margin:4px;
}

#complete #buscar input[type=date]{
	padding:2px 4px;
	width:180px;
	font-size:12px;
	height:21px;
	vertical-align:middle;
	font-family: 'Exo', sans-serif;
}

#right #buscar select, #complete #buscar select{
	display:inline-block;
	padding:4px;
	width:130px;
	font-family: 'Exo', sans-serif;
}

#right #buscar input[type=text], #complete #buscar input[type=text]{
	display:inline-block;
	padding:4px;
	width:180px;
	font-family: 'Exo', sans-serif;
}

#right #buscar input[type=text].short{
	width:100px;
}

ul.rol{
	position:relative;
	display:table;
	margin:0 auto;
	padding:0;
	width:360px;
	list-style:none;
}

ul.rol li{
	position:relative;
	display:table;
	width:300px;
	padding:4px 0;
	padding-left:40px;
	margin:2px;
	background:rgba(0,0,0,.1);
	transition:all .2s;
	height:22px;
}

ul.rol li:hover{
	background:rgba(0,0,0,.2);
}

ul.rol li input[type=checkbox]{
	position:absolute;
	top:2px;
	left:2px;
	height:20px;
	width:20px;
}

ul.rol li input[type=button]{
	position:absolute;
	right:0;
	top:0;
	display:table;
	padding:4px 10px;
	color:#FFF;
	background:#0060aa;
	cursor:pointer;
	font-family: 'Exo', sans-serif;
	font-size:14px;
	border:none;
	height:30px;
}

#log_form input[type=text], #log_form input[type=password]{
	margin:2px 0;
}












ul.arqs{
	position:relative;
	display:table;
	margin:0 auto;
	padding:0;
	width:360px;
	list-style:none;
	max-width:300px;
}

ul.arqs li{
	position:relative;
	display:table;
	width:260px;
	padding:4px 0;
	padding-left:40px;
	margin:2px;
	background:rgba(0,0,0,.1);
}

ul.arqs li input[type=checkbox]{
	position:absolute;
	top:2px;
	left:2px;
	height:20px;
	width:20px;
}

ul.arqs li input[type=button]{
	position:absolute;
	right:0;
	top:0;
	display:table;
	padding:4px 10px;
	color:#FFF;
	background:#00a859;
	cursor:pointer;
	font-family: 'Exo', sans-serif;
	font-size:16px;
	border:none;
}

h2.drop{
	cursor:pointer;
}

ul.drop_c{
	display:none;
}


#rol_con li{
	padding-left:80px;
	background-position:left center;
	background-repeat:no-repeat;
	background-size:20px;
}

#rol_con li input[type=checkbox]{
	left:24px;
}

#rol_con li.t_1{
	background-image:url(../../images/icons/bd_phone.png);
}

#rol_con li.t_2{
	background-image:url(../../images/icons/bd_fax.png);
}

#rol_con li.t_3{
	background-image:url(../../images/icons/bd_mail.png);
}

#rol_con li.t_4{
	background-image:url(../../images/icons/bd_web.png);
}



#box{
	display:table;
}

#horarios{
	position:relative;
	display:table;
	margin-top:60px;
}

#left input[type=button].remove{
	max-width:80px;
	font-size:12px;
	position:absolute;
	display:table;
	padding:4px;
	top:0;
	right:0;
	margin:0;
}











#detalhes h1{
	color:#FFF;
}

#detalhes h2{
	font-size:20px;
	margin:0;
	padding:0;
}

#detalhes h3{
	font-size:16px;
	color:rgba(255,255,255,.8);
	margin:0;
	margin-top:10px;
	padding:0;
}

#detalhes h4{
	color:rgba(255,255,255,.7);
}

#detalhes span{
	font-size:12px;
}

#detalhes #loja{
	position:relative;
	display:block;
	padding:20px;
	background:rgba(0,0,0,.1);
	margin:4px 0;
}

#detalhes #funcionario, #detalhes #veiculo{
	position:relative;
	display:block;
	padding:20px;
	background:rgba(0,0,0,.1);
	margin:4px 0;
}

#detalhes #veiculo{
	background:rgba(255,255,255,.1);
}

#adicionais{
	display:none;
}

























/*///////CONDICOES////////////////////////////////
//////////////////////////////////////////////////
//////////////////////////////////////////////////
//////////////////////////////////////////////////
//////////////////////////////////////////////////
//////////////////////////////////////////////////*/

#condicoes{
	position:relative;
	display:table;
	width:400px;
	height:525px;
	background:url(../images/mascara_carro.jpg) no-repeat;
	background-size:contain;
	background-position:center;
	margin:10px auto;
}

#condicoes.editando:before{
	position:absolute;
	top:0;
	left:0;
	content:'';
	width:100%;
	height:100%;
	background:rgba(153,0,0,.1);
}

#r_v, 
#r_a, 
#a_v, 
#a_a,
#p_a,
#p_v,
#q_a,
#q_v, 
#r_c, 
#a_c,
#p_c,
#q_c{
	position:absolute;
	width:20px;
	height:20px;
	background-position:center;
	background-size:contain;
	margin-left:-10px;
	margin-top:-10px;
	border-radius:10px;
}

#r_c, 
#a_c,
#p_c,
#q_c{
	opacity:.2;
}

#r_c.apagado, 
#a_c.apagado, 
#p_c.apagado,
#q_c.apagado,
#a_v.apagado, 
#r_v.apagado,
#p_v.apagado,
#q_v.apagado{
	opacity:0;
	z-index:0;
}

.ver{
	z-index:10;
}

.contratos_apagados{
	margin:5px 0;
	display:none;
}

#condicoes #r_v{
	background-image:url(../images/r_2.png);
}

#condicoes #r_a, #condicoes #r_c{
	background-image:url(../images/r_1.png);
}

#condicoes #a_v{
	background-image:url(../images/a_2.png);
}

#condicoes #a_a, #condicoes #a_c{
	background-image:url(../images/a_1.png);
}

#condicoes #p_v{
	background-image:url(../images/p_2.png);
}

#condicoes #p_a, #condicoes #p_c{
	background-image:url(../images/p_1.png);
}

#condicoes #q_v{
	background-image:url(../images/q_2.png);
}

#condicoes #q_a, #condicoes #q_c{
	background-image:url(../images/q_1.png);
}

span.placa, span.placa_b{
	display:inline-table;
	margin-left:18px;
	text-transform:uppercase;
	background:#FFF;
	border:#666 solid thin;
	border-radius:4px;
	padding:2px 3px;
	color:#000;
	font-size:12px;
	text-align: center;	
	width: 64px;
	box-shadow:1px 1px 1px rgba(0,0,0,.4);
}

span.placa_b{
	left:30px;
}

span.data{
	display:inline-table;
	font-size:14px;
	color:rgba(0,0,0,.4);
	width:140px;
}

span.tipo_vistoria{
	display: inline-table;
	margin-left:14px;
	width:80px;
}

span.contrato{
	display: inline-table;
	margin-left:14px;
	width:100px;
}

span.modelo_carro{
	margin-left: 20px;
	font-size: 12px;
	color:rgba(0,0,0,.4);
}

span.n_ava{
	position:absolute;
	right:50px;
	text-align:right;
	font-size:14px;
	color:rgba(0,0,0,.4);
}


#vistoria{
	position:relative;
	display:block;
	width:80%;
	height:90%;
	background:#004f9f;
	padding:20px;
	text-align:center;
}

#vistoria h5{
	position:relative;
	display:block;
	width:auto;
	padding:10px 20px;
	background:rgba(0,0,0,.3);
	font-weight:600;
	margin:5px 0;
}

#vistoria h3{
	font-size:18px;
	text-transform:none;
	margin:5px 10px;
}

#vistoria p{
	padding:0 0 10px 20px;
	margin:0;
}

#vistoria strong{
	font-weight:400;
}

#vistoria #placa, #condicoes #placa{
	position:relative;
	display:inline-table;
	margin:10px;
	width:200px;
	height:80px;
	background:#FFF;
	border-radius:10px;
	border:#666 solid 2px;
	box-shadow:3px 3px 3px rgba(0,0,0,.4);
	color:#000;
	vertical-align:middle;
}

#vistoria #placa #origem, #condicoes #placa #origem{
	position:relative;
	display:table;
	padding:2px 0 0 0;
	width:180px;
	margin:10px auto;
	margin-bottom:4px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	box-shadow:0 2px 2px rgba(0,0,0,.2), 0 -2px 2px rgba(0,0,0,.2);
	text-transform:uppercase;
}

#vistoria #placa #placa_num, #condicoes #placa #placa_num{
	position:relative;
	display:table;
	padding:0;
	width:180px;
	margin:0 auto;
	font-size:30px;
	font-weight:bold;
	text-align:center;
}

#vistoria #form{
	position:relative;
	display:inline-block;
	width:205px;
	margin:2px;
	vertical-align:top;
}

#vistoria #form p{
	font-size:14px;
	line-height:24px;
}

#vistoria #images{
	position:relative;
	display:block;
	text-align:center;
	width:auto;
	margin:0;
	padding:2px;
	padding-top:30px;
}

#vistoria img{
	position:relative;
	display:inline-block;
	margin:2px;
}

img.lightbox{
	cursor:pointer;
}

#lightbox{
	position:fixed;
	display:none;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	overflow:auto;
	z-index:999;
}

#lightbox #box{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	
	-webkit-box-justify-content: center;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-justify-content: center;         /* OLD - Firefox 19- */
	-webkit-justify-content: center;          /* Chrome */
	-ms-justify-content: center;
	justify-content: center;
	
	-webkit-box-align-items: center;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-align-items: center;         /* OLD - Firefox 19- */
	-webkit-align-items: center;          /* Chrome */
	-ms-align-items: center;
	align-items: center;
	
	width:100%;
	height:100%;
}

#lightbox a{
	position:relative;
	display:inline-block;
	margin:4px;
	width:130px;
	text-align:center;
	background:rgba(153,0,0,.9);
	font-weight:bold;
	font-size:24px;
	padding:10px 20px;
	box-shadow:3px 3px 3px rgba(0,0,0,.5);
}

#lightbox a.fecha_lb{
	position:absolute;
	display:table;
	left:50%;
	bottom:26px;
	margin-left:-70px;
	text-align:center;
	width:140px;
	padding:10px 0;
}

#lightbox img{
	max-height:90%;
	max-width:90%;
}

#form span{
	padding:2px 0;
}

#form span.diferente{
	background:#F00;
	padding:2px 6px;
}

#contagem_condicoes{
	position:relative;
	display:table;
	color:#039;
	font-size:10px;
	font-weight:bold;
	z-index:2;
	margin:30px 0 0 8px;
	text-align:left;
}


#observacoes li{
	position:relative;
	list-style:none;
	background:rgba(255,255,255,.05);
	padding:4px 6px;
	padding-right:30px;
	margin:2px 0;
	cursor:default;
	text-align:left;
}

#observacoes li span{
	font-size:10px;
	font-style:italic;
	color:rgba(255,255,255,.5);
}

#observacoes li span:before{
	content:'(';
}

#observacoes li span:after{
	content:')';
}

#observacoes li input[type=button]{
	position:absolute;
	right:0;
	top:0;
	background:#F00;
	width:20px;
	height:100%;
	margin:0;
	border:none;
	color:#FFF;
	text-align:center;
	cursor:pointer;
}

img.pdf{
	position:absolute;
	right:10px;
	top:2px;
	height:25px;
	width:25px;
}

#bloco_vist{
	position:relative;
	display:inline-block;
	margin:2px;
	background:rgba(0,0,0,.2);
	vertical-align:top;
	width:48%;
}

#bloco_vist p{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width:auto;
}

#vistoria #form{
	position:relative;
	display:table;
	margin:0 auto;
}

#vistoria table{
	font-size:12px;
}

#vistoria table{
}

#vistoria td{
	background:rgba(0,0,0,.2);
	padding:2px 10px;
	min-width:100px;
}

#vistoria td.pergunta{
	text-align:left;
}

#vistoria td.diferente{
	background:rgba(255,0,0,.8);
}

.apagar{
	cursor:url(../images/erase.png) 0 20, auto;
}

#ass{
	position:relative;
	display:inline-table;
	width:48%;
}

#box_vistoria{
	position:relative;
	display:block;
	height:74%;
	width:auto;
	overflow:auto;
	padding-bottom:90px;
}

.nicescroll-rails{
	border-radius:5px;
}

span.esqueci{
	display:block;
	margin-top:4px;
	font-size:12px;
	color:#FFF;
	text-align:center;
}

#vistoria #images a.clear{
	position:relative;
	display:inline-table;
	background:none;
	padding:0;
	margin:5px;
	box-shadow:none;
	float:none;
	width:auto;
	height:auto;
}

#vistoria #images a.clear img{
	margin:0;
	box-shadow:4px 4px 4px rgba(0,0,0,.3);
}





















#dados_veic{
	position:absolute;
	display:block;
	width:190px;
	top:0;
	left:-200px;
	text-align:right;
	color:#036;
}

ul.vistorias_condicoes{
	position:absolute;
	display:block;
	color:rgba(0,51,102,.7);
	top:0;
	right:-200px;
	cursor:default;
	width:190px;
	padding:0;
	margin:0;
	list-style:none;
	font-weight:bold;
}

ul.vistorias_condicoes li{
	cursor:pointer;
}

ul.vistorias_condicoes:before{
	content:'Contratos:';
	font-weight:bold;
	color:#036;
}

ul.vistorias_condicoes.oficina:before{
	content:'O.S.:';
	font-weight:bold;
	color:#036;
}

ul.vistorias_condicoes li:hover{
	color:rgba(0,51,102,1);
}














ul.historico_condicoes{
	position:absolute;
	display:block;
	color:rgba(0,51,102,.7);
	top:300px;
	left:-250px;
	cursor:default;
	width:240px;
	padding:0;
	margin:0;
	list-style:none;
	font-weight:normal;
	font-size:12px;
}

ul.historico_condicoes li{
	cursor:pointer;
	text-align:right;
}

ul.historico_condicoes:before{
	display:block;
	width:auto;
	content:'Histórico:';
	font-weight:bold;
	color:#036;
	text-align:right;
	font-size:18px;
}

ul.historico_condicoes li:hover{
	color:rgba(0,51,102,1);
}













ul.logs span.data{
	margin-left:0;
	left:10px;
}

ul.logs li{
	cursor:default;
}

ul.logs span.vfl{
	position:absolute;
	left:50%;
	top:1px;
}

ul.logs span.vfl:before{
	content:'Alteração: ';
	color:rgba(0,0,0,.5);
}

ul.logs span.area{
	display:inline-block;
	margin:0 5px;
	width:100px;
	color:rgba(0,0,0,.8);
	vertical-align:middle;
}































#deslogar{
	position:relative;
	display:none;
	margin:10px auto;
	text-align:center;
	padding:10px 20px;
	background:rgba(255,255,255,.1);
}

#deslogar span{
	position:relative;
	display:table;
	margin:2px auto;
	text-align:center;
}

#deslogar span.logout{
	cursor:pointer;
	font-weight:bold;
}

input.uppercase{
	text-transform:uppercase;
}

ul.ui-autocomplete{
	position:absolute;
	display:table;
	white-space:nowrap;
	width:260px;
	list-style:none;
	padding:10px;
	margin:0;
	border-radius:4px;
	background:#FFF;
	box-shadow:3px 3px 5px rgba(0,0,0,.2);
	color:#036;
	font-weight:500;
}

ul.ui-autocomplete li{
	color:#036;
	font-weight:500;
	padding:4px 10px;
	cursor:default;
}

ul.ui-autocomplete li:focus, ul.ui-autocomplete li:hover, ul.ui-autocomplete li.ui-state-focus{
	background:rgba(0,102,153,.2);
}

input[type=button].reparar{
	cursor:pointer;
}

input[type=button].reparar:focus{
	outline:none;
}

input[type=button].fim_reparar{
	display:none;
	cursor:pointer;
}

input[type=button].repararfim_repararfocus{
	outline:none;
}






.img_container{
	position: relative;
	display: none;
	width: 70px;
	height: 70px;
	margin: 0 0 10px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.img_container.logo_in{
	display: block;
}




.images__image{
	position: relative;
	display: inline-block;
	margin: 5px 5px 30px;
}

.images__bt-download{
	position: absolute !important;
	display: block !important;
	left: 50% !important;
	bottom: 0 !important;
	transform: translate(-50%, 20px) !important;
	font-size: 12px !important;
	width: 90px !important;
	text-align: center;
}

.download_container{
	position: relative;
	display: table;
	margin: 80px auto;
}

.download_container a{
	padding: 14px 30px;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 4px;
}