/*
###########################
Font Gotham Rounded
###########################
*/
@font-face {
  font-family: 'GothamRounded';
  font-style: normal;
  font-weight: 200;
  src: local('GothamRounded Light'), local('GothamRounded-Light'), url(fonts/GothamRounded/GothamRounded-Light.otf) format('otf');
}

@font-face {
  font-family: 'GothamRounded';
  font-style: normal;
  font-weight: 300;
  src: local('GothamRounded Light'), local('GothamRounded-Light'), url(fonts/GothamRounded/GothamRounded-Light.otf) format('otf');
}



@font-face {
  font-family: 'GothamRounded';
  font-style: normal;
  font-weight: 400;
  src: local('GothamRounded Medium'), local('GothamRounded-Medium'), url(fonts/GothamRounded/GothamRounded-Book.otf) format('opentype');
}
@font-face {
  font-family: 'GothamRounded';
  font-style: normal;
  font-weight: 500;
  src: local('GothamRounded Medium'), local('GothamRounded-Medium'), url(fonts/GothamRounded/GothamRounded-Medium.otf) format('opentype');
}


@font-face {
  font-family: 'GothamRounded';
  font-style: normal;
  font-weight: 600;
  src: local('GothamRounded Bold'), local('GothamRounded-Bold'), url(fonts/GothamRounded/GothamRounded-Bold.otf) format('opentype');
}
@font-face {
  font-family: 'GothamRounded';
  font-style: normal;
  font-weight: 700;
  src: local('GothamRounded Bold'), local('GothamRounded-Bold'), url(fonts/GothamRounded/GothamRounded-Bold.otf) format('opentype');
}
@font-face {
  font-family: 'GothamRounded';
  font-style: normal;
  font-weight: 800;
  src: local('GothamRounded Bold'), local('GothamRounded-Bold'), url(fonts/GothamRounded/GothamRounded-Bold.otf) format('opentype');
}
@font-face {
  font-family: 'GothamRounded';
  font-style: normal;
  font-weight: 900;
  src: local('GothamRounded Bold'), local('GothamRounded-Bold'), url(fonts/GothamRounded/GothamRounded-Bold.otf) format('opentype');
}

/*
###########################

###########################
*/

h4, h5, h6,
h1, h2, h3 {margin-top: 0;}
ul, ol {margin: 0;}
p {margin: 0;line-height: 1em;}
html, body{
   font-family: 'GothamRounded', sans-serif;
   font-size: 100%;
   background:#fff; 
   
}
body *{
   font-family: 'GothamRounded', sans-serif;
}
html, body, *,p,h1,h2,h3,h4,h5,h6,li,b,strong,i,span,fontdiv,a{
    color: #434244;  
    font-size: 17px;  
    line-height: 1.3em;
}
input:hover, 
button:hover,
input:focus, 
button:focus{
    outline: 0px!important;
}
input[type=checkbox], input[type=radio]{
    margin: 0px;
}
.seccion{
    padding: 80px 0;
}
.seccion.d2{
    padding: 30px 0;
}
    @media screen and (max-width: 992px) {
    
        .seccion{
            padding: 30px 0;
        }
        
    }
    
a:focus{outline: none;}

.container {
    max-width: 1250px;
    width: 100%;
}

.btn.active, 
.btn:active{
    -webkit-box-shadow:none;
    box-shadow:none;
}

.link{
 
}
    .link:active *,
    .link:focus *,
    .link:hover *,
    .link:active,
    .link:focus,
    .link:hover{
        color:#B2B2B6;    
        text-decoration: none;
    }
  
.linkD1 *,  
.linkD1{
    color: #434244;    
}
    .linkD1:active,
    .linkD1:focus,
    .linkD1:hover,
    .linkD1:active *,
    .linkD1:focus *,
    .linkD1:hover *{
        color:#B2B2B6;
        text-decoration: none;
    }

.linkD2 *,
.linkD2{
    color: #B2B2B6;    
}

    .linkD2:active *,
    .linkD2:focus *,
    .linkD2:hover *,
    .linkD2:active,
    .linkD2:focus,
    .linkD2:hover{
        color:#434244;
        text-decoration: none;
    }
    
.linkD3 *,  
.linkD3{
    color: #434244;    
}
    .linkD3:active,
    .linkD3:focus,
    .linkD3:hover,
    .linkD3:active *,
    .linkD3:focus *,
    .linkD3:hover *{
        color:#e6177c;
        text-decoration: none;
    }  
    

/* footer */
footer{
    
}



/* header top */

.menu-fijo{
    padding-top: 70px;
}    

    /*.menu-fijo .navbar.D1*/
    body > .header{

    }
    .menu-fijo > .header{
        position: fixed;
        width: 100%;
        top: 0px;    
        z-index: 999; 

        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
    }
    .menu-fijo > .header .header_top{
        padding: 8px 0;
    }
    .menu-fijo > .header .header_top a{
        line-height: 45px;    
    }
    .menu-fijo > .header .header_top .espacioSantafesino img{
        height: 30px;
    }
    .menu-fijo > .header .header_top .gobiernoSantaFe img{
        height: 45px;
    }


/* 
 Efecto
 -------------------------
 */



