﻿
@media all and (max-width: 961px) and (min-width: 482px){
    
    /* DEFAULTS
	----------------------------------------------------------*/
    html {
        background-image: url('/Dev/PublicDocs/Importacoes/Image/PalmelaDesporto/topo_back.jpg');
        background-size: 129% 262px;
        background-repeat: no-repeat;
        background-attachment: local;
        
    }


    /***********************************************************/
    /* Dimensões e caracteristicas gerais da pagina            */
    /***********************************************************/
    form, .portal_contactos {
        /*width: 960px;*/ /* tamanho maximo da área de trabalho; tirar para aproveitar full-scree */
        margin: 0px auto 0px auto;
        /*box-shadow: 0px 0px 20px 5px #222222;*/ /* colocar sombreado à volta da caixa */
        color: #2f4f4f;
        /* background-color: #dddddd;*/
        /*background-color: #CBFC68;*/
        /*background: -webkit-linear-gradient(#ffffff 30%, #dddddd 70%);*/ /* For Safari */
        /*background: -o-linear-gradient(#ffffff 30%, #dddddd 70%);*/ /* For Opera 11.1 to 12.0 */
        /*background: -moz-linear-gradient(#ffffff 30%, #dddddd 70%);*/ /* For Firefox 3.6 to 15 */
        /*background: linear-gradient(#ffffff 30%, #dddddd 70%);*/ /* Standard syntax */
        border-style: none;
        
    }

    .master_table {
        width: 98%;
        min-height: 610px;
    }

    /**************************************************/
    /* ET 027 027 - ponto 6 da imagem                 */
    /**************************************************/
    .master_menu_top_logo {
        padding-top: 5px;
    }

    .master_menu_top_logo_picture {
        width: 90%;
        height: 90px;
    }

    div.master_menu_top {
        /*padding: 0px; */ /*padding: 4px 0px 4px 8px;*/
        padding-top: 20px; /*reparo */
    }


    .portal_inscricoes, .portal_inscricoes_inscrever, .portal_inscricoes_horario, .portal_marcacoes, .portal_marcacoes_horarios, .portal_servicos,
    .portal_servicos_horarios, .portal_area_reservada, .portal_pagamentos, .portal_pagamentos_fim, .portal_pagamentos_servicos_fim, .portal_pagamentos_marcacoes_fim,
    .portal_pagamentos_inscricoes_fim, .DadosInsc, .portal_refATM, div.portal_contactos, div.portal_dados_pessoais, div.portal_dados_pessoais_escolha,
    .portal_area_reservada_memberinfo {
        width: 75% !important;
    }

    .portal_noticias .grid_item_style > p {
        display: none;
    }

    .portal_marcacoes_horarios div table td .RadPicker {
        height: auto !important;
    }

    .portal_marcacoes_horarios div table td .rbLinkButton {
        vertical-align: middle !important;
    }

    .portal_pagamento_submit .portal_botoes > div:nth-child(1) {
        height: 65px !important;
        margin-bottom: 29%;
    }

        .portal_pagamento_submit .portal_botoes > div:nth-child(1) > span:nth-child(2) {
            position: relative;
            top: 20%;
            bottom: 20%;
            margin-left: 5px;
            line-height: 8px;
            margin-bottom: 70px;
            display: inline-table;
            align-items: center;
            /*display: -moz-box;
        -webkit-align-items: center;*/
        }

    .portal_pagamento_submit .portal_botoes > div:nth-child(3) > span:nth-child(2) {
        position: relative;
        top: 30%;
        bottom: 20%;
        margin-left: 5px;
        line-height: 108px;
        /*display: -moz-box;
        -webkit-align-items: center;*/
        display: flex;
        align-items: center;
    }


    .portal_dados_pessoais_escolha .portal_botoes .rbLinkButton {
        width: 400px !important;
    }


    .portal_pagamento_submit .portal_botoes .rbLinkButton {
        line-height: 80px !important;
        margin-top: 15px !important;
    }

    .DockTitleLeft {
        padding-top: 12px;
    }

    /* /BOTOES */
    /* TELERIK  
	----------------------------------------------------------*/

    .RadAjax_SkinDaTelerik .raColor, .RadDock_SkinDaTelerik tr.rdTop td.rdLeft, .RadDock_SkinDaTelerik tr.rdTop td.rdCenter,
    .RadDock_SkinDaTelerik tr.rdTop td.rdRight, span.RadButton.RadButton_SkinDaTelerik:active, span.RadButton.RadButton_SkinDaTelerik:focus,
    span.rbPressedButton.RadButton_SkinDaTelerik, span.rbSkinnedButtonChecked.RadButton.RadButton_SkinDaTelerik,
    span.rbSkinnedButtonChecked.RadButton.RadButton_SkinDaTelerik:hover, span.rbLinkButtonChecked.RadButton.RadButton_SkinDaTelerik,
    span.rbLinkButtonChecked.RadButton.RadButton_SkinDaTelerik:hover, span.rbVerticalButtonChecked.RadButton.RadButton_SkinDaTelerik,
    span.rbVerticalButtonChecked.RadButton.RadButton_SkinDaTelerik:hover {
        background-color: #B0C667 !important;
    }

    .rdTitleBar img {
        height: 30px;
        vertical-align: middle;
        padding-top: 5px;
        margin-top: 0px !important;
    }

    .portal_area_reservada_entrada div:nth-child(1) div:nth-child(1) {
        padding-top: 4px !important;
    }

    .portal_area_reservada_entrada div:nth-child(2) div:nth-child(1) {
        padding-top: 3px !important;
    }

    .rcbSlide {
        z-index: 99999999999 !important;
    }

    /* /TELERIK */


    /* MISC  
	----------------------------------------------------------*/

    /* noticia principal de entrada */


    .container_child1 {
        padding: 0;
    }

    .container_child2 {
        padding: 0 1% 0 0;
    }


    .container_child1 > div:nth-child(1) {
        margin: 0 1% 0 0.2%;
    }

    .container_child2 > div:nth-child(1) {
        margin: 0 0.3% 0 0;
    }

    .container_child3 > div:nth-child(1) {
        margin: 0 0.6% 0 0.1%;
    }

    .container_child1 {
        width: 100%;
    }

    .container_child2 {
        width: 29%;
    }

    .container_child3 {
        width: 67%;
    }

    .container_child2 .cell_menu {
        width: 99.6%;
    }

    .portal_noticias .grid_item_style h3 {
        display: none;
    }

    .portal_noticias .grid_item_style > input {
        display: none;
    }

    .cell_menu .botao_menu {
        font-family: @MS Gothic;
    }

    .container_fitness1 {
        width: 100%;
        margin: 0 1% 0 0;
    }

    .container_fitness2 {
        width: 98.6%;
        height: 200px;
        margin: 0 1.7% 0 0.3%;
    }

        .container_fitness2 div {
            height: 200px;
        }

    .container_title_fitness {
        margin: 0 1% 0.3% 0.2%;
    }

    .container_tenis1 {
        width: 100%;
    }

    .container_tenis2 {
        width: 100%;
        height: 200px;
    }

        .container_tenis2 > div, .container_tenis2 > div td {
            height: 200px;
        }


    /* /custom page, pagina tenis */

    .portal_custom {
        /*position: absolute;*/
    }

    .rsTax2 {
        background-color: #D1E0E0 !important;
    }

    .rsTax3 {
        background-color: #E0EBEB !important;
    }

    .rsTax4 {
        background-color: #F0F5F5 !important;
    }

    .Img64 {
        max-width: 64px !important;
        max-height: 64px !important;
    }

    .portal_entrada_inscricoes_col_data {
        width: 20% !important;
    }

    .servicos_col_horarios {
        width: 10%;
        min-width: 60px;
        margin: 0 auto;
    }

    .DadosInscricao_ConfirmCancel table tr:nth-child(1) td:nth-child(1) {
        width: 50%;
    }

    .DadosInscricao_ConfirmCancel table tr:nth-child(1) td:nth-child(2) {
        width: 50%;
    }

    .DadosInscricao_ConfirmCancel .RadComboBox_SkinDaTelerik {
        width: 77% !important;
    }
    /* Fim dos Dados da Inscrição                     */

    /* Mapa de Aulas									*/


    .AvaliacoesForm .master_menu_top_logo {
        padding-left: 80px;
    }

    .Avaliacoes_TRSelected {
        background-color: Grey;
    }

    .AccessStats { /*tal como vindo da ficha do utilizador*/
        color: #c6e122 !important;
    }

    .SpecialGrey { /*tal como vindo da ficha do utilizador*/
        background-color: #FFFFFF;
    }

    .TemplatesFieldsetDificuldade {
        height: 113px;
    }

    .TemplatesFieldsetLeft {
        height: 110px;
    }

    .TemplatesFieldsetRight {
        margin: -14px 0px 0px 0px !important;
        height: 100px;
    }
    /* Fim dos Templates                             */

    /**************************************************/
    /* VISA - CGD                                     */
    /**************************************************/

    .purchasedata {
        padding-top: 95px !important;
        padding-bottom: 98px !important;
    }

        .purchasedata p {
            font-size: 15px;
        }

    .mchData {
        font-size: 15px;
    }

    .titleCardData {
        font-size: 15px;
    }

    .purchasedata, small {
        font-size: 15px;
    }

        .purchasedata .field {
            font-size: 13px;
        }

        .purchasedata .small {
            font-size: 12px;
        }

        .purchasedata a.btn {
            font-size: 13px;
        }



    #aToolTip {
        display: none;
        position: absolute;
        z-index: 50000;
    }

        #aToolTip .aToolTipContent {
            background: #fefcd3 none repeat scroll 0 0;
            border: 1px solid #33322a;
            margin: 0;
            padding: 3px;
            position: relative;
            width: 170px;
            color: #33322a;
            font-family: Arial;
            font-size: 10px;
            line-height: 13px;
        }
    /*Fim VISA - CGD      
    /*adicionado por RMF
    **********************
        palmela desporto
    ************************/

    .div_secundaria_esquerda {
        display: block;
        padding: 0%;
        width:100%;
        
    }

    .div_secundaria_direita {
        display: block;
        padding: 0%;
        width:100%;
        padding-top:3%;
    }

    .imagem {
        width: 45%;
        height: auto;
    }

    .imagem_Pinhalnovo {
        width: 50%;
        height: auto;
        position: relative;
    }

    .imagemPalmela {
        width: 35%;
        height: auto;
    }

    .letra {
        padding-top: 0px;
    }

    .form_pinhal_novo {
        padding-top: 2px;
        
    }

    .form {
        padding-top: 10px;
        height: 1000px !important;
    }

    .div_direita {
        width:50%;
        
    }

    .div_esquerda {
        width:50%
        
    }
}
