html{background-color: #FFFFFF; font-family: 'Roboto', sans-serif; font-size:11pt; color: #737372; text-align: center; margin:0px auto auto auto; padding:0px auto; min-height:100%; width:100%; height:100%;}
body { margin: 0px auto auto auto; padding:0px auto; font-size:11pt; color: #737372; font-family: 'Roboto', sans-serif; text-align: center; width:100%; height:100%; }
h1{ color: #000000; margin: 0px 0px 0px 0px; padding:0px 0px 10px 0px; font-size: 20pt; text-align: left; font-weight: normal; font-family: 'Roboto', sans-serif;}
h2{ color: #000000; margin: 0px 0px 0px 0px; padding:20px 0px 5px 0px; font-size: 15pt; text-align: left; font-weight: normal; font-family: 'Roboto', sans-serif;}
h3{ color: White; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size: 12pt; text-align: center; font-weight: normal; font-family: 'Roboto', sans-serif;}
p{ text-align:justify;}
input{  font-size: 11pt; font-family: 'Roboto', sans-serif; color: #737372; margin: 0px auto; padding-left: 3px; padding-right: 3px; border: 1px solid #DDDDDD;}
input[type="text"]:disabled{ background-color:#EEEEEE;}
textarea{  font-size: 11pt; font-family: 'Roboto', sans-serif;  color: #737372; margin: 0px auto; padding-left: 3px; padding-right: 3px; border: 1px solid #DDDDDD;}
select{ font-size: 11pt; font-family: 'Roboto', sans-serif; color: #737372; padding-left: 3px; border: 1px solid #DDDDDD;}
a { color: #000000;  text-decoration:none;}
a:hover { color: #737372; text-decoration:none;}
div{ margin:0px auto;}
table{border-collapse: collapse; padding:0px 0px 0px 0px; margin:0px auto; }
td{ padding:0; border-spacing:0px 0px; }
li{ line-height:22px;}
form{ margin: 0px auto; padding: 0px; height: 100%;}
html>body #Contenedor{ height: auto; /* con este hack escondemos el min-height de IE*/}
.Contenedor{ width: 100%; height:auto; min-height:100%; position:relative;}
.WaterMask{ color:#AEAEAE;}

.Transparente{ background-color:Transparent; border-style: none;}
.DivSeparador{ width:100%; height:0px; clear: both;}
::placeholder { color:#BBBBBB;}


/* GESTOR DE CONTENIDOS*/
.CabeceraGestor{ width:13%; padding-left:2%; height:90px; text-align: left; padding-top:20px; float:left;}
.CabeceraGestor img{ height:90px;}
.MenuGestor{ width:98%; margin-right:2%; text-align: right;}
.BtnMenuGestor{ height:60px; line-height:90px; font-size:8pt; background-color:#00A000; color:White; border-right:1px solid White; border-bottom:none; border-left: none; border-top: none; width:100px; cursor: pointer; margin-right:3px; padding:0px; display:inline-block; text-align:center; border-radius:0px 0px 20px 20px;}
.BtnMenuGestor:hover{ background-color:#000000; }
.BtnMenuGestor3{ height:60px; line-height:90px; font-size:8pt; background-color:chocolate; color:White; border-right:1px solid White; border-bottom:none; border-left: none; border-top: none; width:100px; cursor: pointer; margin-right:3px; padding:0px; display:inline-block; text-align:center; border-radius:0px 0px 20px 20px;}
.BtnMenuGestor3:hover{ background-color:#000000; }
.BtnMenuGestorA{ height:60px; line-height:90px; font-size:8pt; background-color:#000000; color:White; border-right:1px solid White;  border-bottom:none; border-left: none; border-top: none; width:100px; cursor: pointer; margin-right:3px; padding:0px; display:inline-block; text-align:center; border-radius:0px 0px 20px 20px;}
.BtnMenuGestor2{ height:60px; line-height:90px; font-size:8pt; background-color: maroon; color:white; width:100px; cursor: pointer; margin:0px; border-style: none; border-radius:0px 0px 20px 20px;}
.BtnMenuGestor2:hover{ background-color: #c60000; }
.ContenidoGestor{ width:96%; height:auto; padding:20px; margin:0px auto; background-color: white; text-align: left; min-height:800px; }
.GestorColIzq{ width:60%; float: left; vertical-align: top; margin:0px auto;}
.GestorColDer{ width:calc(40% - 20px); float: left; vertical-align: top; padding-left:20px; margin:0px auto;}
.Col50{float:left; width:48%; padding-left:1%; padding-right:1%; vertical-align: top; margin:0px auto;}

.PT30{padding-top:30px !important;}
.MT5{margin-top:5px !important;}
.MT0{margin-top:0px !important;}

.GridHeader{ height:36px; background-color:#DDDDDD; color:#808080; font-size:10pt;}
.GridHeader a{ color: #808080; text-decoration: none; font-size:10pt; font-weight:normal;}
.GridHeader a:hover{ color: #000000; text-decoration: none; font-size:10pt;}
.GridHeader2{ height:36px; background-color:transparent; color:#CCCCCC; font-size:9pt; font-weight:normal;}
.GridHeader2 a{ color: #CCCCCC; text-decoration: none; font-size:9pt; font-weight:normal;}
.GridHeader2 a:hover{ color: #000000; text-decoration: none; font-size:9pt;}
.GridRow{ height:36px; background-color:#FFFFFF; color: #808080; font-size:10pt; border-bottom:1px solid #EEEEEE;}
.GridRow a{color:#666666;}
.GridRow a:hover{color:#000000;}
.GridRow input[type='checkbox'] { position: relative; cursor: pointer;}
.GridRow input[type=checkbox][disabled]{ background-color:white; cursor:default !important; border:none;}
.GridRow input[type=checkbox][disabled]:checked{ background-color:#333333; color:white;}
 .GridRow input[type='checkbox']:before {
      content: '';
      display: block;
      position: absolute;
      width: 15px;
      height: 15px;
      top: 50%;
      left: 50%;
      background-color: inherit;     
      border:1px solid #EEEEEE;
      transform: translate(-50%, -50%);
 }
 .GridRow input[type='checkbox']:checked:before {     
      content: '';
      display: block;
      position: absolute;
      width: 15px;
      height: 15px;
      top: 50%;
      left: 50%;
      background-color: inherit;
      border:1px solid #333333;
      transform: translate(-50%, -50%);
 }
 .GridRow input[type='checkbox']:checked:after {
      content: '';
      display: block;
      width: 6px;
      height: 10px;
      border: solid;
      border-width: 0 2px 2px 0;
      border-color: inherit;
      position: absolute;
      top: 35%;
      left: 50%;
      transform: translate(-50%, -50%) rotate(45deg);
 }
.GridAlternate{ height:36px; background-color:#FAFAFA; color: #808080; font-size:10pt; border-bottom:1px solid #EEEEEE;}
.GridAlternate a{color:#666666;}
.GridAlternate a:hover{color:#000000;}
.GridSelected{ height:30px; background-color:#F6F6F6; color: #000000; font-size:10pt; border-bottom:1px solid #EEEEEE;}
.GridPager{ height:30px; background-color:#BBBBBB; text-align: center; font-size:11pt;}
.GridPager span{ margin-right:6px; font-size:11pt;}
.GridPager a{color: White; font-size:11pt; margin-right:6px;}
.GridPager a:hover{ color: #808080; font-size:11pt; margin-right:6px;}

fieldset{border: 1px solid #CCCCCC; background-color:#FAFAFA;}
.FormRow{ position: relative; width:100%; height:20px; font-size:10pt; text-align: left; color:#777777; margin-top:5px; font-weight:bold;}
.FormRow2{width:100%; height:auto; font-size:10pt; text-align: left; color:White;}
.FormRow2 input[type="text"]{width:98%; height:22px; font-size:11pt; text-align: left; background-color: White; color: #808080; padding-left: 5px; padding-right: 5px; border-color:#DDDDDD;}
.FormRow2 select{width:99%; height:25px; font-size:11pt; text-align: left; background-color: White; color: #808080; padding-left: 5px; padding-right:0px; cursor: pointer; border-color:#DDDDDD;}
.FormRow2 textarea{width:98%; font-size:11pt; text-align: left; background-color: White; color: #808080; padding-left: 5px; padding-right: 5px; border-color:#DDDDDD;}
.FormRow3{width:100%; height:auto; font-size:10pt; text-align: left; color: #000000;}
.FormRowChek{width:100%; height:auto; font-size:11pt; text-align: left; color:White;}
.FormRow15{width:11%; float:left; height:auto; font-size:9pt; text-align: center;}
.FormCol{ float: left; width:100px; height:20px; font-size:10pt; text-align: center; color:#000000; margin-top:5px;}
.DivBotones{ width:100%; margin-top:20px; margin-bottom:20px; text-align: center;}

.FormCol2{ position: relative; width:50%; float:left; height:20px; font-size:10pt; text-align: left; color:#777777; margin-top:5px; font-weight:bold;}
.FormCol2 input[type="text"]{width:90%; height:22px; font-size:11pt; text-align: left; background-color: White; color: #808080; padding-left: 5px; padding-right: 5px; border-color:#DDDDDD;}
.FormCol2 input[type="password"]{width:90%; height:22px; font-size:11pt; text-align: left; background-color: White; color: #808080; padding-left: 5px; padding-right: 5px; border-color:#DDDDDD;}
.FormCol2 select{width:94%; height:25px; font-size:11pt; text-align: left; background-color: White; color: #808080; padding-left: 5px; padding-right:0px; cursor: pointer; border-color:#DDDDDD;}
.FormCol2 textarea{width:94%; font-size:11pt; text-align: left; background-color: White; color: #808080; padding-left: 5px; padding-right: 5px; border-color:#DDDDDD;}
.FormCol3{ position: relative; width:33%; float:left; height:20px; font-size:10pt; text-align: left; color:#808080; margin-top:5px;}
.FormCol3 INPUT[type=checkbox] {
    background-color: #FFFFFF;
    border-radius: 2px;
    border-color: #999999;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative;
    top: 5px;
    outline: none !important;
    box-shadow: none;
}
.FormCol3 INPUT[type=checkbox]:checked {
    background-color: #FFFFFF;
    background: #FFFFFF url('/Img/check.png') 2px 4px no-repeat;
    outline: none !important;
    box-shadow: none;
}

.FormCol4{ position: relative; width:25%; float:left; height:20px; font-size:10pt; text-align: left; color:#808080; margin-top:5px;}
.FormCol4 INPUT[type=checkbox] {
    background-color: #FFFFFF;
    border-radius: 2px;
    border-color: #CCCCCC;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative;
    top: 5px;
    outline: none !important;
    box-shadow: none;
}
.FormCol4 INPUT[type=checkbox]:checked {
    background-color: #FFFFFF;
    background: #333333 url('/Img/check2.png') 2px 4px no-repeat;
    outline: none !important;
    box-shadow: none;
}

.BotonBase{ background-color:#000000; color: White; height:25px; font-size:11pt; margin-left:10px; width:120px; cursor: pointer;}
.BotonBase:hover{ background-color:white; color: #000000; border:1px solid #000000;}
.BotonBase2{ background-color:#777777; color: White; height:25px; font-size:11pt; margin-left:10px; width:120px; cursor: pointer;}
.BotonBase2:hover{ background-color:white; color: #000000; border:1px solid #000000;}
.BotonBase3{ background-color:white; color: #000000; height:25px; font-size:11pt; margin-left:10px; width:auto; padding-left:15px; padding-right:15px; cursor: pointer; border:1px solid #000000;}
.BotonBase3:hover{ background-color:#F0F0F0; color: #666666; border:1px solid #666666;}
.BotonBase4{ background-color:black; color: white; height:25px; font-size:11pt; margin-left:10px; width:auto; padding-left:15px; padding-right:15px; cursor: pointer; border:1px solid black;}
.DivBotonesFicha{ width:98%; padding-left:2%; text-align: left; border-bottom:1px solid #000000;}
.BotonesFicha{ background-color:White; color: #000000; height:28px; font-size:10pt; width:15%; cursor: pointer; border-bottom:none;}
.BotonesFicha:hover{ background-color:#000000; color: White; height:28px; font-size:10pt; width:15%; cursor: pointer; border-bottom:none;}
.BotonesFichaA{ background-color:#000000; color: White; height:28px; font-size:10pt; width:15%; cursor: pointer; border-bottom:none;}
.OtrosContainer{ width:100%;line-height:25px;}

.BotonBuscar{ width:125px; padding-left:35px; text-align:left; height:30px; font-size:11pt; background-color:#000000; color:white; cursor:pointer; background-repeat:no-repeat; background-image:url(img/btn_search.png); background-position:left; background-position-x:7px; border-radius:7px;}
.BotonBuscar:hover{ background-color:#666666; color:white;}
.BotonCancelar{ width:125px; padding-left:35px; text-align:left; height:30px; font-size:11pt; background-color:#000000; color:white; cursor:pointer; background-repeat:no-repeat; background-image:url(img/btn_cancel.png); background-position:left; background-position-x:7px; border-radius:7px;}
.BotonCancelar:hover{ background-color:#666666; color:white;}
.BotonNuevo{ width:125px; padding-left:35px; text-align:left; height:30px; font-size:11pt; background-color:#00A000; color:white; cursor:pointer; background-repeat:no-repeat; background-image:url(img/btn_add.png); background-position:left; background-position-x:7px; border-radius:7px;}
.BotonNuevo:hover{ background-color:#56b12d; color:white;}
.BotonGuardar{ width:125px; padding-left:35px; text-align:left; height:30px; font-size:11pt; background-color:#00A000; color:white; cursor:pointer; background-repeat:no-repeat; background-image:url(img/btn_save.png); background-position:left; background-position-x:7px; border-radius:7px;}
.BotonGuardar:hover{ background-color:#56b12d; color:white;}
.BotonEliminar{ width:125px; padding-left:35px; text-align:left; height:30px; font-size:11pt; background-color:#c30b28; color:white; cursor:pointer; background-repeat:no-repeat; background-image:url(img/btn_delete.png); background-position:left; background-position-x:7px; border-radius:7px;}
.BotonEliminar:hover{ background-color:#F02D4C; color:white;}
.BotonStats{ width:125px; padding-left:35px; text-align:left; height:30px; font-size:11pt; background-color:chocolate; color:white; cursor:pointer; background-repeat:no-repeat; background-image:url(img/btn_stats.png); background-position:left; background-position-x:7px; border-radius:7px;}
.BotonStats:hover{ background-color:#ff7d00; color:white;}
.BotonAgenda{ width:auto; padding-left:35px; padding-right:20px; text-align:left; height:30px; font-size:11pt; background-color:#00A000; color:white; cursor:pointer; background-repeat:no-repeat; background-image:url(img/calendar.png); background-position:left; background-position-x:7px; border-radius:7px;}
.BotonAgenda:hover{ background-color:#56b12d; color:white;}
.BotonMeses{border:1px solid #888888; background-color:white; color:#888888; height:30px; padding-left:15px; padding-right:15px; cursor:pointer; border-radius:8px;}
.BotonMeses:hover{background-color:#888888; color:white;}

.Popup{width: 390px; text-align: left; padding: 0px 15px 15px 15px; background-color: white; position:relative;}
.PopupClose{ position:absolute; top:-13px; right:-10px; width: 30px; height:30px;}
.PanelModal{vertical-align: middle; background-color: #333333; filter:alpha(opacity=80); opacity:0.8;}
.DivPopUpHeader{ position: relative; width:440px; height:40px; background-color:#666666; color: White; font-size:12pt; text-align: left;}
.DivPopUpContenido{width:900px; height:auto; background-color: White; color: #808080; text-align: left; padding:20px; position:relative; line-height:25px;}
.DivCerrarPopUp{ position: absolute; top:5px; right:5px; height:30px; width:30px; z-index:100;}

.CompletionListEst{ width:400px; color:#333333; background-color: #F5F5F5; height:25px; line-height:25px; padding-left:10px; padding-right:10px; font-size:10pt;}
.CompletionListEstA{ width:400px; color: white; background-color: #333333; height:25px; line-height:25px; cursor: pointer; padding-left:10px; padding-right:10px; font-size:10pt;}

.Informe{float:left; width:48%; padding-bottom:15px; background-color:#F9F9F9; padding-left:1%; margin-bottom:15px; margin-right:1%;}
.Informe h2{background-color:#666666; color:white; width:100%; margin-left:-2%; height:35px; line-height:35px; padding:0px 10px !important;}
.Informe img{ margin-bottom:20px;}
.Separador10{width:100%; height:10px;}

.LeyendaInforme{ font-size: 9pt; padding:5px; background-color:#ffeddb; color:#777777; font-style:italic; width:95%;}

.Pestanya1{position: absolute; top: -47px; right:570px; width:170px; background-color:white; border:1px solid #CCCCCC; border-radius:5px 5px 0px 0px; height:25px; cursor:pointer;}
.Pestanya1:hover{background-color:#FAFAFA;}
.Pestanya1A{position: absolute; top: -47px; right:570px; width:170px; background-color:#FAFAFA; border:1px solid #CCCCCC; border-bottom:none; border-radius:5px 5px 0px 0px; height:25px; cursor:pointer;}
.Pestanya2{position: absolute; top: -47px; right:390px; width:170px; background-color:white; border:1px solid #CCCCCC; border-radius:5px 5px 0px 0px; height:25px; cursor:pointer;}
.Pestanya2:hover{background-color:#FAFAFA;}
.Pestanya2A{position: absolute; top: -47px; right:390px; width:170px; background-color:#FAFAFA; border:1px solid #CCCCCC; border-bottom:none; border-radius:5px 5px 0px 0px; height:25px; cursor:pointer;}
.Pestanya3{position: absolute; top: -47px; right:210px; width:170px; background-color:white; border:1px solid #CCCCCC; border-radius:5px 5px 0px 0px; height:25px; cursor:pointer;}
.Pestanya3:hover{background-color:#FAFAFA;}
.Pestanya3A{position: absolute; top: -47px; right:210px; width:170px; background-color:#FAFAFA; border:1px solid #CCCCCC; border-bottom:none; border-radius:5px 5px 0px 0px; height:25px; cursor:pointer;}
.Pestanya4{position: absolute; top: -47px; right:30px; width:170px; background-color:white; border:1px solid #CCCCCC; border-radius:5px 5px 0px 0px; height:25px; cursor:pointer;}
.Pestanya4:hover{background-color:#FAFAFA;}
.Pestanya4A{position: absolute; top: -47px; right:30px; width:170px; background-color:#FAFAFA; border:1px solid #CCCCCC; border-bottom:none; border-radius:5px 5px 0px 0px; height:25px; cursor:pointer;}



/*LOGIN*/
.BGLogin{background-image:url(img/bg.jpg); background-repeat:no-repeat; background-size:cover;}
.DivLogin{margin-top:30px; padding:20px; background-color:#FFFFFF; color:#666666; -webkit-box-shadow: 11px 27px 24px -6px rgba(0,0,0,1);
-moz-box-shadow: 11px 27px 24px -6px rgba(0,0,0,1);
box-shadow: 11px 27px 24px -6px rgba(0,0,0,1);}
.DivLogin b{ font-family:'Roboto'; font-size:13pt; color:#666666;}
.Login{width:100%; text-align: center; margin-top:20px;}
.Login input{ background-color: #FCFCFC; border:1px solid #999999; color:#4D4D4D; padding:10px 20px;}
.Login3{width:100%; text-align: center; margin-top:20px; }
.Login3 input{ background-color: #000000; color:White; font-size:12pt; cursor: pointer; font-weight: bold; border-style:none; padding:10px 30px; border-radius:7px; border:1px solid #FFFFFF;}
.Login3 input:hover{ background-color: White; color:#000000; border:1px solid #000000;}


.Selectores INPUT[type=checkbox] {
    background-color: #FFFFFF;
    border-radius: 2px;
    border-color: #999999;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative;
    top: 5px;
    outline: none !important;
    box-shadow: none;
}
.Selectores INPUT[type=checkbox]:checked {
    background-color: #FFFFFF;
    background: #FFFFFF url('/Img/check.png') 2px 4px no-repeat;
    outline: none !important;
    box-shadow: none;
}




@media (min-width: 200px) and (max-width: 1300px) {
    .H1200{display:none;}

}