@-webkit-keyframes borderLeft4pxColor {
    from {border-left: 4px solid #ccc;}
    to {border-left: 4px solid #e6177c;}
}

@keyframes borderLeft4pxColor {
    from {border-left: 4px solid #ccc;}
    to {border-left: 4px solid #e6177c;}
}




/* 
 general
 -------------------------
 */
.pdd-b5{padding-bottom: 5px;}
.pdd-b7{padding-bottom: 7px;}
.pdd-b6{padding-bottom: 6px;}
.pdd-b10{padding-bottom: 10px;}
.pdd-b30{padding-bottom: 30px;}
.pdd-t10{padding-top: 10px;}
.pdd-t20{padding-top: 20px;}
.pdd-t25{padding-top: 25px;}
.pdd-t30{padding-top: 30px;}
.pdd-t50{padding-top: 50px;}
.pdd-l12{padding-left: 10px;}

.pdd-lr-0{padding-left: 0px; padding-right: 0px;}
.pdd-b-0{padding-bottom: 0px;}
.pdd-t0{padding-top: 0px;}

.pdd-0{padding: 0px;}
.mrg-0{margin: 0px;}

.fz-masChica{font-size: 12px;}
.fz-chica{font-size: 14px;}
.fz-normal{font-size: 15px;}
.fz-grande{font-size: 18px;}
.fz-22{font-size: 22px;}
.fz-25{font-size: 25px;}
.fz-30{font-size: 30px;}
.fz-35{font-size: 35px;}

.fw300{font-weight: 300;}
.fw400{font-weight: 400;}
.fw600{font-weight: 600;}
.fw700{font-weight: 700;}
.fw800{font-weight: 800;}
.fw900{font-weight: 900;}

.color1{color:#96bb48;}
.color2{color:#434244;}
.color3{color:#949494;}
.color4{color:#fff;}

.middle{vertical-align: middle;}
.uppercase{text-transform: uppercase;}
.light{font-weight: 300;}
.bold{font-weight: 600;}
.boldD2{font-weight: 900; font-family: 'GothamRounded', sans-serif;}
.esconder{display: none;}
.clear{clear: both;display: block; width: 100%!important; padding: 0px!important; margin: 0px!important;}
.noPoint{cursor: default;}



.div2col{
    -webkit-column-count:2;
    -moz-column-count:2;
    column-count:2;
}

.main.width_1 > .container{
    max-width: 680px;
    margin: auto;
    padding: 0;    
}
@media screen and (max-width: 650px) {
    .main.width_1 > .container{
        padding: 0 15px;    
    }
}


.txtD1{
    color: #e6177c;
    font-weight: 800;
    font-size: 27px;
    line-height: 30px;
}
.txtD2{
    color: #434244;
    font-weight: 800;
    font-size: 27px;
    line-height: 30px;   
}
.txtD3{
    color: #434244;
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;   
}
.txtD4{
    color: #e6177c;
    font-weight: 800;
    font-size: 32px;
    line-height: 1.1em;
    line-height: 35px;
}
.txtD5{
    font-size: 35px;
    line-height: 1.1em;
    padding-bottom: 15px;
    font-weight: 900;
}


.w100p{ width: 100%; max-width: 100%;}


@media screen and (max-width: 500px) {
    .noMovil{display:none;}
}
@media screen and (min-width: 501px) {
    .noEscritorio{display:none;}
}

/* 
 Mensajes
 -------------------------
 */

.formMsj {
  padding: 0;
  line-height: 22px;
  text-align: left;
  clear: both;
  float: none;
}

.formMsj.success,
.formMsj .success {
  color: #545454;
  font-size: 14px;
  font-weight: bold;
  border: 2px solid #72b142;
  position: relative;
  padding: 6px 24px;
  font-weight: 400;
  margin-bottom: 5px;
  background-color: rgba(255,255,255,.9);
}
    .formMsj.success:before,
    .formMsj .success:before{
        font-family:'Font Awesome\ 5 Free';
        content: "\f00c";
        position: absolute;
        left:6px;
        display: inline-block;
        color: #72b142;
        font-weight: 900;
    }
    
.formMsj.error,
.formMsj .error {
  color: #545454;
  font-size: 14px;
  font-weight: bold;
  border: 2px solid #ff3838;
  position: relative;
  padding: 6px 24px;
  font-weight: 400;
  margin-bottom: 5px;
  background-color: rgba(255,255,255,.9);
}
    .formMsj.error:before,
    .formMsj .error:before{
        font-family:'Font Awesome\ 5 Free';
        content: "\f00d";
        position: absolute;
        left:6px;
        display: inline-block;
        color: #ff3838;
        font-weight: 900;
    }



.msj_advertencia{
	background-position:15px 10px;
	padding:20px 20px 15px 60px;
	margin:0 0 10px 0;
	background-image: url(../images/warning.png);
	background-repeat: no-repeat;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #e5e5e5;
	border-bottom-color: #e5e5e5;
	color: #3B3B3B;
	font-size: 13px;
}

/****************************************************/
/*****************    MENSAJES **********************/
/****************************************************/

.msj_advertencia{
	padding:9px 10px 10px 45px;
	margin:0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #e5e5e5;
	border-bottom-color: #e5e5e5;
	color: #767676;
	font-size: 14px;
    position: relative;
}
    .msj_advertencia:before{
    	content: "\e086";
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: normal;
        color: #e5e5e5;
        position: absolute;
        top: 5px;
        left: 5px;
        font-size: 20px;
    }
.msj_exito{
	margin:0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #769d2b;
	border-bottom-color: #769d2b;
    
    position: relative;
}
    .msj_exito:before{
    	content: "\e013";
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: normal;
        color: #769d2b;
        position: absolute;
        top: 5px;
        left: 5px;
        font-size: 20px;
    }
	.msj_exito .msj_contenido
	{
		text-align: left;
		padding:9px 10px 10px 45px;
		color:#404040;
        display: block;
	}
    .msj_exito,
	.msj_exito * {
		font-size: 14px;
	}
	
.msj_error
{
	margin:0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F30;
	border-bottom-color: #F30;
    display: block;
    position: relative;
}
    .msj_error:before{
    	content: "\e014";
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: normal;
        color: #F30;
        position: absolute;
        top: 9px;
        left: 5px;
        font-size: 20px;
    }
	.msj_error .msj_contenido
	{
		text-align: left;
		padding:9px 10px 10px 45px;
		color:#404040;
        display: block;
	}
    .msj_error,
	.msj_error * {
		font-size: 14px;
	}
    .msj_error_box{
    	padding:3px 3px 3px 3px;
    	border-top-width: 1px;
    	border-bottom-width: 1px;
    	border-top-style: solid;
    	border-bottom-style: solid;
    	border-top-color: #F30;
    	border-bottom-color: #F30;
        background-color: #FBCCCC;
    }
	

/* 
 textosGestionadoDesdeCMS
 -------------------------
 */
.textosGestionadoDesdeCMS{
    
}
    .textosGestionadoDesdeCMS,
    .textosGestionadoDesdeCMS *{
        font-family: 'GothamRounded';
        font-size: 15px;
        font-weight: 400;
        line-height: 22px; 
    }
    
    
    .textosGestionadoDesdeCMS strong *,
    .textosGestionadoDesdeCMS strong,
    .textosGestionadoDesdeCMS b *,
    .textosGestionadoDesdeCMS b{
        font-weight: 800; 
        color: inherit;   
    }
    .textosGestionadoDesdeCMS u *,
    .textosGestionadoDesdeCMS u,
    .textosGestionadoDesdeCMS em *,
    .textosGestionadoDesdeCMS em{
        color: inherit;   
    }
    .textosGestionadoDesdeCMS h2 *,
    .textosGestionadoDesdeCMS h2{
        font-weight: 800;   
        font-size: 22px; 
        color:#e6177c;
    }
    .textosGestionadoDesdeCMS h3 *,
    .textosGestionadoDesdeCMS h3{
        font-weight: 800;  
        font-size: 22px; 
        color: inherit; 
    }
    
    
    .textosGestionadoDesdeCMS p{
        margin-bottom: 15px;   
    }
    .textosGestionadoDesdeCMS a *,
    .textosGestionadoDesdeCMS a{
        color: #e6177c; 
        cursor: pointer;
    }
        .textosGestionadoDesdeCMS a:active *,
        .textosGestionadoDesdeCMS a:focus *,
        .textosGestionadoDesdeCMS a:hover *,
        .textosGestionadoDesdeCMS a:active,
        .textosGestionadoDesdeCMS a:focus,
        .textosGestionadoDesdeCMS a:hover{
            color:#bf005d;    
            text-decoration: none;
        }
    .textosGestionadoDesdeCMS iframe,
    .textosGestionadoDesdeCMS object{
        max-width: 100%;
        width: 100%;
    }
    .textosGestionadoDesdeCMS iframe[src*="vimeo.com"]{
        background-color: #000;
    }
    
        @media screen and (max-width: 500px) {
            .textosGestionadoDesdeCMS iframe,
            .textosGestionadoDesdeCMS object{
                height: auto;
            }
        }

    .textosGestionadoDesdeCMS .fab{
        font-family: 'Font Awesome\ 5 Brands'!important;
        font-size: 24px!important;
        padding-right: 20px;
    }
    
.textosGestionadoDesdeCMS.D2{
    
}
    .textosGestionadoDesdeCMS.D2 h2,
    .textosGestionadoDesdeCMS.D2 h3{
        font-weight: 800;    
        font-size: 22px;
        line-height: 1.3em;
        color:#e6177c; 
    }
    
    
    
/* 
 botones
 -------------------------
 */
.btn.btn-D1{
    border: 1px solid #e6177c;
    background: #e6177c;
    border-radius: 0px 0px 0px 0px;
    box-sizing: border-box;
    color: #f4f4f4;
    font-size: 14px;
    font-weight: 600;
}
    .btn.btn-D1 > span{  
        color: #f4f4f4;
        font-size: 14px;
        font-weight: 600;
    }
    .btn.btn-D1 > i{
        color: #f4f4f4;   
        font-size: 16px;
    }
    .btn.btn-D1:focus,
    .btn.btn-D1:hover{
        background: #f4f4f4;
    }
        .btn.btn-D1:focus,
        .btn.btn-D1:hover,
        .btn.btn-D1:focus > i,
        .btn.btn-D1:hover > i,
        .btn.btn-D1:focus > span,
        .btn.btn-D1:hover > span{
            color: #e6177c;
        }
        
.btn.btn-D2{
    border: 1px solid #e6177c;
    background: #FFF;
    border-radius: 0px 0px 0px 0px;
    box-sizing: border-box;
    color: #e6177c;
    font-size: 14px;
    font-weight: 800;
    padding: 6px 5px;
}
    .btn.btn-D2 > span{  
        color: #e6177c;
        font-size: 14px;
        font-weight: 800;
    }
    .btn.btn-D2 > i{
        color: #e6177c;   
        font-size: 16px;
    }
    .btn.btn-D2:focus,
    .btn.btn-D2:hover{
        background: #e6177c;
    }
        .btn.btn-D2:focus,
        .btn.btn-D2:hover,
        .btn.btn-D2:focus > i,
        .btn.btn-D2:hover > i,
        .btn.btn-D2:focus > span,
        .btn.btn-D2:hover > span{
            color: #f4f4f4;
        }

.btn.btn-D3{
    border: 1px solid #434244;
    background: #FFF;
    border-radius: 0px 0px 0px 0px;
    box-sizing: border-box;
    color: #434244;
    font-size: 14px;
    font-weight: 800;
    padding: 6px 5px;
}
    .btn.btn-D3 > span{  
        color: #434244;
        font-size: 14px;
        font-weight: 800;
    }
    .btn.btn-D3 > i{
        color: #434244;   
        font-size: 16px;
    }
    .btn.btn-D3:focus,
    .btn.btn-D3:hover{
        background: #434244;
    }
        .btn.btn-D3:focus,
        .btn.btn-D3:hover,
        .btn.btn-D3:focus > i,
        .btn.btn-D3:hover > i,
        .btn.btn-D3:focus > span,
        .btn.btn-D3:hover > span{
            color: #fff;
        }
        
        
        
.btn.btn-D4{
    border: 1px solid #e6177c;
    background: #e6177c;
    border-radius: 0px 0px 0px 0px;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    padding: 2px 5px;
}
    .btn.btn-D4 > span{  
        color: #e6177c;
        font-size: 14px;
        font-weight: 800;
    }
    .btn.btn-D4 > i{
        color: #fff;   
        font-size: 16px;
    }
    .btn.btn-D4:focus,
    .btn.btn-D4:hover{
        background: #e6177c;
    }
        .btn.btn-D2:focus,
        .btn.btn-D2:hover,
        .btn.btn-D2:focus > i,
        .btn.btn-D2:hover > i,
        .btn.btn-D2:focus > span,
        .btn.btn-D2:hover > span{
            color: #fff;
        }
        
        
        
        
.btn.btn-D10{
    border: 0px;
    background: #EEEEEE;
    border-radius: 20px 20px 20px 20px;
    box-sizing: border-box;
    color: #434244;
    font-size: 12px;
    font-weight: 500;
    padding: 10px 30px;
    text-transform: uppercase;
}
    .btn.btn-D10:focus,
    .btn.btn-D10:hover{
        color: #96bb48;
    }


        
.btn.btn-D11{
    border: 0px;
    background: #96bb48;
    border-radius: 20px 20px 20px 20px;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    padding: 10px 30px;
    text-transform: uppercase;
}
    .btn.btn-D11:focus,
    .btn.btn-D11:hover{
        color: #96bb48;
        background: #EEEEEE;
    }
    
    
.btn.btn-D12{
    border: 0px;
    background: #87a840;
    border-radius: 20px 20px 20px 20px;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    padding: 10px 15px;
    font-weight: 600;
    font-size: 15px;
}
    .btn.btn-D12 *{
        color: #ffffff;    
    }
    .btn.btn-D12:focus,
    .btn.btn-D12:hover{
        color: #fff;
        background: #434244;
    }
        .btn.btn-D12:focus *,
        .btn.btn-D12:hover *{
            color: #fff;
        }

.btn.btn-D13{
    border: 0px;
    background: #434244;
    border-radius: 20px 20px 20px 20px;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    padding: 7px 14px;
}
    .btn.btn-D13 *{
        color: #fff;    
    }
    .btn.btn-D13:focus,
    .btn.btn-D13:hover{
        color: #96bb48;
        background: #eeeeee;
    }
        .btn.btn-D13:focus *,
        .btn.btn-D13:hover *{
            color: #96bb48;   
        }
    
.btn.btn-D14{
    border: 1px solid #EEEEEE;
    background: #fff;
    border-radius: 20px 20px 20px 20px;
    box-sizing: border-box;
    color: #434244;
    font-size: 12px;
    font-weight: 600;
    padding: 7px 14px;
}
    .btn.btn-D14.is-checked{
        border: 1px solid #96bb48!important;
        background: #96bb48!important;
        color: #ffffff!important;
    }
    .btn.btn-D14:focus,
    .btn.btn-D14:hover{
        color: #96bb48;
        background: #EEEEEE;
        border: 1px solid #EEEEEE;
    }
     
     
.btn.btn-D15{
    border: 0px;
    background: #EEEEEE;
    border-radius: 20px 20px 20px 20px;
    box-sizing: border-box;
    color: #434244;
    font-size: 12px;
    font-weight: 500;
    padding: 7px 14px;
}
    .btn.btn-D15 *{
        color: #434244;    
    }
    .btn.btn-D15:focus,
    .btn.btn-D15:hover{
        color: #96bb48;
        background: #eeeeee;
    }  
        .btn.btn-D15:focus *,
        .btn.btn-D15:hover *{
            color: #96bb48;   
        }
    
.btn.btn-D16{
    border: 0px;
    background: #96bb48;
    border-radius: 20px 20px 20px 20px;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    padding: 7px 14px;
}
    .btn.btn-D16:focus,
    .btn.btn-D16:hover{
        color: #fff;
        background: #eeeeee;
    } 
     
/* 
 formularios
 -------------------------
 */
.formD1{
    
}
    .formD1 input,
    .formD1 textarea,
    .formD1 select{
        border-radius: 0px 0px 0px 0px;
        border: 1px solid #e6e6e6;
        
        -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.075);
        box-shadow: inset 0 0 0  rgba(0,0,0,.075);
    }
        .formD1 input:hover,
        .formD1 input:focus,
        .formD1 textarea:hover,
        .formD1 textarea:focus,
        .formD1 select:hover,
        .formD1 select:focus{
            border-color: #e6e6e6;
            border-bottom-color:  #e6177c;
            
            -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.075), 0 0 0 rgba(102,175,233,.6);
            box-shadow: inset 0 0 0 rgba(0,0,0,.075), 0 0 0 rgba(102,175,233,.6);
        }
    
    .formD1 .btnSubmit{
        
    }
        .formD1 .btnSubmit > i{
            display: none;
            vertical-align: middle;
        }
    .formD1 .btnSubmit.btnLoading{
     
    }
        .formD1 .btnSubmit.btnLoading > span{
            margin-right: 7px;
        }
        .formD1 .btnSubmit.btnLoading > i{
            display: inline-block;
        }
        
    .formD1 .g-recaptcha > div
    {
        margin-left: auto;
    }
    

.multiselect-container>li>a>label{
    font-weight: 300;
    font-size: 15px; 
    white-space:nowrap;
    text-overflow: ellipsis; 
}
.selectMultiple .multiselect-selected-text,
.selectMultiple .btn{
    font-size: 15px;   
}

.formD2{
    
}
    .formD2 h3{
        font-weight: 700;
        color: #96bb48;
        font-size: 12px;
        /*
        text-transform: uppercase;
        */
        padding: 0px 0px 0px 0px;
        margin: 0px;
    }
    .formD2 .row{
        padding-top: 10px;
    }
    .formD2 .row > div{
        padding-bottom: 10px;    
    }
    .formD2 textarea{
        border-radius: 0px 0px 0px 0px;
        border:0px;
        border-bottom: 1px solid #DDDDDD;
        font-size: 12px;
        -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.075);
        box-shadow: inset 0 0 0  rgba(0,0,0,.075);
    }
    .formD2 select{
        color: #919191;
    }
    .formD2 input,
    .formD2 select{
        border-radius: 20px 20px 20px 20px;
        border: 1px solid #DDDDDD;
        padding: 6px 15px;
        height: auto;
        
        font-size: 14px;
        
        -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.075);
        box-shadow: inset 0 0 0  rgba(0,0,0,.075);
    }
        .formD2 input:hover,
        .formD2 input:focus,
        .formD2 textarea:hover,
        .formD2 textarea:focus,
        .formD2 select:hover,
        .formD2 select:focus{
            border-color: #96bb48;
            
            -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.075), 0 0 0 rgba(102,175,233,.6);
            box-shadow: inset 0 0 0 rgba(0,0,0,.075), 0 0 0 rgba(102,175,233,.6);
        }
    .formD2 select option:disabled{
        background-color: #eeeeee; 
        color: #A1A1A1;   
        
        display: none;
    }    
    .formD2 .select {
        position: relative;
        border-radius: 20px 20px 20px 20px;
        border: 1px solid #DDDDDD;
        padding: 3px 15px 6px 11px;
        width: 100%;
        max-width: 120px;
        display: inline-block;
        overflow: hidden;
        background-color: #fff;
        vertical-align: middle;
        color:  #ddd;
    }

        .formD2 .select:before {
            content: '';
            position: absolute;
            right: 10px;
            top: 11px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 7px 5px 0 5px;
            border-color: #b1b3b4 transparent transparent transparent;
            z-index: 5;
            pointer-events: none;
            
        }
            .formD2.D2-1 .select:before{top: 10px;}
        .formD2 .select select {
            padding: 0px;
            width: 170%;
            height: 16px;
            border: none!important;
            box-shadow: none;
            background-color: transparent;
            background-image: none;
            appearance: none;
            margin-right: 0px;
        }
            .formD2 .select select:hover,
            .formD2 .select select:focus {
                background-color: transparent!important;
            }
            
        .formD2 .selectMultiple{
            display: inline-block;
            padding-right: 25px;
            margin-bottom: 7px;
            position: relative;
        }  
            .formD2 .selectMultiple .error{
                position: absolute!important;
                top: -16px!important;
                font-size: 12px!important;
                color: #fff!important;
                z-index: 1!important;
                background: #ff0000!important;
                padding: 4px 10px!important;
                border: 1px solid #ff0000!important;
                margin: 0 10px!important;
                display: none;
            }


            .formD2 .selectMultiple select{
                /*
                display: none!important;
                */
                max-height: 32px;
                min-width: 90px;
                width: 116px;
                overflow: hidden;
                vertical-align: middle;
            }   
            .formD2 .selectMultiple .multiselect-container>li.disabled{
                display: none;
            } 
            .formD2 .selectMultiple .multiselect-container>li>a>label{
                padding: 3px 20px 3px 32px;    
            }
            .formD2 .selectMultiple .multiselect-container>li>a>label>input[type=checkbox]{
                top: 6px;    
            }
            .formD2 .selectMultiple  .multiselect-selected-text{
                display: inline-block;
                min-width: 60px;    
                text-align: left;
            }
            .formD2 .selectMultiple .dropdown-menu>.active>a, 
            .formD2 .selectMultiple .dropdown-menu>.active>a:focus, 
            .formD2 .selectMultiple .dropdown-menu>.active>a:hover {
                background-color: #87a840;
            }
                .formD2 .selectMultiple .dropdown-menu>.active>a *, 
                .formD2 .selectMultiple .dropdown-menu>.active>a:focus *, 
                .formD2 .selectMultiple .dropdown-menu>.active>a:hover *{
                    color: #fff;
                }
            .formD2 .selectMultiple .btn{
                border-radius: 50px;
            }
            .formD2 .selectMultiple .btn-group.open .dropdown-toggle,
            .formD2 .selectMultiple .btn-default:focus,
            .formD2 .selectMultiple .btn-default:hover {
                color: #333;
                background-color: #fff;
                border-color: #87a840;
            }
            .formD2 .selectMultiple .btn-group.open .dropdown-toggle {
                -webkit-box-shadow: none;
                box-shadow: none;
            }
            
        .formD2 .selectMultiple.D2{
            display: block;
            padding-right: 0px;
            margin-bottom: 0px;
        }    
            .formD2 .selectMultiple.D2 .multiselect-native-select > .btn-group{
                display: block;
            }
            .formD2 .selectMultiple.D2 .multiselect-native-select > .btn-group > button{
                width: 100%;
                text-align: left;
                margin-bottom: 0px;
                float: none;
                overflow: hidden;
            }
            .formD2 .selectMultiple.D2 .multiselect-native-select > .btn-group > button .caret{
                right: 10px;
                position: absolute;
                top: 14px;
            }
        #formGrafica .selectMultiple ul.multiselect-container{    
            max-height: 55vh;
            overflow: auto;   
            border: 0px; 
        }   
            #formGrafica .selectMultiple ul.multiselect-container::-webkit-scrollbar{
                width: 1em;
            }
            #formGrafica .selectMultiple ul.multiselect-container::-webkit-scrollbar-thumb {
                 background-color: rgba(135, 168, 64,1);
             } 

    @media screen and (max-width: 501px) {

        #formGrafica .selectMultiple ul.multiselect-container{    
            max-height: 70vh;  
        }   
        
        .formD2#formGrafica .selectMultiple{
            width: 100%;    
        }
            .formD2#formGrafica .selectMultiple > label{
                min-width: 75px;
                text-align: right;
                padding-right: 20px; 
            }
            .formD2#formGrafica .selectMultiple .btn-group{
                max-width: calc(100% - 85px);
            }
            .formD2#formGrafica .selectMultiple .btn-group button{
                max-width: 100%;
                overflow: hidden;
                padding-right: 20px;
            }
            .formD2#formGrafica .selectMultiple .btn .caret{
                position: absolute;
                right: 8px;
                top: 14px;
            }
            
            .formD2#formGrafica .btnCancelar{
                margin-left: 79px;    
            }
            
        #pagEmergencias .boxEmpresas{
            padding-left: 0px!important;  
            margin-top: 50px; 
        }
            #pagEmergencias .boxEmpresas h3{
                font-size: 22px;
            }
            #pagEmergencias .boxEmpresas img{
                width: 49%;
                max-width: none!important;    
            }
        #pagEmergencias .boxDocumentacion{
            padding-left: 0px!important;
            margin-top: 50px;  
        }
            #pagEmergencias .boxDocumentacion h3{
                font-size: 22px;
            }
        
        
    }
            
