* { margin: 0; padding: 0; font-size: 1.4rem;}
html {font-size: 62.5%;}
body {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-weight: 300;
	background: #FFF;
	color: #666;
}
h1 {
	font-size: 2.1rem;
	text-align: center;
	line-height: 1;
	font-weight: 100;
	color: #49D100;
}
h2 {
	font-size: 1.6rem;
}
h3 {
	font-size: 1.4rem;
}
h2, h3{
	line-height: 1;
	font-weight: 100;
}
h4 {
	text-align: center;
	color: #49D100;
	font-weight: 400;
	margin-bottom: 20px;
	font-size: 1.8rem;
}
li {
	margin-bottom: 5px;
	list-style: inside;
}
#main {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	min-height: 350px;
}
#main canvas {
	cursor: pointer;
}

#tabla, #gastos, #requisitos {
	border: 1px solid #CBCBCB;
	padding: 10px 5px;
}
h1, h2, h3, h4,
#bancos, table, #gastos, #tabla {
	margin-bottom: 10px;
}
#bancos select {
	width: 100%;
	-webkit-appearance: none;
	border: 1px solid #49D100;;
	border-radius: 0;
	padding: 3px 5px;
	color: #49D100;
	background: #fff url(down.png) no-repeat 98% center;
}
#gastos li {
	list-style: none;
}
#gastos, #numeros, #requisitos{
	display: none;
}
table {
	border-collapse: collapse;
    border: 1px solid #CBCBCB;
    width: 100%;
}
th, td {
	border-right: 1px solid #CBCBCB;
	border-bottom: 1px solid #CBCBCB;
    font-size: 1.2rem;
    text-align: center;
    width: 33%;
}
th {
	background: #49D100;
	color: #FFF;
	font-weight: 300;
}
th:last-child {
	border-right: 0;
}
td {
	font-size: 1.5rem;
    font-weight: 500;
    color: #aaa;
    padding: 5px;
}
#tdi::after {
	content: '%';
}
#mmc::after, #vv::after {
	content: ' pesos';
}
#avaluo::before,
#gastosNotariales::before,
#comision::before
 {
 	content: '';
	font-weight: 400;
	color: #333;
}
#avaluo::before {
	content: 'Avalúo:';
}
#gastosNotariales::before {
	content: 'Gastos Notariales:';
}
#comision::before{
	content: 'Comisión';
}
#acotaciones p {
	font-size: 1.1rem;
	margin-bottom: 7px;
}
#fuente {
	border-top: 1px solid #666;
	padding-top: 7px;
}
@media screen and (max-width: 250px) {
    th {
        font-size: 4.5vw;
    }
}