@import url("reset.css");

body {
	background-color: #ec201f;/*#eaeaea;*/
	font-family: Verdana;
	font-size: 0.75em; /*12/16*/
	min-width: 846px;
}

a {
	text-decoration: none;
}

strong {
	font-weight: bold;
}

p {
	margin: 20px 2.3640661% 20px 2.3640661%; /*20/846*/ 
	text-align: justify;
}

h3 {
	font-weight: bolder;
	margin: 5px 2.3640661% 5px 2.3640661%;/*20/846*/ 
	/*background-color:#888D91;*/
	background-color: #ec201f;
	color: #FFFFFF;
	line-height: 2.5em; /*30/12*/
}

#main {
	width: 100%;
}

#header {
	background-color: #ffffff;
	width: 100%;
	height: 112px;
}

#header img {
	margin-left: 0.0976562%; /*20/1024*/
}

#titulo_header {
	float: right;
	color: #ec201f;
	margin-right: 7%;
	margin-top: 62px;
	height: 2em; /*40/20*/
	font-size: 1.666666667em; /*20/12*/
	font-weight: bold;
}

#div_logo {
	background-color: #ffffff;
	float: left;
}
#texto_header {
	background-color: #ffffff;
	float: right;	
	font-size: 1.666666667em; /*20/12*/
	color: #ec201f;
	margin-top: 60px;
	margin-right: 7%;
}

.vertical_bottom {
	height:151px; 
	width:0;
	visibility:hidden;
    vertical-align:middle;
    display:inline
}

/*
#menu {
	background-color: #585f65;
	width: 100%;
	color: #ffffff;
	height: 47px;
	line-height: 47px;
	text-align: center;
	clear: both;
}

#menu #menu_items {
	width: 90%;
	margin: 0px auto;
}

#menu #menu_items .menu_item {
	display: inline-block; 
	padding: 0 30px 0 30px;
}

#menu #menu_items .menu_item a {
	color: #ffffff;
}
*/

#content {
	background-color: #ec201f;/*#eaeaea;*/
	width: 100%; /*1024*/
	margin-top: 20px;
}

#categorias {
	width: 90%;
	background-color: #ffffff;
	background-image: url("../images/fondo_ci.jpg");
	background-position: right;
	background-repeat: no-repeat;
	-moz-background-size:contain; 
	-webkit-background-size:contain;
	background-size: contain;
	/*height: 226px;*/
	margin-right: auto;
	margin-left: auto;
	color: #585f65;
	font-weight: bold;
}

#categorias ul {
	list-style-image: url("../images/bullet.jpg");
	position: relative;
	margin-left: 10.3081597%; /*95/921.6*/
}

#categorias ul li{
	font-size: 1.666666667em; /*20/12*/
	line-height: 3.5em; /*70/20*/
}

#categorias ul li a {
	color: /*#585f65;*/ black;
}

#categorias ul li a:hover {
	color: #585f65;
}

#texto_com {
	background-color: #ffffff;
	color: #585f65;
	font-size: 1.166666667em; /*14/12*/
}

#texto_cont {
	width: 90%;/*761.4*/
	background-color: #ffffff;
	margin: 0 auto;
	color: #585f65;
	padding: 20px 1.182033% 20px 1.182033%; /*10/846*/
	font-size: 1.166666667em; /*14/12*/
}

#texto_cont ul {
	list-style: circle;
	margin-left: 6.5876152%; /*50/(761.4-2.4=759)*/
}

#texto_cont ul li {
	font-weight: bold;
	margin-bottom: 20px; 
}

#texto_cont ol {
	list-style:decimal;
	margin-left: 7.0521861%;/*50/709*/
}

#texto_cont ol li {
	font-weight:normal;
}

#texto_cont .recomendacion ul li {
	font-weight: normal;
	margin-left: 7.0521861%;/*50/709*/
}

#texto_cont .recomendacion ol li {
	margin-bottom: 20px;
}


#fotos {
	/*margin: 0px 64px 0 64px;*/
	margin-left: 5%;
	margin-right: 5%;
	background-color: #ffffff;
	float:left;
	width: 80%; /*819.2 --> 5% de borde -->716.8*/
	padding-top: 17px;
	padding-bottom: 50px;
	padding-left: 5%;
	padding-right: 5%;	
}

.marco_foto {
	width: 49.6651785%; /*356/716.8*/
}

.foto_home {
	
	/*height: 193px;*/
	overflow: hidden;
	padding: 5px 1.25% 5px 1.25%; /*1.25 = 5/400*/	
	background-color: /*#d3d3d3;*/black;
}

.foto_home img {
	max-width: 400px;
	width: 100%;
}

.left {
	float: left;
}

.right {
	float: right;
}

.texto_foto {
	clear: both;
	font-size: 1em;
	padding-top: 7px;
	color: #585f65;
}