#formMapa{
    
}
    #formMapa .btnSubmit{
  
    } 
        #formMapa .btnSubmit.loading i{
            display: inline-block;
            margin-right: 5px;
        }   
    #formMapa .selectMultiple{
        padding-bottom: 7px;    
    }      
        #formMapa .selectMultiple ul.multiselect-container{    
            max-height: 55vh;
            overflow: auto; 
            border: 0px;   
            max-width: 266px;
            overflow-x: hidden!important;
        }   
            #formMapa .selectMultiple ul.multiselect-container li{

            }
            #formMapa .selectMultiple ul.multiselect-container label{
                overflow: hidden;
                white-space:nowrap;
                text-overflow: ellipsis;
            }
            #formMapa .selectMultiple ul.multiselect-container::-webkit-scrollbar{
                width: 1em;
                background-color: #fff;
            }
            #formMapa .selectMultiple ul.multiselect-container::-webkit-scrollbar-thumb {
                 background-color: rgba(135, 168, 64,.7);
            } 
        @media screen and (max-width: 501px) {
            #formMapa .selectMultiple ul.multiselect-container{    
                max-height: 70vh;  
            }   
        }

        .formD2 .select.multiple{
            height: auto;
            max-height: none; 
            padding-right: 0px;   
        }
            .formD2 .select.multiple select{
                height: 75px;   
                border-radius: 0px; 
                width: 100%;
            }
            .formD2 .select.multiple:before{
                display: none;
            }

            
            
        .formD2 .reCaptcha .g-recaptcha > div{
            margin-left: 0px;
            margin-right: auto;
        }
        
    .formD2.D2-1 input,
    .formD2.D2-1 select{
        border: 1px solid #96bb48;
    }
        .formD2.D2-1 input:hover,
        .formD2.D2-1 input:focus,
        .formD2.D2-1 textarea:hover,
        .formD2.D2-1 textarea:focus,
        .formD2.D2-1 select:hover,
        .formD2.D2-1 select:focus{
            background-color: #fff;
        }
        
    .formD2 .btn{
        margin-bottom: 15px
    }       
    .formD2 .g-recaptcha{
        margin-bottom: 15px;
    }
        

        
    .formD2 .btnSubmit{
        
    }
        .formD2 .btnSubmit > i{
            display: none;
            vertical-align: middle;
        }
    .formD2 .btnSubmit.btnLoading{
     
    }
        .formD2 .btnSubmit.btnLoading > span{
            margin-right: 7px;
        }
        .formD2 .btnSubmit.btnLoading > i{
            display: inline-block;
        }
        
    .formD2 .g-recaptcha > div
    {
        margin-left: auto;
    }
    


    .formD2 .multipleCampos{
        
    }
        .formD2 .multipleCampos .form-control{
            max-width: 124px; 
            float: none;
            display: inline-block; 
            margin-right: 0px; 
        }
    @media screen and (max-width: 501px) {

        .formD2 .botonera{
            text-align:center;
        }
        .formD2 .multipleCampos .select,
        .formD2 .multipleCampos .form-control{
            width: 45%;
            max-width: 320px;
        }
        .formD2 .multipleCampos .select .form-control{
            max-width: 520px; 
            width: 200%;   
        }
        .formD2 .multipleCampos button,
        .formD2 .multipleCampos .select,
        .formD2 .multipleCampos input{
            margin-bottom: 5px;
        }
    
    }






























    
