html, body { height: 100%; }
* { padding: 0; margin: 0; text-decoration: none; }
body { margin: 0; padding: 0px; color: #0C0C0C; font: 80%/1.4 Verdana, Arial, Helvetica, sans-serif; line-height: 180%; background: url(./imagens/bg.jpg) repeat-y top center #f6f6f6; }
.you { float: right; margin: 5px; }
body p { margin: 15px 0; }
#tudocen { width: 990px; position: relative; margin: 0 auto; }
header { width: 990px; position: relative; margin: 0 auto; }
#tudorod { width: 990px; position: relative; margin: 0 auto; }
* html #tudo { height: 100%; }
#topo { height: 140px; text-align: left; }
.titulosuperior { font-size: 20px; color: #fcb200; margin-left: -10px; }
.ttel { font-size: 25px; color: #5a5a5a; margin-left: -10px; }
.mail { font-size: 12px; color: #5a5a5a; margin-left: -10px; }
.logo { margin-left: 10px; margin-top: 20px; float: left; height: 97px; width: 356px }
.tel { margin-left: 30px; margin-top: 20px; float: right; width: 220px; height: 100px; }
.blog { color: #C00; font-size: 11px; margin-bottom: 15px; }
.rede { margin-left: 20px; margin-top: 20px; float: right; width: 170px; height: 100px; border-right: solid #dbdbdb 1px; text-align: center; }
.rs { float: right; text-align: right; width: 290px; margin-top: 12px; }
.twit { width: 88px; float: right; margin-left: 2px; }
.gmais { width: 70px; float: right; }
.fb_iframe_widget { display: inline-block; position: relative; margin-top: -3px; }
#breadcrumb { padding: 5px 5px; margin: 5px 5px; border-bottom: 1px dotted #999; border-top: 1px dotted #999; }
#breadcrumb a { color: #09C; }
section { width: 990px; overflow: hidden; margin-bottom: 30px; }
#top_sidebar { width: 990px; padding-top: 2px; margin: 0 10px; overflow: hidden; position: relative; }
#top_sidebar a { color: #000; text-decoration: none; }
#top_sidebar a:hover { text-decoration: underline; }
.widget_colored.four_box { width: 220px; height: 260px; float: left; color: #000; border: 4px solid #fff; margin: 5px 2px; padding: 0 5px; }
.widget_colored_inner { padding: 20px 7% 10px; min-height: 230px; }
#top_sidebar h2 a { color: #fff; text-shadow: #000 0px 1px 0px; font-size: 18px; }
.busca { float: left; width: 300px; height: 350px; border: 2px solid #099; text-align: center; margin-left: 6px; }
.busca h3 { font-size: 24px; padding: 10px 5px; background: #099; color: #fff; }
.busca p { margin: 30px; }
.meio{height:350px; width:390px; float:left; margin-left: 10px;}

.destaque { float: left;  border: 2px solid #ffd200; width: 390px; height: 198px; }
.destaque h3 { font-size: 24px; padding: 10px 5px; background: #ffd200; color: #fff; }

.news { float: left; border: 2px solid #0BA734; width: 390px; height: 137px; margin-bottom: 15px; }
.news h3 { font-size: 24px; padding: 10px 5px; background: #0BA734; color: #fff; }
.news p { margin-left: 5px; }
.newsform { margin-left: 5px; width: 80% }

.terc { width: 265px; height: 350px; border: 2px solid #ff1414;; text-align: center; float: left; margin-left: 10px; }
.terc h3 { font-size: 24px; padding: 10px 5px; background: #ff1414;; color: #fff; }
.terc h3 a:visited{ color: #fff; }

.home { margin: 10px 0; }
.home li { width: 300px; height: 380px; float: left; margin: 10px 10px; background-color: #fff; }
.home li p { line-height: 8px; font-size: 11pt; padding-left: 50px; padding-right: 50px; }
.listahome li { margin: 2px 2px; }
.esquerdo { float: left; width: 740px; padding-left: 5px; }
.esquerdo a { text-decoration: none; color: #09C; font-size: 15px; font: Verdana, Arial, Helvetica, sans-serif; line-height: 1; margin: 2px; }
.esquerdo a:hover { color: #09C; text-decoration: underline; }
.esquerdo h2 { margin-bottom: 10px; }
.direito { float: left; width: 210px; padding-left: 15px; padding-right: 10px; }
.direito img { border-radius: 4px; }
.verticalmenu { border-radius: 4px; width: 190px; background: #7db823; padding: 20px; }
.verticalmenu span { color: #666; font-size: 14px; padding: 5px 10px 10px 10px; font-weight: bolder; }
.verticalmenu li { width: 250px; }
.verticalmenu li a { color: #019ACB; text-decoration: none; width: 190px; }
.verticalmenu li.top { border-bottom: 1px dotted #6a9b1e; width: 190px; margin: 5px 0 5px 0; }
.verticalmenu li.top a { width: 190px; color: #fff; font-size: 13px; font-weight: bolder; }
.verticalmenu li.sec a { font-size: 12px; margin-left: 15px; color: #2a4600; }
.verticalmenu li a:hover { text-decoration: underline; }
/**/
.vmenu { border-radius: 4px; width: 190px; background: #FFBF27; padding: 20px; }
.vmenu h3 { color: #82806F; font-size: 18px; }
.vmenu span { color: #666; font-size: 14px; padding: 5px 10px 10px 10px; font-weight: bolder; }
.vmenu li { width: 250px; }
.vmenu li a { color: #019ACB; text-decoration: none; width: 190px; }
.vmenu li.top { border-bottom: 1px dotted #6a9b1e; width: 190px; margin: 5px 0 5px 0; }
.vmenu li.top a { width: 190px; color: #fff; font-size: 13px; font-weight: bolder; }
.vmenu li.sec a { font-size: 12px; margin-left: 15px; color: #2a4600; }
.vmenu li a:hover { text-decoration: underline; }
.separador { height: 20px; }
ol, ul, li { list-style-image: none; list-style-position: outside; list-style-type: none; border: 0 none; font-size: 100%; margin: 0; outline-color: -moz-use-text-color; outline-style: none; outline-width: 0; padding: 0; vertical-align: baseline; }
 @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
nav, nav ul, nav ul li, nav ul li a, nav #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
nav:after, nav > ul:after { content: '.'; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
nav #menu-button { display: none; }
nav { width: auto; font-family: 'Open Sans', Helvetica, sans-serif; background: #39b1cc; background: -moz-linear-gradient(top, #51bbd2 0%, #2d97af 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #51bbd2), color-stop(100%, #2d97af)); background: -webkit-linear-gradient(top, #51bbd2 0%, #2d97af 100%); background: -o-linear-gradient(top, #51bbd2 0%, #2d97af 100%); background: -ms-linear-gradient(top, #51bbd2 0%, #2d97af 100%); background: linear-gradient(to bottom, #51bbd2 0%, #2d97af 100%); }
nav > ul { background: url('bg.png'); box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.05); width: 990px; margin: 0 auto; }
nav > ul > li { float: left; }
nav > ul > li > a { padding: 18px 10px 21px 10px; /*border-right: 1px solid rgba(80, 80, 80, 0.12);*/ text-decoration: none; font-size: 9px; font-weight: 700; color: #d3eced; text-transform: uppercase; letter-spacing: 1px; }
nav > ul > li:hover > a, nav > ul > li > a:hover, nav > ul > li.active > a { color: #ffffff; background: #32a9c3; background: rgba(0, 0, 0, 0.1); }
nav > ul > li.has-sub > a { padding-right: 45px; }
nav > ul > li.has-sub > a::after { content: ''; position: absolute; width: 0; height: 0; border: 6px solid transparent; border-top-color: #d3eced; right: 17px; top: 20.5px; }
nav > ul > li.has-sub.active > a::after, nav > ul > li.has-sub:hover > a { border-top-color: #ffffff; }
nav ul ul { position: absolute; left: -9999px; top: 60px; padding-top: 6px; font-size: 13px; opacity: 0; -webkit-transition: top 0.2s ease, opacity 0.2s ease-in; -moz-transition: top 0.2s ease, opacity 0.2s ease-in; -ms-transition: top 0.2s ease, opacity 0.2s ease-in; -o-transition: top 0.2s ease, opacity 0.2s ease-in; transition: top 0.2s ease, opacity 0.2s ease-in; }
nav > ul > li > ul::after { content: ''; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-bottom-color: #ffffff; top: -4px; left: 20px; }
nav ul ul ul::after { content: ''; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-right-color: #ffffff; top: 11px; left: -4px; }
nav > ul > li > ul { top: 120px; z-index: 10; }
nav > ul > li:hover > ul { top: 49px; left: 0; opacity: 1; }
nav ul ul ul { padding-top: 0; padding-left: 6px; }
nav ul ul > li:hover > ul { left: 180px; top: 0; opacity: 1; }
nav ul ul li a { text-decoration: none; font-weight: 400; padding: 11px 25px; width: 180px; color: #777777; background: #ffffff; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1); }
nav ul ul li:hover > a, nav ul ul li.active > a { color: #333333; }
nav ul ul li:first-child > a { border-top-left-radius: 3px; border-top-right-radius: 3px; }
nav ul ul li:last-child > a { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
nav > ul > li > ul::after { position: absolute; display: block; }
nav ul ul li.has-sub > a::after { content: ''; position: absolute; width: 0; height: 0; border: 4px solid transparent; border-left-color: #777777; right: 17px; top: 14px; }
nav ul ul li.has-sub.active > a::after, nav ul ul li.has-sub:hover > a::after { border-left-color: #333333; }
 @media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
 nav {
 background: #39b1cc;
}
 nav > ul {
 display: none;
}
 nav > ul.open {
 display: block;
 border-top: 1px solid rgba(0, 0, 0, 0.1);
}
 nav > ul > li {
 float: none;
}
 nav > ul > li > a {
 padding: 18px 25px 18px 25px;
 border-right: 0;
}
 nav > ul > li:hover > a, nav > ul > li.active > a {
 background: rgba(0, 0, 0, 0.1);
}
 nav #menu-button {
 display: block;
 text-decoration: none;
 font-size: 13px;
 font-weight: 700;
 color: #d3eced;
 padding: 18px 25px 18px 25px;
 text-transform: uppercase;
 letter-spacing: 1px;
 background: url('bg.png');
 cursor: pointer;
}
 nav ul ul, nav ul li:hover > ul, nav > ul > li > ul, nav ul ul ul, nav ul ul li:hover > ul {
 left: 0;
 top: auto;
 opacity: 1;
 width: 100%;
 padding: 0;
 position: relative;
}
 nav ul ul li {
 width: 100%;
}
 nav ul ul li a {
 width: 100%;
 box-shadow: none;
 padding-left: 35px;
}
 nav ul ul ul li a {
 padding-left: 45px;
}
 nav ul ul li:first-child > a, nav ul ul li:last-child > a {
 border-radius: 0;
}
 nav #menu-button::after {
 display: block;
 content: '';
 position: absolute;
 height: 3px;
 width: 22px;
 border-top: 2px solid #d3eced;
 border-bottom: 2px solid #d3eced;
 right: 25px;
 top: 18px;
}
 nav #menu-button::before {
 display: block;
 content: '';
 position: absolute;
 height: 3px;
 width: 22px;
 border-top: 2px solid #d3eced;
 right: 25px;
 top: 28px;
}
 nav > ul > li.has-sub > a::after, nav ul ul li.has-sub > a::after {
 display: none;
}
}
h1 { line-height: 180%; color: #0056AC; text-shadow: #f2f2f2 0px 1px 0px; font-size: 28px; }
h2 { color: #4FC2ED; text-shadow: #fff 0px 1px 0px; font-size: 18px; margin-top: 10px; margin-bottom: 10px; }
#shadow { text-shadow: #acacac 0px 1px 0px; }
#selos { width: 180px; display: block; margin-top: 50px }
#selos li { display: block; float: left; padding-left: 4px }
#selos li a { }
#selos li.up { width: 85px; }
#selos li.up a { background-image: url(imagens/selo-upclicks.png); width: 85px; }
#selos li.w3c { width: 85px; }
#selos li.w3c a { background-image: url(imagens/valid-xhtml.png); width: 85px; }
#selos a { background-position: left top; background-repeat: no-repeat; display: block; text-indent: -99999px; overflow: hidden; }
.botao { background: url(imagens/botao-buscar.gif) no-repeat; border: 0 none; cursor: pointer; display: block; height: 27px; overflow: hidden; padding-bottom: 2px; text-indent: -999em; width: 115px; }
hr { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); clear: both; margin: 15px 0; }
.form-contato { float: right; width: 500px; }
.form-contato input { background-color: ##f2f2f2; border: 1px solid #d5d5d5; color: #000; width: 325px; }
.form-contato .textbox { color: #747474; width: 440px; margin-bottom: 10px; padding: 8px; background-color: #f7f7f7; border-top: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; font-family: inherit; font-size: inherit; }
.form-contato .textboxdif { color: #747474; width: 132px; margin-bottom: 10px; padding: 8px; background-color: #f7f7f7; border-top: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; font-family: inherit; font-size: inherit; }
.form-contato select { background-color: ##f2f2f2; border: 1px solid #d5d5d5; color: #000; width: 325px; }
.form-contato .button { border: 1px solid #d5d5d5; background-color: #fff; color: #000; width: 325px; }
.form-saiba-mais { float: left; width: 500px; }
.form-saiba-mais input { background-color: ##f2f2f2; border: 1px solid #d5d5d5; color: #000; width: 325px; }
.form-saiba-mais .textbox { color: #747474; width: 440px; margin-bottom: 10px; padding: 8px; background-color: #f7f7f7; border-top: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; font-family: inherit; font-size: inherit; }
.form-saiba-mais .textboxdif { color: #747474; width: 440px; margin-bottom: 10px; padding: 8px; background-color: #f7f7f7; border-top: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; font-family: inherit; font-size: inherit; }
.form-saiba-mais select { background-color: ##f2f2f2; border: 1px solid #d5d5d5; color: #000; width: 325px; }
.form-saiba-mais .button { border: 1px solid #d5d5d5; background-color: #fff; color: #000; width: 460px; }
.botoes { float: right; padding: 2px; }
.titulos { line-height: 20px; padding: 0; margin: 0; }
#Formulario { width: 90%; padding: 15px; margin: 10px 0 0 0; background: #09F; border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -o-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -o-border-top-right-radius: 5px; font-size: 25px; font-weight: bold; color: #fff; letter-spacing: -1px; line-height: 80%; text-align: center; }
#Formulario b { font-size: 16px; font-weight: normal; letter-spacing: 1px; }
#contato { padding: 15px 0 0 0; }
#contato input, #contato textarea { width: 90%; padding: 0 0 0 10px; height: 25px; border: none; border-radius: 5px; margin: 10px 0 0 0; color: #808080; }
#contato textarea { padding: 10px 0 0 10px; height: 100px; resize: none; }
footer { top: 20px; border-top: 1px solid #00a0c8; width: 100%; height: 220px; text-align: left; font-size: 13px; color: #fff; bottom: 0px; background: #39b1cc; background: -moz-linear-gradient(top, #51bbd2 0%, #2d97af 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #51bbd2), color-stop(100%, #2d97af)); background: -webkit-linear-gradient(top, #51bbd2 0%, #2d97af 100%); background: -o-linear-gradient(top, #51bbd2 0%, #2d97af 100%); background: -ms-linear-gradient(top, #51bbd2 0%, #2d97af 100%); background: linear-gradient(to bottom, #51bbd2 0%, #2d97af 100%); clear: both; }
#rodapediv1 { margin-top: 10px; width: 240px; float: left; }
#rodapediv2 { margin-top: 10px; width: 240px; float: left; }
#rodapediv3 { margin-top: 10px; width: 240px; float: left; }
#rodapediv4 { margin-top: 10px; width: 240px; float: left; }
h5 { font-size: 14px; }
h5 a { color: #fff; text-decoration: none; }
h5 a:hover { text-decoration: underline; }
.rprod li a { color: #fff; text-decoration: none; }
.rprod li a:hover { text-decoration: underline; }
.form-dir { float: left; width: 150px; }
.f-nav { z-index: 9999; position: fixed; top: 0; width: 100%; }
nav { margin: 0 auto; }
.jcarousel-wrapper { position: relative;/* border: 10px solid #FFF; *//* -webkit-border-radius: 5px; *//* border-radius: 5px; *//* -webkit-box-shadow: 0 0 2px #000; */

/* box-shadow: 0 0 2px #000; */ }
/** Carousel **/
.jcarousel { position: relative; overflow: hidden;  background: #FFF; }
.jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; }
.jcarousel li { width: 152px !important; height: 130px; float: left; text-align: center; padding-top: 22px; padding-left: 50px; }
.jcarousel img { max-width: 100%; height: auto; }
.jcarousel li a { color: #fff; font-weight: bolder; color: #555; }
.jcarousel li a:hover { text-decoration: none; font-weight: bolder; }
/** Carousel Controls **/
.jcarousel-control-prev, .jcarousel-control-next { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; text-align: center; color: #fff; text-decoration: none; text-shadow: 0 0 1px #000; font: 24px/27px Arial, sans-serif; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 0 0 4px #000; -moz-box-shadow: 0 0 4px #000; box-shadow: 0 0 4px #000; }
.jcarousel-control-prev { left: 15px; }
.jcarousel-control-next { right: 15px; }
/** Carousel Pagination **/
.jcarousel-pagination { position: absolute; bottom: -40px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); margin: 0; }
.jcarousel-pagination a { text-decoration: none; display: inline-block; font-size: 11px; height: 10px; width: 10px; line-height: 10px; background: #fff; color: #4E443C; border-radius: 10px; text-indent: -9999px; margin-right: 7px; -webkit-box-shadow: 0 0 2px #4E443C; -moz-box-shadow: 0 0 2px #4E443C; box-shadow: 0 0 2px #4E443C; }
.jcarousel-pagination a.active { background: #4E443C; color: #fff; opacity: 1; -webkit-box-shadow: 0 0 2px #F0EFE7; -moz-box-shadow: 0 0 2px #F0EFE7; box-shadow: 0 0 2px #F0EFE7; }
#regulares, #negocios, #academicos, #preparatorios, #especiais { border-bottom: 2px solid #E8E8E8; display: none; margin-bottom: 5px; }
.trabalhos{ float: left; width:48%; margin-right:15px; border: 1px solid #ccc; margin-bottom:20px}