html, body {
        height: 100%;
        margin: 0;
		overflow:hidden;
		font-family: 'brandon_grotesquelight', sans-serif;
}
 
@font-face {
    font-family: 'brandon_grotesquebold';
    src: url('fuente/brandon_bld-webfont.woff2') format('woff2'),
         url('fuente/brandon_bld-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'brandon_grotesquelight';
    src: url('fuente/brandon_light-webfont.woff2') format('woff2'),
         url('fuente/brandon_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'brandon_grotesquemedium';
    src: url('fuente/brandon_med-webfont.woff2') format('woff2'),
         url('fuente/brandon_med-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'brandon_grotesque_regularRg';
    src: url('fuente/brandon_reg-webfont.woff2') format('woff2'),
         url('fuente/brandon_reg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

} 
 
 
#map{ 
  height:100%;
}


#titulo{
	width:100%;
	margin:0;
	padding:0;
	line-height:40px;
	text-align:center;
	background:#000;
	color:#FFF;
	position:absolute;
	bottom:0;
	left:0;
	z-index:100;
	
}

label{
	font-weight: 300;
}

form{
	 margin-top: 10px;
}

.form-group{
	margin-right: 20px;
}

h2{
	color: #75B0B7;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding: 5px 0;
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    border-bottom: 2px solid #E3566A;
	margin-top:0;
    font-family: 'brandon_grotesquebold';	
}

p{
	padding-top:15px;
	padding-bottom:10px;
	color: #292729;
}

#titulo h3{
	color:#fff;
	font-weight:bold;
	text-align:left;
	display:inline;
	line-height:20px;
	height:30px;
	display: inline;
    float: left;
}

h3 a:link, h3 a:visited{
	color: #ED2738;
	text-decoration:none;
}

h4{
	font-size:16px;
	font-weight:bold;
	margin-top:15px;
	color:#484848;
	text-transform:none;
}




div.cartodb-popup.v2 div.cartodb-popup-content-wrapper {
    width: auto;
    max-width: none;
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: none;
}





	
div.cartodb-popup p {
    color: #444;
    margin-top: 0;
    margin-bottom: 0;
	font-size:16px;line-height: 18px;
}	

.jspContainer{    width: 920px;
    height: 480px;
    min-height: 480px;
    height: 480px;
	}
	


div.cartodb-popup.v2 a.cartodb-popup-close-button {
    border-radius: 20px;
}	


div.cartodb-popup.v2 a.cartodb-popup-close-button:before, div.cartodb-popup.v2 a.cartodb-popup-close-button:after {
    background: #292729;
}


div.cartodb-popup .jspDrag {
    background: rgba(0,173,241,0.3);
}
div.cartodb-popup .jspDrag:hover {
    background: rgba(0,173,241,0.7);
}

h1, .h1{
	font-size:20px;    font-family: 'brandon_grotesquebold';
}


.jspPane{padding:10px;}


div.cartodb-popup .jspVerticalBar {
    width: 10px;
}


/* ESTILOS NUEVOS PAL INFOWINDOW */


.unfyb{
    font-size: 12px;
    width: 76px;
    float: left;
    text-align: center;	
    line-height: 12px;	
	margin:2px;
		
}

.iconitofyb{
		height:44px;
		width:44px;
		margin-bottom:5px;
}

.lasfyb{
	font-size:14px;	
}

.fybencabeza{
	padding-bottom:20px;
	font-size: 22px;
    line-height: 40px;
    height: 40px;
    text-transform: uppercase;
	margin-bottom:5px;
	border-bottom: 2px solid #BBB;	
    margin-right: 10px;
    margin-left: 10px;
	font-weight:bold;	
	margin-top:10px;
}

.fybcuerpo{
	font-size:16px;
}

.izquierdo{
	float:left;
	color: #75B0B7;
}

.derecho{
	float:right;
	color:#E3566A;
}







.predio{
border-bottom:1px solid #CCC;
margin-bottom:20px;
padding-bottom:10px;
}

.basuras{margin-bottom:20px;}

.cargue{

}


.h4 .cartodb-tooltip-content{
color:#75B0B7;
line-height:32px;
font-size:24px;
}
basuras.h3{
color:#75B0B7;
line-height:32px;
font-size:24px;
}

.h2{
color:#E35468;
}

.labelresidentes{
	font-size:14px;
	color:#444;
	font-weight:bold;
}