/* CSS Document */



.ocultardelmenu {

	visibility: hidden !important;

}



.logoUrban{

	z-index: 1000;	

	

}

.tamañocaja{
	width: 60% !important;;	
}

.letrafac {
	font-weight: 500 !important;
	font-size: 16px !important;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	}	

.etiquetafac {
        width: 20px; /* Ancho fijo para la etiqueta */
    }

.valorfac {
        margin-left: 12px; /* Ajusta el valor según tus necesidades */
    }

.sinbordes{

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: outset;

	border-right-style: outset;

	border-bottom-style: outset;

	border-left-style: outset;

}



.letracomunic{

	font-size: 12px;	

}



.lineadiv{

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCC;

	}



.row-striped:nth-of-type(odd){

  background-color: #efefef;

  border-left: 0px #000000 solid;

}



.row-striped:nth-of-type(even){

  background-color: #ffffff;

  border-left: 0px #efefef solid;

}



.row-striped {

    padding: 5px 0;

	margin-right: 0px !important;

}



.colorcalenda {

    color: #fff;

    /*background-color: #438fd2;*/

	background-color: #337ab7 !important;

}

.estilocalenda {

    display: inline-block !important;

    padding: .24em .4em !important;

    font-size: 60% !important;

    font-weight: 700 !important;

    line-height: 1 !important;

    text-align: center !important;

    white-space: nowrap !important;

    vertical-align: baseline !important;

    border-radius: .25rem !important;

}



	

