/*
CSS Document
@copyright: PP Solution
@desenvolvedor: Patrick Pantoja
@site: http://www.ppsolution.com.br
@contato: contato@ppsolution.com.br / patrickpantoja@gmail.com
@whatsapp: (51) 992506673
@ano: 2019
*/
@charset "utf-8";
@font-face {
	font-family: 'Catamaran-Thin';
	src: url('../fonts/Catamaran-Thin.otf') format('opentype'),
	url('../fonts/Catamaran-Thin.eot');
	font-weight: normal;
	font-style: normal;
	local('Catamaran-Thin');
}
@font-face {
	font-family: 'Catamaran-SemiBold';
	src: url('../fonts/Catamaran-SemiBold.otf') format('opentype'),
	url('../fonts/Catamaran-SemiBold.eot');
	font-weight: normal;
	font-style: normal;
	local('Catamaran-SemiBold');
}
@font-face {
	font-family: 'Catamaran-Regular';
	src: url('../fonts/Catamaran-Regular.otf') format('opentype'),
	url('../fonts/Catamaran-Regular.eot');
	font-weight: normal;
	font-style: normal;
	local('Catamaran-Regular');
}
@font-face {
	font-family: 'Catamaran-Medium';
	src: url('../fonts/Catamaran-Medium.otf') format('opentype'),
	url('../fonts/Catamaran-Medium.eot');
	font-weight: normal;
	font-style: normal;
	local('Catamaran-Medium');
}
@font-face {
	font-family: 'Catamaran-Light';
	src: url('../fonts/Catamaran-Light.otf') format('opentype'),
	url('../fonts/Catamaran-Light.eot');
	font-weight: normal;
	font-style: normal;
	local('Catamaran-Light');
}
@font-face {
	font-family: 'Catamaran-ExtraLight';
	src: url('../fonts/Catamaran-ExtraLight.otf') format('opentype'),
	url('../fonts/Catamaran-ExtraLight.eot');
	font-weight: normal;
	font-style: normal;
	local('Catamaran-ExtraLight');
}
@font-face {
	font-family: 'Catamaran-ExtraBold';
	src: url('../fonts/Catamaran-ExtraBold.otf') format('opentype'),
	url('../fonts/Catamaran-ExtraBold.eot');
	font-weight: normal;
	font-style: normal;
	local('Catamaran-ExtraBold');
}
@font-face {
	font-family: 'Catamaran-Bold';
	src: url('../fonts/Catamaran-Bold.otf') format('opentype'),
	url('../fonts/Catamaran-Bold.eot');
	font-weight: normal;
	font-style: normal;
	local('Catamaran-Bold');
}
@font-face {
	font-family: 'Catamaran-Black';
	src: url('../fonts/Catamaran-Black.otf') format('opentype'),
	url('../fonts/Catamaran-Black.eot');
	font-weight: normal;
	font-style: normal;
	local('Catamaran-Black');
}

html {
	/*
	background:url(../imagens/bg-main.jpg) no-repeat center center fixed; 
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	*/
	margin:0;
	padding:0;
}
body {
	font-family: 'Catamaran-Regular', Tahoma, Geneva, Sans-serif;
	width:100%;
	margin:0;
	padding:0;
	font-size:17px;
	color:#111;
	line-height:normal;	
	background-color:#E3E4E6;
}
b, strong {
	/*font-family: 'Catamaran-Bold', Tahoma, Geneva, Sans-serif;*/
}
a, a:hover {
	text-decoration:none;
	color:inherit;
}
#lightbox {
	display:none;
	position:fixed;
	width:100%;
	top:0; right:0; bottom:0; left:0;
	margin:0; padding:0;
	background:#000;
	opacity:.80;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	z-index:9;	
}
#lightbox-pagina {
	display:none;
	position:absolute;
	width:100%;
	left:50%;
	transform: translate(-50%, 0);
	background-color:#FFF;
	z-index:99;
	box-sizing:border-box;
	padding:2%;
	border-radius:20px;
}
	#lightbox-pagina.xsmall {
		max-width:650px;
	}
	#lightbox-pagina.medium {
		max-width:850px;
	}
	#lightbox-pagina.big {
		max-width:900px;
	}
	.lightbox-abrir {
		cursor:pointer;
	}
	#lightbox-pagina #lightbox-fechar {
		position:absolute;
		width:25px;
		height:25px;
		cursor:pointer;
		top:15px;
		right:35px;
		background-image:url(../images/icn-fechar.png);
		background-position:center;
		background-repeat:no-repeat;
		background-size:100%;		
	}
	#lightbox-pagina #peso-1 {
		color:#DF7D17;
		font-size:200%;		
		margin:10px 0;
		line-height:110%;
	}
	#lightbox-pagina #peso-2 {
		color:#2D276D;
		font-size:175%;
		margin:7px 0;
		line-height:110%;
	}
	#lightbox-pagina #peso-3 {
		color:#111;
		font-size:150%;
		margin:3px 0;
		line-height:110%;
	}
	#lightbox-pagina .botao {
		width:50%;
		float:right;
		text-align:right;
		cursor:pointer;
		margin-top:50px;
		font-size:140%;
	}
	/* Visualização de conteúdos */	
	#lightbox-pagina #conteudo {
		width:100%;
		display:table;
	}					