.chico {
	font-size: 0.833333333em; /*10/12*/
	color: #b1b1b1;
}

#comunidades {
	width: 90%; /*921.6*/
	margin: 73px auto;
	/*text-align: center;*/
}

.comuna {
	/*height: 170px;*/
	width: 100%;
}

.titulo_comuna {
 	font-weight: bold;
 	font-size: 1.166666667em; /*14/12*/
 	line-height: 10.58333333em; /*127/12*/
 	float: left;
 	width: 19.53125%; /*160/819.2*/
}

.grupo_comuna {
	float: left;
	witdh: 78.46875%;
	display: block;
}

.comunidad {
	width: 168px; /* 20.9163346%; 168/803.2*/
	max-width: 168px;
	/*height: 169px;*/
	display: inline-block;
	margin: 0 0.3662109% 24px 0.3662109%; /*3/819.2*/
	text-align:left;
	font-size: 0.833333333em; /*10/12*/
}

.foto_comunidad {
	width: 100%; /*168/168*/
	/*height: 127px;*/
	background-color: #ffffff;
	margin-bottom: 9px;
}

.foto_comunidad img {
	margin: 11px 6.547619% 11px 6.547619%; /*11/168*/
	width: 86%;
}

.texto_foto_comunidad {
	height: 2.5em; /*30/12*/
	display:inline-table;
}

.lugar_comunidad {
	color: #b1b1b1;
}

#footer {
	height: 100px;
	width: 100%;
	clear: both;
	text-align: center;
	padding-top: 30px;
	color: #FFFFFF;
	font-weight: bold;
}

.clear {
	clear: both;
}

#login {
	margin: 0 auto;
	width: 35.4609929%; /*300/846*/
	text-align: center;
	margin-top: 100px;
}


#comunidad-sola {
	width: 90%;
	float: left;
	background-color: #ffffff;
	margin: 0 5%;
}

#comunidad-izq {
	width: 50%;
	float: left;
}

#comunidad-der {
	width: 50%;
	float: right;
}

#fotos-comunidad {
	margin: 40px 10.6382978%; /*90/846*/
	width: 73.9952721%; /*423-20-90*/
	background-color: #ffffff;
	float: left;
	padding: 10px 2.3640661%;/*90/423*/
	box-sizing:border-box;
}

.foto-int-comunidad {
	max-width: 144px;
	width: 31.3333333%;
	/*height: 105px;*/
	float: left;
	margin: 5px 1%;
}

.foto-int-comunidad img {
	width: 100%;
}

.foto-int-comunidad:hover {
	cursor:pointer;
}

#convenios {
	margin: 40px 10.6382978%; /*90/846*/
	width: 73.9952721%; /*423-20-90*/
	background-color: #ffffff;
	float: left;
	padding: 10px 2.3640661%;/*90/423*/
	box-sizing:border-box;
}

.convenio {
	max-width: 144px;
	width: 31.3333333%;
	/*height: 105px;*/
	float:left;
	margin: 5px 1%;
}

.convenio img {
	width: 100%;
}

.planilla-cobranza {
	font-size: 1em; /*12/12*/
	width: 100%;
}

.planilla-cobranza th {
	font-weight: bold;
	border: 1px solid #000000;
}

.planilla-cobranza td {
	border: 1px solid #000000;
	text-align: right;
	line-height: 1.666666667; /*20/12*/
}

.planilla-cobranza .sin-borde {
	border: none;
}

.planilla-cobranza .total {
	font-weight: bold;
}

.planilla-cobranza .rojo {
	color: #FF0000;
}

.flujos-cuentas {
	font-size: 1em; /*12/12*/
	width: 70%;
	margin: 0 auto;
	border: 1px solid #000000;
}

.flujos-cuentas-2 {
	font-size: 1em; /*12/12*/
	width: 70%;
	margin: 0 auto;
}

.tabla-gasto-comun {
	font-size: 1em; /*12/12*/
	width: 100%;
}

.tabla-gasto-comun td {
	padding: 3px 0.3546099% 3px 0.3546099%; /*3/846*/
}

.tabla-gasto-comun th {
	font-weight: bold;
	padding: 3px 0.3546099% 3px 0.3546099%; /*3/846*/
}

.td_borde {
	border: 1px solid black;
}

.td_bordeabajo {
	border-bottom: 1px solid black;
}

.td_bordearriba {
	border-top: 1px solid black;
}

.td_borde_costados {
	border-left: 1px solid black;
	border-right: 1px solid black;
}

.td_centrado {
	text-align: center;
}

.td_derecha {
	text-align: right;
}

.td_width50 {
	width: 5.9101654%; /*50/846*/
}

.td_width200 {
	width: 23.6406619%; /*200/846*/
}

.texto_grande_negro {
	font-size: 1.5em; /*18/12*/
	font-weight: bold;
}

