@media all and (orientation:portrait){
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, ul
    {
        font-size: 30px;
    }
    #encabezado{
        margin-top: 40px;
    }
    #buscandopaciente{
        width: 90%;
        margin: 40px auto;
    }
    .subtitle{
        font-size: 50px;
    }

    /** Sticky **/
    .dataheader.sticky{
        margin-left: 0;
    }

    .clip, .clipheader{
        display: none;
    }    
    .logo-sanatorio{
        background:url(../../images/logo-min.jpg) no-repeat center top;    
        width: 48px;
        height:88px;
        float: right;
        margin: 5px;
    }
    .dataheader .logo-sanatorio{
        position: absolute;
        right: 84px;
    }
    .exit{
        position: absolute;
        right: 0;
    }
    .exit a:last-child{
        display: none;
    }

    .popuptitle {
        background: url(../../images/bk_celeste.jpg) repeat left top;
        height: auto;
        color: #ffffff;
        padding: 0 0 0 20px;
        line-height: 40px;
        margin-bottom: 20px;
        padding:20px;
    }
    .msj .msj-text{
        line-height: 50px;
    }

    #buscando .formulario, #vademecum .formulario, .formulario, .pacientes .formulario, #busquedapaciente, .busqueda, #buscandopaciente .formulario{
        max-width: none;
        width: 95%;
        margin:50px auto;
    }

    .formulario label,
    .paci .col,.paci .col1 span,.paci h1,
    h1,a:link, a:visited,
    .paciente .etiqueta,.paciente .datos,
    #pacientes h3, #pacientes h2,
    h3.especialidad,
    .popuptitle h2,
    .font_t{
        font-size: 45px;
    }
    .btn-volver a:link,.btn-volver a:visited,
    .tabmedico, .tabmedico tr td a,
    #boxacotaciones li,
    .row .col_t,.row .col_t1,
    .msj .msj-text{
        font-size: 40px;
    }
    .btn-reservar, .btn-terminar, nav button, .btn-square{
        font-size: 50px;
    }
    .formulario label{    
        line-height: 85px;
    }
    .formulario.medicosearch{
        text-align: center;
        margin-bottom: 0;
    }
    .formulario.medicosearch label {
        line-height: 55px;
    }
    .formulario.medicosearch input{
        width: 80%;
    }
    .formulario input{
        font-size: 45px;
    }
    .btn_aceptar,.btn_aceptar:hover,.btn_aceptar:active{
        font-size: 43px;
    }
    .paci .col{
        width: 30%;
    }
    .paci h1{
        padding-top: 40px;
    }
    #pacientes h3, #pacientes h2{
        margin-top: 40px;
    }
    .info.nopaddingbottom{
        padding-bottom: 60px;
    }
    #footer-texto{
        height:auto;
        padding-left:0;
        width:420px;
        margin:0 auto;
    }
    /***/
    .dataheader .btn-volver, .dataheader > table{
        clear: both;
    }

    /**/
    #overlay,#overlay2{
        width:90%;
    }
    div.contentWrap{
        height:600px;
    }

    /**/
    .row .col5_2 {
        left: 514px;
    }

    #detalles .modulo, #nuevoreg .modulo, #editar .modulo, #datos-internacion .modulo, .modulo, .submodulo{
        padding:30px 20px;
    }
    .btn-reservar a{
        padding: 0 1em;
        margin:0 5px;
    }

    #divespecialidad,#pacientes {
        width: 90%;        
    }

    .tabmedico, .tabmedico tr td a {
        padding:10px;
    }

    #divcalendario{
        width: 90%;
        margin-bottom: 60px;
    }
    .widget-header {
        height: 58px;
    }
    .widget-calendar .fc-header-title h2 {
        font-size: 35px;
    }
    .widget-header h3{
        font-size: 30px;
    }
    .fc-button-content {
        line-height: 40px;
        font-size: 30px;
    }
    .fc table .fc-widget-header {
        font-size: 32px;
        line-height: 44px;
    }
    html .fc, .fc table {
        font-size: 38px;
    }
    .fc table{
        height: 68px;
    }
    .widget-calendar .fc-day-number {
        font-size: 34px;
        margin-top: 30px;
    }
    .fc-button-content{
        /*font-size: 45px;*/
    }


    #boxacotaciones {
        margin: 15px 0;
        position: static;
    }

    #boxacotaciones li{
        margin: 25px 15px;
        float: left;
    }

    #divcalendario .widget-calendar{
        width: 100%;        
    }
    .aviso{
        width: 90%;
        margin:auto;
        text-align: center;
        font-size: 40px;
        padding-top: 35px;
        line-height: 40px;
    }
    #divturno{
        width: 90%;
        margin: 0 auto;
    }
    .row .col_t{
        padding-left: 0;
        padding-top: 20px;
    }
    
    
    
    /** Sweet alert **/
    .sweet-alert{
        width: 678px;
        margin-left: -356px;
    }
    .sweet-alert h2 {
        font-size: 42px;
    }
    .sweet-alert button{
        font-size: 40px;
    }
    .sweet-alert p{
        font-size: 35px;
    }
    
    #rc-imageselect, .recaptcha, .recaptcha-error {
        transform:scale(2.0);
        -webkit-transform:scale(2.0);
        margin: 2em auto;
    }
    
    .recaptcha-error-message {
        margin-top: 50px;
        font-size: 42px;
    }
}