.content {
	position:relative;
	width:90%;
	max-width:900px;
	margin:0 auto;	
	display:table;
	z-index:1;
}
.col-1-2 {
	float:left;
	width:49%;
	margin-right:1%;
	display:table;
}
.col-2-2 {
	float:left;
	width:49%;
	margin-left:1%;
	display:table;
}
.col-1-2b {
	float:left;
	width:29%;
	margin-right:1%;
	display:table;	
}
.col-2-2b {
	float:left;
	width:69%;
	margin-left:1%;
	display:table;
}
.bt-default {
	float:left;
	font-family: 'Catamaran-Bold', Tahoma, Geneva, Sans-serif;
	text-transform:uppercase;
	border-radius:20px;
	padding:13px 0;
	box-sizing:border-box;
	text-align:center;
	margin:15px 0;
	width:100%;
	cursor:pointer;
	font-weight:bolder;
	transition-duration: 1s;
	border:none;
	font-size:90%;
}
	.bt-default:hover {
		transition-property: background-color;
		transition-duration: 1s;		
	}
	.bt-default.blue {
		color:#FFF;
		background-color:#2D276D;	
	}
		.bt-default.blue:hover {
			background-color:#DF7D17;
		}
	.bt-default.bluelight {
		color:#FFF;
		background-color:#1ba2d5;	
	}
		.bt-default.bluelight:hover {
			background-color:#DF7D17;
		}		
	.bt-default.orange {
		color:#FFF;
		background-color:#DF7D17;	
	}
		.bt-default.orange:hover {
			background-color:#2D276D;
		}
	.bt-default.vine {
		color:#FFF;
		background-color:#00acaa;
	}
		.bt-default.vine:hover {
			background-color:#821C1A;
		}	
#divMsgErro, #divMsgOk {
	width:100%;
	float:left;	
	background-color:#F0F0F0;
	box-sizing:border-box;
	text-align:left;
	padding:1%;
	margin-bottom:10px;
	border-radius:10px;
}
	#divMsgErro a, #divMsgOk a {	
		font-weight:bold;
	}
#divMsgErro {
	display:none;
	border-left:4px solid #F00;
	color:#F00;
}
#divMsgOk {
	display:block;
	border-left:4px solid #090;
	color:#090;
}
.row {
	position:relative;
	width:100%;
	display:table;
}
.div-center {
	position:relative;
	margin:0 auto;
	display:table;
}
#mobile {
	display:none;
}
	#mobile #menu-superior-mobile {
		display:none;
	}
#topo {
	width:100%;
	display:table;
	height:70px;
	position:fixed;
	top:0;
	background-color:#00acaa;
	z-index:3;
	-webkit-box-shadow: 0px 2px 4px -2px #666;
	-moz-box-shadow: 0px 2px 4px -2px #666;
	box-shadow: 0px 2px 4px -2px #666;	
}
	#topo #logotipo {
		float:left;
		width:20%;
		height:70px;
	}
		#topo #logotipo #pequeno {
			float:left;
			width:100%;
			height:70px;
			background-size:auto 90%;
			background-repeat:no-repeat;
			background-position:left center;
			background-image:url(../images/duartecmotores-logotipo.png);
			cursor:pointer;
		}
		#topo #logotipo #grande {
			display:none;
		}	
	#topo #menu {
		float:left;
		width:80%;
	}
		#topo #menu ul {
			width:100%;
			margin:0;
			padding:0;
			display:table;			
		}
			#topo #menu ul li {
				position:relative;
				font-family: 'Catamaran-Bold', Tahoma, Geneva, Sans-serif;
				list-style:none;
				float:right;
				width:auto;
				padding:20px;
				padding-right:0;
				text-transform:uppercase;
				text-align:right;
				color:#111;
			}
				#topo #menu ul li.active {
					color:#821C1A;
				}
				#topo #menu ul li a:hover {
					text-decoration:none;
					color:#821C1A;
					cursor:pointer;					
				}		
