@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%;  
    font-family: 'Arimo', sans-serif !important;
	background-color: #e7837b;
	text-align: center;
}

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;
}

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

topo{
	display: block;
	width: 100%;
	position: fixed;
	top:0;
	height:60px;
	background-color: #FFF;
	box-shadow: 0 3px 10px rgb(0 0 0 / 0.3);
	z-index: 9999;
}


corpo{
	display: block;
	width: auto;
	width: 100%;
	margin-top: 60px;
}
	corpo tp {
		display: block;
		width: 100%;
		height: 180px;
		margin-bottom: 20px;
	}
	corpo a#lnk {
		position: relative;
		width: 230px;
		display: block;
		border: 1px solid #FFF;
		padding: 20px 20px 20px 80px;
		text-align: left;
		border-radius: 50px;
		color: #FFF;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 10px;
		font-size: 18px;
	}
	corpo a#lnk:hover {
		color: #e7837b;
		background-color: #FFF;
	}
		corpo a#lnk.whats {
			background-image: url("/public/img/layout/default/whats.png");
			background-position: 30px center;
			background-repeat: no-repeat;
			background-size: 35px;
		}
		corpo a#lnk.loja {
			background-image: url("/public/img/layout/default/loja.png");
			background-position: 30px center;
			background-repeat: no-repeat;
			background-size: 35px;
		}
		corpo a#lnk.catalogo {
			background-image: url("/public/img/layout/default/catalog.png");
			background-position: 30px center;
			background-repeat: no-repeat;
			background-size: 35px;
		}
			corpo a#lnk.catalogo font {
				font-size: 9px;
				text-transform: uppercase;
				color: #fcd179;
			}
		corpo a#lnk.catalogonovo {
			background-image: url("/public/img/layout/default/catalog.png");
			background-position: 30px center;
			background-repeat: no-repeat;
			background-size: 35px;
			padding: 8px 20px 14px 80px;
			
		}
			corpo a#lnk.catalogonovo font {
				font-size: 9px;
				text-transform: uppercase;
				color: #fcd179;
			}
		corpo a#lnk.popup {
			background-image: url("/public/img/layout/default/popup.png");
			background-position: 30px center;
			background-repeat: no-repeat;
			background-size: 35px;
			
		}
			corpo a#lnk.popup font {
				font-size: 9px;
				text-transform: uppercase;
				color: #fcd179;
			}

	corpo tarja {
		display: block;
		width: 100%;
		height: auto;
		margin: 20px 0 0 0;
		padding: 20px 0 70px 0;
		background: #FFF;
	}
		corpo tarja div {
			width: 200px;
			display: block;
			position: relative;
			margin: 20px auto;
			text-align: left;
			padding: 0 0 0 110px;
		}
			corpo tarja div.entregas {
				background: url("/public/img/layout/default/entrega2.png") 5px center no-repeat;
				background-size: 90px;
			}
			corpo tarja div.rapida {
				background: url("/public/img/layout/default/rapida2.png") 5px center no-repeat;
				background-size: 90px;
			}
			corpo tarja div.parcela {
				background: url("/public/img/layout/default/parcela2.png") 5px center no-repeat;
				background-size: 90px;
			}
			corpo tarja div h1 {
				color: #263680;
				font-weight: 700;
				font-size: 20px;
			}
			corpo tarja div h2 {
				color:#969696;
				font-size: 12px;
				padding: 5px 0 0 0;
			}


	corpo mac {
		display: block;
		position: relative;
		top:-80px;
		width: 350px;
		height: 200px;
		margin: 0 auto;
		background: #FFF;
		background: url("/public/img/layout/default/mac.png") center center no-repeat;
		background-size: 350px;
	}

	corpo qs {
		display: block;
		top:-60px;
		position: relative;
		width: 320px;
		height: 150px;
		overflow: hidden;
		text-align: left;
		line-height: 120%;
		margin: 0 auto;
		padding: 0 0;
		color: #FFF;
		font-size: 14px;
	}
		corpo qs #gradient {
			position:absolute;
			bottom:0px;
			left:0px;
			width:100%;
			height:50px;
			background: -moz-linear-gradient(top,  rgba(231,131,123,0) 0%, rgba(231,131,123,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(231,131,123,0)), color-stop(100%,rgba(231,131,123,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(231,131,123,0) 0%,rgba(231,131,123,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(231,131,123,0) 0%,rgba(231,131,123,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(231,131,123,0) 0%,rgba(231,131,123,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(231,131,123,0) 0%,rgba(231,131,123,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7837b', endColorstr='#e7837b',GradientType=0 ); /* IE6-9 */

		}
	corpo a#use {
		position: relative;
		top: -30px;
		width: 230px;
		display: block;
		border: 1px solid #FFF;
		padding: 20px 20px 20px 80px;
		text-align: left;
		border-radius: 50px;
		color: #FFF;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 10px;
		font-size: 18px;
		z-index: 99999;
		background-image: url("/public/img/layout/default/qs.png");
		background-position: 30px center;
		background-repeat: no-repeat;
		background-size: 35px;
	}
        corpo a#use:hover {
            position: relative;
            color: #e7837b;
		    background-color: #FFF;
        }

rodape{
	position: relative;
	display: block;
	top: 30px;
	width: 100%;
	height: auto;
	padding: 20px 0 40px 0;
	background: #FFF;
	color: #5793CE;
	font-size: 14px;
}

inovaccio {
	position: relative;
	display: block;
	width: 100%;
	padding: 10px 0 30px 0;
	font-size: 11px;
	color: #ccc;
	background: #FFF;
}
    inovaccio a {
        background-image: url("/public/img/layout/default/unikbio.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 105px;
        text-indent: -9999px;
        height: 20px;
        width: 200px;
        display: block;
        margin: 10px auto 0 auto;
    }


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

}


@media screen and (max-width: 768px) {
	
	body {
		-webkit-text-size-adjust: 100%;
	}
	
	.slicknav_menu {
		display: block;
	}
	#corpo #alinhar {
		overflow: hidden;
	}
	
	
	

}			
@media screen and (max-width: 368px) {			
			
	body {
		-webkit-text-size-adjust: 100%;
	}
	
	.slicknav_menu {
		display: block;
	}
	#corpo #alinhar {
		overflow: hidden;
	}
	
	
	

}