@charset "UTF-8";

* {
      margin: 0;
      padding: 0;
}

body {
    /*background-color:#ccc8c8;*/
    /*background-color: #fff;
    font-size: 24px;
    font-family: "Helvetica Neue", Helvetica, Arial, freesans, sans-serif;
    line-height: 1.42857;*/
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: #555555;
    font-family: "Helvetica Neue",Helvetica,Arial,freesans,sans-serif;
    font-size: 14px;
    line-height: 1.428571429;

}

html,body {
      height:100%;
}

.form1 {
    width:100%;
    height:100%;
}

.cont {
    background-color: #a3dbcc;
    margin: 0 auto;
    padding: 5%;
    /*border-radius:15px;*/
    margin-top: 10%;
    text-align: left;
    color: white;
    font-weight: bold;
}
#contenedorizq {
    float: left;
    height: 100%;
    width: 20%;
}

.cmaindet{
    margin-top: 2%;
    margin-left: 20%;
    margin-right: 10%;
    height: 100%;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color:#ccc;
}

.content {
    margin-top: 20%;

}

#Content1{
    margin-top: 0 auto;

}
#Content2{
    margin-top: 0 auto;
}

#contentheader {
    width:100%;
    height:20%;
}

#contentleft {
    float:left;
    width:20%;
    height:80%;
}

#contentmain {
    float:right;
    width:80%;
    height:80%;
}

#contentfooter {
    width:100%;
    height:20%;
}


.ctablogin {
    width: 100%;
    margin: auto;
    border-collapse: collapse;
    border-spacing: 0;
}

    .ctablogin .tcdesc  {
        width: 90%;
        padding: 8px;
        vertical-align: inherit;
        display: table-cell;
    }

.tcdesc {
    text-align: right;
}

.tcinput {
    text-align: left;
    padding: 1px 0px;
    font: inherit;
    margin: 0;
}

.tcddl {
    padding: 1px 0px;
    font: inherit;
    margin: 0;
}

#tbusuario, #tbpassw {
    width: 200px;
    height: 28px;
    padding: 3px 8px;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-color: #fff;
    color: #555555;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .1s,box-shadow ease-in-out .1s;
    -o-transition: border-color ease-in-out .1s,box-shadow ease-in-out .1s;
    transition: border-color ease-in-out .1s,box-shadow ease-in-out .1s;
}

select {
    width: 200px;
    height: 28px;
    padding: 3px 8px;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-color: #fff;
    color: #555555;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .1s,box-shadow ease-in-out .1s;
    -o-transition: border-color ease-in-out .1s,box-shadow ease-in-out .1s;
    transition: border-color ease-in-out .1s,box-shadow ease-in-out .1s;
}

.tblog {
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    text-rendering: auto;
    -webkit-writing-mode: horizontal-tb;
}

/*.btnlogin {
    text-align: right;
}*/
/*.form {
    width:100%;
    height:100%;
}*/

.cinicio {
    margin-top: 10%;
}

#pnlLogin {

    width: 350px;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #f5f5f5;
    color: #555;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1),0 3px 8px rgba(0,0,0,0.07);
}

.cmsg
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font: bold;
	width: 100%;
	text-align: left;
	color: Red;
}

.tcdescmsg
{
   padding: 2%;
   text-align:center;
}

.clogo {
    background-color:white;
    margin:0 auto;
    padding:2%;
    /*margin-top:0%;*/
    text-align:center;
    color:white;
    font-weight:bold;
    
}

h3 {
    margin-bottom: 20px;
    font-size: 1.14em;
    font-weight: 500;
    line-height: 20px;
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.clogin {
    background-color:#b6afaf;
    margin:0 auto;
    padding:2%;
    /*margin-top:0%;*/
    text-align:left;
    /*color:white;*/
    font-weight:bold;
}

.buttlogin {
   border:2px solid transparent;
   padding:5px 25px 5px 25px;
   color:black;
   background-color:white;    
}

.cmenupral {
    padding: 5px 20px;
    background: #101E30;
    color: #deddef;
    font-size: 0.86em;
}

#pnlmenupral #pnlmenu2 {
        margin: 0 .5em 0 0;
        float: right;
}

.lnkmenu {
    color: #deddef;
    font-weight: bold;
    text-decoration: none;
    background-color: transparent;
}
#pnlmenu1 {
    float:right;
}

/*.cmenu {
    padding: 5px 20px;
    background: #101E30 none repeat scroll 0% 0%;
    color: #DEDDEF;
    font-size: 0.86em;

}*/
/*.cmenudesc {
    float: right;
}*/

.copciones {
    width: 20%;
    padding: 20px;
    float: left;
}

.copciones a {
    display: block;
    padding: 6px 20px;
    color: #3269A0;
}

    .copciones a:link {
        text-decoration: none
    }

