/*------------------------*/
/*RESET DO CSS*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
textarea, input, a { outline: none; }
/*------------------------*/
/*GRID BOOTSTRAP*/
.center { margin: 0 auto; width: 1320px; position: relative; }
.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; width: 100%; }
.container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.center, .container { width: 100%; overflow: hidden; padding: 0 30px; }
.row { margin-right: -15px; margin-left: -15px; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }
.col-lg-hide { display: none; }
.col-lg-show { display: block; }
@media (min-width: 540px) {
.center, .container { width: 100%; }
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
.col-sm-12 { width: 100%; }
.col-sm-11 { width: 91.66666667%; }
.col-sm-10 { width: 83.33333333%; }
.col-sm-9 { width: 75%; }
.col-sm-8 { width: 66.66666667%; }
.col-sm-7 { width: 58.33333333%; }
.col-sm-6 { width: 50%; }
.col-sm-5 { width: 41.66666667%; }
.col-sm-4 { width: 33.33333333%; }
.col-sm-3 { width: 25%; }
.col-sm-2 { width: 16.66666667%; }
.col-sm-1 { width: 8.33333333%; }
}
@media (min-width: 1024px) {
.center, .container { width: 1000px; }
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
.col-md-12 { width: 100%; }
.col-md-11 { width: 91.66666667%; }
.col-md-10 { width: 83.33333333%; }
.col-md-9 { width: 75%; }
.col-md-8 { width: 66.66666667%; }
.col-md-7 { width: 58.33333333%; }
.col-md-6 { width: 50%; }
.col-md-5 { width: 41.66666667%; }
.col-md-4 { width: 33.33333333%; }
.col-md-3 { width: 25%; }
.col-md-2 { width: 16.66666667%; }
.col-md-1 { width: 8.33333333%; }
}
@media (min-width: 1280px) {
.center, .container { width: 1260px; }
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
.col-lg-12 { width: 100%; }
.col-lg-11 { width: 91.66666667%; }
.col-lg-10 { width: 83.33333333%; }
.col-lg-9 { width: 75%; }
.col-lg-8 { width: 66.66666667%; }
.col-lg-7 { width: 58.33333333%; }
.col-lg-6 { width: 50%; }
.col-lg-5 { width: 41.66666667%; }
.col-lg-4 { width: 33.33333333%; }
.col-lg-3 { width: 25%; }
.col-lg-2 { width: 16.66666667%; }
.col-lg-1 { width: 8.33333333%; }
}
@media (min-width: 1360px) {
.center, .container { width: 1340px; }
}
@media (max-width: 1279px) {
.col-md-hide { display: none; }
.col-md-show { display: block; }
.col-md-left { float: left; }
.col-md-right { float: right; }
}
@media (max-width: 1023px) {
.col-sm-hide { display: none; }
.col-sm-show { display: block; }
.col-sm-left { float: left; }
.col-sm-right { float: right; }
}
@media (max-width: 539px) {
.col-xs-hide { display: none; }
.col-xs-show { display: block; }
.col-xs-left { float: left; }
.col-xs-right { float: right; }
}
.col-lg-left { float: left; }
.col-lg-right { float: right; }
/*------------------------*/
/*INICIACAO DO CSS*/
body { background:#EAEAEA; color:#444444; font-family: 'Roboto', sans-serif; font-size:14px; line-height: 160%; }
a { text-decoration:none; color:#0d5d98; -webkit-transition: 0.1s linear color; -moz-transition: 0.1s linear color; transition: 0.1s linear color; }
hr { margin-bottom: 12px; padding-top: 12px; border: none; border-bottom: 1px solid #B6B5B3; }
em { font-style: italic; }
a:active,a:visited { outline:0 }
strong, strong em { font-weight:700; }
.big { font-size: 160%; }
.small { font-size:70%; }
.icon-svg { background-image: url(http://www.univates.br/media/responsivo/svg/logos_site1.svg); }
.clear { clear:both; }
.clearfix, .container { *zoom: 1; }
.clearfix:before, .clearfix:after, .container:before, .container:after { display: table; content: ""; line-height: 0; }
.container:after, .clearfix:after { clear: both; }
.hide-text { font: 0/0 a; color:transparent; text-shadow:none; background-color:transparent; border:0; }
.center-text { text-align: center; }
.right-text { text-align: right; }
.left-text { text-align: left !important; }
.capitalize { text-transform: capitalize; }
.hidden { display: none; }
.all-line{float:left;width:100%;}
.alerta { border: 1px solid #B26666; padding: 15px 20px; margin-bottom: 20px; color: #B26666; }
.alerta-transporte {border: 1px solid #004a91; padding: 15px 20px; margin-bottom: 20px; color: #004a91;}
.alerta a, .sucesso a { color: inherit; }
.box-blue { border: 1px solid #07488C; padding: 15px; }
.sucesso {border: 1px solid #8CB762; padding: 15px 20px; margin-bottom: 20px; color: #8CB762; }
.capitalize {text-transform: capitalize;}
.font-raleway{font-family: 'Raleway', Arial !important;}
.font-roboto{ font-family: 'Roboto', sans-serif !Important;}
.hidden-show { overflow: inherit !important;}
/*body#home { color: #444444; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 160%; background-image: url(./../home/feira_crop_min.gif); background-size: 100%; background-repeat: no-repeat; background-position: 0% 30%; background-color: #46caca;}*/
body#home { color: #444444; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 160%; background-image: url(./media/imagens/background.png); background-size: 100%; background-repeat: no-repeat; background-position: 0% 30%; background-color: #46caca;}
body#home section { float: left; width: 100%; min-height: 300px; }
body#home footer { float: left; width: 100%; height: 100px; position: fixed; overflow: hidden; padding-top: 50px; bottom: 0px;}
body#home div#barra { float: left; width: 100%; height: 50px; background: #f5f3f3;}
body#home footer span { color: #ff4646; font-size: 20px; float: left; width: 30%; text-align: right; padding: 15px 0px;}
body#home div#dias { position: absolute; left: 50%; width: 130px; margin-left: -65px; background: #ff4646; color: #fff; text-align: center; font-size: 45px; height: 130px; bottom: -50px; line-height: 215%; font-weight: bold; border-radius: 50%;}
body#home #barra span:nth-child(2) { float: right !important; }
body#home #play { position: absolute; left: 50%; margin-left: -60px; bottom: 90px; width: 120px;}
body#home #play img { float:left; width:100%;}
body#home div#box-fundo { background: #000; position: fixed; top: 0px; left: 0px; z-index: 9; opacity: 0.7; display: none;}
body#home div#box-fundo.show{display:block;}
body#home video {display:none; position: fixed; z-index: 99; top: 50%; margin-top: -150px; height: 300px; width: 90%; margin-left: 5%;}
body#home video.show {display:block;}
body#home div#box-close { position: absolute; z-index: 999; right: 20px; top: 20px; font-size: 30px; font-weight: bold; color: white; cursor:pointer; }
/*GUIA LISTA*/
body#guia-lista {background-color: #4c51f7; padding-top:30px; font-family: 'Roboto', Arial; font-weight: 300;}
body#guia-lista #lista strong { float: left; width: 100%; padding: 12px 0px; font-size: 16px; text-transform: uppercase; margin-right: 50%; color: #fdf67d;}
body#guia-lista input#curso {float: left; width: 100%; padding: 5px; box-sizing: border-box; border: none; border-bottom: 1px solid #ffffff; font-size: 16px; color: #ffffff; background-color: transparent; margin-bottom: 20px;}
body#guia-lista i#buscar {position: absolute; right: 20px; top: -8px; font-size: 30px; color: #ffffff; }
body#guia-lista div#lista {float: left; width: 100%; }
body#guia-lista div#lista a {float: left; width: 100%; color: #ffffff; padding: 13px 0px; font-size: 16px; }
body#guia-lista div#lista a:nth-child(2n+1) { background: #4146ec; }
body#guia-lista #lista .botao-cursos { position: absolute; width: 100px; padding: 5px 8px 3px 8px; color: #787adf; font-size: 13px; left: 0px; top: 0px; background-color: #c8c5a1; text-align: center; font-weight: bold; text-transform: uppercase; font-family: 'Raleway', Arial !important;}
body#guia-lista #lista .botao-cursos.tec {left: 102px;}
body#guia-lista #lista .botao-cursos.sel { background: #fdf67d; color: #4c51f7;}
body#guia-lista div#box-grad, body#guia-lista div#box-tec {float: left; width: 100%; margin-top: 50px; display: none;}
body#guia-lista div#box-grad.sel, body#guia-lista div#box-tec.sel{ display: block !important;}
/*GUIA*/
body#guia { background:#4850fb; color:#444444; font-family: 'Roboto', Arial; font-size:14px; line-height: 160%; }
body#guia header {float: left; width: 100%; background-color: #4850fb; }
body#guia header h3 { color: #4850fb; background-color: #fff75c; font-size: 13px; font-weight: bold; float: left; margin-top: 40px; text-transform: uppercase; padding: 4px 8px 2px 8px; font-family: 'Raleway', Arial !important;}
body#guia header .nome-curso { float: left; width: 100%; margin-top: 30px; margin-bottom: 50px; }
body#guia header h2 {color: #2f34ab; font-size: 14px; float: left; line-height: 210%; font-weight: 600;}
body#guia header h1 {color: #fff64b; font-size: 24px; font-weight: bold; float: left; }
body#guia header li { float: left; width: 100%; font-size: 16px; color: #ffffff; margin-bottom: 25px; font-weight: 300;}
body#guia header li i { float: left; font-size: 26px; color: #ffffff; margin-right: 7px; margin-top: -4px; margin-left: -10px;}
body#guia header a.box-sala {float: left; padding: 20px 0px 50px 0px; margin-bottom: 40px; font-weight: 300; position: relative; margin-top: -20px; background-image: url(./../imagens/fundo_sala.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; }
body#guia header a.box-sala .sala {float: left; width: 100%; text-align: center; font-size: 15px; color: #e89900; font-weight: 400; padding-top: 15px; }
body#guia header a.box-sala .predio {float: left; width: 100%; text-align: center; font-size: 15px; margin-bottom: 10px; color: #e89900; font-weight: 400; }
body#guia header a.box-sala .icon {float: left; text-align: center; color: #ff3133; font-weight: 400; font-size: 15px; margin-top: -11px; position: absolute; bottom: 30px; left: 50%; margin-left: -50px; }
body#guia header a.box-sala .icon i {font-size: 30px; color: #ff3133; margin-top: -2px; float: left; margin-left: 10px; margin-right: -5px; }
body#guia section#depoimento {float: left; width: 100%; padding: 35px 0px; background-color: #393fca; color: #ffffff; font-size: 17px;}
body#guia section#depoimento p { font-style: italic; font-size: 19px; line-height: 150%; color: #e1e3ff; font-weight: 300;}
body#guia section#destaque {float: left; width: 100%; padding: 35px 0px; background-color: #4850fb; border-top: 1px solid #393fca; color: #ffffff; font-size: 17px;}
body#guia section#destaque p {font-size: 19px; line-height: 150%; color: #e1e3ff; font-weight: 300;}
body#guia section#destaque span {font-size:12px;}
body#guia section#descricao { float: left; width: 100%; padding: 20px 0px; background-color: #4850fb; color: #ffffff; font-size: 16px; line-height: 160%; font-weight: 300;}
body#guia section#descricao p:first-child { margin-top: 35px; }
body#guia section#descricao p { margin-bottom: 35px; }
body#guia section#video { float: left; width: 100%; height: 400px; margin-bottom: 1px;}
body#guia section#imagem { float: left; width: 100%; height: 200px; margin-bottom: 20px; }
body#guia section#imagem .foto { float: left; height: 100%; width: 100%; background-position: center; background-size: cover; }
body#guia footer .botao{background-color: #ffffff; color: #4850fb; font-size: 17px; text-align: center; padding: 20px 0px; width: 100%; float: left; font-weight: bold;}
body#guia footer .redes { float: left; width: 100%; }
body#guia footer .redes div { margin: 0px !important; padding: 1px !important; }
/*CONTATO*/
body#contato {background: #4850fb; color: #ffffff; font-family: 'Roboto', Arial; font-size: 14px; line-height: 160%; }
body#contato p {color: #ffffff; font-size: 16px; float: left; width: 100%; margin-bottom: 0px; margin-top: 20px; font-weight: 300;}
body#contato p a{color: #ffffff;}
body#contato .redes {float:left; width:100%; margin-bottom: 90px; }
body#contato .redes a { color: #fdf67d; font-size: 50px; float: left; margin-left: -15px;}
body#contato h1 { color: #fff675; font-size: 24px; font-weight: bold; float: left; margin-top: 40px; margin-bottom: 15px; width: 100%;}
body#contato .traco {float: left; width: 100%; margin-bottom: 40px; }
body#contato .traco span {float: left; width: 70px; background-color: #fff675; height: 2px; }
body#contato input[type="text"], body#contato textarea { float: left; width: 100%; padding: 5px; margin-bottom: 10px; color: #ffffff; font-size: 16px; background: transparent; border: none; border-bottom: 1px solid #ffffff;}
body#contato textarea { border: 1px solid #ffffff; margin-top: 30px;}
body#contato textarea{height:80px;}
body#contato input[type="submit"] { color: #fdf67d; border: 1px solid #fdf67d; border-radius: 3px; background-color: transparent; padding: 7px 13px; margin: 0 auto; display: block; font-size: 16px; font-family: 'Roboto', Arial; text-transform: lowercase; margin-top: 20px;}
::-webkit-input-placeholder { color: #FFFFFF; }
::-moz-placeholder { color: #FFFFFF; opacity: 1; }
:-ms-input-placeholder { color: #FFFFFF; }
:-moz-placeholder { color: #FFFFFF; opacity: 1; }
/*MAPA*/
body#mapa section#mapa-img { float: left; width: 100%; height: 100%; overflow: hidden; background-color: #3baeac; font-family: 'Roboto', Arial;}
body#mapa section#mapa-img #box-mapa { float: left; width: 100%; height: 100%; }
body#mapa section#mapa-img #box-mapa #img-mapa { float: left; width: 100%; }
body#mapa section#mapa-img #box-mapa .pin {color: #00c6c6; font-size: 40px; position: absolute; text-shadow: #fff 1px 1px 6px; width: 50px; min-height: 50px; }
body#mapa section#mapa-img #box-mapa .pin img {width: 100%; position: absolute; left: 0px; top: 0px; z-index: 9999; }
body#mapa section#mapa-img #box-mapa .pin .desc {background-color: #ffffff; padding: 20px 10px 10px 10px; position: absolute; top: 25px; width: 130px; border-radius: 10px; left: -40px; z-index: 999; box-shadow: 3px 3px 3px rgba(0,0,0,0.3); display:none; }
body#mapa section#mapa-img #box-mapa .pin span.sala {float: left; width: 100%; font-size: 19px; color: #969696; font-weight: bold; text-align: center; }
body#mapa section#mapa-img #box-mapa .pin span.predio {float: left; width: 100%; font-size: 15px; color: #969696; text-align: center; }
body#mapa section#mapa-menu {position: fixed; right: 0px; top: 0px; height: 100%; width: 0px; background-color:#ffffff; -webkit-transition: 0.4s ease width; -moz-transition: 0.4s ease width; transition: 0.4s ease width; z-index:9999;}
body#mapa section#mapa-menu.open {width: 270px; }
section#mapa-menu ul {float: left; width: 100%; height: 100%; overflow-y: auto; background-color: #e94c4f; margin-top: 10px; }
section#mapa-menu li {float: left; width: 100%; text-align: left; color: #a9a9a9; font-size: 16px; padding-top: 8px; padding-bottom: 10px; background-color: #fff; }
section#mapa-menu li a{ color: #a9a9a9; }
section#mapa-menu li i {float: left; font-size: 32px; margin-top: -6px; margin-right: 10px; margin-left: 10px; margin-bottom: 8px; }
section#mapa-menu li#mapa-menu-fechar {background-color: #e94c4f; margin-top: 12px; }
section#mapa-menu li#mapa-menu-fechar i {color:#ffffff;}
body#mapa #mapa_menu-abrir {position: absolute; left: 50%; bottom: 30px; margin-left: -38px; width: 76px; height: 76px; background: #E94C4F; border-radius: 50%; border: 2px solid #fff; text-align: center; box-shadow: 4px 4px 5px rgba(0,0,0,0.6); z-index: 9999;}
body#mapa #mapa_menu-abrir i {color: #fff; font-size: 55px; float: left; margin-left: -3px; margin-top: 7px; }
/*FEIRA*/
body#feira {background: #4850fb; color: #ffffff; font-family: 'Roboto', Arial; font-size: 14px; line-height: 160%; }
body#feira p {color: #ffffff; font-size: 16px; float: left; width: 100%; font-weight: 300;}
body#feira h1 {color: #fff675; font-size: 24px; font-weight: bold; float: left; margin-top: 40px; margin-bottom: 15px; width: 100%; }
body#feira .traco {float: left; width: 100%; margin-bottom: 40px; }
body#feira .traco span {float: left; width: 70px; background-color: #fff675; height: 2px; }
body#feira h4 { float: left; width: 100%; font-size: 18px; font-weight: bold; color: #fff675;}
body#feira #play { float:left; width: 100%; }
body#feira div#box-fundo { background: #000; position: fixed; top: 0px; left: 0px; z-index: 99; opacity: 0.7; display: none; width:100%; height: 100%; }
body#feira div#box-fundo.show{display:block;}
body#feira div#box-close { position: absolute; z-index: 999; right: 20px; top: 20px; font-size: 30px; font-weight: bold; color: white; cursor: pointer; }
body#feira iframe {display:none; position: fixed; z-index: 99; top: 50%; margin-top: -150px; height: 300px; width: 90%; margin-left: 5%;}
body#feira iframe.show {display:block;}
body#feira section {position: relative; float: left; width: 100%; }
body#feira #feira-video{position: initial;}
body#feira section img { float: left; width: 100%; }
body#feira section#box-feira { }
body#feira section#box-feira h4 {color: #fff; font-size: 20px; float: left; margin-top: -110px; margin-left: 30px; font-weight: bold; line-height: 120%; }
/*UNIVATES*/
body#univates section#conheca-apresentacao{background-color: #4850fb;font-family: 'Roboto', Arial;}
body#univates section h1 {color: #fff675; font-size: 24px; font-weight: bold; float: left; margin-top: 30px; margin-bottom: 15px; width: 100%; }
body#univates section#mec p { float: left; margin-bottom: 15px; line-height: 140%; font-size: 16px; color: #fff; font-weight: 300;}
body#univates .traco {float: left; width: 100%; margin-bottom: 40px; }
body#univates .traco span {float: left; width: 70px; background-color: #fff675; height: 2px; }
body#univates section#conheca-apresentacao #bloco1 {float: left; width: 80%; margin-left: 10%; margin-bottom: 80px; text-align: center; padding: 25px 20px; border: 2px dotted #dcdcdc; line-height: 140%; font-size:16px; color: #fff; font-weight: 300; margin-top: 100px;}
body#univates section#conheca-apresentacao #bloco1 i { font-size: 40px; color: #fff64b; margin-bottom: 20px; float: left; width: 100%; text-align: center;}
body#univates section#institucional i.icon-pin-vazado { color: #f1e655; font-size: 50px; position: absolute; top: 60px; left: 50%; z-index: 99; margin-left: -35px;}
body#univates section#institucional span { position: absolute; bottom: -25px; right: 30px; z-index: 99; color: #fff; font-size: 12px;}
body#univates section {background-color: #4850fb; float: left; width: 100%; position: relative; }
body#univates section img {float: left; width: 100%; }
body#univates section .texto {position: absolute; top: 18px; left: 6%; z-index: 9; color: #3d3f60; background-color: #fff765; width: 47%; padding: 22px 18px 15px 18px;line-height: 135%; }
body#univates section .texto a { color: #b2ac5c; float: left; width: 100%; padding: 20px 0px 0px 0px; font-size: 13px;}
body#univates section .texto a i{ font-size: 30px; margin-top: -5px; float: left; margin-left: -11px; }
body#univates section .texto.right{ left: 47% !important;}
body#univates section .texto.center{ left: 20.5% !important; top:110px;width: 60%;padding: 22px 18px;}
body#univates section .texto.bottom{ bottom: 40px !important; top: initial !important;}
/*DIA*/
body#univates section #home-botoes {margin-top: 0px}
body#univates section #home-botoes #bt_mapa img {width: 150px;position: absolute;left: 55%;margin-left: -90px;padding: 7px;}
body#univates section #home-botoes #bt_oficinas img {width: 140px;position: absolute;left: 52%;margin-left: -79px;top: -28px;padding: 7px;}
body#univates section #home-botoes #bt_teste img {width: 165px;position: absolute;left: 62%;margin-left: -90px;padding: 7px;top: -10px;}
body#univates section #home-botoes #bt_teste img {width: 165px;position: absolute;left: 62%;margin-left: -90px;padding: 7px;top: -10px;}
body#univates section #cartao img#hand {width: 30px;}
body#univates section #cartao p {color: #358d91;float: left;width: 100%;font-size: 16px;margin-top: 35px;font-weight: 400;}
body#univates section #cartao #bt_saiba img {width: 95%;float: left;max-width: 190px;}
body#univates section #cartao #bt_quero img {width: 65%;float: left;max-width: 310px;}