/* listados */


.listD1{
    list-style: none;
    padding: 0px;
}
    .listD1 li{
        padding-bottom: 10px;
    }
    
.listD2  {

}
    .listD2 .titulo {
        padding: 10px 0px 20px 0px;
        font-size: 14px;
        font-weight: 800;
    }
    .listD2 .titulo a{
        border-bottom: 0px;
    }
    .listD2 a {
        display: block;
        font-size: 15px;
        padding-bottom: 5px;
        margin-bottom: 7px;
        border-bottom: 1px solid #e6177c;
    }


    

.listFloata{
    list-style: none;  
    padding: 0px;     
}
    .listFloata > li{
        float: left;    
    }
    .listFloata:after{
        content: '';
        display: block;
        clear: both;
        width: 100%;
        float: none;    
    }
    
    

.list_D1{
    padding: 50px 0 20px 0;
}
    .list_D1,
    .list_D1 *{
        font-family: 'GothamRounded'; 
        font-weight: 800;  
    }
    .list_D1 a{
        display: block;
        min-height: 450px;    
    }
    .list_D1 .img{
        position: relative;
        display: block;
        margin-bottom: 15px;    
        width: 100%;
        height: 280px;  
        overflow: hidden; 
        
        transition: all 0.5s ease;
                
        -webkit-background-size:  100% auto;
        -moz-background-size: 100% auto;
        -o-background-size: 100% auto;
        background-size: 100% auto;
        background-repeat: 100% auto;
        
        background-position: center center;
    }

        
.listD5{
    list-style: none;
    padding: 0px;
}
    .listD5 li{
        padding-bottom: 6px;
    } 
    .listD5 li a{
        font-weight: 600;
        color: 
    }
    .listD5 li a:hover,
    .listD5 li a:focus,
    .listD5 li a:active,   
    .listD5 li a.is-checked{
        color:#e6177c;    
        text-decoration: none;   
    }
    
    
