.cotizacion_agua{
	position: relative;
	top: 206px;
}

.cotizacion_agua h1{
	width: 100%;
	margin-top: 15px;
	font-family: 'Hammersmith One';
	font-size: 1.6em;
	padding: 12px 10px; 
	//background: #6B980A;
	color: #222;
}

#cotizacion_agua{
	width: 100%;
	font-family: 'Montserrat';
	font-size: 0.8em;
	position: relative;
	
	/**/
	display: flex;
	flex-wrap: wrap;
	padding: 10px;
}

/*Cotizar**************/

#cotizar{
	width: 100%;
	border: 1px solid rgba(105, 125, 3, 0.5);
	outline: none;
	padding: 5px;
	background: rgb(173, 197, 49);
	box-shadow: rgba(105, 125, 3, 0.3) 0px 0px 10px inset;
	color: rgba(69, 82, 2, 1);	
}

#cotizar:hover{
	cursor: pointer;
}

/*********************/
#entradas > form > input, #entradas > form > select {
	padding: 3.5px;
	width: 100%;
	margin-bottom: 3px;	
	border: solid 1px #aaa;
}

#entradas > form > input:focus, #entradas > form > select:focus{
	outline: none;
	border: solid 1px #146E92;
	box-shadow: rgba(21, 173, 214,0.7) 0px 0px 7px;		
}
#entradas > p{
	width: 100%;
	text-align: justify;
	margin-top: 8.5px;
}

#entradas > p:nth-child(2),#entradas > p:nth-child(6){
	font-size: 1.65em;
	text-align: center;
	font-weight: bold;
	color: #16AFD8;
}

/*3 Secciones*/
#entradas{
	width: 100%;
	position: relative;
}

#bidones table,
#filtros table{
	width: 100%;
	border-collapse: collapse; 
}

#ver_mas_bidones,#ver_mas_filtros{
	display: none;
}

.ver_mas_label{
	background: rgba(21, 173, 214, 0.4);
	border-radius: 5px;
	outline: none;
	color: #04576E;
	font-family: 'Montserrat';
	padding: 5px;
}

.contenedor_ver_mas_label{
	width: 100%;
	text-align: center;
	margin-bottom: 5px;
}

.ver_mas_label:hover{
	cursor: pointer;
}

/*Bidones*/
.gasto_3a_bidones{
	background: rgba(160, 190, 8, 0.8);
	outline: none;
	//color: #04576E;
	font-family: 'Montserrat';
	padding: 5px;
	width: 100%;	
	margin-bottom: 5px;
	font-size: 0.95em;
	border-radius: 5px 5px 0px 0px;
}

.gasto_3a_bidones span{
	background: white;
	padding: 5px;
	border-radius: 5%;
	border-bottom: solid 1px white;
	border-top: solid 1px white;
	animation: zoom 0.9s infinite;
}

@keyframes zoom{
	0%,10%{
		background: white;
		border-bottom: solid 1px white;
		border-top: solid 1px white;
		color: #111;
	}
	20%,100%{
		border-bottom: solid 1px #353F02;
		border-top: solid 1px #353F02;
		background: #353F02;
		color: #fff;
	}
}

#bidones{
	display: none;
	padding-top: 3px;
	width: 100%;
	border-bottom: 1px solid #555;
}

#bidones > div:nth-child(2),
#bidones > div:nth-child(3){
	padding: 5px;
}

.datos > table td{
	padding: 3px;
}

.datos > table td:nth-child(1) {
	background: rgba(34, 166, 216, 0.4);
	border: 1px solid rgba(34, 166, 216, 0.7);
}

.datos > table td:nth-child(2) {
	background: rgba(171, 194, 48, 0.8);
	border: 1px solid rgba(160, 179, 56, 1);
}

#bidones > div:nth-child(3) > p:nth-child(1) {
	padding-bottom: 5px;
}

/*Gasto*/
.gasto{
	text-align: center;
	padding-top: 3px;
}

.gasto > p{
	background: rgba(171, 194, 48, 0.8);
	padding: 3px;
	border-bottom: 1px solid rgba(160, 179, 56, 1);
}

.gasto_item{
	overflow: auto;
}

.gasto_item > table th{
	background: rgba(171, 194, 48, 0.8);
	padding: 3px;
	border-left: 1px solid rgba(160, 179, 56, 1);
	border-right: 1px solid rgba(160, 179, 56, 1);
	border-bottom: 1px solid rgba(160, 179, 56, 1);
}

.gasto_item > table td{
	padding: 3px;
	background: rgba(171, 194, 48, 0.2);
	border-left: 1px solid rgba(160, 179, 56, 1);
	border-right: 1px solid rgba(160, 179, 56, 1);
	border-bottom: 1px solid rgba(160, 179, 56, 1);	
}

/*Filtros*/
#filtros{
	display: none;
	padding-top: 10px;
	width: 100%;
}

#filtros > div:nth-child(2),
#filtros > div:nth-child(3),
#filtros > div:nth-child(4),
#filtros > div:nth-child(7),
#filtros > div:nth-child(8){
	padding: 5px;
}

#filtros > div > p:nth-child(1) {
	padding-bottom: 5px;
}

.detalles{
	margin-top: 15px;
}

#filtros .detalles > div{
	padding: 3px;
	border: 1px solid #ccc;
}

#filtros .detalles > p{
	margin-bottom: 3.5px;
}

#filtros .detalles > div p{
	padding: 3px 0px;
}

.desaparecer{
	display: none;
}

/*cOMENTARIOS*/
#comentarios{
	display: none;
	padding-top: 10px;
	width: 100%;
}

#comentarios ul{
	margin-left: 20px;
	padding: 0;
}

#comentarios > ul > li{
	padding: 3.5px;
}

/***************/

@media (min-width: 1024px){
	.cotizacion_agua{
		position: relative;
		top: 86px;
	}
	
	#cotizacion_agua{
		width: 88%;
		left: 12%;
		justify-content: center;
	}	
	
	#entradas{
		width: 100%;
		display: flex;
		flex-direction: column;
		jusitfy-content: center;
		align-items: center;
	}
	#entradas > form{
		width: 30%;
	}
	#entradas > p{
		width: 60%;
	}
	#entradas > p:nth-child(2),#entradas > p:nth-child(6){
		font-size: 1.4em;
	}	
	#bidones{
		padding: 3px;
		width: 25%;
		border-bottom: none;
	}
	
	#filtros{
		padding: 3px;
		width: 50%;
	}

	#comentarios{
		padding: 3px;
		width: 25%;
	}

					
}