html{background-color: #FFFFFF; font-family: 'Open Sans', sans-serif; font-size:11pt; color: #333333; text-align: center; margin:0px auto auto auto; padding:0px; min-height:100%; width:100%; height:100%;}
body { margin: 0px auto auto auto; padding:0px; font-size:11pt; color: #333333; font-family: 'Open Sans', sans-serif; text-align: center; width:100%; height:100%; }
h1{ color: #207242 !important; margin: 0px 0px 0px 0px; padding:0px 0px 10px 0px; font-size: 20pt !important; text-align: left; font-weight: normal; }
h2{ color: #207242 !important; margin: 0px 0px 0px 0px !important; padding:0px 0px 0px 0px !important; font-size: 18pt !important; text-align: left; font-weight: normal;}
h3{ color: #207242; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size: 12pt; text-align: left; font-weight: normal; }
p{ text-align:justify;}
input{  font-size: 11pt; font-family: 'Open Sans', sans-serif; color: #333333; background-color: #FCFCFC; margin: auto 2px auto 2px; padding-left: 3px; padding-right: 3px; border:none; border-bottom: 1px solid #999999;}
textarea{  font-size: 11pt; font-family: 'Open Sans', sans-serif;  color: #333333; background-color:#FCFCFC; margin: auto 2px auto 2px; padding-left: 3px; padding-right: 3px; border: 1px solid #E6E6E6; resize: none;}
select{ font-size: 11pt; font-family: 'Open Sans', sans-serif; color: #333333; background-color:#FCFCFC; padding-left: 3px; border:none; border-bottom: 1px solid #999999;}
a { color: #207242;  text-decoration:none !important;}
a:hover { color: #333333; text-decoration:none !important;}
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 #ContenidoWeb{ height: auto; margin: 0px auto; padding: 0px; }*/
/*.Contenedor{ width: 100%; height:auto; min-height:100%; position:relative;}*/

.Transparente{ background-color:Transparent !important; border-style: none !important; border-width:0px !important; border-color: transparent !important;}
.DivSeparador{ width:100%; height:0px; clear: both;}

/* COLORES   
    VERDE LOGO: #207242
*/

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #BBBBBB;
  opacity: 1; /* Firefox */
  font-style:italic;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #BBBBBB;
  font-style:italic;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #BBBBBB;
  font-style:italic;
}

/* GENERALES */
.Padding0{ padding:0px !important;}
.Padding5{ padding-left:5px !important; padding-right:5px !important;}
.PadRes0{padding-left:15px !important; padding-right:15px !important;}
.PadT10{padding-top:10px !important;}
.PadTRes10{padding-top:10px !important;}
.MargB10{margin-bottom:10px !important;}
.MargB5{margin-bottom:5px !important;}
.W100XS{width:auto;}
.LH30{line-height:30px;}

.DivBusqueda{ width:100%;}
.PanelModal{vertical-align: middle; background-color: #333333; filter:alpha(opacity=60); opacity:0.6;}
.DivPopUpHeader{ position: relative; width:380px; height:30px; background-color:#E81236; color: White; font-size:12pt; text-align: left; padding-left:20px; padding-top:10px;}
.DivPopUpContenido{width:360px; height:50px; background-color: White; color: Black; text-align: center; padding:20px;}
.DivCerrarPopUp{ position: absolute; top:-12px; right:-10px; height:30px; width:30px; z-index:100;}

.DivPopUpHeader2{ position: relative; width:510px; height:30px; background-color:#f0f0f0; color: black; font-weight:bold; padding-left:30px; font-size:12pt; text-align: left; padding-top:10px;}
.DivPopUpContenido2{width:480px; background-color: White; color: Black; text-align: center; padding:30px; line-height:40px;}

.BotonLogin{ height:35px; padding-left:20px; padding-right:20px; background-color:white; color:#207242; border:1px solid #207242; cursor:pointer;}
.BotonLogin:hover{ background-color:#207242; color:white;}
.BotonNuevo{height:25px; padding-left:30px; padding-right:30px; line-height:15px; background-color:#33CC33; color:white; border:1px solid #33CC33; cursor:pointer;}
.BotonNuevo:hover{ background-color:white; color:#33CC33;}
.BotonVolver{height:30px; padding-left:40px; padding-right:30px; line-height:20px; background-color:#333333; color:white; border:1px solid #333333; cursor:pointer; background-image:url('img/icon_volver.png'); background-repeat:no-repeat; background-position-y:5px; background-position-x:10px;}
.BotonVolver:hover{ background-color:white; color:#333333;}
.BotonSave{height:30px; padding-left:30px; padding-right:20px; line-height:20px; background-color:#33CC33; color:white; border:1px solid #33CC33; cursor:pointer; background-image:url('img/icon_save.png'); background-repeat:no-repeat; background-position-y:5px; background-position-x:10px;}
.BotonSave:hover{ background-color:white; color:#33CC33;}
.BotonPrint{height:30px; padding-left:30px; padding-right:20px; line-height:20px; background-color:#c25b00; color:white; border:1px solid #c25b00; cursor:pointer; background-image:url('img/icon_print.png'); background-repeat:no-repeat; background-position-y:5px; background-position-x:10px;}
.BotonPrint:hover{ background-color:white; color:#c25b00;}
.BotonDelete{height:30px; padding-left:30px; padding-right:20px; line-height:20px; background-color:#c20000; color:white; border:1px solid #c20000; cursor:pointer; background-image:url('img/icon_delete.png'); background-repeat:no-repeat; background-position-y:5px; background-position-x:10px;}
.BotonDelete:hover{ background-color:white; color:#c20000;}
.BotonFact{height:30px; padding-left:30px; padding-right:20px; line-height:20px; background-color:#0080c2; color:white; border:1px solid #0080c2; cursor:pointer; background-image:url('img/icon_invoice.png'); background-repeat:no-repeat; background-position-y:5px; background-position-x:10px;}
.BotonFact:hover{ background-color:white; color:#0080c2;}
.BotonGeneral{height:25px; padding-left:30px; padding-right:30px; line-height:15px; background-color:white; color:#333333; border:1px solid #333333; cursor:pointer;}
.BotonGeneral:hover{ background-color:#333333; color:white;}

.Contenido{ position:relative; margin-top:100px; width:94%; background-color:white;min-height:600px; padding-bottom:50px;}
.MenuPpal{position:absolute; top:-52px; left:0px; width:100%;}
.MenuLogo{ position:absolute; top:-50px; left:20px; height:165px; width:200px; background-color:white; border-radius:200px; text-align:center; padding-top:15px;}
.MenuLogo img{ height:120px;}
.Menu{ height:50px; width:12%; float:left; margin-right:15px; line-height:40px;}
.Menu img{vertical-align:middle; margin-right:5px;}
.Menu span{vertical-align:middle; font-size:10pt;}
.Menu2{ height:50px; width:17%; float:left; margin-right:15px; line-height:40px;}
.Menu2 select{ height:52px; width:100%; font-size:10pt; border:1px solid #CCCCCC;}
.Menu3{ height:50px; width:7%; float:right; line-height:40px; background-color:#990000; color:white !important; border:1px solid #990000; cursor:pointer;}
.Menu3:hover{background-color:#730000;}
.Menu3 img{vertical-align:middle; margin-right:10px;}
.Menu3 span{vertical-align:middle; font-size:10pt}
.MenuMF{margin-left:235px;}
.DivContent{width:98%; padding-left:1%; padding-right:1%; margin-top:35px;}
.Buscador{width: 100%; text-align: right; margin-bottom:20px;}
.DivBotones{width: 100%; text-align: center; margin-bottom:20px; margin-top:20px;}
.col50{ width:50%; float:left; text-align:center;}
.col40{ width:40%; float:left; text-align:center;}
.col60{ width:58%;  padding-left:2%; float:left; text-align:left;}

.FormColPpal{width:100%; text-align:left; margin-bottom:10px; font-weight:bold;}
.FormColPpal select{ height:30px; width:80%; font-size:14pt;}
.FormCol50{width:50%; float:left; text-align:left; margin-bottom:10px; font-weight:bold;}
.FormCol50 input[type="text"]{ height:25px; width:95%;}
.FormCol50 input[type="text"]:disabled{ border:none; background-color:transparent;}
.FormCol50 select{ height:27px; width:95%;}
.FormCol33{width:33%; float:left; text-align:left; margin-bottom:10px;}
.FormCol33 i{ color:#AAAAAA;}

.GridHeader{ color: White; text-decoration: none; font-weight:normal;}
.GridHeader a{ color: White; text-decoration: none; font-weight:normal;}
.GridHeader a:hover{ color: #DDDDDD; text-decoration: none;}
.GridRow{ height:30px; background-color:#FFFFFF; color: #666666; border-bottom:1px solid #EEEEEE;}
.GridSelected{ height:30px; background-color:#F0F0F0; color: #000000; border-bottom:1px solid #EEEEEE;}
.GridPager{ height:30px; background-color:#CCCCCC; text-align: center; font-size:14pt;}
.GridPager span{ margin-right:6px;}

.GridPager a{color: White; margin-right:6px;}
.GridPager a:hover{ color: black; margin-right:6px;}

.MyTab{width:24%; float:left; height:35px; line-height:35px; margin-right:1%; cursor:pointer;}
.MyTabA{width:24%; float:left; height:35px; line-height:35px; margin-right:1%;}
.TabContent{ width:100%; padding:10px; text-align:left;}

.MyEstado1{height:20px; width:100%; text-align:center; background-color:#33CC33; color:white; font-size:10pt;}
.MyEstado2{height:20px; width:100%; text-align:center; background-color:#ED5F00; color:white; font-size:10pt;}
.MyEstado3{height:20px; width:100%; text-align:center; background-color:#000000; color:white; font-size:10pt;}
.MyEstado4{height:20px; width:100%; text-align:center; background-color:#990000; color:white; font-size:10pt;}

/*RESPONSIVE*/

@media (min-width: 200px) and (max-width: 1024px ) {
    .Contenido{ margin-top:70px;}
    .MenuLogo{ display:none;}
    .MenuMF{margin-left:20px;}
    .HidXS{ display:none;}
    .Menu{ height:50px; width:13%;}
    .Menu2{ height:50px; width:27%; }
    .Menu3{ height:50px; width:7%;}

    }

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}