.texto_negro {
	font-weight: bold;
}

.texto_subrayado {
	text-decoration: underline;
}

.hr_gc {
	margin-top: 50px;
	margin-bottom: 50px;
	border: 2px solid #eaeaea; 
	height: 2px; 
	background-color: #eaeaea;
	width: 100%;
}

#tabla_archivos {
	margin: 2.3640661%;/*20/846*/
}

#tabla_archivos td {
	padding: 5px 0.5910165%;
	color: #585f65;
	font-size: 1.166666667em; /*14/12*/
}

#tabla_archivos img {
	vertical-align: middle;
	width: 100%;
	max-width: 64px;
}

#busca_gc {
	margin: 20px;
}

#frm_contacto_div {
	background-color: #FFFFFF;
	float: left;
	margin: 0 5% 0 5%;
	width: 90%; /*819.2 -> por el 5% de margen*/
	color: #585F65;
}

#frm_contacto {
	margin-left: 6.1035156%; /*50/819.2*/
	padding: 40px 0 70px 0;
}

#frm_contacto label {
	width: 18.3105468%; /*150/819.2*/
	float: left;
	line-height: 2.5em; /*30/12*/
}

#frm_contacto input[type='text'] {
	width: 36.6210937%; /*300/819.2*/
	line-height: 2.5em; /*30/12*/
	margin-bottom: 10px;
}

#frm_contacto input[type='email'] {
	width: 36.6210937%; /*300/819.2*/
	line-height: 2.5em; /*30/12*/
	margin-bottom: 10px;
}

#frm_contacto input[type='submit'] {
	width: 18.3105468%; /*150/819.2*/
	margin-left: 18.3105468%; /*150/819.2*/
}

#frm_contacto .error {
	border: 1px dotted red;
}

#frm_contacto label.error {
	/*display: none !important;*/
	border: none;
	color: red;
	line-height: normal;
	width: inherit;
	font-style: italic;
	float: none;
}

.obs {
	font-size: 0.833333333em; /*10/12*/
}

.instrucciones {
	font-size: 1.166666667em;/*14/12*/
	font-weight: bold;
}

#proyectos {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.proyecto {
	width: 20%;
	max-width: 178px;
    margin: 20px 2%;
	display: inline-block;
	padding: 4px;
	background-color: #FFFFFF;
	text-align: left;
}

.proyecto img {
	width: 100%;
	border: 1px solid red;
    max-height: 132px;
    overflow: hidden;
}

.proyecto span {
	width: 100%;
	font-size: 0.833333333em;
	font-weight: bold;
}

#desc-proyecto {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	padding: 0.8em;
	box-sizing:border-box;
	color: #585f65;
	font-weight: bold;
}

#fotos-proyecto {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	text-align: center;
}

.foto-proyecto {
	width: 24.75%;
	max-width: 168px;
	/*margin: 20px 2%;*/
	padding: 0.8em;
	display: inline-block;
}

.foto-proyecto img {
	width: 100%;
	border: 1px solid red;
}

#corretaje {
    width: 96%;
    margin: 0 auto;
    text-align: center;
}

#corretaje img {
    width: 100%;
}

.col-izq, .col-cent, .col-der {
	display:inline-block;
}

.col-izq, .col-der {
	width: 20%;
}

.col-izq img, .col-der img {
	width: 100%;
}

.col-izq {
	margin-left: 4.5%;
}

.col-der {
	margin-right: 4.5%;
}


.col-cent {
	width: 50%;
	text-align: center;
	margin-top: 0;
	vertical-align:top;
}

.col-cent a {
	margin-bottom: 4.166666667em;
}

.btn-corretaje {
	background-color:#EC201F;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:3px solid #585F65;
	display:inline-block;
	color:#FFFFFF;
	/*font-family:Arial;*/
	font-size:1.25em;
	font-weight:bold;
	font-style:normal;
	height:4.166666667em;
	line-height:4.166666667em;
	width:30%;
	text-decoration:none;
	text-align:center;
    top: -8.33333334em;
    position: relative;
    margin: 10px;
}
.btn-corretaje:hover {
	background-color:#D3D3D3;
     color: #EC201F;
}
/* This button was generated using CSSButtonGenerator.com */

#propiedad {
	width: 90%;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	padding: 2%;
}

.informacion_prop {
	width: 28%;
	display: inline-block;
	vertical-align:top;
}

.informacion_prop p {
	line-height: 1.1rem;
	margin-top: 0px;
	padding-top: 0px;
}

.galeria_prop {
	width: 68%;
	display: inline-block;
	text-align: left;
	padding-left: 20px;
}

.foto_prop {
	width: 23%;
	display: inline-block;
	margin: 2px;
}

.foto_prop img {
	width: 100%;
	max-width: 144px;
	margin:0;
    max-height: 108px;
}