@charset "iso-8859-1"; * { margin:0; padding:0; border:none; font-family:Arial, Helvetica, sans-serif; outline:none; font-size: 12px; color: #58595b; } a:link, a:visited, a:active { color:#FFF; text-decoration: none; } html, body { height:100%; } body { background:#ffffff; } .clear { clear:both; } .right { float:right; } .left { float:left; } .mg-left { margin-left:10px;} .mg-right { margin-right:10px;} .line-div { width:100%; height:1px; background:url(/img/bg-line-div.gif) repeat-x 0 0; border-top-width: 5px; border-bottom-width: 5px; border-top-style: solid; border-bottom-style: solid; border-top-color: #FFF; border-bottom-color: #FFF; } .line-left { border-left-width: 1px; border-left-style: solid; border-left-color: #CCC; padding: 0 0 0 10px; } .line-solid-orange { border-top: 3px solid #EE6904; margin-bottom:4px; } .line-dotted-gray { border-top: 1px dotted #CCC; margin:5px 0 5px 0;} #container { float:left; position:relative; min-width:975px; width:100%; } * html #container { width:100%; height:475px; } #global { position:absolute; left:0; top:0; width:100%; z-index:20; } * html #global { width:100%; height:475px; } #header { position:relative; display:block; margin:0 auto 10px auto; width:970px; height:155px; } #header-y { position:relative; display:block; margin:0 auto 0 auto; width:970px; height:180px; } #header h1{float:left; width:490px; height:90px; text-indent:-6666px; overflow:hidden; background:url(/img/logo-eschola.png) no-repeat 0 18px;} #header h1 a{float:left; width:100%; height:100%; text-decoration:none;} #menu {/*position:absolute; right:0; top:83px;*/ width:970px; height:35px; /*background:#ffffff;*/ margin-top:15px; } * html #menu { right:-1px; } #menu ul { float:left; list-style:none; } #menu ul li { display:inline; float:left; /*width:122px;*/ height:35px; margin-left:-1px; } #menu ul li.first { margin-left:0; } #menu ul li a { float:left; width:100%; height:100%; background:url(/img/mn-bg.gif) no-repeat 0 0; } #menu ul li a span { float:left; width:100%; height:100%; text-indent:-6666px; overflow:hidden; cursor:pointer; } #menu ul li a span.mn1 { width:194px; background:url(/img/mn-home.gif) no-repeat 0 0; } #menu ul li a span.mn2 { width:194px; background:url(/img/mn-noticias.gif) no-repeat 0 0; } #menu ul li a span.mn3 { width:194px; background:url(/img/mn-enem.gif) no-repeat 0 0; } #menu ul li a span.mn4 { width:194px; background:url(/img/mn-profissoes.gif) no-repeat 0 0; } #menu ul li a span.mn5 { width:194px; background:url(/img/mn-concursos.gif) no-repeat 0 0; } #menu ul li a span.mn6 { width:194px; background:url(/img/mn-pos-graduacao.gif) no-repeat 0 0; } #menu ul li a span.mn7 { width:194px; background:url(/img/mn-idioma.gif) no-repeat 0 0; } #menu ul li a:hover span.mn1 { background:url(/img/mn-home.gif) no-repeat 0 -35px; } #menu ul li a:hover span.mn2 { background:url(/img/mn-noticias.gif) no-repeat 0 -35px; } #menu ul li a:hover span.mn3 { background:url(/img/mn-enem.gif) no-repeat 0 -35px; } #menu ul li a:hover span.mn4 { background:url(/img/mn-profissoes.gif) no-repeat 0 -35px; } #menu ul li a:hover span.mn5 { background:url(/img/mn-concursos.gif) no-repeat 0 -35px; } #menu ul li a:hover span.mn6 { background:url(/img/mn-pos-graduacao.gif) no-repeat 0 -35px; } #menu ul li a:hover span.mn7 { background:url(/img/mn-idioma.gif) no-repeat 0 -35px; } #menu ul li a:hover, #menu ul li a.on { background:url(/img/mn-bg.gif) no-repeat 0 -40px; } #menu_new{/*position:absolute; right:0; top:83px;*/ width:970px; height:35px; margin-top:15px; background:#F60; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #FFF; } * html #menu_new { right:-1px; } #menu_new ul { float:left; list-style:none; width:100%; height:33px;} #menu_new ul li {display:inline; float:left; width:160px!important; height:33px; margin-left:-1px; color:#FFF; border: 1px solid; border-top-color:#ffbe00; border-right-color:#ff7d00; border-bottom-color:#ffbe00; border-left-color:#ff7d00; background: #ff9800; background: -moz-linear-gradient(top, #ff9800 0%, #ff6800 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9800), color-stop(100%,#ff6800)); background: -webkit-linear-gradient(top, #ff9800 0%,#ff6800 100%); background: -o-linear-gradient(top, #ff9800 0%,#ff6800 100%); background: -ms-linear-gradient(top, #ff9800 0%,#ff6800 100%); background: linear-gradient(top, #ff9800 0%,#ff6800 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9800', endColorstr='#ff6800',GradientType=0 ); } #menu_new ul li.first { margin-left:0; } #menu_new ul li a { float:left; width:140px; height:13px; padding:10px 10px; text-align: center; } #menu_new ul li a:hover { background: #ff6800; background: -moz-linear-gradient(top, #ff6800 0%, #ff9800 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6800), color-stop(100%,#ff9800)); background: -webkit-linear-gradient(top, #ff6800 0%,#ff9800 100%); background: -o-linear-gradient(top, #ff6800 0%,#ff9800 100%); background: -ms-linear-gradient(top, #ff6800 0%,#ff9800 100%); background: linear-gradient(top, #ff6800 0%,#ff9800 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6800', endColorstr='#ff9800',GradientType=0 );} #main { position:relative; margin:0 auto; top:-1px; width:970px; min-height:400px; background:#FFF; background:#ffffff url(/img/bg-main.gif) repeat-y 0 0; border-bottom:10px solid #FFF; } #content { float:left; width:970px; height: 100%; } #flashLead { float:left; width:630px; height:355px; overflow:hidden; margin: 0 10px 15px 10px; } /***** main_content *****/ #main_content { float:left; clear:left; width:970px; min-height:150px; padding:0; margin: 0 10px 15px 10px; height: 100%; } #main_content_col1, #main_content_col2, #main_content_col3, #main_content_col4, #main_content_col5 { font-size: 12px; color: #333; } #main_content_col1 { width: 630px; /*margin-bottom: 10px;*/ } #main_content_col2 { width: 310px; margin-bottom: 10px; } #main_content_col3 { width: 200px; margin:0 10px 0 0; } #main_content_col4 { width: 430px; margin-right:10px; } #main_content_col5 { width: 190px; } #main_content_col6 { width: 150px; margin:0 10px 0 0; } #main_content_col6.last { margin:0 0 0 0; } #main_content_col2 .title { display: block; float:right; width:160px; color:#EE6904; font-weight: bold; } #main_content_col2 a:hover .title { color:#EE6904; text-decoration: underline; } #main_content_col2 .title-g { display: block; width:310px; color:#EE6904; font-weight: bold; } #main_content_col2 a:hover .title-g { color:#EE6904; text-decoration: underline; } #main_content_col2 .session-g { display: block; width:310px; text-transform: uppercase; } #main_content_col2 a:hover .session-g { text-decoration: underline; } #main_content_col2 .cont { display: block; float:right; width:160px; height:60px; } #main_content_col2 a:hover .cont { text-decoration: underline; } #main_content_col2 img { float:left; border:0; height:88px; margin-right: 10px; position:absolute; clip:rect(auto,140px,88px,auto); } #main_content_col1 .title-area {display: block; font-weight: bold; font-size: 14px; color: #000; margin: 0 0 26px 0; padding: 18px 0 0 0; text-transform: uppercase; border-top: 3px solid #EE6904; } #main_content_col2 .title-area {display: block; float:left; font-weight: bold; font-size: 14px; color: #000; margin: 10px 0 10px 0; text-transform: uppercase; /*border-top: 3px solid #EE6904; padding: 8px 0 0 0;*/ } #main_content_col1 .arrow, #main_content_col2 .arrow { display: block; float:left; width:8px; height:8px; margin: 14px 0 0 10px; padding:0; background:url(/img/img-home-arrow.gif) no-repeat;} #main_content_col2 .data { font-weight: lighter; font-size: 9px; color: #666666; } #main_content_col2 .cont-news { margin: 0 0 10px 0; } #main_content_col2 a {display:block; margin: 0 0 10px 0; background:url(/img/img-bullet.gif) no-repeat 0 6px; padding-left:10px; } #main_content_col2 a .cont-news { color:#993300; } #main_content_col2 a:hover .cont-news { text-decoration: underline; } #main_content_col2 .cont-news-bold { display: block; font-weight: bold; font-size: 12px; } #main_content_col2 a:hover .cont-news-bold { text-decoration: underline; } #main_content_col2 a.link { display: block; float:right; text-transform: none; color: #EE6904; font-weight: bold; background:none; } #main_content_col2 a:hover.link { color: #EE6904; text-decoration: underline; } #main_content_col3 .title-area { display: block; font-weight: lighter; color: #666; margin: 10px 0 10px 0; text-transform: uppercase; border-top: 3px solid #EE6904; padding: 8px 0 0 0; } #main_content_col3 .title-area { font-size: 14px; height: inherit; } #main_content_col3 .title-area:hover {text-decoration:underline} #main_content_col3 .cont { display: block; float:left; width:200px; margin:136px 0 0 0; } #main_content_col3 a:hover .cont { text-decoration: underline; } #main_content_col3 img { display: block; border:0; height:126px; margin:0 0 10px 0; position:absolute; clip:rect(auto,200px,126px,auto); } #main_content_col3 .cont-news-bold { display: block; font-weight: bold; font-size: 14px; } #main_content_col3 a:hover .cont-news-bold { text-decoration: underline; } #main_content_col3 #course { height:180px; /*border: 1px solid #CCC;*/ margin:0 0 10px 0; } #main_content_col3 #course .title-course { display: block; font-weight: lighter; color: #666; margin: 5px 0 0 0; text-transform: uppercase; /*border-bottom: 1px solid #EE6904;*/ padding: 0 0 0 0; } #main_content_col3 #course .title-course { font-size: 14px; height: inherit; color:#EE6904; font-weight: bold; /*height: 35px;*/ min-height: 35px; } #main_content_col3 #course .title-course:hover {text-decoration:underline} #main_content_col3 #course .cont-course { display: block; float:left; width:200px; margin: 131px 0 5px 0; } #main_content_col3 #course a:hover .cont-course { text-decoration: underline; } #main_content_col3 #course img { display: block; border:1 solid #CCC; height:126px; margin:0 0 10px 0; position:absolute; clip:rect(auto,200px,126px,auto); } #main_content_col3 #course .price { display: block; font-weight: bold; font-size: 14px; } #main_content_col3 #course a:hover .price { text-decoration: underline; } #main_content_col6 .title-course { display: block; font-weight: lighter; color: #666; margin: 5px 0 0 0; text-transform: none; padding: 0 0 0 0; font-size: 12px; height: inherit; color:#333; font-weight: bold; min-height: 35px; } #main_content_col6 .title-course:hover {text-decoration:underline} #main_content_col6 .cont-course { display: block; float:left; width:150px; margin: 100px 0 5px 0; } #main_content_col6 a:hover .cont-course { text-decoration: underline; } #main_content_col6 img { display: block; border:0; height:96px; margin:0 0 0 0; } #main_content_col6 .price { display: block; font-weight: normal; font-size: 12px; margin:-5px 0 0 0; } #main_content_col6 a:hover .price { text-decoration: underline; } #main_content_course { float:left; clear:left; width:630px; min-height:150px; padding:0; margin: 0 0 15px 10px; /*background:url(/img/bg-main-content.gif) repeat-y 0 0;*/ } /********** MENU CURSOS **********/ #sec_menu_courses{position:relative; display:block; width:300px; margin:10px auto 10px auto;} #sec_menu_courses h3{float:left; clear:left; position:relative; width:300px; height:35px; background:url(/img/bg-top-secmenu.gif) repeat-x 0 0;} #sec_menu_courses h3 span{float:left; width:300px; height:35px; background:url(/img/tit-conheca-nossos-cursos.gif) no-repeat 25px 12px; text-indent:-6666px; overflow:hidden;} #sec_menu_courses h3 span.arrow_bullet{position:absolute; left:10px; top:12px; width:10px; height:11px; background:url(/img/bullet-conheca-nossos-cursos.gif) no-repeat 0 0;} #sec_menu_courses dl{float:left; clear:left; width:300px; min-height:68px; /*min-height:78px;*/ padding:8px 18px 10px 10px; background:url(/img/bg-secmenu-categorias.gif) no-repeat 0 0;} #sec_menu_courses dl dt{ float:left; width:278px; font-size:13px; font-family:tahoma; font-weight:bold; color:#0e3747; border-top:3px solid #ee6904; padding:8px 0 0 1px; text-transform: uppercase; } #sec_menu_courses dl dt a {display:block; color:#0e3747;} #sec_menu_courses dl dd{float:left; width:278px; padding:0 0 0 2px; font-family:tahoma; line-height:18px;} #sec_menu_courses dl dd a{float:left; clear:left; font-size:11px; height:18px; width:100%; color:#75787d; text-decoration:none;} #sec_menu_courses dl dd a span{font-size:10px; font-weight:bold; margin-right:2px;} #sec_menu_courses dl dd a:hover, #sec_menu dl dd a.on{background:#f2d1b9;} /***** sidebar *****/ #sidebar { float:right; width:310px; background:#eeeef1; /*min-height: 500px;*/ margin: 0 10px 15px 0; } #box { position:relative; display:block; width:300px; margin:5px auto 10px auto; } #box_cursos{ position:relative; display:block; width:300px; border:1px solid #ffffff; margin:10px auto 10px auto; } #box_cursos .extra_border{float:left; width:294px; padding:3px; border:1px solid #e88802; background:#f58e02;} #box_cursos h3{float:left; width:294px; height:35px; padding:0; margin:0; background:url(/img/tit-box-cursos.gif) no-repeat 0 0; text-indent:-6666px; overflow:hidden;} #box_cursos .info_area{float:left; clear:left; width:294px; height:145px; background:url(/img/bg-box-cursos.gif) repeat 0 0;} #box_cursos dl{float:left; clear:left; width:284px; margin:0 0 0 10px;} #box_cursos dl dt{ float:left; width:274px; text-align:left; font-family:arial; font-size:12px; color:#ffffff; padding:4px 0 0 0; } #box_cursos dl dt a { color:#FFF; font-weight:bold; margin-left:5px; } #box_cursos dl dt a:hover { text-decoration:underline;} #box_cursos dl dd img { margin:5px 5px 0 6px; background:#CCC; border:#FFF solid 1px; } #box_cursos dl dd{float:left; /*width:94px; padding:10px 0 8px 0; font-size:10px; color:#773707;*/} #box_cursos .clear{float:left; width:294px; height:3px; background:url(/img/line-box-contador.gif) no-repeat center 0;} #box_ofertas{ position:relative; display:block; width:300px; height:240px; border:1px solid #ccc; margin:10px auto 10px auto; } /*#box_ofertas .extra_border{float:left; width:294px; padding:3px; border:1px solid #ccc; background:#f58e02;}*/ #box_ofertas h3{float:left; width:300px; height:37px; padding:0; margin:0; background:url(/img/tit-box-ofertas.gif) no-repeat 0 0; text-indent:-6666px; overflow:hidden;} #box_ofertas .info_area{float:left; clear:left; width:274px; height:177px; background:#FFF; padding:13px;} #box_ofertas .info_area .band-limited {position:absolute; top:37px; right:0; width:206px; height:56px; background:url(/img/img-band-limited.gif) no-repeat 0 0; text-indent:-6666px; overflow:hidden; } #box_ofertas .info_area .band-sale {position:absolute; top:37px; right:0; width:206px; height:56px; background:url(/img/img-band-sale.gif) no-repeat 0 0; text-indent:-6666px; overflow:hidden; } #box_ofertas .info_area .section, #box_ofertas .info_area .sale, #box_ofertas .info_area .description { color: #666; margin-bottom:2px; font-size: 14px; } #box_ofertas .info_area .section { text-transform: uppercase; font-size: 11px; margin-bottom:2px; } #box_ofertas .info_area .title { color: #333; margin-bottom:2px; font-size: 16px; } #box_ofertas .info_area .value { color: #F60; margin-bottom:2px; font-size: 16px; } #box_ofertas .info_area .value strong { color: #F60; margin-bottom:2px; font-size: 14px; font-weight: bold; text-transform: uppercase; } #box_ofertas .info_area .value span.small {color: #666; font-size:12px;} #box_ofertas .info_area .description {font-size:12px; margin-bottom:10px;} #box_ofertas .btn-matricula a { display:block; text-align:center; color:#FFF; text-decoration:none; font-weight:bold; padding:6px; text-transform: uppercase; font-size:12px; /* Gradient background */ background: #ff9933; /* Old browsers */ background: -moz-linear-gradient(top, #ff9933 50%, #ff6600 51%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ff9933), color-stop(51%, #ff6600)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff9933 50%, #ff6600 51%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff9933 50%, #ff6600 51%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff9933 50%, #ff6600 51%); /* IE10+ */ background: linear-gradient(top, #ff9933 50%, #ff6600 51%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9933', endColorstr='#ff6600', GradientType=0 ); /* IE6-9 */ /* Shadow */ -webkit-box-shadow: inset 0px 0px 0px 2px #ff6600; -moz-box-shadow: inset 0px 0px 0px 2px #ff6600; box-shadow: inset 0px 0px 0px 2px #ff6600; behavior:url(/css/css3pie/PIE.htc);} #box_ofertas dl{float:left; clear:left; width:294px;} #box_ofertas dl dt{ float:left; width:95px; text-align:left; font-family:arial; font-size:12px; color:#ffffff; font-weight:bold; padding: 18px 0 0 0; } #box_ofertas dl dt a { color:#FFF;} #box_ofertas dl dt a:hover { text-decoration:underline;} #box_ofertas dl dd img { margin:5px 5px 0 6px; background:#CCC; border:#FFF solid 1px; } #box_ofertas dl dd{float:left; /*width:94px; padding:10px 0 8px 0; font-size:10px; color:#773707;*/} #box_ofertas .clear{float:left; width:294px; height:3px; background:url(/img/line-box-contador.gif) no-repeat center 0;} /***** mediaboxShow *****/ #mediaboxShow { width:630px; height:355px; float:left; position:relative } #mediaboxShow .mediaboxDestaque { z-index:1 } #mediaboxShow .mediaboxOpacity { position:absolute; z-index:3; width:100%; height:115px; background:#000; bottom:0px; left:0; opacity:0.6; -moz-opacity:0.6; -webkit-opacity:0.6; filter:Alpha(Opacity=60) } #mediaboxShow .mediaboxSubtitle { height:115px; position:absolute; z-index:4; bottom:0px; left:0; } #mediaboxShow .mediaboxSubtitle h4.categorie { margin-top:10px; margin-bottom:0; font-size:12px; text-transform:uppercase; font-weight: normal; } #mediaboxShow .mediaboxSubtitle h4.categorie, #mediaboxShow .mediaboxSubtitle h4.categorie a { color:#CCCCCC; text-decoration:none; line-height: 20px; } #mediaboxShow .mediaboxSubtitle h3.title { margin-top:0; font-weight:bold; } #mediaboxShow .mediaboxSubtitle h3.title, #mediaboxShow .mediaboxSubtitle h3.title a { color:#FFF; text-decoration:none; font-size:32px; line-height: 30px; } #mediaboxShow .mediaboxSubtitle h3.title:hover { text-decoration: underline; } #mediaboxShow .mediaboxSubtitle h4.categorie, #mediaboxShow .mediaboxSubtitle h3.title { margin-left:15px; margin-right:20px; } .slide .navigation .prev, .slide .navigation .next { position:absolute; top:139px; width:34px; height:77px; border:none; z-index:7; cursor:pointer; opacity:.5; -webkit-transition:all .33s ease-in-out; -moz-transition:all .33s ease-in-out; -o-transition:all .33s ease-in-out; transition:all .33s ease-in-out } .slide .navigation .prev { float:left; left:0 } .slide .navigation .next { float:right; right:1px } .slide.hover .navigation .prev { } .slide.hover .navigation .prev:hover { opacity:1 } .slide.hover .navigation .next { } .slide.hover .navigation .next:hover { opacity:1 } .slide .navigation .prev { background:url('/img/sprite.png') 0 0 no-repeat } .slide .navigation .next { background:url('/img/sprite.png') 0 -88px no-repeat } /***** mediaboxShow *****/ #boxSection { width:430px; /*height:280px;*/ height:240px; float:left; position:relative } #boxSection .mediaboxOpacity { position:absolute; z-index:2; width:100%; height:76px; background:#000; bottom:0px; left:0; opacity:0.6; -moz-opacity:0.6; -webkit-opacity:0.6; filter:Alpha(Opacity=60) } #boxSection .mediaboxSubtitle { height:76px; position:absolute; z-index:3; bottom:0px; left:0; } #boxSection .mediaboxSubtitle h4.categorie { margin-top:10px; margin-bottom:0; font-size:12px; text-transform:uppercase; font-weight: normal; } #boxSection .mediaboxSubtitle h4.categorie, #boxSection .mediaboxSubtitle h4.categorie a { color:#CCCCCC; text-decoration:none; line-height: 20px; } #boxSection .mediaboxSubtitle h3.title { margin-top:0; font-weight:bold; } #boxSection .mediaboxSubtitle h3.title, #boxSection .mediaboxSubtitle h3.title a { color:#FFF; text-decoration:none; font-size:22px; line-height: 28px; padding-top: 8px; } #boxSection .mediaboxSubtitle h3.title a:hover {text-decoration:underline} #boxSection .mediaboxSubtitle h4.categorie, #boxSection .mediaboxSubtitle h3.title { margin-left:15px; margin-right:50px; } #boxSection img { /*height:280px;*/ width:430px; position:absolute; clip:rect(auto,430px,240px,auto);} .slide ul { list-style:none; } .slide ul li { float:left; } /********** BACKGROUNDS **********/ .bgLeft { position:absolute; left:0; top:0; width:55%; height:105px; border-bottom:#F60 solid 35px; /*height:475px; background:url(/img/bg.gif) repeat-x 0 0;*/ z-index:10; } .bgRight { position:absolute; right:0; top:0; width:55%; height:105px; border-bottom:#F60 solid 35px; /*height:475px; background:url(/img/bg.gif) repeat-x 0 0;*/ z-index:10; } @font-face { font-family: "Gotham Bold"; src: local("/font/Gotham-Bold.otf"), url("/font/Gotham-Bold.otf"); } @font-face { font-family: "Gotham Medium"; src: local("/font/Gotham-Medium.otf"), url("/font/Gotham-Medium.otf"); } #box_parceiro{ position:relative; display:block; width:300px; margin:10px auto 10px auto; } .lead_banner{margin-bottom:20px; width:300px; height:165px;} .lead_banner p{float:left; width:210px !important; height:100px;} .lead_banner p strong{ font-weight: bold; color: #FF0; } .lead_banner a{float:left; font-size:11px; color:#ffffff !important; width:100%; height:100%;} .lead_banner a{float:left; text-decoration:none;} .lead_banner a img{float:left; clear:both; margin:10px 0 0 0;} .banner_franquia{background:url(/img/bg-banner-franquia.jpg) no-repeat 0 0;} .banner_franquia a{width:219px; height:117px; padding:74px 0 0 11px;} .banner_informatica{background:url(/img/bg-banner-informatica.jpg) no-repeat 0 0;} .banner_informatica a{width:219px; height:117px; padding:74px 0 0 11px;}