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: #36973F; 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: #36973F; 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: auto 2px auto 2px; 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: auto 2px auto 2px; 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: #36973F;  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;}

/* COLORES
    Verde Oscuro #36973F
    Verde Claro #85B36F
    Gris #737372
*/

/* GESTOR DE CONTENIDOS*/
.CabeceraGestor{ width:96%; height:40px; text-align: left; padding-top:10px;}
.CabeceraGestor img{ height:30px;}
.MenuGestor{ width:96%; height:35px; background-color:#737372; text-align: right; }
.BtnMenuGestor{ height:35px; font-size:9pt; background-color:#737372; color:White; border-right:1px solid White; border-bottom:none; border-left: none; border-top: none; width:8%; cursor: pointer; margin:0px; padding:0px;}
.BtnMenuGestor:hover{ background-color:#36973F; }
.BtnMenuGestorA{ height:35px; font-size:9pt; background-color:#36973F; color:White; border-right:1px solid White;  border-bottom:none; border-left: none; border-top: none; width:8%; cursor: pointer; margin:0px; padding:0px;}
.BtnMenuGestor2{ height:35px; font-size:9pt; background-color: maroon; color:white; width:8%; cursor: pointer; margin:0px; border-style: none;}
.BtnMenuGestor2:hover{ background-color: #333333;; }
.ContenidoGestor{ width:calc(96% - 42px); 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;}

.GridHeader{ height:30px; background-color:#DDDDDD; color:#737372; font-size:11pt;}
.GridHeader a{ color: #737372; text-decoration: none; font-size:11pt;}
.GridHeader a:hover{ color: #36973F; text-decoration: none; font-size:11pt;}
.GridHeader2{ height:20px; 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: #36973F; text-decoration: none; font-size:9pt;}
.GridRow{ height:30px; background-color:#FFFFFF; color: #737372; font-size:11pt; border-bottom:1px solid #EEEEEE;}
.GridSelected{ height:30px; background-color:#f9faee; color: #000000; font-size:11pt; 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: #737372; font-size:11pt; margin-right:6px;}

fieldset{border: 1px solid #36973F; background-color:#FAFAFA;}
.FormRow{ position: relative; width:100%; height:20px; font-size:11pt; text-align: left; color:#737372; margin-top:5px; font-weight: bold;}
.FormRow2{width:100%; height:auto; font-size:11pt; text-align: left; color:White;}
.FormRow2 input[type="text"]{width:98%; height:22px; font-size:11pt; text-align: left; background-color: White; color: #737372; 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: #737372; 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: #737372; padding-left: 5px; padding-right: 5px; border-color:#DDDDDD;}
.FormRow3{width:100%; height:auto; font-size:11pt; text-align: left; color: #36973F;}
.FormRowChek{width:100%; height:auto; font-size:11pt; text-align: left; color:White;}
.FormRow15{width:12%; float:left; height:auto; font-size:9pt; text-align: center;}
.FormRow25{width:24%; float:left; height:auto; font-size:9pt; text-align: center;}
.FormCol{ float: left; width:100px; height:20px; font-size:11pt; text-align: center; color:#36973F; margin-top:5px;}
.FormCol2{ float: left; width:100px; height:20px; font-size:11pt; text-align: center;}
.DivBotones{ width:100%; margin-top:20px; margin-bottom:20px; text-align: center;}
.DivBotones input{ background-color:#36973F; color: White; height:25px; font-size:11pt; margin-left:10px; width:120px; cursor: pointer; border:none;}
.DivBotones input:hover{ background-color:#FFFFFF; color: #36973F; height:25px; font-size:11pt; margin-left:10px; width:120px; cursor: pointer; border:1px solid #36973F;}

.BotonBase{ background-color:#36973F; color: White; height:25px; font-size:11pt; margin-left:10px; width:120px; cursor: pointer;}
.BotonBase:hover{ background-color:white; color: #36973F; border:1px solid #36973F;}
.BotonEliminar{ background-color:maroon !important;}
.BotonEliminar:hover{ background-color:white !important; color: maroon !important; border:1px solid maroon !important;}
.DivBotonesFicha{ width:98%; padding-left:2%; text-align: left; border-bottom:1px solid #36973F;}
.BotonesFicha{ background-color:White; color: #36973F; height:22px; font-size:10pt; width:13%; cursor: pointer; border-bottom:none;}
.BotonesFicha:hover{ background-color:#36973F; color: White; height:22px; font-size:10pt; width:13%; cursor: pointer; border-bottom:none;}
.BotonesFichaA{ background-color:#36973F; color: White; height:22px; font-size:10pt; width:13%; cursor: pointer; border-bottom:none;}
.OtrosContainer{ width:100%;line-height:25px;}
.BotonAdd{background-color:white; color: #36973F; border:1px solid #36973F; height:25px; font-size:11pt; margin-left:10px; width:20%; cursor: pointer;}
.BotonAdd:hover{ background-color:#EEEEEE; color: #666666; border:1px solid #666666;}

.FotosContainer{width: 180px; height: 130px; margin-right: 10px; margin-bottom:10px; background-color:white;}
.FotosHeader{width: 180px; height: 30px; text-align: center; background-color: #E6E6E6; color: #808080; line-height:30px; font-size:11pt !important;}
.FotosImg{width: 180px; height:100px; text-align:center; overflow:hidden;}
.FotosImg img{ width:100%;}

.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:380px; height:30px; background-color:#36973F; color: White; font-size:12pt; text-align: left; padding-left:20px; padding-top:10px;}
.DivPopUpContenido{width:360px; height:50px; background-color: White; color: #737372; text-align: center; padding:20px;}
.DivCerrarPopUp{ position: absolute; top:-12px; right:-10px; height:30px; width:30px; z-index:100;}

.PopUpBG{width: 100%; background-color: #4D4D4D; opacity: 0.8; display: none; position: fixed; top: 0px; left: 0px; z-index: 100; height: 100%; min-height: 100%;}
.PopUpDetalle{ width:96%; border-radius:10px; margin:0px auto; padding: 0px; display: none; position: fixed; top: 20px; left: 2%; z-index: 200; text-align:left; box-shadow: 5px 5px 10px #666666; background-color:#FAFAFA;}
.PopUpDetalleCab{color:#36973F; font-size:16pt; padding:10px; text-align:left;}
.PopUpDetalleCab img {height:20px; cursor:pointer;}
.PopUpDetalleCont{ text-align:left; overflow:auto; padding:10px 20px; height:620px;}
.PopUpDetalleCont::-webkit-scrollbar{width: 15px;}
.PopUpDetalleCont::-webkit-scrollbar-thumb{background-color:#36973F; border-radius: 0;}
.PopUpDetalleCont::-webkit-scrollbar-thumb:hover{background-color:#36973F;}
.PopUpDetalleCont::-webkit-scrollbar-track{background-color:#DDDDDD;}
.SeparadorGris{ width:100%; height:2px; margin-bottom:10px; border-bottom:1px solid #CCCCCC; clear:both;}


.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;
}


/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 15px;
    height: 14px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(img/star-on.png);
}

.emptyRatingStar {
     background-image: url(img/star-off.png);
}

.savedRatingStar {
    background-image: url(img/star-on.png);
}