/* CSS Document */
#tramites { float: left; width: 80%; padding: 2% 10% }
#tramites h1 { color:#006400 }
#tramites h2 { float: left; width: 94%; margin: 0 0 10px; padding: 10px 3%; font-size: 1em; background:#0078b2; color:#fff !important }
#tramitesLeft { float: left; width: 24%; padding: 2% 3%; background: #EDF7FB; position: -webkit-sticky; position: sticky; top: 0 }
#tramitesLeft h2 { color:#0078b2; padding: 10px 5%; width: 90% }
#tramitesLeft ul { list-style: none; padding-left: 0px; clear: left }
#tramitesLeft ul li {  }
#tramitesLeft ul li a { display: block; padding: 3% 4%; font-size:0.9em }
#tramitesLeft ul li a.activo { color: #0078b2; font-weight: bold }
#tramitesLeft ul li a:hover { display: block; background:#006400; color:#ffffff; font-weight: normal }
#tramitesLeft #buscadorTR { float: left; width: 100%; margin-bottom: 20px }
#tramitesLeft #buscadorTR form { float: left; width: 100% }
#tramitesLeft #buscadorTR form #txtbuscarTR { float: left; width: 68%; padding: 0% 3%; margin: 1% 0%; height: 48px; border:none; border-radius: 5px 0px 0px 5px }
#tramitesLeft #buscadorTR form #btnbuscarTR { float: left; width: 26%; padding: 2%; margin: 1% 0%; background:url("../img/iconSearch.png") #0078b2 no-repeat center; background-size: 36%; border:none; height: 48px; border-radius: 0px 5px 5px 0px; text-indent: -200px }

#tramitesRight { float: left; width: 96%; margin: 0% 2% }
#tramitesRight .total { padding-left: 20px }

#tramitesFull { float: left; width: 70%; margin: 0% 15% }
#tramitesFull .total { padding-left: 20px }

.tramite { float: left; width: 96%; padding: 2%; border-bottom: 1px solid #ccc }
.tramite .info { float: left; width: 66%; padding: 2% 4% 2% 0% }
.tramite .info h3 { float: left; width: 100%; margin: 0; padding: 0; font-size: 1em }
.tramite .info h3 a { color:#0078b2 }
.tramite .info h3 a:hover { word-spacing: -1px; text-decoration: underline }
.tramite .info p { float: left; width: 100%; margin: 10px 0px 0px }

.tramite .detalle { float: left; width: 28%; padding: 1% }
.tramite .detalle span { float: left; width: 80%; padding: 2% 0% 2% 20%; font-size: 0.8em }
.tramite .detalle span.forma1 { background: url("../img/iconWeb.png") no-repeat 9% center; background-size: 8% }
.tramite .detalle span.forma2 { background: url("../img/iconTramitesForma.png") no-repeat 9% center; background-size: 7% }
.tramite .detalle span.forma3 { background: url("../img/iconPendiente.png") no-repeat 9% center; background-size: 7% }
.tramite .detalle span.costo { background: url("../img/iconTramitesCosto.png") no-repeat 9% center; background-size: 7% }
.tramite .detalle span.sincosto { background: url("../img/iconTramitesSinCosto.png") no-repeat 9% center; background-size: 7% }
.tramite .detalle span.duracion { background: url("../img/iconTramitesDuracion.png") no-repeat 9% center; background-size: 7% }
.tramite .detalle span.hojadevida { background: url("../img/pdf.png") no-repeat 9% center; background-size: 7% }
.tramite .detalle span.formulario { background: url("../img/pdf.png") no-repeat 9% center; background-size: 7% }
.tramite .detalle span.govco { background: url("../img/govco.png") no-repeat 9% center; background-size: 7% }

#tramitesLeft #buscadorTR #suggestions { box-shadow: 2px 2px 8px 0 rgb(0 0 0 / 20%); height: auto; position: absolute; z-index: 9999; width: 94%; margin: 12% 1% 0%; background: #fff }
#tramitesLeft #buscadorTR #suggestions div { float: left; width: 100%; padding: 0%; }
#tramitesLeft #buscadorTR #suggestions div a { display: block; width: 92%; padding: 2% 4%; color: #669b19; text-decoration: none; }
#tramitesLeft #buscadorTR #suggestions div a:hover { background: #f3f3f3; }

@media only screen and (max-width: 959px){
	#tramites { float: left; width: 90%; padding: 2% 5% }
	#tramitesLeft { float: left; width: 94%; padding: 2% 3% }
	#tramitesRight { float: left; width: 94%; margin: 2% 3% }
	#tramitesFull { float: left; width: 94%; margin: 2% 3% }
}