.calendario { /* el contenedor */

  color: #000 !important;

  background: #EDEDEF !important;

  background: -webkit-gradient(linear, left top, left bottom, from(#EDEDEF), to(#CCC)) !important; 

  background: -moz-linear-gradient(top,  #EDEDEF,  #CCC) !important; 

  font-family: Arial Black, Arial, Helvetica, sans-serif !important;

  font-weight: bold !important;

  padding-top: 5px !important;

  position: relative !important;

  text-align: center !important;

  text-shadow: #FFF 0 1px 0 !important;

  -moz-border-radius: 3px !important;

  -webkit-border-radius 3px;

  border-radius: 3px !important;

  -moz-box-shadow: 0 2px 2px #888 !important;

  -webkit-box-shadow: 0 2px 2px #888 !important;

  box-shadow: 0 2px 2px #888 !important;

  /* esto define el tamaño */

  font-size: 15px !important;

  line-height: 30px !important;

  width: 50px !important;

  /* si se quiere mas pequeño, se pueden usar otros valores: 20px 40px y 50px respectivamente */

}

.calendario em { /* el mes */

  background: #0e964a !important;

  background: -webkit-gradient(linear, left top, left bottom, from(#0e964a), to(#00365A)) !important; 

  background: -moz-linear-gradient(top,  #0e964a,  #00365A) !important; 

  color: #FFF !important;

  display: block !important;

  font-family: Arial, Helvetica, sans-serif !important;

  font-size: 11px !important;

  font-weight: bold !important;

  text-shadow: #00365A 0 -1px 0 !important;

  -moz-border-radius-bottomright: 3px !important;

  -webkit-border-bottom-right-radius: 3px !important;

  border-bottom-right-radius: 3px !important;

  -moz-border-radius-bottomleft: 3px !important;

  -webkit-border-bottom-left-radius: 3px !important;

  border-bottom-left-radius: 3px !important;

  border-top: 1px solid #00365A !important;

  line-height: 30px !important; /* esto define la altura */

}

.calendario:before, .calendario:after { /* los anillos superiores */

  background: #111 !important;

  content:'';

  float: left !important;

  position: absolute !important;

  z-index: 1 !important;

  -moz-border-radius: 10px !important;

  -webkit-border-radius: 10px !important;

  border-radius: 10px !important;

  -moz-box-shadow: 0 1px 1px #FFF !important;

  -webkit-box-shadow: 0 1px 1px #FFF !important;

  box-shadow: 0 1px 1px #FFF !important;

  /* esto define el tamaño */

  height: 6px !important;

  top: 4px !important;

  width: 6px !important;

  /* si se quiere mas pequeño, se pueden usar otros valores: 6px 4px y 6px respectivamente */

}

.calendario:before{

  left:2px !important; /* o 7px si es pequeño */

}

.calendario:after {

  right:-1px !important; /* o 7px si es pequeño */

}

.calendario em:before, .calendario em:after { /*los círculos */

  background: #DADADA !important;

  background: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#AAA)) !important; 

  background: -moz-linear-gradient(top,  #F1F1F1,  #AAA) !important; 

  content:'';

  float: left !important;

  position: absolute !important;

  z-index: 2 !important;

  -moz-border-radius: 2px !important;

  -webkit-border-radius: 2px !important;

  border-radius: 2px !important;

  /* esto define el tamaño */

  height: 10px !important;

  top: -3px !important;

  width: 3px !important;

  margin-left: 0px !important;

  /* si se quiere mas pequeño, se pueden usar otros valores: 10px -3px y 2px respectivamente */

}

.calendarioBIG em:before{

  left: 0px !important; /* o 9px si es pequeño */

}

.calendarioBIG em:after{

  right: 0px !important; /* o 9px si es pequeño */

}



.triangulo {

     width: 0 ; 

     height: 0; 

     border-left: 12px solid #f0ad4e !important;

     border-top: 6px solid transparent !important;

     border-bottom: 6px solid transparent !important; 

}







.letrapeque{

	font-size: 9px;	

}



.fondoadmin{

	background-color: #f5f5f5 !important;

}

.fondoheading{
	
	background-color: #ffffff !important;
}



.fondoul{

	background-color: #fff !important;

	color: #16445b !important;

}



.oculto{

	display:none;

}



.tituloVyA{

	color: #16445b;

	font-family: "Montserrat", sans-serif;

	font-weight: 700;

	padding: 0;

	margin-top: 60px;

	margin-right: 0;

	margin-bottom: -65px;

	margin-left: 0;		

}



.clasific{

	color: #16445b;

	font-family: "Montserrat", sans-serif;

	font-weight: 300;

	padding: 0;

	margin-top: 100px;

	margin-right: 0;

	margin-bottom: -30px;

	margin-left: 0;

	font-size: 18px;

}



.tituloVyACont{

	color: #16445b;

	font-family: "Montserrat", sans-serif;

	font-weight: 400;

	padding: 0;

	margin-top: 45px;

	margin-right: 0;

	margin-bottom: 10px;

	margin-left: 0;		

}



#detalleinmueble {

  padding: 0 0 0 0;

}



#detalleinmueble .box .campodetalle{

  padding: 20px;

  margin-bottom: 20px;

  box-shadow: 10px 10px 15px rgba(73, 78, 92, 0.1); 

  background: #fff;

  transition: 0.4s;

}



#detalleinmueble .box:hover, 

#detalleinmueble .campodetalle:hover{

  box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);

  transform: translateY(-10px);

  -webkit-transform: translateY(-10px);

  -moz-transform: translateY(-10px);

}



#detalleinmueble .box .icon {

  float: left;

  padding-right: 10px;

}



.letrap{

	font-size: 12px;

}

.public{

	font-size: 12px;

	font-style: italic;

	font-weight: 300;

	color: #666;

	text-decoration: underline;

}



.titulo-not{

	font-size: 18px;

	font-weight: 600;

	text-decoration: underline;

	margin-left: -5px;

	padding-bottom: -10px;

}

.titulosina a{

	font-size: 14px !important;

	font-weight: 600 !important;

	color: #000 !important;

	text-decoration: none;

}



.notmarg{

	margin-left: -30px !important;	

}



#detalleinmueble .box .icon i {

  color: #444;

  font-size: 64px;

  transition: 0.5s;

  line-height: 0;

  margin-top: 34px;

}



#detalleinmueble .box .icon i:before {

  background: #0c2e8a;

  background: linear-gradient(45deg, #50d8af 0%, #a3ebd5 100%);

  background-clip: border-box;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



#detalleinmueble .box h4 {

  margin-left: 100px;

  font-weight: 700;

  margin-bottom: 15px;

  font-size: 22px;

}



#detalleinmueble .box h4 a {

  color: #444;

}



#detalleinmueble .box h2 {

	color: #16445b;

	font-weight: 600;

}



#detalleinmueble .box p {

  font-size: 14px;

  margin-left: 100px;

  margin-bottom: 0;

  line-height: 24px;

}



.campodetalle{

	border: 1px solid #CCC;

	padding: 10px;

	float: left;

	height: auto;

	width: 20%;	

}

.letracd {

	font-size: 18px;

	font-weight: 400;

	color: #16445b;

}

.letracdd {

	font-size: 18px;

	font-weight: 400;

	color: #16445b;

}

.letracddos {

	font-size: 20px;

	font-weight: 600;

	color: #666;

}



.letracdre {

font-size: 20px;

font-weight: 600;

color: #666;

}