.listD6{
    list-style: none;
    padding: 0px;
    overflow: hidden;
    max-width: 100%;
}
    .listD6 > div{
        overflow: hidden;
        padding: 0px 0 0px 0;
        
        width: 25%;
        padding: 0 3px 3px 0px;
        box-sizing: border-box;
        max-width: 300px;
        float: left;
        min-height: 100px;

        max-width: 100%;
    }
    .listD6 > div a {
        position: relative;
        display: block;
    } 
    .listD6 > div a img{
        width: 100%;    
    }
    .image-overlay{
        opacity: 1;
        
        position: absolute;
        top:0px;
        left: 0px;
        
        width: 100%;
        height: 100%;
    }
        .image-overlay h3{
            position: absolute;
            top: -100px;
            left: 0px; 
            
            margin: 0;
            padding: 20px 15px 0px 15px;
            color: #fff;
            font-size: 17px;
            font-weight: 700;
            display: block;
            width: 100%;
            
            transition: all 0.5s ease;
        }
        .image-overlay h4{
            position: absolute;
            bottom: -200px;
            left: 0px; 
            
            margin: 0;
            padding: 0 15px 20px 15px;
            color: #fff;
            font-weight: 400;
            font-size: 12px;
            display: block;
            width: 100%;
            
            transition: all 0.5s ease;
        }
        .image-overlay strong{
            color: #fff;    
            font-weight: 500;
            font-size: 12px;
        }
    .listD6 > div a{
        background-color: #434244;
        display: block;   
    }
    .listD6 > div a:hover,
    .listD6 > div a:focus,
    .listD6 > div a:active{
 
    }
        .listD6 > div a:hover *,
        .listD6 > div a:focus *,
        .listD6 > div a:active *{
            text-decoration: none;
        }
        .listD6 > div a.activo img,
        .listD6 > div a:hover img,
        .listD6 > div a:focus img,
        .listD6 > div a:active img{
            opacity: .2;
        }
        .listD6 > div a.activo h3,
        .listD6 > div a:hover h3,
        .listD6 > div a:focus h3,
        .listD6 > div a:active h3{
            top:0px;
        }
        .listD6 > div a.activo h4,
        .listD6 > div a:hover h4,
        .listD6 > div a:focus h4,
        .listD6 > div a:active h4{
            bottom:0px;
        }

        
    @media screen and (max-width:1300px) {  
        
        .listD6 > div{
            width: 33.33333333%;
        } 
        
    } 
    @media screen and (max-width:1000px) {  
        
        .listD6 > div{
            width: 50%;
        } 
        
    }       
    @media screen and (max-width: 600px) {  
        
        .listD6 > div{
            width: 50%;
        } 
        
    }
    @media screen and (max-width: 500px) {  
        
        .listD6 > div{
            width: 100%;
            /*
            right: 0px;
            margin: auto;
            */
        } 

        .listD6 > div a *,
        .listD6 > div acus *,
        .listD6 > div a *{
            text-decoration: none;
        }
        .listD6 > div a img,
        .listD6 > div a img,
        .listD6 > div a img,
        .listD6 > div a img{
            opacity: .2;
        }
        .listD6 > div a h3,
        .listD6 > div a h3,
        .listD6 > div a h3,
        .listD6 > div a h3{
            top:0px;
        }
        .listD6 > div a h4,
        .listD6 > div a h4,
        .listD6 > div a h4,
        .listD6 > div a h4{
            bottom:0px;
        }
        
        .listD6 > div a h3,
        .listD6 > div a h3 *{
            line-height: 22px;
            font-size: 20px;
        }
        .listD6 > div a h4,
        .listD6 > div a h4 *{
            line-height: 20px;
            font-size: 14px;
        }
    }
    
    
/* 
 filtro
 -------------------------
 */
.filtroD1{
    
}
    .filtroD1 li,
    .filtroD1 ul{
        list-style: none;    
    }
    .filtroD1 .dropdown-toggle{
        border: 0px;
        border-radius: 0px 0px 0px 0px;
        background-color: transparent;      
        padding-left: 0px;
    }
        .filtroD1 .open .dropdown-toggle:hover,
        .filtroD1 .open .dropdown-toggle:focus,
        .filtroD1 .dropdown-toggle:focus,
        .filtroD1 .dropdown-toggle:hover,
        .filtroD1 .dropdown-toggle[aria-expanded="true"]{
            background-color: transparent;
            color: #96bb48;
            -webkit-box-shadow:none;
            box-shadow:none;
        }
        
    .filtroD1 .open>.dropdown-menu button{
        border: 0px; 
        border-radius: 0px 0px 0px 0px;
        background-color: transparent;   
        width: 100%;
        display: block;
        padding: 4px 5px 4px 10px;
        text-align: left;
    }
        .filtroD1 .open>.dropdown-menu button:hover{
            background-color: #F8F8F8;   
        }
    .filtroD1 .filtroActual{
        border-radius: 20px 20px 20px 20px!important;
        padding: 7px 14px;
    }
    
    
.filtroD2{
    
}
    .filtroD2 button{
        margin-bottom: 5px;
    } 
    
/* 
 Paginas
 -------------------------
 */   
#pagDenuncias{
    
}
    #pagDenuncias #content .formD2 .row {
        padding-top: 0px;
    }
    #pagDenuncias #content .formD2 h3.pdd-t10{
        padding-top: 10px;
    }


#pagEmergencias{
    
}
    #pagEmergencias #content{
        max-width: 100%;    
    }
    #pagEmergencias #content form{
        padding-left: 50px;
    }
    #pagEmergencias #content form .btn{
        margin-bottom: 0px!important; 
        vertical-align: top;    
    }
    @media screen and (max-width: 550px) {  
        #pagEmergencias #content form{
            padding-left: 0px;
        } 
    }
    #pagEmergencias #content .formCampos{
        position: relative;
    }
    #pagEmergencias #content .formCampos.loading:before{
        content:'';
        display: block;
        width: 100%;
        height: 100%;
        background-color: rgba(255,255,255,.8);
        position: absolute;
        top:0px;
        left: 0px;
        
        z-index: 9;
    }

    #pagEmergencias #content .formCampos.loading:after{

        font-family:Font Awesome\ 5 Free;
        font-weight:900;
        content: "\f110";
        font-size: 20px;
        color: #96bb48;

        display: inline-block;
        position: absolute;
        top:38%;
        left: 48%;
        
        -webkit-animation:a 2s infinite linear;
        animation:a 2s infinite linear;
        
        
        
        z-index: 10;
    }

    #pagEmergencias .boxDocumentacion{
        display: none;       
        position: relative;
        padding-left: 55px;
    }
        #pagEmergencias .boxDocumentacion.open{
            display: block;
        }
        #pagEmergencias .boxDocumentacion p{
            padding-bottom: 17px;
            position: relative;
            padding-left: 31px;
        }
        #pagEmergencias .boxDocumentacion p i{
            padding-right: 0px;  
            padding-left: 0px; 
            position: absolute;
            left: 6px;
            top: 3px;
            font-size: 13px;
        }

        #pagEmergencias .boxDocumentacion .btnCloseDocumentacion{
            position: absolute;
            right: 10px;
            top: 23px
        }
        
    #pagEmergencias .boxEmpresas{
        padding-left: 55px;    
    }
        #pagEmergencias .boxEmpresas img{
            max-width: 120px;    
        }
    
    
    #pagEmergencias #content .formCampos .select{
        
    }
        #pagEmergencias #content .formCampos .select:nth-child(1){
            max-width: 264px;
        }
        #pagEmergencias #content .formCampos .select:nth-child(2){
            max-width: 210px;
        }
        #pagEmergencias #content .formCampos .select:nth-child(3){
            max-width: 80px;
        }
        #pagEmergencias #content .formCampos .select > select{
            max-width: none;    
        }
        
        @media screen and (max-width: 501px) {
            
            #pagEmergencias #content .formCampos .select:nth-child(1){
                max-width: none;
                width: 100%;
            }
            #pagEmergencias #content .formCampos .select:nth-child(2){
                max-width: none;
                width: 100%;
            }  
        }

/* 
 compartir
 -------------------------
 */ 
.compartir{
    
}
    .compartir ul > li{
        margin-right: 15px;    
    }
    .compartir ul > li *{
        color: #cccccc;   
    }
    .compartir ul > li a:hover *{
        color: #96bb48;   
    }
    @media screen and (max-width: 992px) {  
        
        .formD2 .botonera {
            text-align: center;
        }       
        .formD2 .reCaptcha .g-recaptcha > div {
            margin-left: auto;
            margin-right: auto;
        }
        
    }
    
    
    
.boxGrafica{
    position: relative;    
}
    .boxGrafica .botonera{
        display: inline-block;
        width: auto;
        
        position: absolute;
        top: 15px;
        right: 15px;    
    }
    .boxGrafica .botonera .btn {
        font-size: 15px;  
        min-width: 45px;
    }
    .boxGrafica canvas{

    	background-image: url(../images/logoDeAgua.png);
    	background-repeat: no-repeat;
        background-position:  center 140px;
        background-size: 240px 80px;
    }
    
.tooltip-inner {
    font-size: 13px;
    color: #333;
    background-color: #eee;
}
.tooltip.top .tooltip-arrow{
    border-top-color: #eee!important; 
}
.tooltip.bottom .tooltip-arrow{
    border-bottom-color: #eee!important; 
}
.tooltip.left .tooltip-arrow{
    border-left-color: #eee!important; 
}
.tooltip.right .tooltip-arrow{
    border-right-color: #eee!important; 
}

.fancybox-inner .fancybox-button{
    background: #ccc;
}
.fancybox-button, 
.fancybox-button:link, 
.fancybox-button:visited {
    
}

/* 
 Mapas
 -------------------------
 */ 