.copcionb {
    position: relative;
    padding: 20px;
    overflow: hidden;
}

.botonok {
    color: #FFF;
    border-color: #017F44;
    background-color: #019851;
    box-shadow: 0px 1px 0px #017F44;
    text-align: center;
    font-weight: normal;
    text-align: center;
    font: inherit;
    margin: 0;
    margin-bottom: 0;
    border: 1px solid;
    padding: 3px 8px;
    white-space: nowrap;
    font-size: 14px;
    border-radius: 3px;
    -webkit-user-select: none;
    -webkit-appearance: button;
    font-family: inherit;
    box-sizing: border-box;
    transition: background-color ease-in-out .07s,border-color ease-in-out .07s,box-shadow ease-in-out .07s;
    align-items: flex-start;
    text-align: center;
    cursor: default;
    /*color: buttontext;*/
    padding: 2px 6px 3px;
    border: 2px outset buttonface;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    /*background-color: buttonface;*/
    box-sizing: border-box;
}

    .botonok:focus, .botonok:hover {
        border-color: #01562E;
        background-color: #016F3B;
        color: #FFF;
        box-shadow: 0px 1px 0px #01562E;

    }

    

.botonbusq {
    color: #fff;
    border-color: #2a8ee0;
    background-color: #409ae3;
    box-shadow: 0 1px 0 #2a8ee0;
    font-weight: normal;
    text-align: center;
    font: inherit;
    margin: 0;
    margin-bottom: 0;
    border: 1px solid;
    padding: 3px 8px;
    white-space: nowrap;
    font-size: 14px;
    border-radius: 3px;
    -webkit-user-select: none;
    -webkit-appearance: button;
    font-family: inherit;
    box-sizing: border-box;
    transition: background-color ease-in-out .07s,border-color ease-in-out .07s,box-shadow ease-in-out .07s;
    align-items: flex-start;
    text-align: center;
    cursor: default;
    /*color: buttontext;*/
    padding: 2px 6px 3px;
    border: 2px outset buttonface;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    /*background-color: buttonface;*/
    box-sizing: border-box;

}

    .botonbusq:hover, .botonbusq:focus {
        border-color: #1d79c4;
        background-color: #2087da;
        color: #fff;
        box-shadow: 0 1px 0 #1d79c4;
        /*text-decoration: none;*/
    }
    /*.botonbusq:focus {
        border-color: #1D79C4;
        background-color: #2087DA;
        color: #FFF;
        box-shadow: 0px 1px 0px #1D79C4;
        text-decoration: none;
    }*/

.cprin{
    margin:0 auto;
    padding:2%;
    /*margin-top:2%;*/
    text-align:left;
    /*color:white;*/
    font-weight:bold;
    width: 80%;
}

.cpart1{
    margin:0 auto;
    padding:2%;
    /*margin-top:10%;*/
    text-align:left;
    /*color:white;*/
    font-weight:bold;
    width: 80%;

}

.cpart2{
    margin:0 auto;
    padding:2%;
    /*margin-top:20%;*/
    text-align:left;
    /*color:white;*/
    font-weight:bold;
    width: 80%;

}

.cpart3{
    margin:0 auto;
    padding:2%;
    /*margin-top:30%;*/
    text-align:left;
    /*color:white;*/
    font-weight:bold;
    width: 80%;

}

.cpart4{
    margin:0 auto;
    padding:2%;
    /*margin-top:45%;*/
    text-align:left;
    /*color:white;*/
    font-weight:bold;
    width: 80%;

}

.cpart5{
    margin:0 auto;
    padding:2%;
    /*margin-top:60%;*/
    text-align:left;
    /*color:white;*/
    font-weight:bold;
    width: 80%;

}

.cpart6{
    margin:0 auto;
    padding:2%;
    /*margin-top:75%;*/
    text-align:left;
    /*color:white;*/
    font-weight:bold;
    width: 80%;

}

.tauladet
{
    border-spacing: 2px;
    border-color: grey;
    border-collapse: collapse;
    border-spacing:0;
    width: 80%;
    color: #555555;
}

.filadet
{
    /*display: table-cell;*/
    font-weight: normal;
    width: 100%;
}

.cetiq{
    width: 30%;
    text-align: left;
}

.cvalor{
    width: 15%;
    text-align: left;

}

.coldet
{
    width: 15%;
    vertical-align: top;
    padding: 3px 5px 3px 0;
    text-align: left;

}

.pnlopciones{
    margin-left: 20%;
}

.hsgrid
{
    color: #2c2c2c;
    font-weight: bold;
    border-bottom: 2px solid #dddddd;

}

.rsgrid {
   text-align: center;
   vertical-align: central;
}

.reg{
    width: 80%;

}