/* 
    este ficherode estilos es para todas las propiedades comunes a todos los estilos
*/
/*Los menus los ponemos aqui porque hay un problema de delay en el render si se carga dinamicamente*/
@import url('menusITS.css');



.tmcMedia{}
.tmcMailExtraMini{}
.tmcDocsMini{}
.tmcNoLoad{}
.tmcFiles{}
.tmcMediaMini{}
.tmcMediaExtraMini{}
.tmceExam{}

html {
    box-sizing: border-box;
}

body, blockquote, table  {
    font-size: 14px;
}  


*, *:before, *:after {
    box-sizing: inherit;
}



a {
    cursor: pointer;
}





    a.fa {
        text-decoration: none;
    }


.fa-plus, .fa-minus, .fa-trash {
    cursor: pointer;
}

img {
    border: 0;
    max-width: 100%;
}

img:not([height]) {
    height: auto;
}



input[type=image] {
    border-width: 0px;
}




label {
    font-weight: bold;
    white-space: nowrap;
    margin-bottom: 0px;
}

select {
    padding: 3px;
}

input[type=text], input[type=file], input[type=password], input[type=date], input[type=number] {
    /*width: auto;*/
    padding: 3px 6px;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


table.srttable {
    /*la ocultamos para que no se vea el rendering, en InniciaDataTables al final se muestra con display= table*/
    display: none;
}

.table input[type=email],
.table input[type=password],
.table input[type=text],
.table textarea,
table.tabam td > div {
    width: 99%;
}

.table input.fechaReq {
    width: 6.5em;
}

.table input.fechaHoraReq {
    width: 10em;
}



.table td:first-child {
    width: 10%;
}



.bootboxDial {
    margin-top: 110px;
}



.mnucab {
    border-top: 1px solid #ddd;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-bottom: 20px;
}

    .mnucab a, .mnucab input, .mnucab img, .mnucab button {
        margin: 5px;
    }

    .mnucab img {
        vertical-align: top;
    }

/* todos los mensajes de aviso */
.mensajeAviso {
    color: #d6f3b8;
}

.mensajePlanoAviso {
    color: #c43c35;
    margin: auto;
    float: none;
}

#ajaxmask {
    left: 0px;
    top: 0px;
    position: absolute;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    background-color: #FFFFFF;
    background-image: url(../images/ajax-loader.gif);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    display: none;
    opacity: 0.7;
}





.caroufredsel_wrapper {
    width: 100% !important;
}


    .caroufredsel_wrapper ul.new4 {
        width: 100% !important;
    }


.carousl {
    width: 100% !important;
    height: 100% !important;
    min-height: 100px;
}




.fntSmall {
    font-size: 11px;
}


.fntSmall85 {
    font-size: 0.85em;
}


.fntClara, .fntClara a {
    color: #d0d0d0 !important;
}

hr, .hSepara {
    height: 1px;
    border: none;
    color: #d0d0d0;
    background-color: #d0d0d0;
}

.recuadroFino {
    border: 1px solid silver;
    padding: 8px;
}


/*+++++CALENDARIO Principal++++++*/
table.calendarioCab {
    border: 1px solid #e0e0e0;
    font-size: 1.1em;
}

    table.calendarioCab tr {
        border: 1px solid #e0e0e0;
        height: 30px;
    }

    table.calendarioCab td {
        padding: 8px;
    }


table.calendarioCtr {
    width: 100%;
    border-collapse: collapse;
}

    table.calendarioCtr td {
        border: 1px solid #e0e0e0;
    }

    table.calendarioCtr tr {
        height: 25px;
    }


    table.calendarioCtr th.diasemana {
        font-size: 0.8em;
    }

    table.calendarioCtr td.diames {
        /*border-color: silver;
    border-width: 1px;
    border-style: solid;*/
    }

    table.calendarioCtr td.diamesActivo {
        background-color: #d0d0d0;
        color: #000000;
    }

    table.calendarioCtr td.diamesHoy {
        border: 2px solid red;
    }


.cal-tip {
    background-color: #f0f0f0;
    color: #808080;
    font-weight: normal;
    min-width: 200px;
    padding: 8px;
    z-index: 9999;
    max-width: 300px;
    box-shadow: 0 0 5px #aaa;
}


li.ui-tabs-selected {
    top: 1px !important;
}


/*Esto es para las clases del editor*/
/*Esto es para las clases del editor*/
/*           NO BORRAR !!!                */


.pmaindiv {
    min-height: 300px;
    margin: auto;
}


#homediv {
    margin: auto;
    position: relative;
}



.frow {
    display: table;
    width: 100%;
}


.portlet {
    margin-bottom: 20px;
   /* position: relative;
    box-shadow: -1px 2px 6px 0px #e0e0e0;
    padding: 4px;
    border: 4px solid red;*/
}

.pletCab {
    border-bottom: 1px solid silver;
    font-size: 1.5em;
    background-color: #eeeeee;
    padding: 4px;
    /*margin-top: 20px;*/
    margin-bottom: 10px; /*para emular el h3*/
}

div[data-modulo] {
    height: inherit;
}

/*Hasta aqui es para las clases del editor*/
/*Hasta aqui es para las clases del editor*/
/*           NO BORRAR !!!                */






h2.ui-state-default {
    font-size: 1.6em;
    padding: 0.4em;
    padding-left: 10px;
    padding-right: 10px;
}

.titulo {
    font-size: 2.1em;
    font-weight: bold;
    margin-bottom: 1px;
}


.ui-centered {
    position: relative !important;
    margin-left: auto;
    margin-right: auto;
}



.newTexto img {
    /*max-width: 100%;*/
    height: auto;
}

.newTexto iframe {
    max-width: 100%;
}

.new-pager {
    text-align: left;
    clear: both;
}






/*   CHAT   */
/*   CHAT   */
/*   CHAT   */


#chatPnel {
    /*border:1px solid green;*/
    height: 350px;
    overflow-y: scroll;
    margin-bottom: 4px;
}


    #chatPnel > div {
        border: 1px solid silver;
        padding: 4px 8px 8px 4px;
        margin-bottom: 8px;
        margin-right:8px;
        background-color:#f0f0f0;
    }

#chatusrlst {
    border: 1px solid silver;
    padding: 4px;
    height: 650px;
    overflow: auto;
    margin-bottom: 4px;
}

.cara-chat {
    max-width: 40px;
    max-height: 40px;
    vertical-align: text-top;
}

.divcara-chat {
    /*width: 40px;
    height: 40px;*/
    margin: 0 4px 4px 0;
    text-align: center;
    border: 1px solid silver;
    display: inline-block;
}





/*     TaggCloud    */

#tagsc {
    padding: 8px;
    border: 1px solid silver;
    margin: auto;
}