#site {
	position:relative;
	width:100%;
	display:table;
	margin-top:70px;
}	
	#site .pagina {
		position:relative;
		width:100%;		
		display:table;
	}	
		/* Internas */
		#site #interna {
			z-index:1;
			margin:0;
			height:400px;
		}
			#site #interna a:hover {
				text-decoration:underline;
			}
			#site #interna #revenda-menu {
				width:100%;
				box-sizing:border-box;
				border:2px solid #00acaa;
				margin:0;
			}
				#site #interna #revenda-menu li {
					text-transform:uppercase;
					list-style-type:disclosure-open;
				}
					#site #interna #revenda-menu li ul li {
						text-transform:none;
						list-style:none;
						color:#00acaa;
					}
					#site #interna #revenda-menu li ul li.active {
						color:#821C1A;
					}
			#site #interna .box {
				float:left;
				width:30%;
				height:300px;
				margin:0 1.5%;
				margin-bottom:40px;
				color:#666;
				cursor:pointer;
				line-height:100%;
			}
				#site #interna .box .tipo {
					float:left;					
					width:100%;
					display:table;
					color:#00acaa;
					text-transform:uppercase;
					text-align:center;
					font-size:85%;
					height:30px;
				}
				#site #interna .box .imagem {
					float:left;					
					width:100%;
					height:120px;
					display:table;
					background-size:auto 90%;
					background-repeat:no-repeat;
					background-position:center;					
				}
				#site #interna .box .nome {
					float:left;					
					width:100%;
					display:table;
					border-top:3px solid #821C1A;
					border-bottom:3px solid #821C1A;
					padding:10px 0;
					text-align:center;					
					text-transform:uppercase;
					font-family: 'Catamaran-Bold', Tahoma, Geneva, Sans-serif;
					margin-bottom:5px;
				}
				#site #interna .box .descricao {
					float:left;					
					width:100%;
					display:table;
					line-height:100%;
					text-align:justify;
				}
			#site #interna .titulo {
				width:100%;
				float:left;
				display:table;
				line-height:100%;
			}
				#site #interna .titulo.style-1 {
					text-align:left;
					font-size:250%;					
					font-family: 'Catamaran-Bold', Tahoma, Geneva, Sans-serif;
					display:table;
					color:#821C1A;
					margin:30px 0 15px 0;
				}
				#site #interna .titulo.style-2 {
					text-align:center;
					font-size:250%;
					font-family: 'Catamaran-Bold', Tahoma, Geneva, Sans-serif;
					color:#00acaa;
					margin:15px 0;
				}
			#site #interna .subtitulo {
				width:100%;
				float:left;
				display:table;
				color:#333;
				font-size:110%;
				line-height:110%;
				margin-bottom:15px;
				background-color:#FFF;
				padding:1%;
				box-sizing:border-box;
				font-style:italic;
				border-radius:20px 0;
			}
			#site #interna .text {
				width:100%;
				float:left;
				text-align:justify;
				color:#111;
				font-size:110%;
			}
				#site #interna .text a {
					color:#00acaa;
				}
			#site #interna .col-center {
				position:relative;
				width:100%;
				box-sizing:border-box;
				padding:0 30%;
				display:table;
				z-index:2;
			}
			#site #interna .imagem-centralizada {
				float:left;					
				width:100%;
				height:140px;
				display:table;
				background-size:auto 100%;
				background-repeat:no-repeat;
				background-position:center;					
			}
			#site #interna .table {
				width:100%;
				display:table;
				margin:0;
				padding:0;
			}
				#site #interna .table th {
					text-align:left;
					color:#111;
					font-weight:bold;
					padding-top:10px;
				}
				#site #interna .table td {
					text-align:left;
					color:#DF7D17;					
				}
					#site #interna .table td.active {
						color:#090;
						font-weight:bold;
						font-size:140%;
					}
					#site #interna .table td.desactive {
						font-family: 'Catamaran-Bold', Tahoma, Geneva, Sans-serif;
						color:#F00;						
						font-size:160%;
					}
		/* Home */
		#site #banner {
			width:100%;
			position:relative;
			z-index:1;
			display:table;
		}
			#site #banner .slide {
				display:none;
				width:100%;
				height:445px;
				/*background-image:url(../images/bg-banner-1-1.png);*/
				background-size:100%;
				background-repeat:no-repeat;
			}
				#site #banner .box {
					position:absolute;
					width:100%;
					box-sizing:border-box;
					padding:40px 45% 40px 15%;
					z-index:2;
				}
					#site #banner .box .titulo {
						font-family: 'Catamaran-Bold', Tahoma, Geneva, Sans-serif;
						width:100%;
						font-size:180%;
						text-transform:uppercase;
						color:#333;
						text-align:left;
						line-height:110%;
						margin-bottom:15px;
					}
					#site #banner .box .text {
						font-size:130%;
						color:#333;
						line-height:145%;
						text-align:left;
					}
			#site #banner .ordenacao {
				display:table;
				margin:0 auto;
				height:12px;
				position:relative;
				margin-top:-20px;
			}
				#site #banner .ordenacao .item {
					float:left;
					width:12px;
					height:12px;
					border-radius:50%;
					background-color:#FFF;
					display: table;
					margin:0 4px;
					cursor:pointer;
				}
					#site #banner .ordenacao .item.selected {
						background-color:#821C1A;
					}
		#site #a-empresa {
			position:relative;
			z-index:1;
			display:table;
			margin:35px 0;
		}
			#site #a-empresa .imagem {
				width:100%;
				background-image:url(../images/a-empresa.png);
				height:620px;
				background-position:center;
				background-repeat:no-repeat;
				background-size:100%;
			}
			#site #a-empresa .titulo {
				font-family: 'Catamaran-Bold', Tahoma, Geneva, Sans-serif;
				width:100%;
				font-size:180%;
				text-transform:uppercase;
				color:#1ba2d5;
				text-align:center;
			}
			#site #a-empresa .box {
				float:left;
				width:40%;
				height:130px;
				display:table;
			}
				#site #a-empresa .box.c1 {
					margin-left:10%;
				}
				#site #a-empresa .box.c2 {
					width:35%;
					margin-right:10%;
					margin-left:5%;
				}				
				#site #a-empresa .box .text {
					font-family: 'Catamaran-Light', Tahoma, Geneva, Sans-serif;
					float:left;
					width:100%;
					color:#333;
					text-align:left;
					font-size:110%;
					box-sizing:border-box;
					padding:0 3%;
					display:table;
					line-height:110%;
					border-left:2px solid #00acaa;
					position:relative;
				}
					#site #a-empresa .box .text::before, 
					#site #a-empresa .box .text::after {
						content:"";
						display:block;
						box-sizing:border-box;
						position:absolute;z-index:5; pointer-events: none; 
                      	width:0; height:0; opacity:0;
						/*border-left:2px solid #00acaa;*/
						border-right:2px solid #00acaa;
					}
					#site #a-empresa .box .text::before { 
						border-left:none;
						border-bottom:none;
						left:0;
						top:0;
						transition:width .5s linear 1.5s, height .5s linear 1s, opacity .1s 2s;
					}
					#site #a-empresa .box .text::after {
						border-top:none;
						border-right:none;
						right:0;
						bottom:0;
						transition:width .5s linear .5s, height .5s linear, opacity .1s 1s
					}					
					#site #a-empresa .box .text:hover::before, 
					#site #a-empresa .box .text:hover::after {
						width:100%;
						height:100%;
						opacity:1
					}					
					#site #a-empresa .box .text:hover::before {
						transition:width .5s linear, height .5s linear .5s, opacity .1s
					}
					#site #a-empresa .box .text:hover::after {
						transition:width .5s linear 1s, height .5s linear 1.5s, opacity .1s 1s
					}
					#site #a-empresa .box.c2 .text {
						border-left:8px solid #821C1A;
					}
					#site #a-empresa .box .text .subtitulo {
						font-family: 'Catamaran-Bold', Tahoma, Geneva, Sans-serif;
						color:#DF7D17;
						font-size:110%;
					}			
		#site #servicos {
			width:100%;
			display:table;
			position:relative;
			z-index:2;
			padding:1% 0;
		}		
			#site #servicos .text {
				width:100%;
				text-align:center;
				display:table;
				font-size:120%;
			}
				#site #servicos .text .titulo {
					font-family: 'Catamaran-Bold', Tahoma, Geneva, Sans-serif;
					color:#00acaa;
					font-size:160%;
				}			
			#site #servicos .box {
				font-family: 'Catamaran-Light', Tahoma, Geneva, Sans-serif;
				position:relative;
				float:left;
				width:16%;
				box-sizing:border-box;
				border-radius:20px;
				border:1px solid #821C1A;
				background-color:#E3E4E6;;
				display:table;
				margin: 0.5% 0.33%;
			}
				#site #servicos .box.ver-mais {
					display:block;
				}
				#site #servicos .box.ver-menos {
					display:none;
				}
				#site #servicos .box.oculto {
					display:none;
				}
				#site #servicos .box:hover {
					cursor:pointer;					
				}				
				#site #servicos .box .slide-1 {
					width:100%;
					display:block;
					height:130px;
					background-position:center 20%;
					background-size:auto 60%;
					background-repeat:no-repeat;
					z-index:1;
					border-radius:20px;
				}				
					#site #servicos .box .slide-1.c1 {
						background-image:url(../images/servicos-01.jpg);
					}
					#site #servicos .box .slide-1.c2 {
						background-image:url(../images/servicos-02.jpg);
					}
					#site #servicos .box .slide-1.c3 {
						background-image:url(../images/servicos-03.jpg);
					}
					#site #servicos .box .slide-1.c4 {
						background-image:url(../images/servicos-04.jpg);
					}
					#site #servicos .box .slide-1.c5 {
						background-image:url(../images/servicos-05.jpg);
					}
					#site #servicos .box .slide-1.c6 {
						background-image:url(../images/servicos-06.jpg);
					}
					#site #servicos .box .slide-1.c7 {
						background-image:url(../images/servicos-07.jpg);
					}
					#site #servicos .box .slide-1.c8 {
						background-image:url(../images/servicos-08.jpg);
					}
					#site #servicos .box .slide-1.c9 {
						background-image:url(../images/servicos-09.jpg);
					}
					#site #servicos .box .slide-1.c10 {
						background-image:url(../images/servicos-10.jpg);
					}
					#site #servicos .box .slide-1.c11 {
						background-image:url(../images/servicos-11.jpg);
					}
					#site #servicos .box .slide-1.c12 {
						background-image:url(../images/servicos-12.jpg);
					}
					#site #servicos .box .slide-1.c-ver-mais {
						background-image:url(../images/servicos-ver-mais.png);
					}
					#site #servicos .box .slide-1.c-ver-menos {
						background-image:url(../images/servicos-ver-menos.png);
					}
					#site #servicos .box .slide-1 .titulo {
						position:absolute;					
						bottom:12px;
						width:100%;
						color:#000;
						text-align:center;
						line-height:100%;
						box-sizing:border-box;
						padding:0 3%;
						font-size:90%;
					}
				#site #servicos .box .slide-2 {
					display:none;
					width:250%;
					position:absolute;
					top:-35%;;
					color:#333;
					padding:8%;
					box-sizing:border-box;
					font-size:88%;
					text-align:center;
					z-index:2;
					background-color:#FFF;					
					line-height:110%;
					-webkit-box-shadow: 0px 5px 7px -5px #666;
					-moz-box-shadow: 0px 5px 7px -5px #666;
					box-shadow: 0px 5px 7px -5px #666;
					border-radius:20px;
				}
					#site #servicos .box .slide-2.left {
						left:105%;
					}
					#site #servicos .box .slide-2.right {
						right:105%;
					}
				#site #servicos .box .slide-2:before {
					content: "";
					width: 0;
					height: 0;
					position: absolute;
					top: calc(50% - 12px);					
				}
					#site #servicos .box .slide-2.left:before {
						border-top: 12px solid transparent;
						border-bottom: 12px solid transparent; 
						border-right: 12px solid #821C1A;
						left: -12px;
					}
					#site #servicos .box .slide-2.right:before {
						border-bottom:12px solid transparent;
						border-top:12px solid transparent; 
						border-left:12px solid #821C1A;
						right: -12px;
					}
				#site #servicos .box .slide-2:after {
					content: "";
					width: 0;
					height: 0;
					position: absolute;					
					top: calc(50% - 12px + 1px);					
				}
					#site #servicos .box .slide-2.left:after {
						border-top: 11px solid transparent;
						border-bottom: 11px solid transparent;
						border-right: 11px solid #FFF;
						left: -11px;
					}
					#site #servicos .box .slide-2.right:after {
						border-bottom:11px solid transparent;
						border-top:11px solid transparent; 
						border-left:11px solid #FFF;
						right:-11px;
					}
				#site #servicos .box .slide-2 .titulo {
					font-size:115%;
					padding:5px 0;
					font-weight:bold;
				}
		#site #clientes {
			position:relative;
			z-index:1;
			box-sizing:border-box;			
		}
			#site #clientes .clientes-left {
				content:"";
				width:0;
				height:0;
				position:absolute;
				border-top:20px solid transparent;
				border-bottom:20px solid transparent; 
				border-right:20px solid #821C1A;					
				top:calc(60% - 20px);
				left:0;
				cursor:pointer;
				z-index:2;
			}
			#site #clientes .clientes-right {
				content:"";
				width:0;
				height:0;
				position:absolute;
				border-bottom:20px solid transparent;
				border-top:20px solid transparent; 
				border-left:20px solid #821C1A;
				top:calc(60% - 20px);
				right:0;
				cursor:pointer;
				z-index:2;
			}
			#site #clientes .titulo {
				font-family: 'Catamaran-Bold', Tahoma, Geneva, Sans-serif;
				width:100%;
				font-size:180%;
				color:#333;;
				text-align:center;
				text-transform:uppercase;
				margin:20px 0;
			}			
			#site #clientes .slide {
				width:100%;
				display:table;
				padding:0 40px;
				box-sizing:border-box;
			}
				#site #clientes .slide .box {
					float:left;
					display:table;
					width:18%;
					margin:15px 1%;					
					height:100px;
					background-color:#FFF;
					background-size:80% auto;
					background-position:center center;
					background-repeat:no-repeat;
					border-radius:20px;
				}
		#site #contato {
			position:relative;
			z-index:1;
			padding:30px 0;
		}
			#site #contato .titulo {
				width:100%;
				font-family: 'Catamaran-Bold', Tahoma, Geneva, Sans-serif;
				font-size:225%;
				color:#333;
				text-align:left;
				float:left;
				text-transform:uppercase;
				margin-bottom:10px;
			}
			#site #contato .box {
				float:left;				
				display:table;
			}
				#site #contato .box.c1 {
					width:40%;
				}
					#site #contato .box.c1 .text {
						color:#333;
					}
				#site #contato .box.c2 {
					width:55%;
					margin-left:5%;
				}
					#site #contato .box.c2 form {
						float:left;
						width:100%;
						display:table;						
					}
						/*
						#site #contato .box.c2 form label {
							float:left;
							width:100%;
							text-align:left;
							font-size:150%;
							color:#821C1A;
						}*/
						#site #contato .box.c2 form input[type="text"],
						#site #contato .box.c2 form textarea {
							float:left;
							width:100%;
							padding:2%;
							box-sizing:border-box;
							border: 2px solid #FFF;
							border-radius:10px;
							margin-bottom:8px;
							font-family:inherit;
							font-size:inherit;
						}
						#site #contato .box.c2 form .botao {
							float:right;
							width:30%;
						}
		#site #endereco {
			position:relative;
			z-index:1;
			background-color:#333;
			display:table;
		}
		#site #footer {
			position:relative;
			z-index:1;
			background-color:#821C1A;
			display:table;
		}			
			#site #footer ul {
				width:100%;
				margin:0;
				padding:0;
				display:table;			
			}
				#site #footer ul li {
					font-family: 'Catamaran-Bold', Tahoma, Geneva, Sans-serif;
					list-style:none;
					float:right;
					width:auto;
					padding:25px;
					padding-right:0;
					text-transform:uppercase;
					text-align:right;
					color:#FFF;
				}				
					#site #footer ul li.active {
						color:#00acaa;
					}
					#site #footer ul li a:hover {
						text-decoration:none;
						color:#00acaa;
					}					