/**************** Para pantallas pequeñas ******************/
@media all and (orientation:portrait) and (max-width:600px) and (min-width:1px) {
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, ul
    {
        font-size: 16px;
    }
    h1{
        padding-top: 5px;
    }
    table.paciente{
        margin-left: 5px;
    }
    #encabezado{
        margin-top: 10px;
        background: url(../../images/sanatorio_logo_small.jpg) no-repeat center center;
        height: 100px;
    }
    #buscandopaciente{
        width: 90%;
        margin: 10px auto;
    }
    .subtitle{
        font-size: 20px;
    }

    /** Sticky **/
    .dataheader.sticky{
        margin-left: 0;
    }

    .clip, .clipheader{
        display: none;
    }    
    .logo-sanatorio{
        background:url(../../images/logo-min_small.jpg) no-repeat center top;    
        width: 26px;
        height:48px;
        float: right;
        margin: 5px;
    }
    .dataheader .logo-sanatorio{
        position: absolute;
        right: 42px;
    }
    .rt{
        width: 342px;
    }
    .exit{
        position: absolute;
        right: 0;
        margin: 6px 0 0 0;
        width: 42px;
    }
    .exit a:last-child{
        display: none;
    }
    .exit img{
        width: 42px;
        height: 42px;
    }

    .popuptitle {
        background: url(../../images/bk_celeste.jpg) repeat left top;
        height: auto;
        color: #ffffff;
        padding: 0 0 0 20px;
        line-height: 40px;
        margin-bottom: 20px;
        padding:20px;
    }
    .msj .msj-text{
        line-height: 40px;
    }

    #buscando .formulario, #vademecum .formulario, .formulario, .pacientes .formulario, #busquedapaciente, .busqueda, #buscandopaciente .formulario{
        max-width: none;
        width: 95%;
        margin:10px auto;
    }

    .formulario label,
    .paci .col,.paci .col1 span,.paci h1,
    h1,a:link, a:visited,
    .paciente .etiqueta,.paciente .datos,
    #pacientes h3, #pacientes h2,
    h3.especialidad,
    .popuptitle h2,
    .font_t{
        font-size: 20px;
        line-height: 20px;
    }
    h3.especialidad{
        margin-left: 10px;
    }
    .btn-volver a:link,.btn-volver a:visited,
    .tabmedico, .tabmedico tr td a,
    #boxacotaciones li,
    .row .col_t,.row .col_t1,
    .msj .msj-text{
        font-size: 16px;
    }
    .btn-volver, .btn-reservar, .btn-medico, .btn-terminar, nav button, .btn-square, .btn-cambiar{
        line-height: 20px;
    }
    .btn-reservar, .btn-terminar, nav button, .btn-square{
        font-size: 20px;
    }
    .btn-reservar a {
        padding: 0 0.2em;
    }
    .buttonlist a.btn-square{
        line-height: 40px;
    }
    .formulario label{    
        line-height: 25px;
    }
    .formulario.medicosearch{
        text-align: center;
        margin-bottom: 0;
    }
    .formulario.medicosearch label {
        line-height: 25px;
    }
    .formulario.medicosearch input{
        width: 80%;
    }
    .formulario input{
        font-size: 16px;
        width: 60%;
    }
    .btn_aceptar,.btn_aceptar:hover,.btn_aceptar:active{
        font-size: 20px;
    }
    .paci .col{
        width: 30%;
    }
    .paci h1{
        padding-top: 10px;
    }
    #pacientes h3, #pacientes h2{
        margin-top: 23px;
    }
    .info.nopaddingbottom{
        padding-bottom: 30px;
    }
    #footer-texto{
        height:auto;
        padding-left:0;
        width:420px;
        margin:0 auto;
    }
    /***/
    .dataheader .btn-volver, .dataheader > table{
        clear: both;
    }

    /**/
    #overlay,#overlay2{
        width:90%;
    }
    div.contentWrap{
        height:600px;
    }

    /**/
    .row .col5_2 {
        left: 514px;
    }

    #detalles .modulo, #nuevoreg .modulo, #editar .modulo, #datos-internacion .modulo, .modulo, .submodulo{
        padding: 5px;
    }
    .btn-reservar a{
        padding: 0 1em;
        margin:0 5px;
    }

    #divespecialidad,#pacientes {
        width: 90%;        
    }
    
    #divplanobrasocial{
        padding: 10px 0;
    }

    .tabmedico, .tabmedico tr td a {
        padding:10px;
    }

    #divcalendario{
        width: 90%;
        margin-bottom: 60px;
    }
    .widget-header {
        height: 28px;
    }
    .widget-calendar .fc-header-title h2 {
        font-size: 16px;
    }
    .widget-header h3{
        font-size: 16px;
    }
    .fc-button-content {
        line-height: 30px;
        font-size: 20px;
    }
    .fc table .fc-widget-header {
        font-size: 16px;
        line-height: 34px;
    }
    html .fc, .fc table, #divturno .row .col_t{
        font-size: 20px;
    }
    .fc table{
        height: 28px;
    }
    .widget-calendar .fc-day-number {
        font-size: 16px;
        margin-top: 20px;
    }
    .fc-button-content{
        font-size: 16px;
    }
    
    table.tablesorter thead tr th, table.tablesorter tfoot tr th, .tblanalisis tr td, .tblanalisis tr td, table tr td.maintd, table.tablesorter tr td.maintd{
        font-size: 16px;
        height: 45px;
    }

    .odd, .odd td, .even, .even td{
        height: 45px;
    }
    
    .atenciones .btn-reservar a{
        padding: 0 0.2em;
    }

    #boxacotaciones {
        margin: 0;
        position: static;
    }

    #boxacotaciones li{
        margin: 6px;
        float: left;
    }

    #divcalendario .widget-calendar{
        width: 100%;        
    }
    .aviso{
        width: 90%;
        margin:auto;
        text-align: center;
        font-size: 20px;
        padding-top: 25px;
        line-height: 30px;
    }
    #divturno{
        width: 90%;
        margin: 0 auto;
    }
    .row .col_t{
        padding-left: 0;
        padding-top: 10px;
    }
    
    
    
    /** Sweet alert **/
    .sweet-alert{
        width: 295px; /* 678px; */
        margin-left: 0px; /* -356px;*/
    }
    .sweet-alert h2 {
        font-size: 22px;
    }
    .sweet-alert button{
        font-size: 20px;
    }
    .sweet-alert p{
        font-size: 16px;
    }    
    
    #rc-imageselect, .recaptcha, .recaptcha-error {
        transform:scale(0.8);
        -webkit-transform:scale(0.8);
    }
    
    .recaptcha-error-message {
        width: 280px;
        margin-top: 10px;
        font-size: 16px;
    }
}