/******************************************************************************* * GERAL *******************************************************************************/ * {padding:0px;margin:0px;list-style: outside none none!important;text-decoration:none; font-family: 'Regular-Regular';outline:none;} body {background-image:url(../img/backgrounds/bg_body.png);background-position: center top;background-attachment: fixed;} img{border:none;} .container { display:table; margin:0 auto; width:1024px;position:relative;} #error_404 #footer {display:none;} #error_404 #content:before { content: "página não encontrada"; text-align: center; height: 105px; line-height: 105px; display: block; font-size: 40px; font-family: regular-bold; color: #0f2f7f;} /******************************************************************************* * HEADER *******************************************************************************/ #header { position:fixed;top:0;left:0;width:100%;z-index:99;} #header .cookies { background-color: white; color: #0f2f7f; display: none; margin: 0 auto; padding: 5px; width: 100%; text-align: center;} #header .cookies a {font-family: 'Regular-Bold';color:#0f2f7f;} #header .header { display: table; width: 100%;background-color:white;} #header .header .cmp-logo {padding:20px 0px;float:left;} #header .header .cmp-logo img {height:80px;} #header .header .cmp-search {float: right;margin: 45px 0 0 0;position:relative;} #header .header .cmp-search input { background-color: #f6f6f6;background-image: url('../img/buttons/lupa.svg');background-position: right center;width: 200px; background-repeat: no-repeat;background-size: auto 90%;border: medium none;font-size: 14px;height: 20px;line-height: 20px;padding: 5px 30px 5px 10px; font-style: italic;} #header .header .cmp-search .cmp-search-min-results { background-color: #f6f6f6; border-top: 5px solid #0f2f7f; padding: 20px; position: absolute; right: 0;top: 45px; width: 310px;display:none;z-index: 1;} #header .header .cmp-search .cmp-search-min-results > .cmp-focus {display:table;margin-bottom:10px;width:100%;} #header .header .cmp-search .cmp-search-min-results .cmp-focus a:first-child {color:#0f2f7f;font-family:'Regular-Medium';font-size:12px;} #header .header .cmp-search .cmp-search-min-results .cmp-focus span {color:#575756;margin:0 5px;} #header .header .cmp-search .cmp-search-min-results .cmp-focus a:last-child {color:#575756;font-family:'Regular-Medium';font-size:12px;} #home #header .menu_content {bottom: 20px;} #header .menu_content {bottom: 75px;position: absolute; right: 20px;} #header .menu_content .list {} #header .menu_content .list li {float:left;margin-left:10px;font-size:12px;} #header .menu_content .list li a {color:#0f2f7f;} #header .menu_content .list .active a {color:#575756;} #header .cmp-ticker { background-color: #0f2f7f; width: 100%; overflow: hidden; margin-bottom: 20px; height: 36px; line-height: 36px; float: left; } #header .cmp-ticker span { color: white; font-family: "Regular-Bold"; height: 100%; float: left; text-align: center; width: 100px;} #header .cmp-ticker ul { height: 36px;line-height:36px;} #header .cmp-ticker a { color:white;padding-left: 40px;position:relative; font-size: 14px} #header .cmp-ticker a:before {background-repeat: no-repeat;content: ""; display: block; height: 32px; left: 17px; position: absolute; top: -1px; width: 20px;} #header .cmp-ticker .app_101 a:before {background-image: url(../img/icons/icone_ticker_portolazer.svg);top:-2px} #header .cmp-ticker .app_102 a:before {background-image: url(../img/icons/icon_ticker_domus.svg);} #header .cmp-ticker .app_103 a:before {background-image: url(../img/icons/icon_ticker_gop.svg);top: -5px;} #header .cmp-ticker .app_106 a:before {background-image: url(../img/icons/icon_ticker_noticiasporto.svg);} #header .cmp-ticker div { height: 36px; float: left; width: 85%; position: relative; overflow: hidden; } /******************************************************************************* * MOBILE MENU *******************************************************************************/ #sidebar_left {display:none;} #home #sidebar_left .back {display:none;} #home #sidebar_left .menu_sidebar {display:block;} #sidebar_left .menu_sidebar {display:none;} #sidebar_left .menu:first-child > ul {border-top: 1px solid white;} #sidebar_left .menu > ul > li{display:block;} #sidebar_left .menu > ul > li > a {border-bottom: 1px solid white; margin-top: 10px;padding-bottom: 10px;display:block;} #sidebar_left .menu > ul > li > a span {font-family: 'regular-bold';font-size: 18px; } #sidebar_left .menu > ul > li.normal > a {border-bottom: none; margin: 0;padding: 0;} #sidebar_left .menu ul .first{margin-top:40px!important;} #sidebar_left .menu > ul > li.normal > a span {font-family: 'regular-medium';font-size: 12px;} #sidebar_left .menu > ul > li.parent_active > ul {display:block;} #sidebar_left .menu > ul > li > ul { margin: 20px 0 20px 20px;display:none;} #sidebar_left .menu > ul > li > ul a span {font-size:16px;} #sidebar_left .back {background-image: url("../img/buttons/back_white.svg"); margin-bottom:20px; display: block;height: 17px; left: 20px; position: relative; width: 76px;} /******************************************************************************* * CONTENT *******************************************************************************/ #home #content {margin-top:125px;} #content {margin-top: 182px;} #content .rsSlide {width: 100%!important;} #content .featured {} #content .left {float:left;width:502px;} #content .right { float: right; width: 502px;} #content .sidebar { float:left;width: 254px;background-color:#f6f6f6;display:table;} #content .content { float: right; width: 750px;} #content .cartaz { display: block; overflow: hidden; width: 1024px; } #content .cmp_slideshow {} #content .cmp_slideshow .results {display: block; height: 500px;position: relative;width: 100%;overflow:hidden;} #content .cmp_slideshow .object {display: block; height: 500px;position: relative;width: 100%;} #content .cmp_slideshow .image {height:450px;width:1024px;overflow:hidden;} #content .cmp_slideshow .image a {height:100%;width:100%;overflow:hidden;display:block;} #content .cmp_slideshow .name { background-color: #0f2f7f;bottom: 0;display: block;height: 50px;left: 0;position: absolute;width: 100%;z-index:1; } #content .cmp_slideshow .name a { color:white;font-size:26px;padding:0 20px;line-height:50px;font-family: 'Regular-Bold'; width:90%;} #content .cmp_slideshow .more a {background-image: url('../img/buttons/more_white.svg');bottom: 10px;height: 29px;position: absolute;right: 20px;width: 29px; z-index:2;} #content .cmp_slideshow .more a span {display:none;} #content .cmp_slideshow .rsArrowLeft {background-image: url('../img/buttons/arrow_left_blue.svg'); background-position: center center; background-repeat: no-repeat;background-size: 21px auto;height: 90%;left: 0;position: absolute; top: 0;width: 51px;} #content .cmp_slideshow .rsArrowRight {background-image: url('../img/buttons/arrow_right_blue.svg');background-position: center center; background-repeat: no-repeat;background-size: 21px auto;height: 90%;right: 0;position: absolute; top: 0;width: 51px;} #content .block.image { height: 20px; padding: 15px 20px;background-color:#f6f6f6;margin-top:20px; clear: both;} #content .block.image img { height: 100%;} #content .cmp_chess {} #content .cmp_chess .object {background-color:#0f2f7f;display: table;} #content .cmp_chess .object .image {height:251px;width:250px;float:left;overflow:hidden;position:relative; background-image:url(../img/backgrounds/image_default.svg);} #content .cmp_chess .object .image:after {background-image: url('../img/icons/arrow_left_blue.svg'); content: ""; height: 41px; position: absolute; right: -1px;top: 15px;width: 21px; background-repeat: no-repeat;} #content .cmp_chess .object .info {height:211px;margin:20px;width:211px;float:left;overflow:hidden;} #content .cmp_chess .object .name a { font-family: 'Regular-Bold';font-size:22px;} #content .cmp_chess .object .date { margin:20px 0 0;font-size:14px;display:block;} #content .cmp_chess .object .description {font-size:14px;margin-top:10px;} #content .cmp_chess .object a {color:white;} #content .left .cmp_chess .object.ind_2 {background-color:#f6f6f6;} #content .left .cmp_chess .object.ind_2 .image,#content .cmp_chess .object.ind_2 .info {float:right;} #content .left .cmp_chess .object.ind_2 .image:after {background-image: url('../img/icons/arrow_right_gray.svg');left: -1px;} #content .left .cmp_chess .object.ind_2 .name a {color:#0f2f7f;} #content .left .cmp_chess .object.ind_2 a {color:#575756;} #content .right .cmp_chess .object.ind_2 {background-color:#0f2f7f;} #content .right .cmp_chess .object.ind_2 .image,#content .cmp_chess .object.ind_2 .info {float:right;} #content .right .cmp_chess .object.ind_2 .image:after {background-image: url("../img/icons/arrow_right_blue.svg");left: -1px;} #content .right .cmp_chess .object.ind_2 a {color:white;} #content .right .cmp_chess .object.ind_1 {background-color:#f6f6f6;} #content .right .cmp_chess .object.ind_1 .image:after {background-image: url("../img/icons/arrow_left_gray.svg"); right: -1px;} #content .right .cmp_chess .object.ind_1 .name a {color:#0f2f7f;} #content .right .cmp_chess .object.ind_1 a {color:#575756;} #content .featured .cmp_chess .ind_1,#content .featured .cmp_chess .ind_3 {float:left;} #content .featured .cmp_chess .ind_2,#content .featured .cmp_chess .ind_4 {float:right;} #content .featured .cmp_chess .ind_2,#content .featured .cmp_chess .ind_3 {background-color:#f6f6f6;} #content .featured .cmp_chess .ind_2 a,#content .featured .cmp_chess .ind_3 a {color:#575756;} #content .featured .cmp_chess .ind_2 .name a,#content .featured .cmp_chess .ind_3 .name a {color:#0f2f7f;} #content .featured .cmp_chess .ind_3 .image,#content .featured .cmp_chess .ind_3 .info,#content .featured .cmp_chess .ind_4 .image, #content .featured .cmp_chess .ind_4 .info {float:right;} #content .featured .cmp_chess .ind_2 .image:after {background-image: url('../img/icons/arrow_left_gray.svg');left: auto;right:0;} #content .featured .cmp_chess .ind_3 .image:after {background-image: url('../img/icons/arrow_right_gray.svg');left: 0;} #content .featured .cmp_chess .ind_4 .image:after {background-image: url('../img/icons/arrow_right_blue.svg');left: -1px;} #content .cmp_video {position:relative;height:338px;background-image:url(../img/backgrounds/videos_default.svg);background-size: auto 100%;} #content .cmp_video .name {font-family: 'Regular-Bold';font-size:22px;color:white;display:block;overflow:hidden;height:50px;line-height:50px; background-color:#0f2f7f;position:relative;padding: 0 20px;} #content .cmp_video .attachment:before { background-image: url("../img/icons/arrow_down_blue.svg");content: "";height: 21px;position: absolute;right: 20px; top: 50px; width: 40px;background-repeat: no-repeat;} #content .cmp_video .attachment {height:288px;width:100%;display:block;} #content .cmp_video .attachment iframe {height:100%;width:100%;display:block;} #content .cmp_calendar {background-color: #f6f6f6;height: 298px;padding: 20px;background-image:url(../img/backgrounds/agenda_default.svg);} #content .cmp_calendar .results {display:block;overflow:hidden;height:100%;font-size:18px;} #content .cmp_calendar .object {display: block;margin-bottom: 15px; padding-right: 40px;padding-top: 15px;height:24px;position:relative; border-top:1px solid #575756;} #content .cmp_calendar .object .event { border-right: 2px solid #0f2f7f;color: #0f2f7f;float: left;font-family: "Regular-Bold"; margin-right: 5px; padding-right: 5px;height:24px;overflow:hidden;} #content .cmp_calendar .object .name{height:24px;line-height:24px;overflow:hidden;color:#575756;} #content .cmp_calendar .object .name a{color:#575756;} #content .cmp_calendar .object .more a {background-image: url("../img/buttons/more_blue.svg");height: 18px;position: absolute;right: 0;top: 18px;width: 18px;} #content .cmp_calendar .object:first-child {border:none;padding-top:0;} #content .cmp_calendar .object:first-child .more a {top: 3px;} #content .cmp_calendar .filters {} #content .cmp_calendar .filters .categories {margin-bottom:10px; display:table;} #content .cmp_calendar .filters .categories a {background-color:#565657;color:white;padding:5px;font-size:12px;margin:5px;display:block;float:left; font-family: regular-bold;} #content .cmp_calendar .filters .categories .active {background-color:#0f2f7f;} #content .cmp_calendar .filters .actions {display:table;width:100%;margin-bottom:10px;} #content .cmp_calendar .filters .actions a {color:#565657;padding:0 5px;font-size:14px;font-family:regular-bold;font-style:italic;} #content .cmp_calendar .filters .actions a:first-child {border-right:1px solid #565657;} #content .cmp_calendar .filters .actions .active {color:#0f2f7f;} #content .cmp_calendar.full { background-image:none;height: 462px; } #content .cmp_calendar.full .object { border-top: 1px solid #575756 !important; margin: 0;padding: 5px 20px 5px 0 !important;} #content .cmp_calendar.full .object .more a {background-position: center center; background-repeat: no-repeat; height: 100%; top: 0;} #content .cmp_calendar .info {height: 350px; overflow: auto;} #content .cmp_calendar .detalhe {height: 350px; overflow: auto;} #content .cmp_calendar .detalhe .object {border-bottom: 1px solid #565657;margin-bottom:10px;} #content .cmp_calendar #detalhe_local {color: #0f2f7f; font-family: regular-bold;font-size: 12px;margin-bottom: 10px;} #content .cmp_calendar #detalhe_local span {color:#565657;} #content .cmp_calendar #detalhe_description { color: #0f2f7f; font-family: regular-bold;font-size: 12px; height: 70px; line-height: 13px;margin-bottom: 10px;} #content .cmp_calendar #detalhe_description span {color:#565657;} #content .cmp_calendar #detalhe_data {color: #0f2f7f; font-family: regular-bold;font-size: 12px;margin-bottom: 10px;} #content .cmp_calendar #detalhe_data span {color: #565657;} #content .cmp_calendar #map {width:100%;height:135px;} #content .cmp_calendar #detalhe_agendar {color: #0f2f7f;padding:5px;} #content .cmp_calendar #detalhe_info {color: #0f2f7f;padding:5px;} #content .cmp_calendar #detalhe_fechar {color: #0f2f7f;padding:5px;cursor:pointer;} #content .cmp_calendar .object .close a { background-image: url("../img/buttons/close_blue.svg"); background-position: center center; background-repeat: no-repeat;height: 100%;position: absolute; right: 0; top: 0; width: 18px;} #content .cmp_calendar #detalhe_footer { float:right; margin-top:5px;} #content .sidebar .text {display:block;padding:0 20px;/*height:35px;*/line-height:35px;background-color:#0f2f7f;color:white;font-family:'Regular-Bold'; font-size:19px;} #content .sidebar .menu {display:block;padding:0 20px;overflow:hidden;} #content .sidebar .menu:last-child {border-bottom:5px solid #0f2f7f;padding-bottom:20px;} #content .sidebar .menu ul { display: block;} #content .sidebar .menu li {display:block;padding-top:20px;} #content .sidebar .menu li a span {font-size:14px;color:#575756;font-family:'Regular-Medium';} #content .sidebar .menu .active > a span,#content .sidebar .menu .parent_active > a span {font-size:16px;color:#0f2f7f;font-family:'Regular-Bold';} #content .sidebar .menu .active > ul,#content .sidebar .menu .parent_active > ul { display:block!important; } #content .sidebar .menu ul > li > ul { margin-left:20px; margin-top:5px;display:none;} #content .sidebar .menu ul > li > ul li {border-left: 2px solid #0f2f7f; padding-left: 5px;padding-top: 0; } #content .sidebar .menu .parent_active > ul .active a span { font-size:14px;color:#0f2f7f;font-family:'Regular-Medium';} #content .content .cmp_full_content_map {margin-bottom:20px;} #content .cmp_full_content {display:block;position:relative;} #content .content .cmp_full_content .object {margin-top:20px;border-bottom:20px solid #f6f6f6;} #content .content .cmp_full_content .object:first-child {margin-top:0px;} #content .content .cmp_full_content .slideshow {display: block;position: relative;width: 100%;overflow:hidden;background-color:transparent!important;} #content .content .cmp_full_content .slideshow .image:before {background-color: #f6f6f6;content: ""; height: 100%;left: 0;opacity: 0.4;position: absolute; top: 0; width: 100%;} #content .content .cmp_full_content .slideshow > .image:first-child {display:block!important;} #content .content .cmp_full_content .slideshow > .image {display:none!important;} #content .content .cmp_full_content .slideshow .image {position: relative;width: 100%;display:block;overflow:hidden;float:left;} #content .content .cmp_full_content .slideshow .image img{float:left;} #content .content .cmp_full_content .slideshow .rsArrowLeft {background-image: url('../img/buttons/arrow_left_blue.svg'); background-position: center center; background-repeat: no-repeat;background-size: 21px auto;height: 100%;left: 0;position: absolute; top: 0;width: 51px;} #content .content .cmp_full_content .slideshow .rsArrowRight {background-image: url('../img/buttons/arrow_right_blue.svg');background-position: center center; background-repeat: no-repeat;background-size: 21px auto;height: 100%;right: 0;position: absolute; top: 0;width: 51px;} #content .content .cmp_full_content .name { display:block;padding:20px 20px 0;color:#0f2f7f;font-size:30px;font-family:'Regular-Bold'} #content .content .cmp_full_content .date { display:none;padding:10px 20px 0;color:#808080;font-size:14px;font-family:'Regular-Medium'} #noticias #content .content .cmp_full_content .date { display: block; } #content .content .cmp_full_content .description,#content .content .cmp_full_content .body,#content .content .cmp_full_content .attachments { padding:20px 20px 0;display:block; color:#575756; font-size:18px;} #content .content .cmp_full_content .body * { font-family: 'Regular-Regular' !important; font-size: 18px !important; } #content .content .cmp_full_content .description {font-style:italic;} #content .content .cmp_full_content .body a { color:#0f2f7f!important; background-color: #f6f6f6 !important;text-decoration:none!important; } #content .content .cmp_full_content .body h1 { font-size:16px;font-family:'Regular-Bold';font-weight:normal!important; } #content .content .cmp_full_content .attachments {display:table;width: 710px;} #content .content .cmp_full_content .attachments a { background-color: #0f2f7f;background-image: url("../img/icons/anexos.svg"); background-position: 133px 10px;background-repeat: no-repeat;background-size: 10px 25px;color: white;float: left; font-size: 14px;height: 120.5px;margin: 10px;overflow: hidden;padding: 10px 30px 0 20px;width: 107.5px;line-height:15px;} #content .content .cmp_full_content .object_pai:first-child {border:none;} #content .content .cmp_full_content .map {width:100%;display:block;height:300px;border-bottom:5px solid #0f2f7f;} #content .content .cmp_full_content .object_map .map {width:250px;display:block;height:250px;margin:20px;float:left;} #content .content .cmp_full_content .object_map .info {float: left; width: 440px;} #content .content .cmp_full_content .fields {display:block;margin:0 20px;color:#565657;} #content .content .cmp_full_content .fields label {font-family:regular-bold;color:#565657;} #content .content .cmp_full_content .detalhe {display:table;width:100%;background-color:#f6f6f6;border-top:5px solid #0f2f7f;} #content .content .cmp_full_content .action {display:block; padding: 40px 20px 0; height:30px; clear:both} body#edicoes #content .content .cmp_full_content .action {display:none;} #content .content .cmp_full_content .share {background-image: url("../img/buttons/share.svg");display: block;float: right;height: 28px;width: 30px; margin:0 5px; background-repeat: no-repeat;} #content .content .cmp_full_content .print { background-image: url("../img/buttons/print.svg");display: block;float: right;height: 26px;width: 30px; background-repeat: no-repeat;} #content .content .cmp_full_content .social {float:right;margin: 0 5px;} #content .content .cmp_full_content .social > .twitter{ position: relative;top: 5px; } #content .content .cmp_full_content .back { background-image: url("../img/buttons/back_blue.svg");bottom: 20px;display: block;height: 17px; left: 20px; position: absolute;width: 76px; background-repeat: no-repeat;} body#edicoes #content .content .cmp_full_content .back {display: none;} #content .content .cmp_full_content .rsThumbsContainer {width: 100%!important; background-color: #f6f6f6; display: table;border-top: 5px solid #0f2f7f; transform: none!important;} #content .content .cmp_full_content .rsNavItem { margin: 10px 13px 10px 14px!important;} #content .content .cmp_full_content .rsTmb {height: 106px;overflow: hidden;width: 160px;} #content .content .cmp_full_content .rsThumbs { width: 100%; } #content .right .cmp_full_content .image {height: 181px;overflow: hidden;width: 100%;} #content .cmp_full_content .link { position:absolute;top:0;left:0;height:100%;width:100%; } #content .content .cmp_mosaic {} #content .content .cmp_mosaic .object,#content .content .cmp_mosaic .cat { float:left;display:block;width:240px;height:350px;overflow:hidden; margin-bottom:15px;background-color:#f6f6f6;border-bottom:5px solid #0f2f7f; } #content .content .cmp_mosaic div.ind_2 {margin:0 15px 15px; } #content .content .cmp_mosaic .image,#content .content .cmp_mosaic .image a {height:180px;width:240px;overflow:hidden;position:relative; display:block;background-image: url("../img/backgrounds/image_default.svg"); background-size: auto 100%;} #content .content .cmp_mosaic .image a:after {background-image: url('../img/buttons/more_white.svg'); content: "";display: none; height: 100%; position: absolute; width: 100%; z-index: 1;background-position: center center; background-repeat: no-repeat; background-size: 75px 75px;top:0;} #content .content .cmp_mosaic .image a:before { background-color: #0f2f7f; content: "";display: none; height: 100%; opacity: 0.5; position: absolute; width: 100%; z-index: 1;} #content .content .cmp_mosaic .image:hover a:after {display:block;cursor:pointer;} #content .content .cmp_mosaic .image:hover a:before {display:block;} #content .content .cmp_mosaic .name a { color: #0f2f7f; display: block; font-family: "Regular-Bold"; font-size: 22px; line-height: 24px; margin: 20px 20px 0; max-height: 122px; overflow: hidden;} #content .content .cmp_mosaic .description { color: #575756;font-family: "Regular-Medium";font-size: 14px;height: 53px;margin: 12px 20px; overflow: hidden;} #content .content .cmp_mosaic .description a { color: #575756;} #content .content .cmp-only-map {margin-bottom:20px;border-bottom:5px solid #0f2f7f;} #content .content .cmp-only-map .map,#content .featured .cmp-only-map .map {height:400px;width:100%;} #content .featured .link {background-color:#0f2f7f;} #content .featured .link a { background-image: url("../img/buttons/more_white.svg");background-position: 95% 13px; background-repeat: no-repeat; background-size: 29px auto;color: white; display: block; font-family: "Regular-Bold";font-size: 26px; line-height: 50px;padding: 0 20px; width: 100%;} #content .cmp-transito { background-color: #f6f6f6;height: 338px;overflow: hidden;padding: 0 20px} #content .cmp-transito .object:first-child {padding-top:0;} #content .cmp-transito .object {border-bottom: 1px solid #c6c6c6;clear: both;display: block; margin-left: 20px; padding: 5px 0;position:relative;} #content .cmp-transito .object .left_transito { left: -15px; margin-top: 5px; position: absolute; } #content .cmp-transito .object .left_transito span { width: 11px; height: 11px; display: block; } #content .cmp-transito .object .left_transito span.traffic_130 { background: url(../img/icons/red.png); } #content .cmp-transito .object .left_transito span.traffic_131 { background: url(../img/icons/green.png); } #content .cmp-transito .object .left_transito span.traffic_132 { background: url(../img/icons/yellow.png); } #content .cmp-transito .object .right_transito .name { float: left; } #content .cmp-transito .object .right_transito .name a { color: #0f2f7f; font-family: 'Regular-Bold';font-size: 14px; } #content .cmp-transito .object .right_transito .date { color: #575756; float: left; font-family: "Regular-MediumItalic"; display: none; } #content .cmp-transito .object .right_transito .description { color: #575756;font-family: "Regular-Medium"; clear: both; display: block;font-size: 14px; line-height: 15px; } #content .cmp-transito > a { color: #0f2f7f; font-family: 'Regular-Bold'; margin-top: 10px; display: block; margin-left: 15px; } #content .portolazer_cartazes {display:block;width:100%;overflow:hidden;} #content .portolazer_cartazes_vertical {display:none;} #content .portolazer_cartazes,#content .portolazer_cartazes {clear: both;z-index: 0;position: relative;} #content .portolazer_cartazes li,#content .portolazer_cartazes_vertical li {background-color: #F6F6F6;} #content .portolazer_cartazes ul,#content .portolazer_cartazes_vertical ul {width:100%!important;} #content .portolazer_cartazes .image, #content .portolazer_cartazes_vertical .image {width: 40%;float: left;height: 100%;position: relative;overflow: hidden;} #content .portolazer_cartazes .image img, #content .portolazer_cartazes_vertical .image img {width: 100%;height: 100%;} #content .portolazer_cartazes .info, #content .portolazer_cartazes_vertical .info {float: right;width: 60%;background-color: #F6F6F6;height: 100%;} #content .portolazer_cartazes .name, #content .portolazer_cartazes_vertical .name { color: #0f2f7f;font-family: "Regular-Bold";font-size: 20px; font-weight: bold; height: 40px; overflow: hidden; padding: 10px 14px;} #content .portolazer_cartazes .body, #content .portolazer_cartazes_vertical .body { font-size: 14px; height: 190px;line-height: 17px;margin: 12px 14px 0; overflow: hidden;color:#575756} #content .portolazer_cartazes .body a, #content .portolazer_cartazes_vertical .body a {color:#0F2F7F;} #content .portolazer_cartazes .more, #content .portolazer_cartazes_vertical .more {margin-top: 15px;margin-left: 20px;} #content .portolazer_cartazes .more span, #content .portolazer_cartazes_vertical .more span {text-decoration: underline;font-style: italic;color: #0F2F7F;} #content .portolazer_cartazes_vertical {display:none;} #content .portolazer_cartazes_vertical .image{width:100%!important; height: auto !important;} #content .portolazer_cartazes_vertical .image img{width:100%!important;height: auto !important;} #content .portolazer_cartazes_vertical .info{width:100%!important; height: auto !important;} #content .portolazer_cartazes_vertical li{overflow:hidden;} #content .yweather { background-color: #f6f6f6; display: table; padding: 20px; width: 462px;} #content .yweather > div {color: #0f2f7f; float: left; font-family: regular-bold; margin: 1%; text-align: center; width: 31%;} #content .yweather > div * { font-family: regular-bold; } #content .block.api { background-color: #0f2f7f; color: white; font-family: regular-bold; height: 298px; padding: 20px; overflow: hidden; } #content .block.api > div { margin-bottom: 20px; } #content .block.api .date a { color:white; } #content .block.api .message a { color:white; line-height: 21px;} #content .block.api .message {color: white; display: block;height: 67px; overflow: hidden; } /******************************************************************************* * FOOTER *******************************************************************************/ #footer {} #home #footer .footer{margin-top:20px;width:100%; } #footer .footer{/*height:30px;*/background-color:#f6f6f6;overflow:hidden; display:block;position:relative;width:750px;float:right;border-top:5px solid #0f2f7f; } #footer .footer .text { color:#575756;font-size:11px;line-height:30px;text-align:center; } #footer .footer .link { } #footer .footer .link a { color:#575756;position:absolute;top:0px;right:20px;height:30px;font-size:11px;line-height:30px; } #footer .footer .menu { left:20px;position:absolute;} #footer .footer .menu li { color: #575756; float: left;font-size: 11px;height: 30px;line-height: 30px;margin-right: 10px; } #footer .footer .menu a { color: #575756; } #footer .footer .cmp-newsletter { color: #575756; } #footer .cmp-newsletter { background-color: #0f2f7f; display: none; float: none; height: 124px; padding: 20px;} #footer .cmp-newsletter form > div { float:left; width:45%; } #footer .cmp-newsletter form > div:first-child { width:100%;margin-bottom:20px; } #footer .cmp-newsletter label { color: #ffffff;display: block;font-family: Regular-Bold;font-size: 22px; } #footer .cmp-newsletter input { display: block;height: 24px;line-height: 24px;padding: 0 5%; width: 90%;font-size: 16px;} #footer .cmp-newsletter .name { margin-left:10%;} #footer .cmp-newsletter .submit { float:right; margin-top:20px;width:76px; } #footer .cmp-newsletter .submit a {display:block;height:24px;line-height:24px;width:76px;background-color:white;color:#0f2f7f;font-size:12px;text-align:center;} #footer .cmp-newsletter .form_error,#footer .cmp-newsletter .form_success { bottom: 20px;color: White;font-family: regular-bold;height: 24px;line-height: 24px; position: absolute;right: 130px;text-align: right;} /******************************************************************************* * MEDIA *******************************************************************************/ @media all and (max-width : 1023px){ /******************************************************************************* * GERAL *******************************************************************************/ .container {width:100%;display:block;} /******************************************************************************* * HEADER *******************************************************************************/ #header .header {position:relative;} #header .menu_content {display:none!important;} #header .header .lupa {background-image: url("../img/buttons/lupa.svg"); height: 30px;position: absolute;right: 20px;top: 50px;width: 31px; z-index: 99;} #header .header .menu { background-image: url("../img/buttons/menu.svg"); height: 23px; left: 20px;position: absolute;top: 55px;width: 26px; z-index: 99;} #header .header .cmp-logo {float: none;display:table;padding: 20px 0;margin:0 auto;} #header .header .cmp-search {position:absolute;right:0;margin:0;display:none;z-index:2;} #header .header .cmp-search input { width: 280px; } /******************************************************************************* * MOBILE *******************************************************************************/ .mobile_menu #sidebar_left {display:block;} .mobile_menu {overflow:hidden;height:100%;} .search_menu .cmp-search{display:block!important;} #sidebar_left {display:none;background-color: #0f2f7f;height: 100%;overflow: auto; position: fixed;width: 200px; z-index: 2;top:0px;} #sidebar_left .menu_mobile{margin-top:180px;} #sidebar_left .menu {margin:0 20px;} #sidebar_left .menu:first-child {margin-top:20px;} #sidebar_left .menu a {color:white;font-size:14px;} #sidebar_left .text {display:none;} /******************************************************************************* * CONTENT *******************************************************************************/ #content .left,#content .right,#content .content {float:none;width:100%;} #content .cartaz {width:100%;} #content .cmp_slideshow .results {height: auto;} #content .cmp_slideshow .object {height: auto;} #content .cmp_slideshow .image {height:auto;width:100%;} #content .cmp_slideshow .image img{top:0px!important;float:left;height: auto!important;width: 100%!important;} #content .cmp_slideshow .name {position:relative;} #content .cmp_chess .object {background-color:#0f2f7f;display: table;} #content .sidebar {display:none;} #content .portolazer_cartazes {display:none;} #content .portolazer_cartazes_vertical {display:block;} #content .yweather {width:100%;padding:20px 0;} } @media all and (min-width : 461px) and (max-width : 1023px){ /******************************************************************************* * CONTENT *******************************************************************************/ #content .cmp_chess .object { display: block; height: 251px; width: 100%; } #content .cmp_chess .object .image {width:50%;} #content .cmp_chess .object .info {padding:20px 2.5%;width:45%;margin:0;} #content .content .cmp_mosaic {display: table;margin: 0 auto; width: 750px;} } @media all and (max-width : 460px){ /******************************************************************************* * HEADER *******************************************************************************/ #header .header .cmp-search{width:100%;} #header .header .cmp-search .cmp-search-min-results {padding: 20px 5%; width: 90%;} #header .header .cmp-search input { padding: 1.5% 10% 1.5% 5%; width: 85%; } #header .cmp-ticker {display:none;} .cmp-logo-mobile {opacity:0;height:0px;display:block!important;margin: 0 auto;} .cmp-logo-mobile img { height: 40px!important; } .mobileScroll #header { height: 60px; overflow: hidden; } .mobileScroll #header .cmp-logo { display:none; } .mobileScroll #header .header .menu,.mobileScroll #header .header .lupa { top:19px;} .mobileScroll .cmp-logo-mobile {display:table!important; height: 40px; opacity: 1;padding:10px;} .mobileScroll #sidebar_left .menu_mobile { margin-top: 100px; } /******************************************************************************* * CONTENT *******************************************************************************/ #content { margin-top: 125px; } #content .cmp_chess .object { display: block; height: auto; width: 100%; } #content .cmp_chess .object .image {width:100%;float:none!important;height:auto;} #content .cmp_chess .object .image img {width:100%!important;top:0!important;float:left;} #content .cmp_chess .object .image:after,#content .featured .cmp_chess .object.ind_3 .image:after,#content .right .cmp_chess .object.ind_1 .image:after {background-image: url("../img/icons/arrow_up_blue.svg");bottom: 0; height: 25px;right: 20px;top: auto;width: 49px;left:auto;} #content .cmp_chess .object .info {margin:0;padding:20px 2.5%;width:95%;background-color:#0f2f7f;height: auto;float:none!important;} #content .cmp_chess .object .info .description{display:block!important;} #content .cmp_chess .object.ind_1 .info * , #content .featured .object.ind_3 .info * { color:#FFFFFF!important;} #content .cmp_chess .object.ind_2 .info,#content .cmp_chess .object.ind_4 .info {background-color:#f6f6f6;} #content .cmp_chess .object.ind_2 .info .name, #content .cmp_chess .object.ind_2 .info .name a,#content .cmp_chess .object.ind_4 .info .name, #content .cmp_chess .object.ind_4 .info .name a {color:#0f2f7f!important;} #content .cmp_chess .object.ind_2 .info .description, #content .cmp_chess .object.ind_2 .info .description a, #content .cmp_chess .object.ind_4 .info .description, #content .cmp_chess .object.ind_4 .info .description a {color:#575756!important;} #content .left .cmp_chess .object.ind_2 .image:after,#content .right .cmp_chess .object.ind_2 .image:after , #content .featured .cmp_chess .object.ind_2 .image:after,#content .featured .cmp_chess .object.ind_4 .image:after {background-image: url('../img/icons/arrow_up_gray.svg');left: 20px;} #content .content .cmp_mosaic {} #content .content .cmp_mosaic .object { float:none;width:100%;height:auto;margin:0 0 20px;} #content .content .cmp_mosaic .object.ind_2 {margin:0 0 20px; } #content .content .cmp_mosaic .object .image,#content .content .cmp_mosaic .object .image a {height:auto;width:100%;} #content .content .cmp_mosaic .object .image img {height:auto!important;width:100%!important;top:0;} #content .content .cmp_mosaic .object .description { height: auto;} #content .content .cmp_full_content .attachments { display: table; width: 100%; padding: 20px 0;} #content .content .cmp_full_content .object_map .detalhe {border-top:none} #content .content .cmp_full_content .object_map .map { width:100%;margin:0;} #content .content .cmp_full_content .object_map .info { width:100%;} #content .featured {display: table; width: 100%;} #content .featured .link a { background-position: 95% center; width: auto; } #content .cmp-transito {height:100%;padding-bottom:20px;} /******************************************************************************* * FOOTER *******************************************************************************/ #footer {display:none;} /******************************************************************************* * ESPECIFICO *******************************************************************************/ #content #block_144 { height: auto; } #content #block_144 form > div { display:block;height:100%; } #content #block_144 input {width:90%;padding:0 5%;} #content #block_144 textarea {height:74px;width:90%;padding:5px 5%;} #content #block_144 .fields_13 label { font-size:30px;color:#0f2f7f;font-family:regular-bold;display:block; } #content #block_144 .body {position: relative; right: 0; top: 0;margin-bottom:20px;} #content #block_144 .submit { float: none; margin-bottom: 20px;} #content #block_144 .form_error,#content #block_144 .form_success {bottom: 0;height: auto;position: relative;right: 0; margin-top: 20px;} } /******************************************************************************* * ESPECIFICO *******************************************************************************/ #block_144 { position:relative;height:185px;margin-top:20px;border-top:5px solid #0f2f7f;padding:20px;background-color:#f6f6f6; } #block_144 label {display:none;} #block_144 input {border:none;height:30px;line-height:30px;width:266px;padding:0 5px;font-size:18px;color:#565657;} #block_144 textarea {border:none;height:74px;width:390px;padding:5px;font-size:18px;resize:none;color:#565657;} #block_144 .fields_13 label { font-size:30px;color:#0f2f7f;font-family:regular-bold;display:block; } #block_144 .name {margin:20px 0;} #block_144 .body {position: absolute; right: 20px; top: 78px;} #block_144 .submit { float:right; margin-top:20px;width:76px; } #block_144 .submit a {display:block;height:24px;line-height:24px;width:76px;background-color:#0f2f7f;color:white;font-size:12px;text-align:center;} #block_144 .form_error,#block_144 .form_success { bottom: 20px;color: #565657;font-family: regular-bold;height: 24px;line-height: 24px; position: absolute;right: 130px;text-align: right;} /******************************************************************************* * FONTS *******************************************************************************/ @font-face {font-family: 'Regular-Bold';src: url('../font/Regular-Bold.eot');src: url('../font/Regular-Bold.eot?#iefix') format('embedded-opentype'), url('../font/Regular-Bold.svg#Regular-Bold') format('svg'),url('../font/Regular-Bold.woff') format('woff'),url('../font/Regular-Bold.ttf') format('truetype'); font-weight: normal;font-style: normal;} @font-face {font-family: 'Regular-Regular';src: url('../font/Regular-Regular.eot'); src: url('../font/Regular-Regular.eot?#iefix') format('embedded-opentype'), url('../font/Regular-Regular.svg#Regular-Regular') format('svg'),url('../font/Regular-Regular.woff') format('woff'), url('../font/Regular-Regular.ttf') format('truetype'); font-weight: normal;font-style: normal;} @font-face {font-family: 'Regular-Medium';src: url('../font/Regular-Medium.eot');src: url('../font/Regular-Medium.eot?#iefix') format('embedded-opentype'), url('../font/Regular-Medium.svg#Regular-Medium') format('svg'),url('../font/Regular-Medium.woff') format('woff'), url('../font/Regular-Medium.ttf') format('truetype');font-weight: normal;font-style: normal;} @font-face { font-family: 'Regular-MediumItalic';src: url('../font/Regular-MediumItalic.eot'); src: url('../font/Regular-MediumItalic.eot?#iefix') format('embedded-opentype'),url('../font/Regular-MediumItalic.svg#Regular-MediumItalic') format('svg'), url('../font/Regular-MediumItalic.woff') format('woff'),url('../font/Regular-MediumItalic.ttf') format('truetype');font-weight: normal;font-style: normal;} /*** * * azul -> #0f2f7f * cinza -> #f6f6f6 * cinza escuro-> #575756 * ***/ #content #block_15.block.image img, #content #block_17.block.image img { height: 14px; padding-top: 4px; } /******************************************************************************* * FORM *******************************************************************************/ #content .forms { padding: 20px; background-color:#f6f6f6; } #content .forms form > div { display: block;margin-bottom: 20px;} #content .forms form > div > label { color: #0f2f7f; display: block; font-family: regular-bold; font-size: 15px; } #content .forms form > div > input { display: block; text-indent: 10px; height: 30px; width: 100%; } #content .forms form > div > textarea { display: block; padding: 5px 0; text-indent: 10px; width: 100%; height: 50px; resize: none; } #content .forms form .submit a { display: table;padding: 10px; color: white; background-color: #0f2f7f;} #block_41 { position:relative;margin-top:20px;border-top:5px solid #0f2f7f;padding:20px;background-color:#f6f6f6; } #block_41 label {margin-bottom:8px;} #block_41 input {border:none;height:30px;line-height:30px;width:99% !important;padding:0 5px;font-size:18px;color:#565657;} #block_41 textarea {border:none;height:74px;width:390px;padding:5px;font-size:18px;resize:none;color:#565657;} #block_41 .fields_19 label { font-size:30px !important;color:#0f2f7f;font-family:regular-bold;display:block; } #block_41 .name {margin:20px 0;} #block_41 .submit { margin-top:20px;width:76px;} #block_41 .submit a {display:block;height:24px;line-height:24px;width:76px;background-color:#0f2f7f;color:white;font-size:12px;text-align:center;} #block_41 .form_error, #block_41 .form_success { bottom: 20px; color: #565657; font-family: regular-bold; }