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

* { margin:0; padding:0; border:0; text-decoration: none; }

/* Normalizando */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,table { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;}

* { margin:0; padding:0; border:0; text-decoration: none; }

/* Base   */


html {
    width: 100%;
	height:100%;
}

body {
    width:100%;
	height:100%;
}

a, a:hover, a:visited, a:link {
	display: block;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6{ font-weight: normal; }

.clear {
	clear: both;
}


input:focus {
    outline: none;
}

/* remove border around all textarea elements */
textarea:focus {
    outline: none;
}

/* remove border around all select elements */
select:focus {
    outline: none;
}

/* remove border around all input,textarea and select elements */
input:focus, textarea:focus, select:focus {
    outline: none;
}

.slicknav_menu {
	display: none;
}

.trans {
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}

.under {
	text-decoration: underline;
}


.tam8 { font-size: 8px; }	
.tam10 { font-size: 10px; }	
.tam12 { font-size: 12px; }	
.tam14 { font-size: 14px; }		
.tam16 { font-size: 16px; }		
.tam18 { font-size: 18px; }		
.tam20 { font-size: 20px; }		
.tam22 { font-size: 22px; }		
.tam25 { font-size: 25px; }		
.tam30 { font-size: 30px; }		
.tam40 { font-size: 40px; }		
.tam70 { font-size: 50px; }			

.font1 { font-family: 'WoodchuckHavy', sans-serif }
.font2 { font-family: 'WoodchuckBold', sans-serif }
.font3 { font-family: "Roboto", sans-serif; font-weight: 300; font-style: normal; }
.font4 { font-family: "Roboto", sans-serif; font-weight: 500 !important; font-style: normal;}
.font5 { font-family: "Roboto", sans-serif; font-weight: 700; font-style: normal;}
.fontino { font-family: "Ubuntu", sans-serif; font-weight: 400; font-style: normal;}

.branco { color: #FFFFFF; }	
.red { color: #DC0A19; }	
.creme { color: #FAD49E; }
.preto { color: #000000; }
.orange { color: #EDAD01; }
.vinho { color: #580D10; }

.bx-viewport {
	padding:0;
}
					
.slicknav_menu {
	display:none;
}

.linkred {
	background: #DC0A19;
    padding: 10px 25px;;
    border-radius: 20px;
    border: 1px solid #DC0A19;
}
	.linkred:hover {
		background: #FFF;
		color: #DC0A19 !important;
	}
.linkdelyo {
	background: #FFF;
    padding: 5px 15px;;
    border-radius: 20px;
    border: 1px solid #EDAD01;
}
    .linkdelyo:hover {
        background: #EDAD01;
        color: #FFF !important;
    }

.linkdelyr {
	background: #FFF;
    padding: 5px 15px;;
    border-radius: 20px;
    border: 1px solid #DC0A19;
}
    .linkdelyr:hover {
        background: #DC0A19;
        color: #FFF !important;
    }

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

input {
	border:1px solid #AAAAAA;
	padding: 2px 15px;
	margin: 5px 5px;
	height: 38px;
	color: #000;
	font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
	background: #F7F7F7;
	border-radius: 10px;
}
	::-webkit-input-placeholder {
		color: #999;
	    font-family: "Roboto", sans-serif;
        font-size: 14px;
        font-weight: 300;
	}
	::placeholder {
		color: #999;
	    font-family: "Roboto", sans-serif;
        font-size: 14px;
        font-weight: 300;
	}
	
textarea {
	border:1px solid #AAAAAA;
	padding: 15px 10px;
	color: #000;
	font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
	background: none;
	margin: 5px 5px;
	border-radius: 10px;
}
select {
	border:1px solid #AAAAAA;
	padding: 8px 15px !important;
	height: 44px;
	margin: 5px 5px;
	color: #000;
	font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    -webkit-border-radius: 0px;
	-webkit-appearance:none;
	border-radius: 10px;
	background: url("/public/img/layout/default/sb1.png") calc(100% - 10px) center no-repeat;
	background-size: 10px;
}

	input.error, select.error, textarea.error {
		border:1px solid #FF0000;
	}
	
select::-ms-expand {
    display: none;
}

input.submit {
	border:1px solid #DC0A19;
	color: #FFF;
	text-transform: uppercase;
	font-family: "WoodchuckBold", sans-serif;
    font-size: 14px;
    font-weight: 700;
	cursor:pointer;
	border-radius: 30px;
	height: 38px;
    width: 180px !important;
	padding: 10px 0 15px 0 !important;
    background-color:#DC0A19;
}
	input.submit:hover {
		background-color:#FFF;
		color: #DC0A19;
	}

#alinhar { 
	width: 980px;
	position:relative;
	margin:0 auto;
}



#box-login{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background: #CD000E;
	text-align: center;
}
	#box-login #back {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		margin: 0 0 0 -20%;
		background: url("/public/img/layout/default/bg001.png") 100px 0 no-repeat;
		background-size: cover;
	}
	#box-login #logar {
		display: block;
		position: absolute;
		width: 280px;
		height: auto;
		padding: 30px;
		background: #FFF;
		right: 120px;
		top: 100px;
		border-radius: 5px;
		box-shadow: 6px 6px 15px 1px rgba(0, 0, 0, 0.2);
	}
		#box-login #logar #logo {
			display: block;
			position: relative;
			margin: 0 auto;
			width: 200px;
			padding: 20px 0;
			height: 50px;
			background: url("/public/img/layout/default/logo.png") center center no-repeat;
			background-size: 180px;
		}
		#box-login #logar .txt {
			display: block;
			position: relative;
			width: auto;
			padding: 20px 0 15px 0;
		}
		#box-login #logar #franq {
			display: block;
			position: relative;
			width: 250px;
			bottom: -12px;
			margin: 0 auto;
			z-index: 99;
		}
		#box-login #logar input {
			display: block;
			position: relative;
			z-index: 9999;
			width: 220px;
			margin: 0 auto 15px auto;
		}
		#box-login #logar input.submit {
			margin: 15px auto 0 auto;
		}

		#box-login #logar .txt2 {
			display: block;
			position: relative;
			width: auto;
			padding: 20px 0 10px 0;
		}

	#box-login #error {
		display: block;
		position: absolute;
		width: 200px;
		text-align: left;
		color: #DC0A19;
		font-size: 12px;
		font-family: "Roboto", sans-serif;
		top: 338px;
		right: 120px;
		z-index: 99999;
	}


