/* On screens that are 992px or less, set the background color to blue */ @media screen and (min-width: 1000px) { body{margin:0px; background-image:url('../img/bgIndex.png'); background-repeat:repeat-x; background-color:#eee;} td{padding:4px;} img{border:0px;} #central{width:1000px; margin:auto; overflow:hidden;} #central .topo{height:137px; width:1000px; float:left; background-image:url('../img/bgTopo.png'); background-position:top center; background-repeat:no-repeat;} #central .topo .logo{width:534px; height:112px; margin:10px; } .sliderPequeno{float:left; width:467px; height:210px; border:1px solid black; margin-left:10px; margin-top:10px;} #central .menu{width:1000px; height:54px; float:left; } #central .menu a{font-size:20px; color:black; font-weight:400; text-decoration:none; line-height:2.5; letter-spacing:0.4px; float:left; margin-right:43px; } #central .menu a:hover{border-top:6px solid #7aeff6; color:blue; line-height:1.9; } #menuMobile{display: none;} #central .conteudo{width:1000px; float:left; margin-top:8px;} #central .conteudo .destaque{width:520px; height:350px; float:left; background-color:#f6f6f6; margin-top:10px; margin-bottom:10px; } #central .conteudo .destaque .bredCumb{position:absolute; padding:5px; background-color:black; color:white; width:75px; z-index:999;} #central .conteudo .destaque .tarjaAzul{position:absolute; margin-top:260px; padding:5px; background-image:url('../img/bgDestaque.png'); width:500px; height:80px; } #central .conteudo .destaque .tarjaAzul a{font-size:35px; text-decoration:none; color:white; text-decoration:none; line-height:2.2; } #central .conteudo .areaAluno{width:470px; height:130px; margin-left:10px; float:left; background-color:#f6f6f6; margin-top:10px; } #central .conteudo .areaAluno .bredCumb{position:relative; padding:5px; background-color:black; color:white; width:110px; } #central .conteudo .video{width:230px; height:210px; margin-left:10px; float:left; background-color:#f6f6f6; margin-top:10px; margin-bottom:10px; } #central .conteudo .video .bredCumb{position:relative; padding:5px; background-color:black; color:white; width:75px; } #central .conteudo .geliel{width:230px; height:210px; margin-left:10px; float:left; background-color:#f6f6f6; margin-top:10px; margin-bottom:10px; } #cursos{width:100%; height:100px; border-top:1px solid white; background-color:#d0d0d0; float:left; } #cursos .central{width:1000px; margin:auto; } #cursos .central .itemCurso{float:left; margin-top:30px; margin-right:30px; } #cursos .central .itemCurso a{ color:black; text-decoration:none; } #cursos .central .itemCurso a:hover{ text-decoration:underline; } #rodape{width:100%; border-top:1px solid white; background-color:#38868e; float:left; padding-bottom:50px; } #rodape .central{width:95%; margin:auto; } #rodape .central .endereco{ font-size:19px; color:white; margin-top:20px; margin-bottom:20px; float:left; } #rodape .central .telefone{ font-size:45px; color:white; margin-top:20px; margin-bottom:20px; float:left; } #rodape .central .facebook{ margin-top:17px; margin-bottom:20px; float:left; margin-left:100px; } #rodape .central .facebook a{color:white !important; text-decoration:none;} /** SOBRE **/ #central .conteudo .sobre{width:100%; float:left; background-color:#f6f6f6; border:1px solid white; } #central .conteudo .sobre .bredCumb{ border-left:10px solid #AAA; padding:10px; background-color:black; color:white; font-size:20px; float:left;} #central .conteudo .sobre .foto{width:300px; float:left; margin:10px; clear:both;} #central .conteudo .sobre .descricao{width:650px; float:left; margin:10px; } /** PROFESSORES **/ #central .conteudo .professores{width:100%; float:left; background-color:#f6f6f6; border:1px solid white; } #central .conteudo .professores .bredCumb{ border-left:10px solid #AAA; padding:10px; background-color:black; color:white; font-size:20px; float:left;} #central .conteudo .professores .bredCumb a{ color:white; font-size:20px; text-decoration:none;} #central .conteudo .professores .bredCumb a:hover{ text-decoration:underline;} #central .conteudo .professores .professor{ width:200px; float:left; margin:20px; border:1px solid black;} #central .conteudo .professores .professor .tarja { background-image: url("../img/bgTarja.png"); color: white;margin-top: -42px;padding: 10px; width: 180px; z-index: 999; position:absolute; } #central .conteudo .professores .professor a .tarja { color: white; font-size: 18px; text-decoration: none; } #central .conteudo .professores .professor a:hover .tarja { color: yellow; font-weight:bold; } /** PROFESSORES INTERNA **/ #central .conteudo .professores .foto{width:300px; float:left; margin:10px; clear:both;} #central .conteudo .professores .descricao{width:650px; float:left; margin:10px; } /** SECRETARIA **/ #central .conteudo .secretaria{width:100%; float:left; background-color:#f6f6f6; border:1px solid white; } #central .conteudo .secretaria .bredCumb{ border-left:10px solid #AAA; padding:10px; background-color:black; color:white; font-size:20px; float:left;} #central .conteudo .secretaria .descricao{width:900px; float:left; margin:10px; font-size:14px;} #central .conteudo .secretaria .descricao h2{font-size:30px; margin:10px; margin-left:0px;} /** LOCALIZACAO **/ #central .conteudo .localizacao{width:100%; float:left; background-color:#f6f6f6; border:1px solid white; } #central .conteudo .localizacao .bredCumb{ border-left:10px solid #AAA; padding:10px; background-color:black; color:white; font-size:20px; float:left;} #central .conteudo .localizacao .mapa1{float:left; clear:both;} #central .conteudo .localizacao .mapa2{float:left;} /** VIDEOS **/ #central .conteudo .videos{width:100%; float:left; background-color:#f6f6f6; border:1px solid white; } #central .conteudo .videos .bredCumb{ border-left:10px solid #AAA; padding:10px; background-color:black; color:white; font-size:20px; float:left;} #central .conteudo .videos .lista{overflow:auto; float:right; margin-top:20px; width:300px; height:500px; margin:20px;} #central .conteudo .videos .lista .item{float:left; width:250px; height:90px; margin-top:10px; border-bottom:1px solid #ddd; border-top:1px solid #ddd;} #central .conteudo .videos .lista .item .img{float:left; width:120px; margin-right:10px; } #central .conteudo .videos .lista .item .link{float:left; width:120px;} #central .conteudo .videos .lista .item .link a{color:blue; text-decoration:none; margin-top:15px; float:left;} #central .conteudo .videos .lista .item .link a:hover{text-decoration:underline;} #central .conteudo .videos .player{float:left; width:600px; margin:20px; clear:both; } /** CURSOS **/ #central .conteudo .cursos{width:100%; float:left; background-color:#f6f6f6; border:1px solid white; } #central .conteudo .cursos .bredCumb{ border-left:10px solid #AAA; padding:10px; background-color:black; color:white; font-size:20px; float:left;} #central .conteudo .cursos .bredCumb a{ color:white; font-size:20px; text-decoration:none;} #central .conteudo .cursos .bredCumb a:hover{ text-decoration:underline;} #central .conteudo .cursos .professor{ width:220px; float:left; margin:10px; border:1px solid black;} #central .conteudo .cursos .professor .tarja { background-image: url("../img/bgTarja.png"); color: white;margin-top: -42px;padding: 10px; width: 200px; z-index: 999; position:absolute; } #central .conteudo .cursos .professor a .tarja { color: white; font-size: 18px; text-decoration: none; } #central .conteudo .cursos .professor a:hover .tarja { color: yellow; font-weight:bold; } /** CURSOS INTERNA **/ #central .conteudo .cursos .foto{width:300px; border:1px solid #dddddd; float:left; margin:10px; clear:both;} #central .conteudo .cursos .descricao{width:650px; float:left; margin:10px; } /** CONTATO **/ #central .conteudo .contato{width:100%; float:left; background-color:#f6f6f6; border:1px solid white; } #central .conteudo .contato .bredCumb{ border-left:10px solid #AAA; padding:10px; background-color:black; color:white; font-size:20px; float:left;} #central .conteudo .contato .foto{width:400px; float:left; margin:10px; clear:both;} #central .conteudo .contato .formulario{width:400px; float:left; margin:10px; margin-top:-5px; } /** FOTOS **/ #central .conteudo .fotos{width:100%; float:left; background-color:#f6f6f6; border:1px solid white; } #central .conteudo .fotos .bredCumb{ border-left:10px solid #AAA; padding:10px; background-color:black; color:white; font-size:20px; float:left;} #central .conteudo .fotos .lista{overflow:auto; float:left; clear:both; width:270px; height:420px; margin:20px;} #central .conteudo .fotos .lista .item{float:left; width:250px; height:90px; margin-top:10px; border-bottom:1px solid #ddd; border-top:1px solid #ddd;} #central .conteudo .fotos .lista .item .img{float:left; width:120px; margin-right:10px; } #central .conteudo .fotos .lista .item .link{float:left; width:120px;} #central .conteudo .fotos .lista .item .link a{color:blue; text-decoration:none; margin-top:15px; float:left;} #central .conteudo .fotos .lista .item .link a:hover{text-decoration:underline;} #central .conteudo .fotos .galeria{float:left; width:600px; clear:both; width:980px; margin:20px;} #central .conteudo .fotos .galeria h2{float:left; margin:0px; font-size:30px;} #central .conteudo .fotos .galeria .item{float:left; margin:10px;} /** GELIEL **/ #central .conteudo .gelielIndex{width:100%; float:left; background-color:#f6f6f6; border:1px solid white; } #central .conteudo .gelielIndex .topoGeliel{ float:left;} #central .conteudo .gelielIndex .menuGeliel{width:200px; float:left; margin:10px; clear:both;} #central .conteudo .gelielIndex .menuGeliel a{ padding:10px; width:150px; background-color:brown; text-decoration:none; color:white; font-size:20px; border-left:10px solid black; margin-top:5px; float:left; margin:10px; clear:both;} #central .conteudo .gelielIndex .menuGeliel a:hover{background-color:red;} #central .conteudo .gelielIndex .conteudoGeliel{width:780px; float:left; margin:0px; } #central .conteudo .gelielIndex .playerGeliel{width:650px; float:left; margin:10px; } #central .conteudo .gelielIndex .gelielGaleria{width:480px; float:left; border-right:1px solid black; margin-top:15px; } #central .conteudo .gelielIndex .gelielGaleria .itemM{float:left; margin:10px; width:100px; height:100px;} #central .conteudo .gelielIndex .gelielGaleria h2{float:left; font-size:25px; margin:0px; } #central .conteudo .gelielIndex .gelielMenuGaleria{margin-top:15px; width:250px; float:left; overflow:auto; margin-left:20px; ; } #central .conteudo .gelielIndex .gelielMenuGaleria .item{float:left; width:230px; height:90px; margin-top:10px; border-bottom:1px solid #ddd; border-top:1px solid #ddd;} #central .conteudo .gelielIndex .gelielMenuGaleria .item .img{float:left; width:120px; margin-right:10px; } #central .conteudo .gelielIndex .gelielMenuGaleria .item .link{float:left; width:100px;} #central .conteudo .gelielIndex .gelielMenuGaleria .item .link a{color:blue; text-decoration:none; margin-top:15px; float:left;} #central .conteudo .gelielIndex .gelielMenuGaleria .item .link a:hover{text-decoration:underline;} /* VIDEOS GELIEL */ #central .conteudo .gelielIndex .conteudoGeliel .gelielVideos{width:100%; float:left; margin:0px;} #central .conteudo .gelielIndex .conteudoGeliel .gelielVideos .gelielLista{overflow:auto; float:left; clear:both; width:280px; height:300px; margin:20px; margin-top:5px;} #central .conteudo .gelielIndex .conteudoGeliel .gelielVideos .gelielLista .item{float:left; width:250px; height:90px; margin-top:10px; border-bottom:1px solid #ddd; border-top:1px solid #ddd;} #central .conteudo .gelielIndex .conteudoGeliel .gelielVideos .gelielLista .item .img{float:left; width:120px; margin-right:10px; } #central .conteudo .gelielIndex .conteudoGeliel .gelielVideos .gelielLista .item .link{float:left; width:120px;} #central .conteudo .gelielIndex .conteudoGeliel .gelielVideos .gelielLista .item .link a{color:blue; text-decoration:none; margin-top:15px; float:left;} #central .conteudo .gelielIndex .conteudoGeliel .gelielVideos .gelielLista .item .link a:hover{text-decoration:underline;} #central .conteudo .gelielIndex .conteudoGeliel .gelielVideos .gelielPlayer{float:left; width:430px; margin:20px; margin-left:5px; margin-top:5px;} /** VIDEO AULA **/ #central .conteudo .videoAula{width:100%; float:left; background-color:#f6f6f6; border:1px solid white; } #central .conteudo .videoAula .bredCumb{ background-image:url('../img/bgBred.jpg'); width:100%; height:46px; color:white; font-size:20px; float:left;} #central .conteudo .videoAula .bredCumb .sair{float:right; color:white; margin-right:15px;} #central .conteudo .videoAula .bredCumb .bemVindo{float:right; color:white; margin-right:15px; width:690px; margin-top:7px; } #central .conteudo .videoAula ul{ float:left; clear:both; margin-right:10px; width:250px; height:450px; overflow:auto;} #central .conteudo .videoAula ul li{ margin:10px; width:220px; border-bottom:1px solid #ccc;} #central .conteudo .videoAula ul li a{ color:blue; text-decoration:none;} #central .conteudo .videoAula ul li a:hover{ font-weight:bold;} #central .conteudo .videoAula .playerVideoAula{width:1000px; float:left; min-height:500px; margin-top:10px;} #central .conteudo .videoAula .menu .glossymenu{ margin: 0 0; padding: 0; width: 250px; /*width of menu*/ border: 1px solid #9A9A9A; border-bottom-width: 0; } #central .conteudo .videoAula .menu .glossymenu a.menuitem{ background: black url(accordion/glossyback.gif) repeat-x bottom left; font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color: white; display: block; position: relative; /*To help in the anchoring of the ".statusicon" icon image*/ width: auto; padding: 4px 0; padding-left: 10px; text-decoration: none; } #central .conteudo .videoAula .menu .glossymenu a.menuitem:visited, .glossymenu .menuitem:active{ color: white; } #central .conteudo .videoAula .menu .glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/ position: absolute; top: 5px; right: 5px; border: none; } #central .conteudo .videoAula .menu .glossymenu a.menuitem:hover{ background-image: url(accordion/glossyback2.gif); } #central .conteudo .videoAula .menu .glossymenu div.submenu{ /*DIV that contains each sub menu*/ background: white; } #central .conteudo .videoAula .menu .glossymenu div.submenu ul{ /*UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0; } #central .conteudo .videoAula .menu .glossymenu div.submenu ul li{ border-bottom: 1px solid blue; } #central .conteudo .videoAula .menu .glossymenu div.submenu ul li a{ display: block; font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color: black; text-decoration: none; padding: 2px 0; padding-left: 10px; } #central .conteudo .videoAula .menu .glossymenu div.submenu ul li a:hover{ background: #DFDCCB; color: white; } #cursosMaisVistos{ padding:10px; float:left; margin-top:20px; background-color:#d49c3b; margin-right:40px; border-left:4px solid red; } #comoPossoAjudar{ position: fixed; bottom:10px; z-index:10; width:200px; right:10px; } } /* On screens that are 992px or less, set the background color to blue */ @media screen and (max-width: 1000px) { iframe{width:100% !important; height: 300px !important;} body{margin:0px; padding:0px; background-image:url('../img/bgIndex.png'); background-repeat:repeat-x; background-color:#eee;} td{padding:4px;} img{border:0px;} #central{width:100%; overflow:hidden;} #central .topo{height:137px; width:100%; float:left; background-image:url('../img/bgTopo.png'); background-position:top center \; background-repeat:no-repeat;} #central .topo .logo{width:100%; } #central .topo .logo img{float: left; width:100%; margin-top:20px; } #central .menu{display: none; width:100%; float:left; background-color:blue; } #central .menu a{width:90%; margin-left:5%; font-size:20px; color:white; font-weight:400; text-decoration:none; line-height:2.5; letter-spacing:0.4px; float:left; margin-right:43px; } #central .menu a:hover{ color:#ddd; } #menuMobile{ float: right; margin:10px; width: 100%; } #menuMobile h2{width:70%; float:right;; color:blue; text-align: right; ; font-size:2em; margin: 0px;} #menuMobile .sanduiche{float: right; margin-left:10px } #menuMobile .sanduiche div { width: 35px; height: 5px; background-color: black; margin: 6px 0; } .sliderPequeno{display: none;} #central .conteudo{width:100%; float:left; margin-top:8px;} #central .conteudo .destaque{width:100%; height:300px; float:left; background-color:#f6f6f6; margin-top:10px; margin-bottom:10px; } #central .conteudo .destaque .bredCumb{position:absolute; padding:5px; background-color:black; color:white; width:75px; z-index:999;} #central .conteudo .destaque .tarjaAzul{position:absolute; margin-top:260px; padding:5px; background-image:url('../img/bgDestaque.png'); width:500px; height:80px; } #central .conteudo .destaque .tarjaAzul a{font-size:35px; text-decoration:none; color:white; text-decoration:none; line-height:2.2; } #central .conteudo .areaAluno{width:100%; height:130px; margin-left:10px; float:left; background-color:#f6f6f6; margin-top:10px; } #central .conteudo .areaAluno .bredCumb{position:relative; padding:5px; background-color:black; color:white; width:110px; } #central .conteudo .video{width:100%; height:210px; margin-left:10px; float:left; background-color:#f6f6f6; margin-top:10px; margin-bottom:10px; } #central .conteudo .video .bredCumb{position:relative; padding:5px; background-color:black; color:white; width:75px; } #central .conteudo .geliel{width:100%; height:210px; margin-left:10px; float:left; background-color:#f6f6f6; margin-top:10px; margin-bottom:10px; } #cursos{width:100%; height:100%; border-top:1px solid white; background-color:#d0d0d0; float:left; } #cursos .central{width:100%; margin:auto; } #cursos .central .itemCurso{float:left; margin-top:30px; width:50%; } #cursos .central .itemCurso a{ color:black; text-decoration:none; } #cursos .central .itemCurso a:hover{ text-decoration:underline; } #rodape{width:100%; border-top:1px solid white; background-color:#38868e; float:left; padding-bottom:80px; } #rodape .central{width:100%; margin:auto; } #rodape .central .endereco{ font-size:19px; color:white; margin-top:20px; margin-bottom:20px; float:left; } #rodape .central .telefone{ font-size:45px; color:white; margin-top:20px; margin-bottom:20px; float:left; margin-left:100px; } #rodape .central .facebook{ margin-top:17px; margin-bottom:20px; float:left; width: 100%; text-align: center;} #rodape .central .facebook a{color:white !important; text-decoration:none; } /** SOBRE **/ #central .conteudo .sobre{width:100%; float:left; background-color:#f6f6f6; border:1px solid white; } #central .conteudo .sobre .bredCumb{ border-left:10px solid #AAA; padding:10px; background-color:black; color:white; font-size:20px; float:left;} #central .conteudo .sobre .foto{width:100%; float:left; margin:10px; clear:both;} #central .conteudo .sobre .descricao{width:100%; float:left; margin:10px; } /** PROFESSORES **/ #central .conteudo .professores{width:100%; float:left; background-color:#f6f6f6; border:1px solid white; } #central .conteudo .professores .bredCumb{ border-left:10px solid #AAA; padding:10px; background-color:black; color:white; font-size:20px; float:left;} #central .conteudo .professores .bredCumb a{ color:white; font-size:20px; text-decoration:none;} #central .conteudo .professores .bredCumb a:hover{ text-decoration:underline;} #central .conteudo .professores .professor{ width:200px; float:left; margin:20px; border:1px solid black;} #central .conteudo .professores .professor .tarja { background-image: url("../img/bgTarja.png"); color: white;margin-top: -42px;padding: 10px; width: 180px; z-index: 999; position:absolute; } #central .conteudo .professores .professor a .tarja { color: white; font-size: 18px; text-decoration: none; } #central .conteudo .professores .professor a:hover .tarja { color: yellow; font-weight:bold; } /** PROFESSORES INTERNA **/ #central .conteudo .professores .foto{width:100% !important; float:left; clear:both;} #central .conteudo .professores .descricao{width:90%; float:left; margin:5%; } /** SECRETARIA **/ #central .conteudo .secretaria{width:100%; float:left; background-color:#f6f6f6; border:1px solid white; } #central .conteudo .secretaria .bredCumb{ border-left:10px solid #AAA; padding:10px; background-color:black; color:white; font-size:20px; float:left;} #central .conteudo .secretaria .descricao{width:100%; float:left; margin:10px; font-size:14px;} #central .conteudo .secretaria .descricao h2{font-size:30px; margin:10px; margin-left:0px;} /** LOCALIZACAO **/ #central .conteudo .localizacao{width:100%; float:left; background-color:#f6f6f6; border:1px solid white; } #central .conteudo .localizacao .bredCumb{ border-left:10px solid #AAA; padding:10px; background-color:black; color:white; font-size:20px; float:left;} #central .conteudo .localizacao .mapa1{float:left; clear:both;} #central .conteudo .localizacao .mapa2{float:left;} /** VIDEOS **/ #central .conteudo .videos{width:100%; float:left; background-color:#f6f6f6; border:1px solid white; } #central .conteudo .videos .bredCumb{ border-left:10px solid #AAA; padding:10px; background-color:black; color:white; font-size:20px; float:left;} #central .conteudo .videos .lista{overflow:auto; float:right; clear:both; width:100%; height:420px; } #central .conteudo .videos .lista .item{float:left; width:250px; height:90px; margin-top:10px; border-bottom:1px solid #ddd; border-top:1px solid #ddd;} #central .conteudo .videos .lista .item .img{float:left; width:120px; margin-right:10px; } #central .conteudo .videos .lista .item .link{float:left; width:120px;} #central .conteudo .videos .lista .item .link a{color:blue; text-decoration:none; margin-top:15px; float:left;} #central .conteudo .videos .lista .item .link a:hover{text-decoration:underline;} #central .conteudo .videos .player{float:left; width:100%; } /** CURSOS **/ #central .conteudo .cursos{width:100%; float:left; background-color:#f6f6f6; border:1px solid white; } #central .conteudo .cursos .bredCumb{ border-left:10px solid #AAA; padding:10px; background-color:black; color:white; font-size:20px; float:left;} #central .conteudo .cursos .bredCumb a{ color:white; font-size:20px; text-decoration:none;} #central .conteudo .cursos .bredCumb a:hover{ text-decoration:underline;} #central .conteudo .cursos .professor{ width:95%; float:left; margin:10px; border:1px solid black;} #central .conteudo .cursos .professor .tarja { background-image: url("../img/bgTarja.png"); color: white;margin-top: -42px;padding: 10px; width:85%; z-index: 999; position:absolute; } #imgCurso{width: 100%;} #central .conteudo .cursos .professor a .tarja { color: white; font-size: 18px; text-decoration: none; } #central .conteudo .cursos .professor a:hover .tarja { color: yellow; font-weight:bold; } /** CURSOS INTERNA **/ #central .conteudo .cursos .foto{width:100%; border:1px solid #dddddd; float:left; margin:10px; clear:both;} #central .conteudo .cursos .descricao{width:90%; float:left; margin:5%; } /** CONTATO **/ #central .conteudo .contato{width:100%; float:left; background-color:#f6f6f6; border:1px solid white; } #central .conteudo .contato .bredCumb{ border-left:10px solid #AAA; padding:10px; background-color:black; color:white; font-size:20px; float:left;} #central .conteudo .contato .foto{width:100%; float:left; margin:10px; clear:both;} #central .conteudo .contato .formulario{width:100%; float:left; margin:10px; margin-top:-5px; } /** FOTOS **/ #central .conteudo .fotos{width:100%; float:left; background-color:#f6f6f6; border:1px solid white; } #central .conteudo .fotos .bredCumb{ border-left:10px solid #AAA; padding:10px; background-color:black; color:white; font-size:20px; float:left;} #central .conteudo .fotos .lista{overflow:auto; float:left; clear:both; width:270px; height:420px; margin:20px;} #central .conteudo .fotos .lista .item{float:left; width:250px; height:90px; margin-top:10px; border-bottom:1px solid #ddd; border-top:1px solid #ddd;} #central .conteudo .fotos .lista .item .img{float:left; width:120px; margin-right:10px; } #central .conteudo .fotos .lista .item .link{float:left; width:120px;} #central .conteudo .fotos .lista .item .link a{color:blue; text-decoration:none; margin-top:15px; float:left;} #central .conteudo .fotos .lista .item .link a:hover{text-decoration:underline;} #central .conteudo .fotos .galeria{float:left; width:95%; clear:both; margin:2%;} #central .conteudo .fotos .galeria h2{float:left; margin:0px; font-size:30px;} #central .conteudo .fotos .galeria .item{float:left; margin:10px;} /** GELIEL **/ #central .conteudo .gelielIndex{width:100%; float:left; background-color:#f6f6f6; border:1px solid white; } #central .conteudo .gelielIndex .topoGeliel{ float:left;} #central .conteudo .gelielIndex .menuGeliel{width:100%; float:left; margin:10px; clear:both;} #central .conteudo .gelielIndex .menuGeliel a{ padding:10px; width:150px; background-color:brown; text-decoration:none; color:white; font-size:20px; border-left:10px solid black; margin-top:5px; float:left; margin:10px; clear:both;} #central .conteudo .gelielIndex .menuGeliel a:hover{background-color:red;} #central .conteudo .gelielIndex .conteudoGeliel{width:100%; float:left; margin:0px; } #central .conteudo .gelielIndex .playerGeliel{width:100%; float:left; margin:10px; } #central .conteudo .gelielIndex .gelielGaleria{width:100%; float:left; border-right:1px solid black; margin-top:15px; } #central .conteudo .gelielIndex .gelielGaleria .itemM{float:left; margin:10px; width:100px; height:100px;} #central .conteudo .gelielIndex .gelielGaleria h2{float:left; font-size:25px; margin:0px; } #central .conteudo .gelielIndex .gelielMenuGaleria{margin-top:15px; width:250px; float:left; overflow:auto; margin-left:20px; ; } #central .conteudo .gelielIndex .gelielMenuGaleria .item{float:left; width:230px; height:90px; margin-top:10px; border-bottom:1px solid #ddd; border-top:1px solid #ddd;} #central .conteudo .gelielIndex .gelielMenuGaleria .item .img{float:left; width:120px; margin-right:10px; } #central .conteudo .gelielIndex .gelielMenuGaleria .item .link{float:left; width:100px;} #central .conteudo .gelielIndex .gelielMenuGaleria .item .link a{color:blue; text-decoration:none; margin-top:15px; float:left;} #central .conteudo .gelielIndex .gelielMenuGaleria .item .link a:hover{text-decoration:underline;} /* VIDEOS GELIEL */ #central .conteudo .gelielIndex .conteudoGeliel .gelielVideos{width:100%; float:left; margin:0px;} #central .conteudo .gelielIndex .conteudoGeliel .gelielVideos .gelielLista{overflow:auto; float:left; clear:both; width:280px; height:300px; margin:20px; margin-top:5px;} #central .conteudo .gelielIndex .conteudoGeliel .gelielVideos .gelielLista .item{float:left; width:250px; height:90px; margin-top:10px; border-bottom:1px solid #ddd; border-top:1px solid #ddd;} #central .conteudo .gelielIndex .conteudoGeliel .gelielVideos .gelielLista .item .img{float:left; width:120px; margin-right:10px; } #central .conteudo .gelielIndex .conteudoGeliel .gelielVideos .gelielLista .item .link{float:left; width:120px;} #central .conteudo .gelielIndex .conteudoGeliel .gelielVideos .gelielLista .item .link a{color:blue; text-decoration:none; margin-top:15px; float:left;} #central .conteudo .gelielIndex .conteudoGeliel .gelielVideos .gelielLista .item .link a:hover{text-decoration:underline;} #central .conteudo .gelielIndex .conteudoGeliel .gelielVideos .gelielPlayer{float:left; width:430px; margin:20px; margin-left:5px; margin-top:5px;} /** VIDEO AULA **/ #central .conteudo .videoAula{width:100%; float:left; background-color:#f6f6f6; border:1px solid white; } #central .conteudo .videoAula .bredCumb{ background-image:url('../img/bgBred.jpg'); width:100%; height:46px; color:white; font-size:20px; float:left;} #central .conteudo .videoAula .bredCumb .sair{float:right; color:white; margin-right:15px;} #central .conteudo .videoAula .bredCumb .bemVindo{float:right; color:white; margin-right:15px; width:690px; margin-top:7px; } #central .conteudo .videoAula ul{ float:left; clear:both; margin-right:10px; width:250px; height:450px; overflow:auto;} #central .conteudo .videoAula ul li{ margin:10px; width:220px; border-bottom:1px solid #ccc;} #central .conteudo .videoAula ul li a{ color:blue; text-decoration:none;} #central .conteudo .videoAula ul li a:hover{ font-weight:bold;} #central .conteudo .videoAula .playerVideoAula{width:1000px; float:left; min-height:500px; margin-top:10px;} #central .conteudo .videoAula .menu .glossymenu{ margin: 0 0; padding: 0; width: 100%; /*width of menu*/ border: 1px solid #9A9A9A; border-bottom-width: 0; } #central .conteudo .videoAula .menu .glossymenu a.menuitem{ background: black url(accordion/glossyback.gif) repeat-x bottom left; font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color: white; display: block; position: relative; /*To help in the anchoring of the ".statusicon" icon image*/ width: auto; padding: 4px 0; padding-left: 10px; text-decoration: none; } #central .conteudo .videoAula .menu .glossymenu a.menuitem:visited, .glossymenu .menuitem:active{ color: white; } #central .conteudo .videoAula .menu .glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/ position: absolute; top: 5px; right: 5px; border: none; } #central .conteudo .videoAula .menu .glossymenu a.menuitem:hover{ background-image: url(accordion/glossyback2.gif); } #central .conteudo .videoAula .menu .glossymenu div.submenu{ /*DIV that contains each sub menu*/ background: white; } #central .conteudo .videoAula .menu .glossymenu div.submenu ul{ /*UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0; } #central .conteudo .videoAula .menu .glossymenu div.submenu ul li{ border-bottom: 1px solid blue; } #central .conteudo .videoAula .menu .glossymenu div.submenu ul li a{ display: block; font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color: black; text-decoration: none; padding: 2px 0; padding-left: 10px; } #central .conteudo .videoAula .menu .glossymenu div.submenu ul li a:hover{ background: #DFDCCB; color: white; } #cursosMaisVistos{ width:95%; padding-top:10px; padding-left:10px; padding-bottom:10px; float:left; background-color:#d49c3b; margin-right:40px; border-left:5px solid red; } div.jp-type-playlist div.jp-playlist a{ font-size:0.7em !important; } #comoPossoAjudar{ position: fixed; bottom:10px; z-index:10; width:200px; right:10px; } }