#goTop {
	position:fixed;
	cursor:pointer;
	right:10px;
	bottom:30px;
	width:50px;
	height:50px;
	border-radius:50%;
	background-color:#00acaa;
	display:none;
	background-position:center;
	background-repeat:no-repeat;
	background-size:55%;	
	z-index:3;
}
	#goTop:hover {
		transition-property: background-color;
		transition-duration: 1s;	
		background-color:#821C1A;
	}
	
@media screen and (max-width: 900px) {	
	html {}
	body {
		font-size:90%;
	}
	b, strong {}
	a, a:hover {}
	#lightbox {}
	#lightbox-pagina {}
	.content {
		width:95%;
	}
	.col-1-2 {
		width:100%;
		margin:0;
	}
	.col-2-2 {
		width:100%;
		margin:0;
	}
	.col-1-2b {
		width:100%;
		margin:0;
		margin-bottom:20px;
	}
	.col-2-2b {
		width:100%;
		margin:0;
	}
	.bt-default {}
	#divMsgErro, #divMsgOk {}
	.row {}
	.div-center {}
	#mobile {
		display:table;
		width:100%;	
		height:60px;
		position:fixed;
		top:0;
		color:#FFF;
		z-index:4;
		-webkit-box-shadow: 0px 2px 5px -2px #666;
		-moz-box-shadow: 0px 2px 5px -2px #666;
		box-shadow: 0px 2px 5px -2px #666;
	}
		#mobile #menu-superior-mobile {
			z-index:5;
			width:100%;
			display:table;
			height:60px;
			background-image:url(../images/duartecmotores-logotipo.png);
			background-repeat:no-repeat;
			background-position:center;
			background-size:auto 80%;
			background-color:#00acaa;
		}
			#mobile #menu-superior-mobile #icn-menu-mobile {
				float:right;
				width:50px;
				height:60px;
				background-image:url(../images/icn-menu-mobile-2.png);
				background-repeat:no-repeat;
				background-position:center;
				display:table;
				z-index:5;
				cursor:pointer;
			}		
			#mobile #menu-superior-mobile ul {
				width:70%;
				margin:0;
				padding:0;
				right:0;
				display:none;
				position:absolute;
				top:60px;
				z-index:6;
				background-color:#821C1A;
			}				
			#mobile #menu-superior-mobile li {
				width:90%;
				font-size:100%;
				color:#FFF;
				padding:12px 0;
				padding-left:10%;
				margin:0;
				text-align:left;
				text-transform:uppercase;
				list-style:none;
				cursor:pointer;
			}
				#mobile #menu-superior-mobile li:hover {
					background-color:#00ACAA;
				}			
	#topo {
		display:none;
	}	
	#site {
		margin-top:60px;
	}
		#site .pagina {}
			/* Internas */
			#site #interna {}
				#site #interna a:hover {}
				#site #interna #revenda-menu {}
					#site #interna #revenda-menu li {}
						#site #interna #revenda-menu li ul li {}
							#site #interna #revenda-menu li ul li.active {}
				#site #interna .box {
					height:275px;
				}
					#site #interna .box .tipo {}
					#site #interna .box .imagem {
						height:80px;
					}
					#site #interna .box .nome {}
					#site #interna .box .descricao {}
				#site #interna .titulo {}
					#site #interna .titulo.style-1 {}
					#site #interna .titulo.style-2 {}
				#site #interna .subtitulo {}
				#site #interna .text {}
					#site #interna .text a {}
				#site #interna .col-center {}					
				#site #interna .table {}
					#site #interna .table th {}
					#site #interna .table td {}
						#site #interna .table td.active {}
						#site #interna .table td.desactive {}					
			/* Home */
			#site #banner {}
				#site #banner .slide {
					height:220px;
				}
					#site #banner .box {
						display:none;
					}
						#site #banner .box .titulo {}
						#site #banner .box .text {}
				#site #banner .ordenacao {}
					#site #banner .ordenacao .item {}
						#site #banner .ordenacao .item.selected {}
			#site #a-empresa {
				margin:15px 0;
			}
				#site #a-empresa .imagem {
					height:300px;
				}
				#site #a-empresa .titulo {}
				#site #a-empresa .box {
					width:45%;
				}
					#site #a-empresa .box.c1 {
						margin-left:5%;
					}
					#site #a-empresa .box.c2 {
						width:40%;
						margin-right:5%;
						margin-left:5%;
					}				
					#site #a-empresa .box .text {}
						#site #a-empresa .box .text::before, 
						#site #a-empresa .box .text::after {}
						#site #a-empresa .box .text::before {}
						#site #a-empresa .box .text::after {}					
						#site #a-empresa .box .text:hover::before, 
						#site #a-empresa .box .text:hover::after {}					
						#site #a-empresa .box .text:hover::before {}
						#site #a-empresa .box .text:hover::after {}
						#site #a-empresa .box.c2 .text {}
						#site #a-empresa .box .text .subtitulo {}			
			#site #servicos {}		
				#site #servicos .text {}
				#site #servicos .box {
					width:32%;
					margin: 1% 0.66%;
				}
					#site #servicos .box:hover {
						cursor:pointer;					
					}				
					#site #servicos .box .slide-1 {
						background-size: auto 45%;
					}				
						#site #servicos .box .slide-1.c1 {}
						#site #servicos .box .slide-1.c2 {}
						#site #servicos .box .slide-1.c3 {}
						#site #servicos .box .slide-1.c4 {}
						#site #servicos .box .slide-1.c5 {}
						#site #servicos .box .slide-1.c6 {}
						#site #servicos .box .slide-1.c7 {}
						#site #servicos .box .slide-1.c8 {}
						#site #servicos .box .slide-1.c9 {}
						#site #servicos .box .slide-1.c10 {}
						#site #servicos .box .slide-1.c11 {}
						#site #servicos .box .slide-1.c12 {}
						#site #servicos .box .slide-1 .titulo {
							font-size:75%;						
						}
					#site #servicos .box .slide-2 {}
						#site #servicos .box .slide-2.left {}
						#site #servicos .box .slide-2.right {}
					#site #servicos .box .slide-2:before {}
						#site #servicos .box .slide-2.left:before {}
						#site #servicos .box .slide-2.right:before {}
					#site #servicos .box .slide-2:after {}
						#site #servicos .box .slide-2.left:after {}
						#site #servicos .box .slide-2.right:after {}
					#site #servicos .box .slide-2 .titulo {}
			#site #clientes {}
				#site #clientes .clientes-left {
					content:"";
					width:0;
					height:0;
					position:absolute;
					border-top:20px solid transparent;
					border-bottom:20px solid transparent; 
					border-right:20px solid #821C1A;					
					top:calc(60% - 20px);
					left:0;
					cursor:pointer;
					z-index:2;
				}
				#site #clientes .clientes-right {
					content:"";
					width:0;
					height:0;
					position:absolute;
					border-bottom:20px solid transparent;
					border-top:20px solid transparent; 
					border-left:20px solid #821C1A;
					top:calc(60% - 20px);
					right:0;
					cursor:pointer;
					z-index:2;
				}
				#site #clientes .titulo {}			
				#site #clientes .slide {}
					#site #clientes .slide .box {
						width:19%;
						margin:8px 0.5%;
						height:60px;
						background-size:90% auto;
						border-radius:10px;
					}
			#site #contato {}
				#site #contato .titulo {}
				#site #contato .box {}
					#site #contato .box.c1 {
						width:100%;
						margin-bottom:30px;
					}
						#site #contato .box.c1 .text {}
					#site #contato .box.c2 {
						width:100%;
						margin-left:0;
					}
						#site #contato .box.c2 form {}
							#site #contato .box.c2 form input[type="text"],
							#site #contato .box.c2 form textarea {}
							#site #contato .box.c2 form .botao {
								width:50%;
							}
			#site #endereco {
				position:relative;
				z-index:1;
				background-color:#333;
				display:table;
			}
			#site #footer {
				position:relative;
				z-index:1;
				background-color:#821C1A;
				display:table;
			}			
				#site #footer ul {
					display:none;
				}
					#site #footer ul li {}				
						#site #footer ul li.active {}
						#site #footer ul li a:hover {}	
	#goTop {
	}
}