#topo {
    display: block;
    position: absolute;
    width: 100%;
    height: 100px;
    text-align: center;
    background: #000;
    z-index: 99999;
}
   






#corpo {
	position: relative;
    display: inline-block;
	width: 100%;
    margin: 100px 0 0 0;
    z-index: 999;
}
    






@media screen and (min-width: 1440px) {
	

}


@media screen and (max-width: 768px) {
	
	body {
		-webkit-text-size-adjust: 100%;
	}
    .slicknav_menu {
		display: block;
	}
	
    #box-login{
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		background: #CD000E;
		text-align: center;
	}
		#box-login #back {
			display: block;
			position: relative;
			width: 100%;
			height: 75%;
			margin: 0 0 0 0;
			background: url("/public/img/layout/default/bg001.png") 0 0 no-repeat;
			background-size: auto 100%;
		}
		#box-login #logar {
			display: block;
			position: absolute;
			width: 280px;
			height: auto;
			padding: 20px;
			background: #FFF;
			right: auto;
			left: 50%;
			margin: auto auto auto -160px;
			top: 80px;
			border: auto;
			border-radius: 5px;
			box-shadow: 6px 6px 15px 1px rgba(0, 0, 0, 0.2);
		}
			#box-login #logar #logo {
				display: block;
				position: relative;
				margin: 0 auto;
				width: 200px;
				padding: 20px 0;
				height: 50px;
				background: url("/public/img/layout/default/logo.png") center center no-repeat;
				background-size: 180px;
			}
			#box-login #logar .txt {
				display: block;
				position: relative;
				width: auto;
				padding: 20px 0 15px 0;
			}
			#box-login #logar #franq {
				display: block;
				position: relative;
				width: 250px;
				bottom: -12px;
				margin: 0 auto;
				z-index: 99;
			}
			#box-login #logar input {
				display: block;
				position: relative;
				z-index: 9999;
				width: 220px;
				margin: 0 auto 15px auto;
			}
			#box-login #logar input.submit {
				margin: 15px auto 0 auto;
			}

			#box-login #logar .txt2 {
				display: block;
				position: relative;
				width: auto;
				padding: 20px 0 10px 0;
			}
			#box-login #logar #erro-01 {
				display: block;
				position: absolute;
				width: 100px;
				top: 50px;
				left: 50px;
			}
	

}			
@media screen and (max-width: 368px) {			
			
	body {
		-webkit-text-size-adjust: 100%;
	}
	
	

}