/* Theme Name: AgendaAlagoas 2.0 Theme URI: http://www.agendaalagoas.com.br Description: Este tema foi desenvolvido por Wictor Jobson para o site AgendaAlagoas! Version: 2.0 Author: Wictor Jobson Author URL: http://www.agendaalagoas.com.br Tags: portal */ /*RESET*/ *{margin:0; padding:0;} body{background-color:#F7F7F7; font-size: 14px; font-family: "Open Sans", sans-serif; color:#333; text-decoration: none;} .cabecalho {background:url(images/bg_festas.jpg) repeat-x #FFF; font:14px "Open Sans", sans-serif; color:#333;} canvas {-ms-touch-action: double-tap-zoom;} .alignleft {float: left; margin: 6px;} .alignright {float: right; margin: 6px;} .aligncenter {margin: 0 auto; display: block;} blockquote {margin: 10px; border-left: 5px solid #b2c803; padding: 0 5px;} /*TOPO*/ #header{height: 260px;} #header_fix_barra {height: 55px;} #header_top {height: 55px; background: #4C4C4C; left: 0; position: fixed; width: 100%; z-index: 102;} .header_top_conteudo {width: 1000px; margin: 0 auto;} #header_menu_top{float:left;} #header_menu_top .menu_categorias{list-style: none; float: left; height: 55px;} #header_menu_top .menu_categorias li{-moz-box-sizing: border-box; border-left: 1px solid #454545; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; font-size: 0.9em;} #header_menu_top .menu_categorias li a{color: #FFF; float: left; padding: 18px 14px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; text-decoration: none;} #header_menu_top .menu_categorias li a:hover {background: #575757;} #header_search_sc {float: right; height: 55px;} #header_search{float: left; height: 55px;} #header_search form{} #header_search .input_container {background-color: #404040; float: left; padding: 5px;} #header_search input.search {background-color: #FFFFFF; border: medium none; color: #404040; float: left; font-size: 0.9em; height: 44px; padding: 0 15px; text-transform: uppercase; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: width 0.5s ease-out 0s; width: 70px;} #header_search input:focus {width: 200px;} #header_search .input_search {background-image: url(images/sprite-v1.2.png); background-position: -149px -49px; float: left; height: 40px; padding: 7px; width: 40px; position: relative;} #header_search .input_search:after {border-color: rgba(64, 64, 64, 0) rgba(64, 64, 64, 0) rgba(64, 64, 64, 0) #404040; border-image: none; border-style: solid; border-width: 7px; content: " "; left: 0; margin-top: -7px; position: absolute; top: 50%; width: 0;} #header_search .input_search:hover {background-color: #5C5C5C; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: background-color 0.5s ease 0s;} #header_search input.btn {background: none; border: medium none; cursor: pointer; height: 40px; width: 40px;} .header_social {float: left; height: 55px;} .header_social .header_buttons {display: inline; float: left; height: 55px; list-style: none outside none;} .header_social .header_buttons li {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #454545; cursor: pointer; float: left; overflow: hidden; padding: 27px;} .header_social .header_buttons .facebook_header {background-image: url(images/sprite-v1.2.png); background-position: -241px -12px; transition: all 0.5s ease 0s;} .header_social .header_buttons .facebook_header:hover {background-image: url(images/sprite-v1.2.png); background-position: -241px -67px;} .header_social .header_buttons .youtube_header {background-image: url(images/sprite-v1.2.png); background-position: -366px -10px; transition: all 0.5s ease 0s;} .header_social .header_buttons .youtube_header:hover {background-image: url(images/sprite-v1.2.png); background-position: -366px -67px;} .header_social .header_buttons .twitter_header {background-image: url(images/sprite-v1.2.png); background-position: -301px -10px; transition: all 0.5s ease 0s;} .header_social .header_buttons .twitter_header:hover {background-image: url(images/sprite-v1.2.png); background-position: -301px -67px;} #header_center {width: 1000px; margin: 0 auto;} #header_logo{float: left; margin: 22px 0;} #header_anuncio{float: right; padding: 1px; border: 1px solid #CCC; margin: 24px 0;} #header #header_menu {height: 50px; background: #4D7AFF; width: 100%; z-index: 99; float: left; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.4);} .hora_site {float: right; background-color: #3B5998; padding: 0 5px 5px; margin-top: -10px} .hora_site span {content: " "; height: 0px; border-style: solid; border-width: 10px 7px 0px 0; border-color: transparent #3B5998 transparent transparent; position: absolute; right: 294px;} #header_menu_conteudo {width: 1000px; margin: 0 auto;} .menu-menu-container{float:left;} .menu-menu-container .ul-menu{list-style: none; float: left; height: 50px;} .menu-menu-container .ul-menu li{float: left; overflow: hidden; font-size: 0.9em; border-right: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.11); text-transform: uppercase;} .menu-menu-container .ul-menu li a{color: #FFF; float: left; padding: 16px 14px; transition: all 0.5s ease 0s; text-decoration: none;} .menu-menu-container .ul-menu li a:hover {background-color: #5886FF;} .menu-menu-container .sub-menu { display: none; position: absolute; z-index: 102;} .menu-menu-container .sub-menu li{float: left; overflow: hidden; font-size: 0.9em; border-right: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.11); background-color: #4D7AFF; text-transform: uppercase;} .menu-menu-container .sub-menu li {display: block; float: none;} .menu-menu-container .sub-menu li:hover {border-right: 3px solid #FF9900;} .menu-menu-container .sub-menu li a{color: #FFF; float: left; transition: all 0.5s ease 0s; text-decoration: none; width: 100%; padding: 14px;} .menu-menu-container .sub-menu li a:hover {background-color: #5886FF;} .menu-item-has-children {background: url(images/menu_seta.png) no-repeat; background-position: 85px 21px;} .menu-item-has-children a {padding: 16px 30px 16px 14px !important;} /*CONTENT*/ #content{width: 1000px; margin: 15px auto 0;} #content_principal {width: 1000px; float: left;} #content #content_slide {width: 670px; background: #666; height: 300px; float:left;} #content #content_publicidade_destaque {width: 300px; height: 300px; float:right;} #content_destaque{width: 1000px; margin: 30px 0; float: left;} #content_destaque a{text-decoration: none; width: 100%; height: 100%;} #content_destaque_conteudo{width: 650px; float: left;} #content_destaque_conteudo ul{list-style: none;} #content_destaque_conteudo ul li{width: 300px; float: left; margin-right: 20px;} #content_destaque_conteudo figure {width: 100%; position: relative; margin: 0; height: 100%; overflow: hidden;} #content_destaque_conteudo figcaption {transition: all 0.4s ease 0s; height: 100%; left: 0; position: absolute; top: 0; width: 100%;} #content_destaque_conteudo figcaption:hover {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);} #content_destaque_conteudo ul li img{display: block; margin: 0; transition: all 0.4s ease 0s; width: 110%; height: 220px;} #content_destaque_conteudo ul li:hover img {-webkit-transform: translate(-10px, 0px); -moz-transform: translate(-10px, 0px); transform: translate(-10px, 0px);} #content_destaque_conteudo H3 {color: #FFFFFF; font-size: 1.1em; left: 300px; transition: all 0.3s ease 0s; width: 257px; position: relative; background: #161923; margin: 59px 0 43px 25px; padding: 20px 9px; box-shadow: 25px 4px 0px #4D7AFF;} #content_destaque_conteudo li:hover H3 {left: 0;} #content_destaque #content_destaque_lista {float: left; width: 350px;} #content_destaque_lista ul {list-style: none;} #content_destaque_lista ul li {background-color: #FFFFFF; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); height: 100px;} #content_destaque_lista .princ {margin-bottom: 20px;} #content_destaque_lista figure {float: left; width: 150px;} #content_destaque_lista img {transition: all 0.3s ease 0s; width: 150px; height: 100px;} #content_destaque_lista img:hover {opacity: 0.8;} #content_destaque_lista ul li p {float: right; width: 159px; padding: 9px 10px 8px 20px; font-size: 0.9em; line-height: 1.4; color: #265cff;} #content_destaque_lista ul li p:hover {transition: all 0.3s ease 0s; color:#0036D9;} #content_destaque #content_destaque_subconteudo {width: 1000px; float:left;} #content_destaque_subconteudo ul {list-style: none;} #content_destaque_subconteudo ul li {background-color: #FFFFFF; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); width:220px; float: left; margin-left: 23px;} #content_destaque_subconteudo img {transition: all 0.3s ease 0s; width: 220px; height: 130px;} #content_destaque_subconteudo img:hover {opacity: 0.8;} #content_destaque_subconteudo ul li p {float: left; width: 185px; padding: 11px 9px 30px 13px; font-size: 1em; line-height: 1.4; color: #265cff; transition: all 0.3s ease 0s;} #content_destaque_subconteudo ul li p:hover {color:#0036D9;} .content_chamada {width: 1000px; float: left; background: #ECECFB; border-top: 2px solid #4DA6FF; margin-top: 30px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);} .content_chamada span {font-size: 1.2em; color:#4C4C4C; padding: 10px 12px 13px; text-transform: uppercase; float: left;} #content_chamada_publicidade {width: 400px; float: left; background-image: url(images/pontilhado.png); margin-top: 20px;} #content_chamada_publicidade ul {padding: 4px;} #content_festaseventos #content_chamada_publicidade ul li {float: left; margin: 0 33px; width: 328px;} #content_festaseventos #content_chamada_publicidade img {display: block; width: 330px; height: 130px;} #content_festaseventos #content_chamada_publicidade img:hover {opacity: 0.8;-webkit-transform: translate(0); -moz-transform: translate(0); transform: translate(0);} #content_festaseventos{width: 1000px; margin-top: 30px; float: left;} #content_festaseventos a {text-decoration: none;} #content_festaseventos_conteudo {width: 400px; margin-right: 20px; float: left;} #content_festaseventos_conteudo ul{list-style: none; float: left;} #content_festaseventos_conteudo figure {width: 100%; position: relative; margin: 0; height: 100%; overflow: hidden;} #content_festaseventos_conteudo figcaption {height: 100%; left: 0; position: absolute; top: 0; width: 100%;} #content_festaseventos_conteudo ul li {width: 400px;} #content_festaseventos_conteudo ul li img{display: block; margin: 0; transition: all 0.4s ease 0s; width: 110%; height: 300px;} #content_festaseventos_conteudo ul li:hover img {-webkit-transform: translate(-10px, 0px); -moz-transform: translate(-10px, 0px); transform: translate(-10px, 0px);} #content_festaseventos_conteudo H3 {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); bottom: -100%; color: #FFFFFF; font-size: 1.3em; height: auto; padding: 19px 15px 31px 11px; position: absolute; transition: all 0.3s ease 0s; width: 98%; border-left: 3px solid #F90;} #content_festaseventos_conteudo li:hover H3 {bottom: 0;} #content_festaseventos_sub {width: 580px; float: left;} #content_festaseventos_sub ul{list-style: none; float: left;} #content_festaseventos_sub ul li {float: left; margin: 0 20px 20px 10px; width: 260px;} #content_festaseventos_sub figure {width: 100%; position: relative; margin: 0; height: 100%; overflow: hidden;} #content_festaseventos_sub figcaption {height: 100%; left: 0; position: absolute; top: 0; width: 100%;} #content_festaseventos_sub ul li img{display: block; margin: 0; transition: all 0.4s ease 0s; width: 110%; height: 140px;} #content_festaseventos_sub ul li:hover img {-webkit-transform: translate(-10px, 0px); -moz-transform: translate(-10px, 0px); transform: translate(-10px, 0px);} #content_festaseventos_sub H3 {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); bottom: -100%; color: #FFFFFF; font-size: 1em; height: auto; padding: 19px 15px 30px 18px; position: absolute; transition: all 0.3s ease 0s; width: 87%; border-left: 3px solid #F90;} #content_festaseventos_sub li:hover H3 {bottom: 0;} .content_vejamais {background: none repeat scroll 0 0 #FF9900; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); float: right; padding: 10px 40px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;} .content_vejamais:hover {background: #E34A00;} .content_vejamais span a{color: #FFFFFF; text-transform: uppercase; font-size: 1em;} #content_publicidade{width: 1000px; float: left; background-image: url(images/pontilhado.png); margin-top: 25px; padding: 10px 0;} #content_publicidade ul {list-style: none; float: left;} #content_publicidade ul li {float: left; margin: 0 8px; transition: opacity 0.5s ease 0s;} #content_publicidade ul li:hover {opacity: 0.8;} #content_publicidade img {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);} #content_varias {width: 1000px; float: left;} #content_varias a {text-decoration: none;} .content_chamada_concursos {width: 470px; float: left; background: #ECECFB; border-top: 2px solid #4DA6FF; margin-top: 30px; background-color: #FFFFFFF; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);} .content_chamada_concursos span {font-size: 1.2em; color:#4C4C4C; padding: 10px 12px 13px; text-transform: uppercase; float: left;} #content_concursos{width: 470px; float: left; margin-right: 60px;} #content_concursos ul {list-style: none;} #content_concursos ul li {background-color: #FFFFFF; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); margin-top: 20px; float: left;} #content_concursos figure {float: left; width: 220px;} #content_concursos img {transition: all 0.3s ease 0s; width: 220px; height: 120px;} #content_concursos img:hover {opacity: 0.8;} #content_concursos ul li p {float: right; width: 221px; padding: 20px 10px 8px 18px; font-size: 0.965em; line-height: 1.4; color: #265cff; transition: all 0.3s ease 0s;} #content_concursos ul li p:hover {color:#0036D9;} #content_tecnologia{width: 470px; float: left;} #content_tecnologia ul {list-style: none;} #content_tecnologia ul li {background-color: #FFFFFF; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); margin-top: 20px; float: left;} #content_tecnologia figure {float: left; width: 220px;} #content_tecnologia img {transition: all 0.3s ease 0s; width: 220px; height: 120px;} #content_tecnologia img:hover {opacity: 0.8;} #content_tecnologia ul li p {float: right; width: 221px; padding: 20px 10px 8px 18px; font-size: 0.965em; line-height: 1.4; color: #265cff; transition: all 0.3s ease 0s;} #content_tecnologia ul li p:hover {color:#0036D9;} .content_chamada_agenda {width: 1000px; float: left; background: #ECECFB; border-top: 2px solid #4DA6FF; margin: 30px 0; background-color: #FFFFFFF; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);} .content_chamada_agenda span {font-size: 1.2em; color:#4C4C4C; padding: 10px 12px 13px; text-transform: uppercase; float: left;} #content_agenda {width: 1000px; float: left;} #content_agenda_conteudo {width: 1000px; float: left;} #content_agenda_conteudo ul {list-style: none; margin: 0 24px;} #content_agenda_conteudo ul li {width:200px; float: left; margin-right: 30px; margin-bottom: 20px;} #content_agenda_conteudo figure {width: 100%; position: relative; margin: 0; height: 100%; overflow: hidden;} #content_agenda_conteudo img {width: 200px; height: 150px;} #content_agenda_conteudo figcaption {height: 100%; left: 0; position: absolute; top: 0; width: 100%;} #content_agenda_conteudo H3 {background: #ECECFB; left: -200%; color: #265CFF; font-size: 1.1em; height: auto; padding: 10px 11px; position: absolute; transition: all 0.3s ease 0s; border-left: 3px solid #f90;} #content_agenda_conteudo li:hover H3 {left: 0%;} #content_agenda_conteudo H2 {background: url("images/sprite-v1.2.png") no-repeat scroll -24px -154px / auto #265CFF; bottom: -100%; color: #FFF; font-size: 0.9em; height: auto; padding: 7px 11px 7px 30px; position: absolute; transition: all 0.3s ease 0s;} #content_agenda_conteudo li:hover H2 {bottom: 24%;} #content_agenda_conteudo h1 {background: url("images/sprite-v1.2.png") no-repeat scroll -26px -194px / auto #265CFF; bottom: -100%; color: #FFF; font-size: 0.9em; height: auto; padding: 7px 11px 7px 26px; position: absolute; transition: all 0.3s ease 0s;} #content_agenda_conteudo li:hover h1 {bottom: 3%;} #content_catalogo {width: 300px; float: right;} .content_chamada_catalogo {width: 300px; float: left; background: #ECECFB; border-top: 2px solid #4DA6FF; margin-top: 30px; background-color: #FFFFFFF; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);} .content_chamada_catalogo span {font-size: 1.2em; color:#4C4C4C; padding: 10px 12px 13px; text-transform: uppercase; float: left;} #content_catalogo a {text-decoration: none; font-size: 0.9em; color: #333; transition: all 0.3s ease 0s;} #content_catalogo a:hover {color: #f90;} #content_maislidas {width: 1000px; float: left;} #content_maislidas .bloco_prin {width: 300px; float: left;} .bloco_prin header {} .bloco_prin h1 {color: #FF9900; font-size: 1em; text-transform: uppercase;} .bloco_prin ul {list-style: none;} .bloco_prin ul li {margin-bottom: 10px; border-bottom: 1px solid #CCC; float: left; background-color: #FFFFFF; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); padding: 10px;} .bloco_prin ul li span {color: #999999; float: left; font-size: 2em; margin-bottom: 13px; padding-right: 15px; width: 15px;} .bloco_prin ul li h3 {font-size: 1em;} .bloco_prin ul li h3 a {color: #333; text-decoration: none;} /*SIDEBAR*/ #sidebar{width:304px; float:right;} .ultimas_sidebar {float: left; margin-bottom: 20px; width: 304px;} .ultimas_sidebar H3{padding: 10px 18px; background-color: #4C4C4C; font-family: 'century gothic'; font-weight: 400; font-size: 1.3em; text-transform: uppercase; color: #FFFFFF;} .list_sidebar_scroll {margin: 0 auto; overflow: hidden; padding: 0; position: relative; height: 423px;} .list_sidebar_scroll ul {list-style: none;} .list_sidebar_scroll li {border-bottom: 1px solid #E5E5E5; margin-bottom: 2px; padding-bottom: 2px; position: relative;} .list_sidebar_scroll li a {background: none repeat scroll 0 0 #F4F4F4; text-decoration: none; color: #676767; display: block; overflow: hidden; padding: 10px 0; transition: all 0.2s ease 0s;} .list_sidebar_scroll li a:hover {color: #FF9900; background-color: #FFFFFF;} .list_sidebar_scroll li figure {float: left; height: 60px; margin: 0 10px 0 0; overflow: hidden; position: relative; text-align: center; width: 120px;} .list_sidebar_scroll li figure img {position: absolute; left: 0; width: 120px; height: 60px;} .list_sidebar_scroll li .caption {display: block; font-size: 13px; height: 60px; line-height: 1.15; margin-top: -1px; padding: 0 11px;} /*SIDEBAR AGENDA*/ .agenda_sidebar {float: left; margin-bottom: 20px; width: 304px;} .agenda_sidebar H3 {padding: 10px 18px; background-color: #4C4C4C; font-family: 'century gothic'; font-weight: 400; font-size: 1.3em; text-transform: uppercase; color: #FFFFFF;} .lista_eventos_list {border-top: 1px solid #ccc;} .lista_eventos_list ul {list-style: none;} .lista_eventos_list li {box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); background-color: #FFFFFF; float: left; margin-bottom: 6px;} .eventolist {border-bottom: 1px solid #DDDDDD; padding: 4px 0px; cursor: pointer; float: left; width: 304px;} .data {background: none repeat scroll 0 0 #FF9900; color: #FFFFFF; float: left; font-size: 1.1em; height: 42px; padding: 7px 0px; text-align: center; width: 42px; text-transform: capitalize;} .thumb_event {float: left; margin-right: 8px;} .thumb_event img {width: 70px; height: 56px;} .title_event {float: left; font-size: 0.9em; width: 170px; color: #706767;} .title_event a {text-decoration: none; color: #000; font-weight: bold; font-size: 1.2em; transition: all 0.2s ease 0s;} .title_event a:hover {color: #FF9900;} .agenda_completa {width: 304px; float: left; text-align: center; letter-spacing: -1px; font-size: 13px;} .agenda_completa a {color: #706767; text-decoration: none;} .publicidade_sidebar{width: 300px; float: left; padding: 1px; border: 1px solid #CCC; margin: 0 0 20px;} .garotasagenda_sidebar_list{width: 300px; float: right; margin: 0 0 20px; border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;} #sidebar .maislidas_sidebar {width: 304px; float: right; margin: 0 0 20px;} #sidebar .maislidas_sidebar_list{border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;} .maislidas_sidebar_list .mais_lidas {display: block; width: 294px; list-style:none; color: #015A96;} .maislidas_sidebar_list .mais_lidas a {text-decoration: none; color: #069;} .maislidas_sidebar_list .mais_lidas a:hover {text-decoration: underline;} .maislidas_sidebar_list .mais_lidas li {margin: 3px 0; width: 298px; border-bottom: 1px solid #E6E6E6; display: inline-block; padding: 6px 0;} .maislidas_sidebar_list .mais_lidas li img{float:left;margin-right:10px;border:4px solid #EEEEEE;} .maislidas_sidebar_list .mais_lidas li a{text-decoration:none;color:#006699;} .maislidas_sidebar_list .mais_lidas p {float: left; font-size: 12px; line-height: 1.2em; margin-top:10px; width:260px;} #sidebar .box_facebook {width: 304px; float: right; margin: 0 0 20px;} #sidebar .anuncio-sidebar{width: 300px; float: left; padding: 1px; border: 1px solid #CCC; margin: 0 0 20px;} /*PAGE*/ #page H1 {font: bold 20px Arial, Helvetica, sans-serif; font-variant: small-caps; color: #F90; margin: 5px 0;} #page H2 {font: bold 18px Arial, Helvetica, sans-serif; font-variant: small-caps; color: #666; margin: 5px 0;} #page H3 {font: bold 16px Arial, Helvetica, sans-serif; font-variant: small-caps; color: #999; margin: 5px 0;} #page H4 {font: bold 14px Arial, Helvetica, sans-serif; font-variant: small-caps; color: #015A96; margin: 5px 0;} #page p {font-size: 1em; color: #676767; margin: 20px; line-height: 1.75;} #page ul {list-style:square; margin: 0 0 15px 30px;} #page ol {margin: 0 0 15px 30px;} #page ul li{margin: 3px 0;} #page ol li{margin: 3px 0;} #page img {border-radius: 3px 3px 3px 3px; float: left; margin: 4px 0;} #page input {border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px; font-family: inherit; padding: 0.428571rem; cursor: pointer;} .em-events-search-submit {background-color: #E6E6E6; background-image: -moz-linear-gradient(center top , #F4F4F4, #E6E6E6); background-repeat: repeat-x; border: 1px solid #D2D2D2; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); color: #7C7C7C; font-size: 0.785714rem; font-weight: normal; line-height: 1.42857; padding: 0.428571rem 0.714286rem;} /*SINGLE*/ #single {width: 660px; padding: 10px; float: left;} #single a {text-decoration: none;} #single a:hover {color: #f90;} #single_header {overflow: hidden; border-bottom: 1px solid #E5E5E5;} #single_header .titulo{color: #676767; float: left; font-size: 1.8em; line-height: 1.28; margin-bottom: 20px; padding-right: 20px; text-transform: uppercase; width: 660px;} #single_header .single_info {float: left; margin-bottom: 20px; width: 660px;} .single_autor {float: left; font-size: 0.86em; text-transform: uppercase; color: #676767;} .autor {color: #f90; padding-left: 4px;} .single_data {color: #676767;} #single_header .single_dados {background: #E5E5E5; float: right;} #single_header .single_dados ul {list-style: none; margin: 0;} #single_header .single_dados ul li {border-left: 1px solid #FFFFFF; float: left; margin: 0;} #single_header .single_dados a {width: 81%; color: #7E7E7E; display: block; float: left; font-size: 12px; height: 40px; line-height: 40px; padding: 0 10px; position: relative; transition: background-color 0.2s ease-in-out 0s;} #single_header .single_dados .link_url {width: 40px; transition: width 0.5s ease-in-out 0s; position: relative; overflow: hidden; height: 40px; float: left;} #single_header .single_dados img {background-image: url(images/sprite-v1.2.png); height: 26px; margin: 5px 0; width: 20px;} .ic_url {background-position: -8px 5px;} .ic_views {background-position: -27px 5px;} .ic_comments {background-position: 20px 3px;} #single_header .single_dados .link_url span {display: block; left: 40px; padding: 3px 10px 0 0; position: absolute; top: 0; margin: 0;} #single_header .single_dados .link_url input {border: 1px solid #DBDBDB; color: #555555; display: block; float: none; font-size: 1em; padding: 8px 6px; width: 143px;} #single_header .single_dados .link_url:hover {width: 180px;} .single_dados li span {color: #676767; float: right; font-size: 1em; padding: 1px 6px 0 2px;} .fonte_post {float: left; margin: 15px 0;} .fonte_post span {padding: 2px 6px; font-weight: 800; display: block; width: auto; float: left; margin: 0 2px;} .fonte_key {background-color: #5C5C5C; -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); transform: skew(20deg);} #single .fonte_post .fonte_key p {color: #fff; font-size: 1.0em; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); transform: skew(-20deg); margin: 0;} .fonte_value {background-color: #B2C803; -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); transform: skew(20deg);} #single .fonte_post .fonte_value p {color: #fff; font-size: 1.0em; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); transform: skew(-20deg); margin: 0;} .box_sugestao {width: 660px; float: left; font-size: 1em; background-color: #F4F4F4; border-bottom: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5; overflow: hidden;} .box_sugestao a {color: #f90; text-transform: uppercase;} #single .box_sugestao ul {list-style: none; float: left; margin: 0;} #single .box_sugestao ul li {float: left; margin: 0 10px; transition: opacity 0.5s ease 0s;} #single .box_sugestao ul li:hover {opacity: 0.8;} /*COMENTARIOS FACEBOOK*/ #comentarios {float: left; width: 660px; margin-top: 20px;} .content_chamada_comentarios {width: 660px; float: left; background: #ECECFB; border-top: 2px solid #4DA6FF; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);} .content_chamada_comentarios .contador {font-size: 1.2em; color:#4C4C4C; padding: 10px 12px 13px; text-transform: uppercase; float: left;} #single H1 {font: bold 20px Arial, Helvetica, sans-serif; font-variant: small-caps; color: #F90; margin: 5px 0; float: left;} #single H2 {font: bold 18px Arial, Helvetica, sans-serif; font-variant: small-caps; color: #666; margin: 5px 0;} #single H3 {font: bold 16px Arial, Helvetica, sans-serif; font-variant: small-caps; color: #999; margin: 5px 0;} #single H4 {font: bold 14px Arial, Helvetica, sans-serif; font-variant: small-caps; color: #015A96; margin: 5px 0;} #single p {font-size: 1em; color: #676767; margin: 20px; line-height: 1.75;} #single ul {list-style:square; margin: 0 0 15px 30px;} #single ol {margin: 0 0 15px 30px;} #single ul li{margin: 3px 0;} #single ol li{margin: 3px 0;} #single .post {margin: 20px 0; width: 660px; border-bottom: 1px solid #E5E5E5;} /*SINGLE FESTAS*/ #festas {width: 1000px; margin-top: 30px; float: left;} #festas_header {overflow: hidden; border-bottom: 1px solid #E5E5E5;} #festas_header .titulo{color: #676767; float: left; font-size: 1.8em; line-height: 1.28; margin-bottom: 20px; padding-right: 20px; text-transform: uppercase; width: 660px;} #festas_header .festas_info {float: left; margin-bottom: 20px; width: 1000px;} .festas_autor {float: left; font-size: 0.86em; text-transform: uppercase; color: #676767;} .autor {color: #f90; padding-left: 4px;} .festas_data {color: #676767;} #festas_header .festas_dados {background: #E5E5E5; float: right;} #festas_header .festas_dados ul {list-style: none; margin: 0;} #festas_header .festas_dados ul li {border-left: 1px solid #FFFFFF; float: left; margin: 0;} #festas_header .festas_dados a {width: 81%; color: #7E7E7E; display: block; float: left; font-size: 12px; height: 40px; line-height: 40px; padding: 0 10px; position: relative; transition: background-color 0.2s ease-in-out 0s;} #festas_header .festas_dados .link_url {width: 40px; transition: width 0.5s ease-in-out 0s; position: relative; overflow: hidden; height: 40px; float: left;} #festas_header .festas_dados img {background-image: url(images/sprite-v1.2.png); height: 26px; margin: 5px 0; width: 20px;} .ic_url {background-position: -8px 5px;} .ic_views {background-position: -27px 5px;} .ic_comments {background-position: -50px 4px;} .ic_comments_area {line-height: 36px; padding: 0 5px;} #festas_header .festas_dados .link_url span {display: block; left: 40px; padding: 3px 10px 0 0; position: absolute; top: 0; margin: 0;} #festas_header .festas_dados .link_url input {border: 1px solid #DBDBDB; color: #555555; display: block; float: none; font-size: 1em; padding: 8px 6px; width: 143px;} #festas_header .festas_dados .link_url:hover {width: 180px;} .festas_dados li span {color: #676767; float: right; font-size: 1em; padding: 1px 5px 0 4px;} #festas a {text-decoration: none;} #festas H1 {font: bold 20px Arial, Helvetica, sans-serif; font-variant: small-caps; color: #F90; margin: 5px 0; float: left;} #festas H2 {font: bold 18px Arial, Helvetica, sans-serif; font-variant: small-caps; color: #666; margin: 5px 0;} #festas H4 {font: bold 14px Arial, Helvetica, sans-serif; font-variant: small-caps; color: #015A96; margin: 5px 0;} #festas p {font-size: 1em; color: #676767; margin: 20px; line-height: 1.75;} #festas ol {margin: 0 0 15px 30px;} #festas ol li{margin: 3px 0;} #festas img {border-radius: 3px 3px 3px 3px; border: 0;} #festas .post {margin: 20px 0; width: 660px; border-bottom: 1px solid #E5E5E5;} #content_publicidade_festas{width: 1000px; float: left; background-image: url(images/pontilhado.png); margin-top: 25px; padding: 5px 0;} #content_publicidade_festas ul {list-style: none; float: left;} #content_publicidade_festas ul li {float: left; margin: 7px 10px; transition: opacity 0.5s ease 0s;} #content_publicidade_festas ul li:hover {opacity: 0.8;} #content_publicidade_festas img {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);} #festas .publicidade_single ul {list-style: none; float: left; margin: 0;} #festas .publicidade_single ul li {float: left; margin: 0 10px; transition: opacity 0.5s ease 0s;} #festas .publicidade_single ul li:hover {opacity: 0.8;} /*CATEGORY*/ #category {width: 1000px; float: left;} #category a{text-decoration: none;} .category_nome {margin: 0 0 30px; border-bottom: 4px solid #00AEE6; padding: 0 0 30px 0;} .category_nome span {font-size: 36px; text-transform: uppercase; line-height: 150%; font-family: 'century gothic'; margin: 0 0 0 50px; font-weight: 400;} #category img {float: left; transition: all 0.5s ease 0s; width: 300px; height: 150px;} #category img:hover {opacity: 0.8;} #category ul {list-style: none;} #category ul li {float: left; width: 1000px; margin: 12px 0; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); background: none repeat scroll 0 0 #FFFFFF;} #category .details_category {padding: 10px; float: left; width: 680px;} #category .titulo {font-size: 1.4em; display: block;} #category .titulo a {color: #265CFF; transition: all 0.5s ease 0s;} #category .titulo a:hover {color: #0036D9;} #category .meta {color: #676767; float: left; font-size: 0.86em; text-transform: uppercase; margin: 10px 0;} #category p {float: left; width: 675px; color: #676767; font-size: 0.9em; line-height: 1.5;} /*PAGINATOR*/ .paginator {float: right; margin: 5px 0;} .paginator a {background: #015A96; color: #fff;} .paginator a:hover {background: #b2c803;} /*FESTAS E EVENTOS*/ #header_festas{} #header_anuncio_festas {padding: 1px; border: 1px solid #CCC; margin: 24px auto; width: 728px;} #center_festas {position: relative; overflow: hidden;} #background_festas {position: absolute; left: 50%; width: 1920px; height: 1600px; margin-left: -960px; z-index: 1;} #festaseeventos {width: 1000px; margin: 0 auto; z-index: 2; position: relative;} #festaseeventos a{text-decoration: none;} .destaque_festas {width: 960px; margin: 0 auto;} .destaque_conteudo {width: 660px; height: 440px; float: left;} .destaque_big {width: 660px; float: left;} .destaque_big figure{transition: all .3s ease; height: 100%; overflow: hidden;} .destaque_big figure:hover {-webkit-filter: saturate(120%) brightness(120%); filter: saturate(120%) brightness(120%);} .destaque_big img {width: 660px; height: 330px; float: left;} .destaque_big figcaption {position: absolute; z-index: 3; height: 330px; -webkit-transition: all .2s ease; transition: all .3s ease; width: 660px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);} .destaque_big figcaption:hover {background: none;} .destaque_big H1 {width: 100%; height: 100%; text-align: center; vertical-align: middle; font-size: 2em; color: #fff; font-weight: 800; line-height: 120%; text-shadow: 2px 1px 2px #000; box-sizing: border-box;} .destaque_big .d-table {display: table; width: 100%; height: 100%;} .destaque_big .d-cell {display: table-cell; vertical-align: middle; padding: 0 25px;} .destaque_medio {width: 300px; float: left;} .destaque_medio figure{transition: all .3s ease; height: 100%; overflow: hidden;} .destaque_medio figure:hover {-webkit-filter: saturate(120%) brightness(120%); filter: saturate(120%) brightness(120%);} .destaque_medio img {width: 300px; height: 220px; float: left;} .destaque_medio figcaption {position: absolute; z-index: 3; height: 220px; -webkit-transition: all .2s ease; transition: all .3s ease; width: 300px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);} .destaque_medio figcaption:hover {background: none;} .destaque_medio H1 {width: 100%; height: 100%; text-align: center; vertical-align: middle; font-size: 1.2em; color: #fff; font-weight: 800; line-height: 120%; text-shadow: 2px 1px 2px #000; box-sizing: border-box;} .destaque_medio .d-table {display: table; width: 100%; height: 100%;} .destaque_medio .d-cell {display: table-cell; vertical-align: middle; padding: 0 25px;} .destaque_small {width: 220px; float: left;} .destaque_small figure{transition: all .3s ease; height: 100%; overflow: hidden;} .destaque_small figure:hover {-webkit-filter: saturate(120%) brightness(120%); filter: saturate(120%) brightness(120%);} .destaque_small img {width: 220px; height: 110px; float: left;} .destaque_small figcaption {position: absolute; z-index: 3; height: 110px; -webkit-transition: all .2s ease; transition: all .3s ease; width: 220px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);} .destaque_small figcaption:hover {background: none;} .destaque_small H1 {width: 100%; height: 100%; text-align: center; vertical-align: middle; font-size: 1em; color: #fff; font-weight: 800; line-height: 120%; text-shadow: 2px 1px 2px #000; box-sizing: border-box;} .destaque_small .d-table {display: table; width: 100%; height: 100%;} .destaque_small .d-cell {display: table-cell; vertical-align: middle; padding: 0 25px;} .festas_secundario {width: 1000px; background: rgba(0,0,0,.2); margin: 30px 0; float: left;} .festas_secundario ul {list-style: none;} .festas_secundario li {float: left; box-sizing: border-box;} .festas_secundario .s_big {width: 47%; min-height: 346px; padding: 15px; background: rgba(0,0,0,.3); float: left;} .festas_secundario a {display: block; width: 100%; height: 100%;} .festas_secundario figure {position: relative; margin: 0; overflow: hidden; transition: all .3s ease;} .festas_secundario img {width: 100%; height: 235px; display: block; } .festas_secundario figure:hover {-webkit-filter: saturate(120%) brightness(120%); filter: saturate(120%) brightness(120%);} .festas_secundario H1 {width: 98%; height: 100%; padding: 10px 0 0; text-align: left; vertical-align: middle; font-size: 1.4em; color: #fff; font-weight: 400; line-height: 140%; text-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .festas_secundario .d_table {display: inline; width: auto; height: auto;} .festas_secundario .d_cell {display: inline; width: auto; height: auto;} .festas_secundario .s_small {width: 48%; padding: 10px 10px 0; float: left;} .s_small a {background: rgba(0,0,0,.25); float: left;} .s_small figure {width: 46.236559139784944%; float: left; margin-right: 10px; transition: all .3s ease;} .s_small figure:hover {-webkit-filter: saturate(120%) brightness(120%); filter: saturate(120%) brightness(120%);} .festas_secundario .s_small img {width: 222px; height: 111px;} .festas_secundario .s_small H1 {font-size: 1em;} /*CAROUSEL PAGINA FESTAS*/ .secundario_carousel {width: 1000px; float: left; height: 420px;} #content_carousel .carosel {width: 1000px;} .carosel ul {list-style: none; float: left;} .carosel li {display: inline; float: left;} .prev {float: left; position: absolute; left: -56px; top: 720px; color: rgba(0,0,0,.15); font-size: 92px; font-weight: lighter; height: 45px; line-height: 45px; cursor: pointer; transition: all .3s ease;} .next{cursor: pointer; float: right; position: absolute; right: -56px; top: 720px; color: rgba(0,0,0,.15); font-size: 92px; font-weight: lighter; height: 45px; line-height: 45px; transition: all .3s ease;} .prev:hover { color: rgba(0,0,0,.50);} .next:hover { color: rgba(0,0,0,.50);} .agenda_catfestas {width: 1000px; float: left; margin: 20px 0;} .agenda_title {width: 976px; background-color: #4C4C4C; float: left; margin: 30px 0 0 0; color: #FFF; padding: 15px 10px; text-transform: uppercase; font-family: 'century gothic'; font-size: 1.4em; font-weight: 400; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.4);} .agenda_catfestas ul {list-style: none; float: left; position: relative; padding: .2em .9em .9em .9em; background: rgba(0,0,0,.1); -moz-box-sizing: border-box; box-sizing: border-box;} .agenda_catfestas ul li {width: 165px; height: 175px; margin: 0 5px 5px 4px; display: inline; float: left; padding: 10px; background: #f6f6f6; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); position: relative;} .loop_agend {height: 100%;} .loop_agend a {z-index: 99;} .loop_agend a:hover {z-index: 101;} .loop_agend figure {box-sizing: border-box; z-index: 99; overflow: hidden; position: relative;} .loop_agend a:hover figure {z-index: 101;} .loop_agend img {width: 164px; height: 175px;} .loop_agend_over {width: 379px; position: absolute; top: 0; left: 0; height: 195px; display: block; background-color: #404040; transition: opacity 0.2s ease 0s; opacity: 0;} .loop_agend a:hover+.loop_agend_over {opacity: 1; z-index: 100;} .agenda_catfestas li:nth-child(5n) .loop_agend_over {left: auto; right: 0;} .agenda_catfestas li:nth-child(5n) .info {padding: 15px 194px 15px 15px;} .loop_agend_over .info {padding: 15px 15px 15px 194px; color: #e5e5e5;} .loop_agend_over .info .name {margin-bottom: 10px;} .loop_agend_over .info .name H3 a {font-weight: 400; color: #FF9900; line-height: 1.25; font-size: 1.2em; word-wrap: break-word; font-family: 'century gothic'; } .loop_agend_over .info .organization {font-size: 1em; margin-bottom: 5px;} .loop_agend_over .info .contact {font-size: 0.9em;} /*FOOTER*/ #clear{clear:both;} #footer_all{background-color: #4C4C4C; border-top: 3px solid #4D7AFF; float: left; width: 100%; z-index: 99;} #footer_all a {text-decoration: none;} .footer_priv {background-color: #404040; padding: 10px 0; text-align: center;} .footer_priv ul {list-style: none;} .footer_priv ul li {display: inline; line-height: 2em; margin-right: 1%;} .footer_priv ul li a {color: #959595; font-size: 0.8em;} .footer_img {background: url("images/aapreto.png") no-repeat scroll 0 0 / 190px auto rgba(0, 0, 0, 0);height: 77px; margin: 10px auto; width: 248px; z-index: 99; transition: all 0.4s ease 0s;} .footer_img:hover {background: url("images/logoNovo.png") no-repeat scroll 0 0 / 190px auto rgba(0, 0, 0, 0); height: 77px; margin: 10px auto; width: 248px; z-index: 99;} .rodape-baixo {margin: 0 auto; width: 1000px;} .ins {clear: both; margin: 0 auto; width: 1000px;} .ins ul {list-style: none outside none; overflow: hidden; padding: 7px 0;} .w950 {width: 675px; margin: 10px auto;} .ins li {float: left; margin-right: 20px;} .ins ul {list-style: none outside none;} .ins a {color: #999999; display: inline; font-size: 0.85em; font-weight: bold; line-height: 16px; text-transform: uppercase; transition: all 0.4s ease 0s;} .ins a:hover {color: #4D7AFF;} .cop {color: #999999; font-size: 0.85em; padding: 10px 0; border-top: 1px solid rgba(0, 0, 0, 0.1);} .browse { background: none repeat scroll 0 0 #F9F9F9; border: 1px solid #E6E6E6; color: #333333; line-height: 18px; padding: 10px; margin-bottom: 20px; } .wp-caption {text-align: center;} #single .wp-caption-text {font-size:11px; line-height:16px; margin:0; padding:3px;} .wp-caption-dd {font-size: 11px; line-height: 7px; padding: 0 4px 5px; margin: 0;} /*PAGINA VIP ACADEMIA*/ #cat_especiais {width: 1000px; margin: 20px auto 0;} #page_vip {width: 680px; float:left; margin: 7px 0 15px;} #page_vip a{text-decoration: none;} #page_vip img{} #page_vip #page_vip_conteudo {width: 680px; float: left;} .page_vip_destaque {float: left; width: 350px; margin: 0 10px 0 0;} .page_vip_destaque ul{list-style: none;} .page_vip_destaque ul li{width: 350px; float: left; margin-right: 20px;} .page_vip_destaque figure {width: 100%; position: relative; margin: 0; height: 100%; overflow: hidden;} .page_vip_destaque figcaption {height: 100%; left: 0; position: absolute; top: 0; width: 350px;} .page_vip_destaque ul li img{display: block; margin: 0; width: 350px; height: 250px;} .page_vip_destaque H3 {bottom: 0; color: #FFFFFF; font-size: 21px; font-weight: bold; height: auto; padding: 0 15px 19px 12px; position: absolute; text-shadow: 3px 1px 3px #000000; box-shadow: -9px -33px 41px 2px #1C1C1C inset;} .page_vip_destaque .borda_baixo {border-bottom: 5px solid #00CC00; bottom: 0; margin: 0 0 0 15px; position: absolute; width: 120px; transition: all 0.4s ease 0s; right: 100%;} .page_vip_destaque ul li:hover .borda_baixo {right: 61%;} .page_vip_destaque_secundario {float: right; width: 300px;} .page_vip_destaque_secundario ul {list-style: none;} .page_vip_destaque_secundario ul li {float: right; width: 300px; margin: 0 0 20px 0;} .page_vip_destaque_secundario ul li img {display: block; width: 300px; float: right; height: 200px;} .page_vip_destaque_secundario figure {width: 100%; position: relative; margin: 0; height: 100%; overflow: hidden;} .page_vip_destaque_secundario figcaption {height: 100%; left: 0; position: absolute; top: 0; width: 300px;} .page_vip_destaque_secundario H3 {bottom: 0; color: #FFFFFF; font-size: 18px; font-weight: bold; height: auto; padding: 0 15px 19px 12px; position: absolute; text-shadow: 3px 1px 3px #000000; box-shadow: -9px -33px 41px 2px #1C1C1C inset;} .page_vip_destaque_secundario .borda_baixo {border-bottom: 5px solid #00CC00; bottom: 0; margin: 0 0 0 15px; position: absolute; width: 120px; transition: all 0.4s ease 0s; right: 100%;} .page_vip_destaque_secundario ul li:hover .borda_baixo {right: 55%;} .page_vip_dicas{width: 680px; float: left;} .page_vip_dicas a {text-decoration: none;} .page_vip_dicas .page_vip_title {margin: 10px 0; border-bottom: 1px solid #CCCCCC; width: 680px; float: left;} .page_vip_dicas span {color: #333; float: left; font-size: 23px; padding: 10px 0; text-transform: uppercase; transition: all 0.4s ease 0s;} .page_vip_dicas span:hover {color: #00CC00;} .page_vip_dicas_conteudo {width: 680px; background: rgba(0,0,0,.2); float: left; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.4);} .page_vip_dicas_conteudo a {display: block; width: 100%; height: 100%;} .page_vip_dicas_conteudo .s_big {width: 44%; min-height: 212px; padding: 15px; background: rgba(0,0,0,.3); float: left;} .page_vip_dicas_conteudo figure {position: relative; margin: 0; overflow: hidden; transition: all .3s ease;} .page_vip_dicas_conteudo figure:hover {-webkit-filter: saturate(120%) brightness(120%); filter: saturate(120%) brightness(120%);} .page_vip_dicas_conteudo img {width: 100%; height: 208px; display: block;} .page_vip_dicas_conteudo H1 {width: 98%; height: 100%; padding: 10px 0 0; text-align: left; vertical-align: middle; font-size: 1.2em; color: #fff; font-weight: 400; line-height: 140%; text-shadow: none; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} .page_vip_dicas_conteudo figcaption {position: absolute; } .page_vip_dicas_conteudo .s_small {width: 48%; padding: 10px 10px 0;float: right;} .page_vip_dicas_conteudo .s_small h1 {font-size: 1em; padding: 14px;} .page_vip_videos {width: 680px; float: left;} .page_vip_videos a {text-decoration: none;} .page_vip_videos .page_vip_title {margin: 10px 0; border-bottom: 1px solid #CCCCCC; width: 680px; float: left;} .page_vip_videos span {color: #333; float: left; font-size: 23px; padding: 10px 0; text-transform: uppercase; transition: all 0.4s ease 0s;} .page_vip_videos span:hover {color: #00CC00;} .page_vip_videos_conteudo {width: 680px; float: left;} .page_vip_videos_conteudo a {display: block; width: 100%; height: 100%;} .v_grande {float: left; width: 338px;} .v_grande figure {padding: 10px; position: relative; height: 100%;} .v_grande figcaption {position: absolute; width: 94%; top: 106px; text-align: center;} .v_grande .play {font-size: 60px; color: #4C4C4C;} /*PAGINA BELARMINO*/ .page_escola_noticias_g11{width: 660px; padding: 0 10px; float: left; border-bottom: 1px solid #ccc;} .page_escola_noticias_g11 a {text-decoration: none; color: #BD1C23;} .page_escola_noticias_g11 a:hover {text-decoration: underline;} .page_escola_noticias_g11 span {font: bold 22px Arial, Helvetica, sans-serif; float:left; margin: 10px 0; width: 660px;} .page_escola_noticias_conteudo_g11 {width: 660px; color: #933;} .page_escola_noticias_conteudo_g11 img:hover {border: 3px solid #BD1C23; margin: -3px;} .page_escola_noticias_conteudo_g11 ul{list-style: none; float: left; width: 680px; margin: 0 0 15px -10px;} .page_escola_noticias_conteudo_g11 ul li {display: inline; margin: 0 5px; width: 160px; float: left;} .page_escola_noticias_conteudo_g11 ul li p {font: bold 13px Arial, Helvetica, sans-serif; padding-top: 7px;} #pageescola_publicidade {width: 660px; float: left; padding: 0 10px; border-bottom: 1px solid #CCC;} #pageescola_publicidade_conteudo {width: 660px; margin: 15px;} #pageescola_publicidade_conteudo ul {list-style: none; float: left; width: 660px; margin-bottom: 15px;} #pageescola_publicidade_conteudo ul li {display: inline; margin: 0 5px;} .page_escola_maisnoticias {width: 660px; float: left; margin: 5px 0; color:#09f; padding: 0 10px;} .page_escola_maisnoticias a {text-decoration: none; color: #09F;} .page_escola_maisnoticias a:hover {text-decoration: underline;} .page_escola_maisnoticias span {font: bold 22px Arial, Helvetica, sans-serif; float:left; margin: 10px 0; width: 660px;} .page_escola_maisnoticias img {float: left; margin-right: 5px; padding: 3px; border: 1px solid #fff; border-radius: 3px 3px 3px 3px;} .page_escola_maisnoticias img:hover {background: #09F; border-radius: 3px 3px 3px 3px;} .page_escola_maisnoticias ul {list-style: none; width: 660px;} .page_escola_maisnoticias ul li {width: 660px; float: left; border: 1px solid #ccc; margin-bottom: 13px;} .page_escola_maisnoticias .titulo {float: right; font: bold 18px Arial, Helvetica, sans-serif; font-variant: small-caps; display: block; margin: 2px 0; width: 445px;} .page_escola_maisnoticias .titulo a {color: #015A96;} .page_escola_maisnoticias .titulo a:hover {color: #B2C803;} .page_escola_maisnoticias .meta {display: block; margin: 5px 0; font: 12px Arial, Helvetica, sans-serif; font-variant: small-caps; margin: 0; width: 445px;} .page_escola_maisnoticias p a {color: #333; float: left; margin: 3px 0;} .page_escola_maisnoticias p a:hover {text-decoration: underline;} .page_escola_maisnoticias_g11 {width: 660px; float: left; margin: 5px 0; color:#09f; padding: 0 10px;} .page_escola_maisnoticias_g11 a {text-decoration: none; color: #BD1C23;} .page_escola_maisnoticias_g11 a:hover {text-decoration: underline;} .page_escola_maisnoticias_g11 span {font: bold 22px Arial, Helvetica, sans-serif; float:left; margin: 10px 0; width: 660px;} .page_escola_maisnoticias_g11 img {float: left; margin-right: 5px; padding: 3px; border: 1px solid #fff; border-radius: 3px 3px 3px 3px;} .page_escola_maisnoticias_g11 img:hover {background: #09F; border-radius: 3px 3px 3px 3px;} .page_escola_maisnoticias_g11 ul {list-style: none; width: 660px;} .page_escola_maisnoticias_g11 ul li {width: 660px; float: left; border: 1px solid #ccc; margin-bottom: 13px;} .page_escola_maisnoticias_g11 .titulo {float: right; font: bold 18px Arial, Helvetica, sans-serif; font-variant: small-caps; display: block; margin: 2px 0; width: 445px;} .page_escola_maisnoticias_g11 .titulo a {color: #015A96;} .page_escola_maisnoticias_g11 .titulo a:hover {color: #B2C803;} .page_escola_maisnoticias_g11 .meta {display: block; margin: 5px 0; font: 12px Arial, Helvetica, sans-serif; font-variant: small-caps; margin: 0; width: 445px;} .page_escola_maisnoticias_g11 p a {color: #333; float: left; margin: 3px 0;} .page_escola_maisnoticias_g11 p a:hover {text-decoration: underline;} /*PATROCINADORES*/ #title_publicidade {background-color: #F6F6F6; height: 100px;} .cham_publicidade {width: 1000px; margin: 0 auto; border-bottom: 4px solid #00aee6; min-height: 95px; position: relative;} .cham_publicidade span {padding: 20px 0; float: left; font-size: 36px; text-transform: uppercase; font-weight: 400; margin: 0 0 0 50px; font-family: 'century gothic';} .cont_publicidade {background-color: #FFFFFF;} .cont_publicidade .cont_publicidade_center {margin: 0 auto; width: 1000px;} .cont_publicidade .cont_publicidade_area {float: left; margin: 40px 0;} .cont_publicidade_area ul {list-style: none;} .cont_publicidade_area ul li {width: 220px; margin: 0 5px 40px 5px; display: inline; float: left; padding: 10px; background: #f6f6f6; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); position: relative;} .loop_publi {height: 100%;} .loop_publi a {z-index: 99;} .loop_publi a:hover {z-index: 101;} .loop_publi figure {box-sizing: border-box; z-index: 99; overflow: hidden; position: relative;} .loop_publi a:hover figure {z-index: 101;} .loop_publi_over {width: 490px; position: absolute; top: 0; left: 0; height: 150px; display: block; background-color: #404040; transition: opacity 0.2s ease 0s; opacity: 0;} .loop_publi a:hover+.loop_publi_over {opacity: 1; z-index: 100;} .cont_publicidade_area li:nth-child(4n) .loop_publi_over {left: auto; right: 0;} .cont_publicidade_area li:nth-child(4n) .info {padding: 15px 250px 15px 15px;} .loop_publi_over .info {padding: 15px 15px 15px 250px; color: #e5e5e5;} .loop_publi_over .info .name {margin-bottom: 10px;} .loop_publi_over .info .name H3 {font-weight: 400; color: #FF9900; line-height: 1.25; font-size: 1.3em; word-wrap: break-word; font-family: 'century gothic'; } .loop_publi_over .info .organization {font-size: 0.9em; margin-bottom: 5px;} .loop_publi_over .info .contact {font-size: 0.83em;} /*QUEM SOMOS*/ #page_quemsomos {width: 1000px; float: left;} #page_quemsomos .post {margin: 20px 0; border-bottom: 1px solid #E5E5E5;} #page_quemsomos .post p {font-size: 1em; color: #676767; margin: 20px; line-height: 1.75;} .lista_quemsomos{width: 1000px; float: left; margin: 20px 0;} .lista_quemsomos H3 {text-align: center;} .desenvolvedores {width: 1000px; margin: 20px 0; float: left;} .lista_quemsomos figure {width: 185px; height: 150px; float: left;} .lista_quemsomos img{float: left; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.4);} .lista_quemsomos figcaption {margin: 0 30px; float: left;} .nome_quemsomos {color:#666; font-variant: small-caps; font-size: 2em; margin: 0 0 7px 0;} .funcao_quemsomos {padding: 0 5px; font-family: 'century gothic'; font-size: 1.1em;} .rsociais_quemsomos {width: 100%; float: left; margin: 8px 5px;} .rsociais_quemsomos ul {list-style: none;} .rsociais_quemsomos li {display: inline;} .rsociais_quemsomos a {background-color: #3b5998; color: #fff; padding: 0px 0px 5px 5px; float: left; text-decoration: none; margin: 2px 6px 2px 0;} .face{font-size: 2em; position: relative; top: 4px;} .rsociais_quemsomos a span {font-size: 0.9em; line-height: 16px; transition: all .3s ease; max-width: 0; white-space: nowrap!important; overflow: hidden; display: inline-block;} .rsociais_quemsomos a:hover span, .rsociais_quemsomos a:focus span {max-width: 196px; padding: 0 5px 0 0;} /*PAGINA EVENTOS*/ .eventsdate {color: #DBDBDB; font-family: Arial; font-size: 39px; font-weight: bold; letter-spacing: -2px; line-height: 37px; text-align: center; text-transform: uppercase; width: 140px;} .eventsdate span {border-bottom: 1px solid #E5E5E5; color: #C2C2C2; display: block; font-size: 11px; letter-spacing: 2px; line-height: 7px; margin: 0 auto; padding: 0 0 8px 1px; text-align: center; width: 110px;} .eventsdate strong {color: #B2C803; font-family: Arial; font-size: 63px; font-weight: normal; letter-spacing: -2px; line-height: 64px; padding-top: 4px; width: 138px; float: left;} .eventslist {float: left; margin: 20px 0; width: 658px;} .eventsimage {border-left: 1px solid #E3E3E3; padding: 0 0 0 10px;} .eventstitle {padding: 3px 5px; width: 338px;} .eventstitle a {font: bold 18px Arial,Helvetica,sans-serif; text-decoration: none;} .eventstitle span {font: 14px/20px Arial,Helvetica,sans-serif; color: #858687;} .button-veja {background: -moz-linear-gradient(center top , #E8E8E8 40%, #D0D0D0 96%, #BEBEBE 100%) repeat scroll 0 0 transparent; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05); padding: 1px; display: inline-block; border-radius: 2px 2px 2px 2px; float: right; margin: 10px 0 0; background: -webkit-linear-gradient(top,rgba(232,232,232,1) 40%,rgba(208,208,208,1) 96%,rgba(190,190,190,1) 100%);} .button-det {background: -moz-linear-gradient(center top , #FFFFFF 0px, #FFFFFF 50%, #F3F3F3 100%) repeat scroll 0 0 transparent; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-radius: 2px 2px 2px 2px; cursor: pointer; text-transform: uppercase; text-align: center; padding: 1px 13px 0; height: 100%; display: block; background: -webkit-linear-gradient(top,rgba(255,255,255,1) 0,rgba(255,255,255,1) 50%,rgba(243,243,243,1) 100%) ;} #em-wrapper .em-pagination {float: right;} #em-wrapper .em-pagination .page-numbers {padding: 3px 5px; margin: 2px; text-decoration: none; border: 1px solid #BFBFBF; background: #015a96; color: #fff;} #em-wrapper .em-pagination .page-numbers:hover {background: #b2c803;} #em-wrapper .em-pagination .current {border: 1px solid #000000; background: #FFFFFF; color: #000000;} /*POST EVENTOS*/ .eventinfo {width: 245px; float: left;} .eventinfo ul {margin: 0 !important; padding: 5px 0 0; border-top: 1px dotted #E7E7E7;} #single .eventinfo ul li {list-style: none; color: #D4D4D4; overflow: hidden; height: 100%; margin: 13px 0;} .eventinfo ul li span {background: url("http://agendaalagoas.inf.br/wp-content/themes/agendaalagoas/images/icon_events.png") no-repeat scroll 0 0 transparent;} .datapostevent {float: left; width: 45px; height: 40px;} #single .eventinfo ul li p {float: left; width: 197px; margin: 0 0 0 2px; text-transform: capitalize; font-size: 13px;} .eventinfo ul li .locationevent {float: left; width: 45px; height: 40px; background-position: -46px 0;} /** * CSS3 Tips * * A stylesheet for creating tooltips without using anything other than CSS3. * * created by c.bavota * released under GPL v2 * * November 6th, 2013 */ [data-tips] { position: relative; text-decoration: none; } [data-tips]:after, [data-tips]:before { position: absolute; z-index: 100; opacity: 0; } [data-tips]:after { content: attr(data-tips); height: 25px; line-height: 25px; padding: 0 10px; font-size: 12px; text-align: center; color: #fff; background: #222; border-radius: 5px; text-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3); box-shadow: 0 0 5px rgba(0,0,0,0.3); white-space: nowrap; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } [data-tips]:before { content: ""; width: 0; height: 0; border-width: 6px; border-style: solid; } [data-tips]:hover:after, [data-tips]:hover:before { opacity: 1; } /* Top tips */ [data-tips].top-tip:after, [data-tips].top-tip:before { -webkit-transition: bottom 0.25s ease-in-out, opacity 0.25s ease-in-out; -moz-transition: bottom 0.25s ease-in-out, opacity 0.25s ease-in-out; transition: bottom 0.25s ease-in-out, opacity 0.25s ease-in-out; bottom: 90%; left: -9999px; margin-bottom: 12px; } [data-tips].top-tip:before { border-color: #222 transparent transparent transparent; margin-bottom: 0; } [data-tips].top-tip:hover:after, [data-tips].top-tip:hover:before { bottom: 100%; left: 0; } [data-tips].top-tip:hover:before { left: 15px; } /* Bottom tip */ [data-tips].bottom-tip:after, [data-tips].bottom-tip:before { -webkit-transition: top 0.25s ease-in-out, opacity 0.25s ease-in-out; -moz-transition: top 0.25s ease-in-out, opacity 0.25s ease-in-out; transition: top 0.25s ease-in-out, opacity 0.25s ease-in-out; top: 90%; left: -9999px; margin-top: 12px; } [data-tips].bottom-tip:before { border-color: transparent transparent #222 transparent; margin-top: 0; } [data-tips].bottom-tip:hover:after, [data-tips].bottom-tip:hover:before { top: 100%; left: 0; } [data-tips].bottom-tip:hover:before { left: 15px; } /* Right tip */ [data-tips].right-tip:after, [data-tips].right-tip:before { -webkit-transition: left 0.25s ease-in-out, opacity 0.25s ease-in-out; -moz-transition: left 0.25s ease-in-out, opacity 0.25s ease-in-out; transition: left 0.25s ease-in-out, opacity 0.25s ease-in-out; top: -9999px; left: 96%; margin-left: 12px; } [data-tips].right-tip:before { border-color: transparent #222 transparent transparent; margin-left: 0; } [data-tips].right-tip:hover:after, [data-tips].right-tip:hover:before { left: 100%; top: 0; } [data-tips].right-tip:hover:before { top: 7px; } /* Left tip */ [data-tips].left-tip:after, [data-tips].left-tip:before { -webkit-transition: right 0.25s ease-in-out, opacity 0.25s ease-in-out; -moz-transition: right 0.25s ease-in-out, opacity 0.25s ease-in-out; transition: right 0.25s ease-in-out, opacity 0.25s ease-in-out; top: -9999px; right: 96%; margin-right: 12px; } [data-tips].left-tip:before { border-color: transparent transparent transparent #222; margin-right: 0; } [data-tips].left-tip:hover:after, [data-tips].left-tip:hover:before { right: 100%; top: 0; } [data-tips].left-tip:hover:before { top: 7px; }