.campomasdetallel{

	padding: 10px;

	float: left;

	height: auto;

	width: 56%;

	font-size: 16px;

	font-weight: 600;

	color: #666;

	border-right-width: 2px;

	border-right-style: solid;

	border-right-color: #CCC;

	box-shadow: 10px 10px 15px rgba(73, 78, 92, 0.1); 

  	background: #fff;

  	transition: 0.4s;

}



.campomasdetaller{

	padding: 10px;

	float: left;

	height: auto;

	width: 44%;

	font-size: 16px;

	font-weight: 600;

	color: #666;

	box-shadow: 10px 10px 15px rgba(73, 78, 92, 0.1); 

  	background: #fff;

  	transition: 0.4s;

}



.top_vya{

	font-size: 34px;

	font-weight: 600;

	color: #16445b;

}

.topdos{

	margin-top: 310px;

}



.topclasif{

	margin-top: -60px;

}





@media (max-width: 767px) {

	

.ocultardelmenu {

	visibility: visible !important;

}

	

	

  #detalleinmueble .box .box {

    margin-bottom: 20px;

  }



  #detalleinmueble .box .icon {

    float: none;

    text-align: center;

    padding-bottom: 15px;

  }



  #detalleinmueble .box h4,

  #detalleinmueble .box p {

    margin-left: 0;

    text-align: center;

 }

 

 .letracd {

	font-size: 14px;

	margin-left: -6px;

	font-weight: 300;

	color: #16445b;

}

.letracdd {

	font-size: 13px;

	margin-left: -2px;

	font-weight: 300;

	color: #16445b;

	padding-right: 7px;

}

.letracddos {

	font-size: 16px;

	margin-left: -2px;

	font-weight: 400;

	color: #666;

}

.letracdre {

font-size: 18px;

font-weight: 500;

color: #666;

}





.campodetalle{

	border: 1px solid #CCC;

	padding: 5px;

	float: left;

	height: auto;

	width: 20%;

	font-size: 18px;

	font-weight: 500;

	color: #666;

}

.campomasdetallel{

	padding: 10px;

	float: left;

	height: auto;

	width: 60%;

	font-size: 16px;

	font-weight: 600;

	color: #666;

	border-right-width: 2px;

	border-right-style: solid;

	border-right-color: #CCC;

	box-shadow: 10px 10px 15px rgba(73, 78, 92, 0.1); 

  	background: #fff;

  	transition: 0.4s;

}



.campomasdetaller{

	padding: 10px;

	float: left;

	height: auto;

	width: 40%;

	font-size: 14px;

	font-weight: 400;

	color: #666;	

	box-shadow: 10px 10px 15px rgba(73, 78, 92, 0.1); 

  	background: #fff;

  	transition: 0.4s;

}

.topdos{

	margin-top: 310px;

}



 

 }



@media (max-width: 360px) {

	

.ocultardelmenu {

	visibility: visible !important;

}	



.letracdd {

	font-size: 12px;

	margin-left: -2px;

	font-weight: 100;

	color: #16445b;

	padding-right: 7px;

}

.letracddos {

	font-size: 12px;

	margin-left: -2px;

	font-weight: 500;

	color: #666;

	

}

	 

 .letracd {

	font-size: 10px;

	margin-left: -15px;

	/*font-weight: 100;*/

	float:left;

	color: #16445b;

}

.letracdre {

font-size: 10px;

font-weight: 500;

margin-left: -16px;

color: #666;

float:left;

}



.campodetalle{

	border: 1px solid #CCC;

	padding: 0px;

	float: left;

	height: auto;

	width: 20%;

	color: #666;

	text-align:left;

	

}



.campomasdetallel{

	padding: 8px;

	float: left;

	height: auto;

	width: 100%;

	font-size: 14px;

	font-weight: 400;

	color: #666;	

	box-shadow: 10px 10px 15px rgba(73, 78, 92, 0.1); 

  	background: #fff;

  	transition: 0.4s;

}



html,body{

    overflow-x: hidden; 

    color:black; 

    /*font-family:'Opens Sans',helvetica;*/

    height:100%; 

    width:100%; 

    margin: 0px; 

    padding: 0px; 

}





.campomasdetaller{

	padding: 8px;

	float: left;

	height: auto;

	width: 100%;

	font-size: 14px;

	font-weight: 400;

	color: #666;	

	box-shadow: 10px 10px 15px rgba(73, 78, 92, 0.1); 

  	background: #fff;

  	transition: 0.4s;

}



.topdos{

	margin-top: 350px;

}



 

 }