#boxMapas{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}
    #content.active #boxMapas{
        /*
        width: calc(100% + 325px);
        */
        
    }

    #boxMapas .mapa{
        width: 100%;
        height: 100%;    
    }
    #boxMapas .boxMapa{
        float: left;
        overflow: hidden;
    }
    #boxMapas .boxMapa iframe{
        overflow: hidden;
        width: 100%;
    }
    #boxMapas .boxMapa{height: 100vh;border-radius: 0px 0px 0px 0px; }
    #boxMapas.M1 .boxMapa{height: 100vh; width: 100%;}
    #boxMapas.M2 .boxMapa{height: 100vh; width: calc( (100%) / 2 );}
    #boxMapas.M3 .boxMapa{height: 100vh; width: calc( (100%) / 3 );}
    .boxMapa{
        box-sizing: border-box;
        position: relative;
        border-radius: 20px 20px 20px 20px;
        background-color: #F6F6F6;
    }
    #boxMapas.M2 .boxMapa,
    #boxMapas.M3 .boxMapa{
        margin-top: 0px;
        padding-right: 2px;
        background-color: #96bb48;
    }
    #boxMapas.M2 .boxMapa:last-child,
    #boxMapas.M3 .boxMapa:last-child{
        padding-right: 0px;
    }
    #boxMapas .boxMapa .remLogoMapa{
        position: absolute;
        bottom: 40px;
        right: 7px;
        height: 65px;
        opacity: 0.9;
    }
    #boxMapas .boxMapa .remLogoMapaRem{
        position: absolute;
        top: 138px;
        right: 7px;
        height: 30px;
        opacity: 0.9;
        background-color: #fff;
        padding: 3px;
    }
    #boxMapas .boxMapa .titulo{
        position: absolute;
        top:0px;
        left: 0px;
        background-color: rgba(150, 187, 72, .8);
        color: #FFF;
        padding: 10px;
        width: calc(100% - 8px);
        margin: 3px;
        display: block;
        font-weight: 700;
        z-index: 2;
    }
        #boxMapas .boxMapa .titulo *{
            color: #FFF;    
        }
    @media screen and (max-width: 998px) {
        
        #boxMapas .boxMapa .remLogoMapa{
            bottom: 7px;
            right: 7px;
        }
        
        #boxMapas .boxMapa .titulo{
            background-color: rgba(150, 187, 72, 1);
            width: 100%;
            margin: 0px;
            display: block;
        }
    
    }
    
    
    
        
    #boxMapas .boxMapa .malezaAgrupada{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        background-color: rgba(0, 0, 0, 0.7);
        vertical-align: middle;
        text-align: center;
        font-size: 20px;
    }
        #boxMapas .boxMapa .malezaAgrupada span{
            display: block;
            margin: auto;
            top: 40%;
            position: absolute;
            width: 100%;
            text-align: center;
            font-size: 17px;
            color: #fff;
        }
        #boxMapas .boxMapa .malezaAgrupada span b{
            font-weight: 600;
            font-size: 17px;
            color: #fff;
            z-index: 1;
        }
        
    
    
    #boxMapas .cantMalezas{
        position: absolute;
        top: 48px;
        right: 5px;
        background-color: rgba(255,255,255,.9);
        padding: 5px;
        display: inline-block;
        max-width: 225px;
    }
        #boxMapas .cantMalezas h5{
            margin-bottom: 3px;   
            text-transform: uppercase;
            font-size: 11px;  
            font-weight: 600;
        }
        #boxMapas .cantMalezas h4{
            margin-bottom: 0px;     
        }
            #boxMapas .cantMalezas h4 span{
                font-size: 11px;
                padding-left: 5px;
            }
            #boxMapas .cantMalezas h4 i{
                display: inline-block;
                width: 15px;
                height: 15px;
                vertical-align: middle;
                border: 1px solid #EFEFEF;    
            }
            
            #boxMapas .cantMalezas h4.amarillo i{
                background-color: #F7FF01!important;
            }
            #boxMapas .cantMalezas h4.naranja i{
                background-color: #FF9601!important; 
            }
            #boxMapas .cantMalezas h4.rojo i{
                background-color: #ee0000!important;
            }
            #boxMapas .cantMalezas h4.gris i{
                background-color: #858585!important; 
            }

        #boxMapas .cantMalezas .escalaColor{
            margin-bottom: 20px;
            position: relative;
            height: 17px;
            width: 100%;
            display: block;
            border: 1px solid #EBEBEB;
            
            background: rgba(240,240,240,1)!important;
            background: -moz-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(23,23,23,1) 100%)!important;
            background: -webkit-gradient(left top, right top, color-stop(0%, rgba(240,240,240,1)), color-stop(100%, rgba(23,23,23,1)))!important;
            background: -webkit-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(23,23,23,1) 100%)!important;
            background: -o-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(23,23,23,1) 100%)!important;
            background: -ms-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(23,23,23,1) 100%)!important;
            background: linear-gradient(to right, rgba(240,240,240,1) 0%, rgba(23,23,23,1) 100%)!important;
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#171717', GradientType=1 )!important;
                    
        }
        
            #boxMapas .cantMalezas .escalaColor span:first-child{
                position: absolute;
                left: 0px;
                bottom: -19px;
                font-size: 10px; 
                color: #434244       
            }
            #boxMapas .cantMalezas .escalaColor span:last-child{
                position: absolute;
                right: 0px;
                bottom: -19px;
                font-size: 10px; 
                color: #434244  
            }
        #boxMapas .cantMalezas.AM .escalaColor{
            margin-bottom: 20px;
            position: relative;
            height: 17px;
            width: 100%;
            display: block;
            border: 1px solid #EBEBEB;
               
            background: rgba(255,186,186,1);
            background: -moz-linear-gradient(left, rgba(255,186,186,1) 0%, rgba(255,0,0,1) 53%, rgba(116,0,0,1) 100%)!important;
            background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,186,186,1)), color-stop(53%, rgba(255,0,0,1)), color-stop(100%, rgba(116,0,0,1)))!important;
            background: -webkit-linear-gradient(left, rgba(255,186,186,1) 0%, rgba(255,0,0,1) 53%, rgba(116,0,0,1) 100%)!important;
            background: -o-linear-gradient(left, rgba(255,186,186,1) 0%, rgba(255,0,0,1) 53%, rgba(116,0,0,1) 100%)!important;
            background: -ms-linear-gradient(left, rgba(255,186,186,1) 0%, rgba(255,0,0,1) 53%, rgba(116,0,0,1) 100%)!important;
            background: linear-gradient(to right, rgba(255,186,186,1) 0%, rgba(255,0,0,1) 53%, rgba(116,0,0,1) 100%)!important;
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbaba', endColorstr='#740000', GradientType=1 )!important;
                
        }
                
    @media screen and (max-width: 998px) {  

        #boxMapas .cantMalezas{
            top: 50px;
            right: 7px;
        }

        #pagMapa > .wrapper #content{
            padding:0px;
            margin:0px;    
        }
        #boxMapas {
            position: relative;
            top: auto;
            left: auto;
            width: 100%;
            height: auto;
            min-height: 100vh;
            
            background-color: #eeeeee!important; /* gris: #E9E9E9  Verde: #87a840*/
            padding-top: 0px; 
            padding-bottom: 75px; 
        }
        #boxMapas .boxMapa {
            height: auto!important;
            width: 100%!important;
            padding: 40px 0px 0px 0px !important;
            float: none;
            clear: both;
            background-color: #E9E9E9!important; 
        }

        #boxMapas .mapa{
            height: 80vh;    
        }
        
        .botoneraGeneral {
            position: fixed!important;
            bottom: 0px!important;
            left: calc(50% - 188px)!important;
            display: inline-block!important;
            padding: 6px 6px!important;
            background-color: rgba(255,255,255,.7)!important;
        }

    }
    @media screen and (max-width: 500px) {  
            .botoneraGeneral{
                text-align: center;
                left: 0px!important;   
                width: 100%;
            }
            .botoneraGeneral .btn.idioma {
                padding: 7px 12px!important;
                width: auto;
            }
            .botoneraGeneral .btn.idioma i{
                display:none;
            }    
    }
    
#MdlInfoMapas{
    
}
    #MdlInfoMapas .close{
        position: absolute;
        top: 0px;
        right: 10px;
    }
        #MdlInfoMapas .close span{
            font-size: 41px;
            line-height: 41px;
            font-weight: 300;
        }
    #MdlInfoMapas h3{
        font-size: 30px;   
        line-height: 1em;
        margin: 0px; 
        padding-bottom: 15px; 
        color: #96bb48;
        font-weight: 600;
    }
    #MdlInfoMapas h4{
        font-size: 20px;   
        line-height: 1em;
        margin: 0px;  
        padding-bottom: 15px; 
    }
    #MdlInfoMapas p{
        padding-bottom: 7px; 
        line-height: 1.5em;
    }
    
    #MdlInfoMapas thead th{
        background-color: #96bb48;
        color: #fff;
        padding: 4px 3px;
        vertical-align: bottom;
        border: 0px;
    }
    #MdlInfoMapas thead tr:first-child th{
        background-color: #c6010e;    
    }
    
    #MdlInfoMapas thead th{
        color: #fff;
        font-weight: 400;
        font-size: 14px;    
    }
    #MdlInfoMapas thead th *{
        color: #fff; 
    }
    #MdlInfoMapas tr td{
        padding: 4px 3px;
        font-size: 13px;
        font-weight: 400;
    }
    #MdlInfoMapas tr td:nth-child(5),
    #MdlInfoMapas tr td:nth-child(6),
    #MdlInfoMapas tr td:nth-child(7),
    #MdlInfoMapas tr td:nth-child(8){
        text-align: center;
    }
    
    
    
    
#MdlDetallePM{
    
}
    #MdlDetallePM .close{
        position: absolute;
        top: 0px;
        right: 10px;
    }
        #MdlDetallePM .close span{
            font-size: 41px;
            line-height: 41px;
            font-weight: 300;
        }
    #MdlDetallePM h1{
        font-size: 30px;   
        line-height: 1em;
        margin: 0px;  
    }
    #MdlDetallePM h4{
        color: #a2a2a2;  
        margin: 0px;
        font-size: 16px;
    }
    #MdlDetallePM h5{
        color: #434244; 
        margin: 0px;
        font-weight:400; 
        font-size: 14px;
    }
    #MdlDetallePM h2{
        color: #96bb48;  
        border-bottom: 1px solid #96bb48; 
    }
    #MdlDetallePM .boxMaleza{
        
    }
        #MdlDetallePM .boxMaleza img{
            width: 100%;
            height: auto;    
        }
        #MdlDetallePM .boxMaleza .row{
            margin: 5px;
            padding-bottom: 5px;
            border-bottom: 1px solid #efefef;
        }
            #MdlDetallePM .boxMaleza .row:last-child{
                border-bottom: 0px;
            }
            #MdlDetallePM .boxMaleza .row > div:first-child{
                padding-left: 0px;
                padding-right: 0px;
            }
        #MdlDetallePM .detalle_maleza{
            
        }
            #MdlDetallePM .detalle_maleza h3{
                padding-top: 10px;
                font-size: 18px;
            }
            #MdlDetallePM .detalle_maleza span,
            #MdlDetallePM .detalle_maleza b,
            #MdlDetallePM .detalle_maleza p{
                font-size: 13px;
            }
            #MdlDetallePM .detalle_maleza p > span{
                display: block;
                padding-bottom: 3px;
            }
            #MdlDetallePM .detalle_maleza .nivel i{
                padding: 3px 0;
                height: 13px;
                width: 10px;    
            }
            #MdlDetallePM .detalle_maleza .nivel *{
                display: inline-block;    
                vertical-align: middle;
            }
            #MdlDetallePM .detalle_maleza .nivel > span{
                padding-left: 3px;
                line-height: 13px;
                padding-top: 1px;
            }
            #MdlDetallePM .detalle_maleza .nivel > b{
                padding-right: 3px;
            }
            #MdlDetallePM .detalle_maleza .nivel.v0 i{
                background-color: #848484;
            }
            #MdlDetallePM .detalle_maleza .nivel.v1 i{
                background-color: #FF9601;
            }
            #MdlDetallePM .detalle_maleza .nivel.v2 i{
                background-color: #ee0000;
            }
            #MdlDetallePM .detalle_maleza .nivel.v3 i{
                background-color: #F7FF01;
            }
            
            #MdlDetallePM .detalle_maleza .nivel.v0 > span{
                color: #848484;
            }
            #MdlDetallePM .detalle_maleza .nivel.v1 > span{
                color: #FF9601;
            }
            #MdlDetallePM .detalle_maleza .nivel.v2 > span{
                color: #ee0000;
            }
            #MdlDetallePM .detalle_maleza .nivel.v3 > span{
                color: #d7de00; /* #F7FF01 */
                font-weight: 600;
            }


.tooltipsFijo{
    width: 200px;
    padding: 6px;
    background-color: #fff!important;
    border-radius: 5px 5px 5px 5px;
    margin: 3px; 
    left: 0px;
    top:0px;
    position: fixed;
}
    .tooltipsFijo *{
        font-size: 12px;  
        font-weight: 400;   
    }
    .tooltipsFijo .departamento{
        font-size: 15px;
        font-weight: 600;  
        text-transform: capitalize;
    }
    .tooltipsFijo .provincia{
        text-transform: capitalize;
        padding-bottom: 5px;
        color: #8C8C8C;
    }
    .tooltipsFijo .valor{
        padding-bottom: 3px;    
    }
        .tooltipsFijo .valor b{
            font-size: 13px;
            font-weight: 500;    
        }
    .tooltipsFijo .close {
        position: absolute;
        top: 7px;
        right: 10px;
        font-size: 22px;
        line-height: 15px;
        font-weight: 300;
        color: #434244;
    }

.tooltips{
    width: 300px;
    max-width: 100%;
    padding: 6px;
    minheight: 40px;
    background-color: #fff;
    border-radius: 5px 5px 5px 5px;
}
    .tooltips *{
        font-size: 12px;  
        font-weight: 400;   
    }
    .tooltips .departamento{
        font-size: 15px;
        font-weight: 600;  
        text-transform: capitalize;
    }
    .tooltips .provincia{
        text-transform: capitalize;
        padding-bottom: 5px;
        color: #8C8C8C;
    }
    .tooltips .valor{
        padding-bottom: 3px;    
    }
        .tooltips .valor b{
            font-size: 13px;
            font-weight: 500;    
        }
    .tooltips .maleza{
        border-left: 2px solid #fff;
        margin-bottom: 3px;
        padding-left: 2px;
    }
        .tooltips .maleza.vGris{
            border-left: 2px solid #858585;
        }
        .tooltips .maleza.v0{
            border-left: 2px solid #848484;
        }
        .tooltips .maleza.v1{
            border-left: 2px solid #FF9601;
        }
        .tooltips .maleza.v2{
            border-left: 2px solid #ee0000;
        }
        .tooltips .maleza.v3{
            border-left: 2px solid #F7FF01;
        }
        .tooltips .maleza b{
            font-weight: 600;
            font-size: 13px;
        }
        .tooltips .maleza i{
            display: none;
            font-weight: 900;
            padding-right: 5px;
        }
        .tooltips .maleza > span{
            display: block;
            color: #8C8C8C;
            font-size: 11px;
            
        }


.botoneraGeneral{
    position: absolute;
    bottom:0px;
    left: calc(50% - 188px);
    display: inline-block;
    padding: 2px 6px;
    background-color:  transparent;
    color: #FFF;
}
    .botoneraGeneral .btn {
        width: 40px; 
        padding-left: 0px; 
        padding-right: 0px;  
    }
    .botoneraGeneral .btn.idioma{
        padding: 4px 12px;  
        width: auto;  
    }
    .botoneraGeneral .btn.idioma i{
        vertical-align: middle;
        font-size: 23px;   
    }
    
#pagMapa{
    
}
    #pagMapa .loadingMapa{
        position: absolute!important;
        top: 0!important;
        text-align: center;
        width: 100%; 
    }
        #pagMapa .loadingMapa > div {
            position: absolute!important;
            top: 48vh!important;
            text-align: center;
            width: 100%;
            font-size: 30px;   
            font-weight: 400; 
            color: #FFF;   
            opacity: .7;
        }
        #pagMapa .loadingMapa:before{
            content: '';
            display: block;
            
            position: absolute;
            top:0px;
            left: 0px;
            
            width: 100%;
            height: 100vh;
            
        	background-image: url(../images/fondo-mapa.jpg);
        	background-repeat: no-repeat;
            background-size: 100% 100%;
        }

        @media screen and (max-width: 600px) {  
            
            #pagMapa .loadingMapa:before{
            	background-image: url(../images/fondo-mapa.jpg);
            	background-repeat: no-repeat;
                background-position: center center;
                background-size:  auto 100%;
            }
        }
    #pagMapa .loadingMapa *{
        font-size: 30px;   
        color: #FFF;
    }
    #pagMapa .loadingMapa i{
        padding: 0 15px;  
    }
    
#fondoLoading{
    
}
    #fondoLoading > div{
        position: absolute;
        top: 48%;
        text-align: center;
        width: 100%;
        font-size: 30px;   
        font-weight: 500;
    }
    #fondoLoading > div *{
        font-size: 30px;   
    }
    #fondoLoading > div i{
        padding: 0 15px;  
    }
    
    
    
@media print {

    #sidebar{
        display: none;
    }
    .headerPrint{
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 50px;
    }
    #content {
        width: 100%;
        position: relative;
        left: auto;
        top: auto;
        min-height: 0px;
    }
        #content.active {
            width: 100%;
        }
        
    .print{
        display: block!important;
    }
    
    .boxCopyRight{
        padding: 20px 0 0px 0;
    }
        .boxCopyRight .color1{
            color:#96bb48!important;
            font-weight: 500;
        }

        
    #pagEmergencias{
        
    }
        #pagEmergencias .txtValoresSelec{
            display: block;    
            padding-bottom: 20px;
        }
        #pagEmergencias .boxEmpresas,
        #pagEmergencias .boxDocumentacion,
        #pagEmergencias .boxGrafica .botonera,
        #pagEmergencias .txt1,
        #pagEmergencias .formCampos,
        #pagEmergencias .compartir{
            display: none;    
        }
        #pagEmergencias .boxGrafica .logoDeAgua{
            display: inline-block;
            
            position: absolute;
            margin: auto;
            top: 140px;
            left: 0px;
            right: 0px;
    
            width: 250px;
            
            max-width: 422px;
            max-height: 81px;
        }
    
        
    #pagMapa{
        
    }
        #pagMapa .headerPrint {
            text-align: left;
            padding-left: 20px;
        }
        #pagMapa #content{
            padding: 20px;
        }
        #pagMapa .botoneraGeneral{
            display: none;    
        }
        #pagMapa #boxMapas{
            margin-top: 0px;
            
            position: relative;
            top: auto;
            left: auto;
            width: 100%;
        }
        #pagMapa #boxMapas:after{
            content:'';
            display: block;
            clear: both;
        }
        #pagMapa #boxMapas .boxMapa {
            height: 600px;
        }
        
        #pagMapa #boxMapas .boxMapa .gmnoscreen{
            display: none;
        }
        #pagMapa #boxMapas .boxMapa .gm-style > div > a{
            display: none!important;    
        }
        #boxMapas .boxMapa .titulo {
            background-color: #96bb48!important;
            color: #FFF!important;
            font-weight: 600;

            -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
        }
            #boxMapas .boxMapa .titulo *{
                color: #FFF!important;
            }
        #boxMapas .boxMapa .remLogoMapa{
            bottom: 40px;
            right: 7px;
        }
        #pagMapa .txtValoresSelec{
            display: block; 
            padding-top: 0px;   
            padding-bottom: 0px;
        }
            #pagMapa .txtValoresSelec h1{
                font-size: 30px;
            }
            #pagMapa .txtValoresSelec .maleza{
                display: none!important;
            }
            #pagMapa .txtValoresSelec .boxColoresEnMapa{
                padding-top: 10px;    
            }
    #boxMapas button.gm-fullscreen-control,
    #boxMapas .mapa .gm-bundled-control,
    #boxMapas .mapa .gm-style-mtc,
    #boxMapas .mapa .gm-style-cc,
    #boxMapas .mapa .cantMalezas{
        display: none!important;
    }

    #boxMapas .cantMalezas{
        background-color: transparent!important;
    }
        #boxMapas .cantMalezas.AM .escalaColor,
        #boxMapas .cantMalezas h4,
        #boxMapas .cantMalezas h5,
        #boxMapas .cantMalezas div{
            display: none!important;
        }

    #boxMapas.M3 .boxMapa .titulo{
        padding: 2px 4px;
    }

    

    #boxMapas .cantMalezas .escalaColor{
        background: rgba(240,240,240,1)!important;
        background: -moz-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(23,23,23,1) 100%)!important;
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(240,240,240,1)), color-stop(100%, rgba(23,23,23,1)))!important;
        background: -webkit-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(23,23,23,1) 100%)!important;
        background: -o-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(23,23,23,1) 100%)!important;
        background: -ms-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(23,23,23,1) 100%)!important;
        background: linear-gradient(to right, rgba(240,240,240,1) 0%, rgba(23,23,23,1) 100%)!important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#171717', GradientType=1 )!important;
    }
    
    
    
    #boxMapas a[href*="https://maps.google.com/maps"]{
        display: none!important;
    }
    
}




    
#boxMapas.disenoPDFCel{
    width: 1400px!important;
    height: 100vh!important;  
    padding-top: 0px;
    padding-bottom: 0px;  
    background-color: transparent!important;
} 
    #boxMapas.disenoPDFCel .mapa{
        width: 100%!important;
        height: 100%!important;    
    }
    #boxMapas.disenoPDFCel .boxMapa{
        float: left!important;
        clear: none!important;
        overflow: hidden!important;
        padding: 0px 1px 0px 0px!important;
        background-color: transparent!important;
    }
    #boxMapas.disenoPDFCel .boxMapa iframe{
        overflow: hidden!important;
        width: 100%!important;
    }
    #boxMapas.disenoPDFCel .boxMapa{height: 100vh!important;border-radius: 0px 0px 0px 0px!important; }
    #boxMapas.disenoPDFCel.M1 .boxMapa{height: 80vh!important; width: 50%!important;}
    #boxMapas.disenoPDFCel.M2 .boxMapa{height: 100vh!important; width: calc( (100%) / 2 )!important;}
    #boxMapas.disenoPDFCel.M3 .boxMapa{height: 100vh!important; width: calc( (100%) / 3 )!important;}
    #boxMapas.disenoPDFCel .boxMapa{
        box-sizing: border-box!important;
        position: relative!important;
        border-radius: 20px 20px 20px 20px!important;
        background-color: #F6F6F6!important;
    }
    #boxMapas.disenoPDFCel.M2 .boxMapa,
    #boxMapas.disenoPDFCel.M3 .boxMapa{
        margin-top: 0px!important;
        padding-right: 2px!important;
        background-color: #96bb48!important;
    }
    #boxMapas.disenoPDFCel.M2 .boxMapa:last-child,
    #boxMapas.disenoPDFCel.M3 .boxMapa:last-child{
        padding-right: 0px!important;
    }
    #boxMapas.disenoPDFCel .mapa button.gm-fullscreen-control{
        display: none!important;  
    }
    
    #boxMapas.disenoPDFCel button.gm-fullscreen-control,
    #boxMapas.disenoPDFCel .gm-bundled-control,
    #boxMapas.disenoPDFCel .gm-style-mtc,
    #boxMapas.disenoPDFCel .gm-style-cc,
    #boxMapas.disenoPDFCel .cantMalezas{
        display: none!important;
    }
    
    
    
    




.sidebar-header .logo img{
    max-width: 214px;
}
@media screen and (max-width: 998px) {
    .logo-header-movil{
        display: block;
        text-align: center;
        padding: 30px 0;
    }
}








.subMenuBononera{
    padding: 0px 30px 0px 30px;  
    margin-bottom: 25px; 
}
    .subMenuBononera:after{
        content: '';
        clear: both;
        display: block;
        width: 100%;
    }
    .subMenuBononera > div.d3c > a{
        width: 33.33%;    
    }
    .subMenuBononera > div > a{
        width: 25%;
        display: inline-block;
        height: 50px;
        text-align: center; 
        float: left; 
        border-top: 1px solid #87a840; 
        border-bottom: 1px solid #87a840; 
        border-right: 1px solid #87a840;
        background-color: transparent;
    }
    .subMenuBononera > div > a:first-child{
        border-left: 1px solid #87a840;    
    }
    .subMenuBononera > div > a.active{
        background-color: #87a840;
    }
    .subMenuBononera > div > a > img{
        margin-top: 10px;
        height: 32px;
    }
    .subMenuBononera > h3{
        background-color: #87a840;
        line-height: 1.2em;
        font-size: 12px;
        font-weight: 500;
        padding: 5px 6px;
        margin: 0px;
        text-align: center;
        color:#d2e0b5;
        text-transform: uppercase;
    }
    
    
    
/***************************
2020-08
******************************/

.categoriasAbundancia{
    
}
    .categoriasAbundancia label{
        display: block;
        width: 100%;
        position: relative;    
    }
    .categoriasAbundancia span{
        display: block;
        width: 100%;
        padding-left: 38px;
        line-height: 1.2em;   
        font-size: 13px!important;  
    }
    .categoriasAbundancia input{
        position: absolute;
        left: 25px;
        top: 2px;    
    }

/***************************
2022-11
******************************/

#MdlDetallePM{
    
}
    #MdlDetallePM .descripcion .rowImg{
        display: grid;
        grid-template-columns: 32% 32% 32%;
        gap: 2%; 
        padding-bottom: 40px;  
    } 
        #MdlDetallePM .descripcion .colImg{
                
        }
        #MdlDetallePM .descripcion .colImg p{
            font-size: 14px;
            line-height: 15px;
            color: #8d8d8d;
            text-align: center;
            padding: 10px 0px;        
        }
        #MdlDetallePM .descripcion .colImg img{
            width: 100%;      
        }
        
@media screen and (max-width: 576px) {
    #MdlDetallePM .descripcion .rowImg{
        display: grid;
        grid-template-columns: 49% 49%;
        gap: 2%; 
    } 
}
        

/************************
 2024-11
************************/
.tooltipsFijo .valor.d2{
    background-color: #efefef;
    padding: 3px 7px 3px 15px;
    margin-top: 1px;   
    margin-bottom: 1px; 
}    
.tooltips .valor.d2{
    background-color: #efefef;
    padding: 3px 7px 3px 15px;
    margin-top: 1px;    
    margin-bottom: 1px; 
} 
 
        
/************************
 2025-08
************************/
#formMapa .selectMultiple .multiselect-item.multiselect-group,
#formMapa .selectMultiple .multiselect-item.multiselect-group > a,
#formMapa .selectMultiple .multiselect-item.multiselect-group > a > label,
#formMapa .selectMultiple .multiselect-item.multiselect-group > a > label > b{
    line-height: 21px;
    font-size: 16px;
    padding-top: 3px;
    padding-bottom: 0px;
}